@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
/* Clinall arayüz güncellemesi – TEK DOSYA (5 dosyanın birleşimi). Tüm sayfalarda, sitenin mevcut CSS dosyalarından sonra yükleyin. */


/* ######## 01-clinall-ortak.css ######## */
/* ==========================================================
   Clinall – ORTAK STİLLER (tüm sayfalar)
   HTML / JS değişmez. Sitenin mevcut CSS dosyalarından SONRA yüklenmeli.
   Yükleme sırası: 01-ortak → 02-anasayfa → 03-listeleme → 04-klinik-detay
   ========================================================== */

/* ---------- Yazı tipi: Plus Jakarta Sans ----------
   Değiştirmek için --font değerini ve yukarıdaki @import satırını güncellemeniz yeterli.
   İkon fontları (Bootstrap Icons, Font Awesome) hariç tutuldu. */

:root{
  --c-primary:#0093D7;
  --c-primary-600:#0079B3;
  --c-primary-50:#E8F5FC;
  --c-navy:#0B2545;
  --c-ink:#1B2433;
  --c-muted:#667085;
  --c-line:#E6EAF0;
  --c-bg:#F6F8FB;
  --radius-lg:20px;
  --radius-md:14px;
  --shadow-sm:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.08);
  --shadow-md:0 8px 24px -6px rgba(16,24,40,.12);
  --shadow-lg:0 24px 48px -12px rgba(11,37,69,.28);
  --grad:linear-gradient(135deg,#00A8E8 0%,#0079B3 100%);
  --font:'Plus Jakarta Sans',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
body{color:var(--c-ink);-webkit-font-smoothing:antialiased;letter-spacing:-.005em}
body,body *:not(i):not(.bi):not([class*="fa-"]):not([class^="icon"]):not(.material-icons){font-family:var(--font)!important}

/* ---------- Header: ana sayfa (görsel üstü, şeffaf) ---------- */
.header-absolute .header-top{padding:14px 0}
.header-absolute .header-absolute-sign.btn{
  background:rgba(255,255,255,.14)!important;color:#fff!important;
  border:1px solid rgba(255,255,255,.35)!important;border-radius:999px!important;
  padding:8px 18px!important;font-weight:500;font-size:14px;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .2s;
}
.header-absolute .header-absolute-sign.btn img{filter:brightness(0) invert(1)}
.header-absolute .header-buttons .dropdown + .dropdown .header-absolute-sign.btn{background:#fff!important;color:var(--c-primary)!important;border-color:#fff!important}
.header-absolute .header-buttons .dropdown + .dropdown .header-absolute-sign.btn img{filter:none}
.header-absolute .header-absolute-klinik{color:#fff!important;border-left:1px solid rgba(255,255,255,.4)}

/* ---------- Header: iç sayfalar (beyaz) ---------- */
.header-listeleme{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--c-line);box-shadow:0 1px 0 rgba(16,24,40,.02)}
.header-listeleme .header-top{padding:12px 0}
.header-listeleme .header-absolute-sign.btn{
  border-radius:999px!important;padding:8px 18px!important;font-weight:600;font-size:14px;
  background:#fff!important;color:var(--c-primary)!important;border:1px solid rgba(0,147,215,.35)!important;transition:transform .2s;
}
.header-listeleme .header-buttons .dropdown + .dropdown .header-absolute-sign.btn{background:var(--grad)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 6px 16px -6px rgba(0,147,215,.6)}
.header-listeleme .header-absolute-klinik{color:var(--c-navy)!important;border-left:1px solid var(--c-line)}
.header-listeleme .header-search .dropdown-toggle{
  height:44px!important;border-radius:999px!important;background:var(--c-bg)!important;border:1px solid var(--c-line)!important;
  padding:0 18px 0 42px!important;box-shadow:none!important;color:var(--c-muted)!important;display:flex;align-items:center;position:relative;
}
.header-listeleme .header-search .dropdown-toggle::before{
  content:"";position:absolute;left:16px;top:50%;width:16px;height:16px;transform:translateY(-50%);background:var(--c-muted);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center/contain no-repeat;
}
.header-listeleme .header-search .dropdown-toggle:focus,.header-listeleme .header-search .dropdown-toggle:hover{border-color:var(--c-primary)!important;background:#fff!important}

/* ---------- Header: ortak ---------- */
.header-absolute-sign.btn:hover{transform:translateY(-1px)}
.header-absolute-klinik{font-weight:600;font-size:14px;padding-left:16px;margin-left:4px}
.header-buttons .dropdown-menu,.header-search .dropdown-menu{border:0!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important;padding:8px!important;margin-top:8px!important}
.header-buttons .dropdown-menu a{border-radius:10px;padding:10px 14px;font-size:14px}
.header-buttons .dropdown-menu a:hover{background:var(--c-primary-50);color:var(--c-primary)}

/* ---------- Bootstrap-select açılır listeleri (tüm sayfalar) ---------- */
.bootstrap-select .dropdown-menu{
  border:1px solid var(--c-line)!important;border-radius:16px!important;box-shadow:var(--shadow-lg)!important;
  padding:8px!important;margin-top:8px!important;min-width:300px!important;
}
.bootstrap-select .dropdown-menu.inner{padding:0!important;border:0!important;box-shadow:none!important;margin:0!important;min-width:0!important}
.bootstrap-select .inner{scrollbar-width:thin;scrollbar-color:#D0D5DD transparent}
.bootstrap-select .inner::-webkit-scrollbar{width:6px}
.bootstrap-select .inner::-webkit-scrollbar-thumb{background:#D0D5DD;border-radius:6px}
/* arama kutusu */
.bootstrap-select .bs-searchbox{padding:2px 2px 8px!important}
.bootstrap-select .bs-searchbox .form-control{
  height:42px;border-radius:12px!important;border:1px solid var(--c-line)!important;background-color:var(--c-bg)!important;
  padding:0 12px 0 38px!important;font-size:14px;color:var(--c-ink);box-shadow:none!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:13px center!important;background-size:16px!important;
}
.bootstrap-select .bs-searchbox .form-control::placeholder{color:#98A2B3}
.bootstrap-select .bs-searchbox .form-control:focus{border-color:var(--c-primary)!important;background-color:#fff!important;box-shadow:0 0 0 4px rgba(0,147,215,.12)!important}
/* grup başlıkları: boş olanlar gizlenir, dolu olanlar (ör. ŞEHİR) küçük etiket */
.bootstrap-select .dropdown-header:has(.text:empty){display:none!important}
.bootstrap-select .dropdown-header{padding:10px 12px 6px!important;font-size:11px!important;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--c-muted)!important}
.bootstrap-select .dropdown-header .text{color:inherit!important}
.bootstrap-select .dropdown-divider{margin:6px 4px!important;border-color:var(--c-line)!important;opacity:1}
/* gruplar arası boşluk (ayraç çizgisini site zaten ekliyor) */
.bootstrap-select .dropdown-header:not(:first-child) + li{margin-top:4px}
/* seçenekler */
.bootstrap-select .dropdown-menu li a.dropdown-item{
  display:flex!important;align-items:center;gap:10px;white-space:normal!important;
  padding:10px 12px!important;border-radius:10px!important;margin:1px 0;
  font-size:14px!important;font-weight:500;line-height:1.35;color:var(--c-ink)!important;background:transparent!important;
  transition:background .15s,color .15s;
}
.bootstrap-select .dropdown-menu li a .text{display:flex!important;align-items:center;justify-content:space-between;gap:10px;flex:1;min-width:0;color:inherit!important;font-weight:inherit}
/* hizmetler bir kademe içeride */
.bootstrap-select .dropdown-menu li a.opt:not(.firstopt){padding-left:26px!important;color:#344054!important;font-weight:400}
.bootstrap-select .dropdown-menu li a.opt:not(.firstopt)::before{content:"";flex:none;width:5px;height:5px;border-radius:50%;background:#D0D5DD;margin-left:-12px;margin-right:-2px}
/* uzmanlık (grup ana seçeneği) */
.bootstrap-select .dropdown-menu li a.firstopt{font-weight:700!important;color:var(--c-navy)!important}
/* sağdaki küçük etiket (Uzmanlık / Hizmet) */
.bootstrap-select .dropdown-menu li a .text small.text-muted{
  flex:none;margin-left:auto;font-style:normal!important;font-size:10.5px!important;font-weight:600;letter-spacing:.02em;
  padding:3px 9px;border-radius:999px;background:var(--c-bg);color:var(--c-muted)!important;border:1px solid var(--c-line);
}
.bootstrap-select .dropdown-menu li a.firstopt .text small.text-muted{background:var(--c-primary-50);color:var(--c-primary-600)!important;border-color:transparent}
/* hover / klavye odağı */
.bootstrap-select .dropdown-menu li a.dropdown-item:hover,
.bootstrap-select .dropdown-menu li a.dropdown-item:focus,
.bootstrap-select .dropdown-menu li.active:not(.selected) a.dropdown-item{
  background:var(--c-bg)!important;color:var(--c-primary)!important;outline:0;
}
.bootstrap-select .dropdown-menu li a.dropdown-item:hover::before{background:var(--c-primary)}
/* seçili */
.bootstrap-select .dropdown-menu li.selected a.dropdown-item{background:var(--c-primary-50)!important;color:var(--c-primary-600)!important;font-weight:700!important}
.bootstrap-select .dropdown-menu li.selected a.dropdown-item::after{
  content:"";flex:none;width:16px;height:16px;background:var(--c-primary);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat;
}
.bootstrap-select .dropdown-menu li.selected a .text small.text-muted{background:#fff;border-color:transparent}
/* bootstrap-select'in kendi onay işaretini gizle (yerine yukarıdaki geliyor) */
.bootstrap-select .dropdown-menu li a span.check-mark{display:none!important}
/* "Daha Fazla" satırı (gruba ait olmayan son seçenek): sabit alt buton */
.bootstrap-select .dropdown-menu li:has(> a.dropdown-item:not(.opt)){background:#fff;border-top:1px solid var(--c-line);padding-top:6px;margin-top:4px;z-index:2}
.bootstrap-select .dropdown-menu li > a.dropdown-item:not(.opt){justify-content:center;margin-top:2px}
.bootstrap-select .dropdown-menu li > a.dropdown-item:not(.opt) .text{justify-content:center}
.bootstrap-select .dropdown-menu li > a.dropdown-item:not(.opt) small.text-muted{
  margin:0!important;background:transparent!important;border:0!important;font-size:13.5px!important;font-weight:700;color:var(--c-primary)!important;padding:4px 0!important;
}
.bootstrap-select .dropdown-menu li > a.dropdown-item:not(.opt) small.text-muted::after{content:" →"}
.bootstrap-select .dropdown-menu li > a.dropdown-item:not(.opt):hover{background:var(--c-primary-50)!important}
.bootstrap-select .no-results{background:var(--c-bg)!important;border-radius:10px;padding:12px!important;font-size:13px;color:var(--c-muted)}
/* ana sayfa arama kutusundaki listeler biraz daha geniş */
.clinic-filter-form .bootstrap-select .dropdown-menu:not(.inner){min-width:360px!important}
/* şehir listesi tek seviyeli: girinti ve nokta yok */
.city-custom-select-picker .dropdown-menu li a.opt{padding-left:12px!important;font-weight:500!important;color:var(--c-ink)!important}
.city-custom-select-picker .dropdown-menu li a.opt::before{display:none!important}
.city-custom-select-picker .dropdown-menu li.selected a.opt{color:var(--c-primary-600)!important;font-weight:700!important}
.city-custom-select-picker .dropdown-menu li a.opt:hover{color:var(--c-primary)!important}

/* ---------- "Tümünü gör" butonları ---------- */
.tüm-makaleler{
  display:inline-flex!important;align-items:center;gap:8px;background:var(--grad)!important;color:#fff!important;border:0!important;
  border-radius:999px!important;padding:14px 30px!important;font-weight:600!important;font-size:15px!important;
  box-shadow:0 10px 24px -8px rgba(0,147,215,.65);transition:transform .2s;text-decoration:none;
}
.tüm-makaleler::after{content:"→";font-size:18px;transition:transform .2s}
.tüm-makaleler:hover{transform:translateY(-2px)}
.tüm-makaleler:hover::after{transform:translateX(3px)}

/* ---------- Şehir / branş link blokları ---------- */
.home-s7{padding:72px 0!important}
.home-s7 h3{font-size:clamp(20px,2.2vw,26px)!important;color:var(--c-navy)!important;text-align:center;margin-bottom:28px!important;font-weight:700!important}
.home-s7 a{text-decoration:none}
.home-s7 .custom-animation{border:1px solid var(--c-line)!important;border-radius:12px!important;background:#fff;padding:12px 16px!important;display:flex;align-items:center;height:100%;transition:border-color .2s,background .2s,transform .2s}
.home-s7 .custom-animation::before,.home-s7 .custom-animation::after{display:none!important}
.home-s7 .custom-animation span{font-size:13.5px!important;font-weight:500;color:var(--c-ink)!important;padding:0!important;white-space:normal!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}
.home-s7 .custom-animation span::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--c-primary);margin-right:8px;vertical-align:2px}
.home-s7 a:hover .custom-animation{border-color:var(--c-primary)!important;background:var(--c-primary-50);transform:translateY(-1px)}
.home-s7 a:hover .custom-animation span{color:var(--c-primary)!important}

/* ---------- SSS akordeon (tüm sayfalar) ---------- */
.accordion-flush .accordion-item{border:1px solid var(--c-line)!important;border-radius:var(--radius-md)!important;margin-bottom:10px;overflow:hidden;background:#fff;box-shadow:var(--shadow-sm)}
.accordion-flush .accordion-button{font-size:15px!important;font-weight:600!important;color:var(--c-navy)!important;padding:20px 24px!important;background:#fff!important;box-shadow:none!important}
.accordion-flush .accordion-button:not(.collapsed){color:var(--c-primary)!important;background:var(--c-primary-50)!important}
.accordion-flush .sss-dropdown-img{display:none}
.accordion-flush .accordion-button::after{display:block!important;background-image:none!important;content:"+";font-size:22px;font-weight:400;width:auto;height:auto;line-height:1;margin-left:auto;color:var(--c-primary);transform:none!important;transition:transform .25s!important}
.accordion-flush .accordion-button:not(.collapsed)::after{transform:rotate(45deg)!important}
.accordion-flush .accordion-body{font-size:14.5px;color:#475467;line-height:1.7;padding:4px 24px 22px!important}

/* ---------- Footer ---------- */
footer{background:#fff!important;border-top:1px solid var(--c-line)}
footer .footer-top{padding-top:64px!important;padding-bottom:40px!important}
footer .footer-list a{color:var(--c-muted)!important;font-size:14px;transition:color .2s,padding .2s;text-decoration:none}
footer .footer-list a:hover{color:var(--c-primary)!important;padding-left:3px}
footer .iletisim-infos-wp,footer .iletisim-infos-tel{border-radius:12px!important;box-shadow:var(--shadow-sm);transition:transform .2s}
footer .iletisim-infos-wp:hover,footer .iletisim-infos-tel:hover{transform:translateY(-2px)}
footer .footer-bottom{border-top:1px solid var(--c-line);padding-top:20px!important;color:var(--c-muted)}
footer .footer-bottom p{color:#98A2B3!important;font-size:11.5px!important;line-height:1.6}

@media (max-width:767.98px){
  .home-s7{padding:48px 0!important}
  .home-s7 .custom-animation{padding:10px 12px!important}
  .home-s7 .custom-animation span{font-size:12.5px!important}
  .accordion-flush .accordion-button{padding:16px 18px!important;font-size:14px!important}
  footer .footer-top{padding-top:44px!important}
}


/* ######## 02-clinall-anasayfa.css ######## */
/* ==========================================================
   Clinall – ANA SAYFA (01-ortak.css'den sonra yükleyin)
   ========================================================== */
.home-s2,section.listeleme-detay-sss,.makaleler:last-of-type{background:var(--c-bg)!important}

/* ---------- Hero ---------- */
.home-s1{position:relative}
.home-s1 .img-wrapper{position:relative}
.home-s1 .img-wrapper::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(1200px 500px at 50% 45%,rgba(11,37,69,.35),transparent 70%),
    linear-gradient(180deg,rgba(11,37,69,.55) 0%,rgba(11,37,69,.35) 45%,rgba(11,37,69,.7) 100%);
}
.home-s1 .clinic-filter-container{z-index:2}
.home-s1 h1{
  font-size:clamp(30px,4.2vw,52px)!important;font-weight:600!important;
  line-height:1.15!important;letter-spacing:-.02em;
  text-shadow:0 2px 24px rgba(0,0,0,.25);
}
.home-s1 h1 span{
  font-weight:800!important;
  background:linear-gradient(90deg,#7FD6FF,#FFFFFF);
  -webkit-background-clip:text;background-clip:text;color:transparent!important;
}
.home-s1 .home-s1-p{
  font-size:17px!important;opacity:.92;margin-top:10px;font-weight:400;
}

/* Arama kutusu: tek parça kart */
.clinic-filter-form{
  background:#fff;border-radius:var(--radius-lg);padding:8px!important;
  box-shadow:var(--shadow-lg);gap:8px!important;align-items:stretch!important;
  max-width:760px;margin:28px auto 0;
}
.clinic-filter-form .bootstrap-select{flex:1 1 0;width:auto!important}
.clinic-filter-form .bootstrap-select > .dropdown-toggle{
  height:56px!important;border:0!important;border-radius:14px!important;
  background:var(--c-bg)!important;color:var(--c-ink)!important;
  font-weight:500;padding:0 20px!important;box-shadow:none!important;
  display:flex;align-items:center;transition:background .2s;
}
.clinic-filter-form .bootstrap-select > .dropdown-toggle:hover{background:var(--c-primary-50)!important}
.clinic-filter-form .bootstrap-select > .dropdown-toggle::before{
  content:"";width:18px;height:18px;margin-right:10px;flex:none;
  background:var(--c-primary);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 12h-4l-3 9L9 3l-3 9H2'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 12h-4l-3 9L9 3l-3 9H2'/%3E%3C/svg%3E") center/contain no-repeat;
}
.clinic-filter-form .city-custom-select-picker > .dropdown-toggle::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12S4 16 4 10a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12S4 16 4 10a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}

.clinic-filter-form-submit{flex:none}
.clinic-filter-form-submit button{
  height:56px!important;min-width:140px;border:0!important;border-radius:14px!important;
  background:var(--grad)!important;color:#fff!important;font-weight:600!important;font-size:16px!important;
  box-shadow:0 8px 20px -6px rgba(0,147,215,.6);
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  transition:transform .2s,box-shadow .2s;
}
.clinic-filter-form-submit button::before{
  content:"";width:18px;height:18px;background:#fff;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center/contain no-repeat;
}
.clinic-filter-form-submit button:hover{transform:translateY(-1px);box-shadow:0 12px 24px -6px rgba(0,147,215,.7)}

/* ---------- Bölüm başlıkları ---------- */
.home-tabs-heading,.makaleler h2,section.listeleme-detay-sss h3{
  color:var(--c-navy)!important;letter-spacing:-.01em;
}
.home-tabs-heading,.makaleler > .container > h2{
  font-size:clamp(26px,3vw,36px)!important;font-weight:700!important;
}
.home-tabs-heading::before,.makaleler > .container > h2::before{
  content:"";display:block;width:40px;height:4px;border-radius:4px;
  background:var(--grad);margin:0 auto 14px;
}
.home-tabs-top p,.makaleler > .container > p{
  color:var(--c-muted)!important;font-size:15px!important;max-width:620px;margin-left:auto;margin-right:auto;line-height:1.6;
}
.home-s2,.makaleler{padding-top:80px!important;padding-bottom:80px!important}

/* ---------- Branş sekmeleri: segment kontrol ---------- */
.home-s2 .nav-tabs{
  border:0!important;background:#fff;display:inline-flex!important;padding:6px;gap:6px;
  border-radius:999px;box-shadow:var(--shadow-sm);border:1px solid var(--c-line)!important;
}
.home-s2 nav{display:flex;justify-content:center}
.home-s2 .nav-tabs .nav-link{
  border:0!important;border-radius:999px!important;padding:10px 22px!important;
  background:transparent!important;color:var(--c-muted)!important;font-weight:600;font-size:14px!important;
  display:inline-flex;align-items:center;gap:8px;box-shadow:none!important;
  transition:background .2s,color .2s;
}
.home-s2 .nav-tabs .nav-link:hover{color:var(--c-primary)!important;background:var(--c-primary-50)!important}
.home-s2 .nav-tabs .nav-link.active{background:var(--grad)!important;color:#fff!important;box-shadow:0 6px 16px -6px rgba(0,147,215,.7)!important}
.home-s2 .tab-icon img{width:22px;height:22px}

/* ---------- Klinik kartları ---------- */
.home-s2 .swiper{padding:12px 6px 28px!important}
.home-s2 .swiper-slide > a{
  display:block;background:#fff;border-radius:var(--radius-lg);overflow:hidden;
  box-shadow:var(--shadow-sm);border:1px solid var(--c-line);
  transition:transform .25s ease,box-shadow .25s ease;text-decoration:none;
}
.home-s2 .swiper-slide > a:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.home-tab-image{border-radius:0!important;overflow:hidden;aspect-ratio:4/3.4;margin:0!important}
.home-tab-image img{width:100%;height:100%!important;object-fit:cover;border-radius:0!important;transition:transform .5s ease}
.home-s2 .swiper-slide > a:hover .home-tab-image img{transform:scale(1.05)}
.home-tab-content{position:relative;padding:16px 18px 18px!important;display:block!important}
.home-tab-title span{
  font-size:16px!important;font-weight:700!important;color:var(--c-navy)!important;
  text-transform:none;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;
  padding-right:70px;
}
.home-tab-location p{
  font-style:normal!important;color:var(--c-muted)!important;font-size:13px!important;margin:6px 0 0!important;
  display:flex;align-items:center;gap:6px;
}
.home-tab-location p::before{
  content:"";width:14px;height:14px;background:var(--c-primary);flex:none;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12S4 16 4 10a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12S4 16 4 10a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") center/contain no-repeat;
}
.home-tab-rating{position:absolute;top:14px;right:16px}
.home-tab-point{
  display:inline-flex!important;align-items:center;gap:5px;
  background:#FFF7E8;color:#8A5A00!important;border-radius:999px;
  padding:4px 10px!important;font-size:13px!important;font-weight:700!important;
}
.home-tab-point img{width:14px!important;height:14px!important}

.home-s2 .swiper-button-next,.home-s2 .swiper-button-prev{
  width:44px!important;height:44px!important;border-radius:50%;background:#fff;
  box-shadow:var(--shadow-md);color:var(--c-primary)!important;
}
.home-s2 .swiper-button-next::after,.home-s2 .swiper-button-prev::after{font-size:16px!important;font-weight:700}
.home-s2 .swiper-button-disabled{opacity:.35!important}

/* ---------- Blog kartları ---------- */
.each-makale{
  display:block;background:#fff;border-radius:var(--radius-lg);overflow:hidden;
  border:1px solid var(--c-line);box-shadow:var(--shadow-sm);
  transition:transform .25s,box-shadow .25s;padding-bottom:18px;text-decoration:none;height:calc(100% - 24px);
}
.each-makale:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.each-makale-img{border-radius:0!important;overflow:hidden;aspect-ratio:16/11;margin-bottom:14px!important}
.each-makale-img img{width:100%;height:100%!important;object-fit:cover;border-radius:0!important;transition:transform .5s}
.each-makale:hover .each-makale-img img{transform:scale(1.05)}
.each-makale > .d-flex{padding:0 18px}
.each-makale > .d-flex span{font-style:normal!important;font-size:12px!important;color:var(--c-muted)!important}
.each-makale > .d-flex span:first-child{
  color:var(--c-primary)!important;font-weight:600;background:var(--c-primary-50);padding:3px 10px;border-radius:999px;
}
.each-makale h5{
  padding:0 18px;margin-top:10px!important;
  text-transform:none!important;font-size:15px!important;font-weight:600!important;line-height:1.45!important;
  color:var(--c-navy)!important;
}
.each-makale:hover h5{color:var(--c-primary)!important}

/* ---------- SSS bölümü ---------- */
section.listeleme-detay-sss{padding:80px 0!important}
section.listeleme-detay-sss h3{text-align:center;font-size:clamp(24px,2.6vw,32px)!important;margin-bottom:28px!important;background:transparent!important;padding:0!important;border:0!important}
section.listeleme-detay-sss .accordion{max-width:860px;margin:0 auto;border:0!important;background:transparent}

/* ---------- SEO metin bloğu ---------- */
.makaleler:last-of-type h2{font-size:clamp(22px,2.4vw,30px)!important}
.makaleler:last-of-type h2::before{display:none}
.makaleler:last-of-type p{max-width:860px;margin-left:auto;margin-right:auto;color:#475467!important;font-size:15px!important;line-height:1.75!important}

/* ---------- İnce ayarlar ---------- */
.home-s1 h1{font-size:clamp(28px,3.6vw,46px)!important}
.clinic-filter-form .filter-option,.clinic-filter-form .filter-option-inner{display:flex!important;align-items:center;height:100%}
.clinic-filter-form .filter-option-inner-inner{line-height:1.2!important;font-size:15px}
body .home-s2 nav #nav-tab.nav-tabs{display:inline-flex!important;width:auto!important;flex-wrap:nowrap!important;margin:0 auto}
body .home-s2 #nav-tab button.nav-link{border:none!important}
.home-s2 .swiper-slide > a{position:relative}
.home-tab-content{position:static!important}
.home-tab-rating{top:12px!important;right:12px!important;z-index:2}
.home-tab-point{background:rgba(255,255,255,.95)!important;color:var(--c-navy)!important;box-shadow:var(--shadow-sm);backdrop-filter:blur(6px)}
.home-tab-title span{padding-right:0!important}
.home-s2 .swiper-button-next,.home-s2 .swiper-button-prev{top:42%!important}
.each-makale{height:auto!important;min-height:0!important;padding-bottom:20px!important}
.each-makale > .d-flex span{white-space:nowrap}
.each-makale > .d-flex span:first-child{flex:0 0 auto!important;width:auto!important;max-width:none!important}
.each-makale > .d-flex span:last-child{flex:0 1 auto!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:11.5px!important}
.each-makale h5{margin-bottom:0!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:auto!important;max-height:none!important}

/* ---------- Metin sığdırma (kart genişliğine göre ölçeklenir) ---------- */
.home-s2 .swiper-slide > a{container-type:inline-size}
.home-tab-title span{
  font-size:clamp(12px,5.1cqi,15px)!important;line-height:1.3!important;
  -webkit-line-clamp:2!important;white-space:normal!important;min-height:2.6em;letter-spacing:-.01em;word-break:break-word;
}
.home-tab-rating:not(:has(img)){display:none!important}
.each-makale{container-type:inline-size}
.each-makale > .d-flex{gap:6px!important}
.each-makale > .d-flex span:first-child{font-size:10px!important;padding:2px 8px!important;letter-spacing:.01em}
.each-makale > .d-flex span:last-child{font-size:clamp(10px,4.6cqi,11.5px)!important}
.each-makale h5{font-size:clamp(13px,6.6cqi,15px)!important}

/* ---------- Mobil ---------- */
@media (max-width:767.98px){
  .home-s1 h1{font-size:28px!important}
  .home-s1 .home-s1-p{font-size:14.5px!important}
  .clinic-filter-form{flex-direction:column!important;padding:10px!important;margin-top:20px;border-radius:18px}
  .clinic-filter-form .bootstrap-select{width:100%!important;flex:none}
  .clinic-filter-form .bootstrap-select > .dropdown-toggle,.clinic-filter-form-submit button{height:52px!important}
  .clinic-filter-form-submit button{width:100%}
  body .home-s2 nav #nav-tab.nav-tabs{overflow-x:auto;max-width:100%}
  .home-s2 .nav-tabs .nav-link{padding:9px 14px!important;white-space:nowrap;font-size:13px!important}
  .home-s2,.makaleler,section.listeleme-detay-sss{padding-top:56px!important;padding-bottom:56px!important}
  .home-tabs-top p,.makaleler > .container > p{font-size:14px!important}
  .each-makale h5{font-size:14px!important}
}


/* ######## 03-clinall-listeleme.css ######## */
/* ==========================================================
   Clinall – KLİNİK LİSTELEME SAYFASI (/klinikler/...)
   01-ortak.css'den sonra yükleyin.
   ========================================================== */
section.listeleme{background:var(--c-bg);padding-top:28px!important;padding-bottom:56px!important}
section.listeleme .title-list{
  font-size:clamp(22px,2.4vw,30px)!important;font-weight:700!important;color:var(--c-navy)!important;
  letter-spacing:-.01em;margin-bottom:20px!important;
}

/* ---------- Filtre paneli ---------- */
#filter-form{
  background:#fff!important;border:1px solid var(--c-line)!important;border-radius:var(--radius-lg)!important;
  box-shadow:var(--shadow-sm);padding:22px!important;width:auto!important;
}
@media (min-width:992px){#filter-form{position:sticky;top:96px}}
#filter-form .listeleme-filter{width:100%!important}
#filter-form .filter-each .bootstrap-select > .dropdown-toggle{
  height:46px!important;border-radius:12px!important;border:1px solid var(--c-line)!important;background:var(--c-bg)!important;
  color:var(--c-ink)!important;font-weight:500;font-size:14px;box-shadow:none!important;display:flex;align-items:center;padding:0 14px!important;
}
#filter-form .filter-each .bootstrap-select > .dropdown-toggle:hover{border-color:var(--c-primary)!important;background:#fff!important}
#filter-form .filter-option,#filter-form .filter-option-inner{display:flex!important;align-items:center;height:100%}
#filter-form .filter-option-inner-inner{line-height:1.2!important}
#filter-form .filter-each-button{
  width:100%!important;display:flex!important;justify-content:space-between;align-items:center;
  border-radius:10px!important;padding:12px 10px!important;font-weight:600;color:var(--c-navy)!important;font-size:14px!important;
  transition:background .2s,color .2s;
}
#filter-form .filter-each-button:hover{background:var(--c-primary-50)!important;color:var(--c-primary)!important}
#filter-form .filter-hr,#filter-form hr{border-color:var(--c-line)!important;opacity:1;margin:2px 0!important}
#filter-form input[type=checkbox]{accent-color:var(--c-primary);width:16px;height:16px}
#filter-form .filter-checkbox label,#filter-form [class*="filter-checkbox"] label{font-size:13.5px;color:#344054}
#filter-form .blue-button{background:var(--grad)!important;border-radius:12px!important;color:#fff!important;font-weight:600;text-align:center;padding:12px!important}

/* ---------- Sonuç / sıralama çubuğu ---------- */
.listeleme-order-map{
  background:#fff!important;border:1px solid var(--c-line)!important;border-radius:var(--radius-md)!important;
  box-shadow:var(--shadow-sm);padding:12px 18px!important;height:auto!important;min-height:58px;
}
.listeleme-results{color:var(--c-muted)!important;font-size:14px!important}
.listeleme-results b,.listeleme-results strong{color:var(--c-navy)}
.listeleme-order{
  border:1px solid var(--c-line);border-radius:999px;padding:6px 14px!important;cursor:pointer;
  font-weight:600;font-size:13.5px;color:var(--c-navy);transition:border-color .2s;
}
.listeleme-order:hover{border-color:var(--c-primary)}
.listeleme-order-dropdown{border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important;border:0!important;overflow:hidden}
.sorting-options button{border-radius:8px;padding:10px 14px!important;font-size:13.5px}
.sorting-options button:hover{background:var(--c-primary-50)!important;color:var(--c-primary)!important}
.listeleme-order-map .switch .slider{background:#D0D5DD!important}
.listeleme-order-map .switch input:checked + .slider{background:var(--c-primary)!important}

/* ---------- Klinik kartları ---------- */
.listeleme-each{
  background:#fff!important;border:1px solid var(--c-line)!important;border-radius:var(--radius-lg)!important;
  overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:16px!important;height:auto!important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s;
}
.listeleme-each:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:rgba(0,147,215,.25)!important}
.listeleme-each .row{min-height:220px}
.listeleme-each .position-relative{height:100%;overflow:hidden}
.listeleme-each-img{width:100%!important;height:100%!important;min-height:220px;object-fit:cover;transition:transform .5s ease}
.listeleme-each:hover .listeleme-each-img{transform:scale(1.05)}
.listeleme-each-favorite .favorite-btn{
  width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.92);display:inline-flex;align-items:center;justify-content:center;
  box-shadow:var(--shadow-sm);backdrop-filter:blur(6px);
}
.listeleme-each-infos{padding:24px 28px!important;height:100%!important;display:flex;flex-direction:column}
.listeleme-each-title h4{font-size:20px!important;font-weight:700!important;color:var(--c-navy)!important;margin-bottom:4px!important;letter-spacing:-.01em}
.listeleme-each-title > span:nth-of-type(1){display:none}
.listeleme-each-title > span{
  display:inline-flex;align-items:center;gap:6px;font-size:13.5px!important;color:var(--c-muted)!important;font-style:normal!important;
}
.listeleme-each-title > span:last-child::before{
  content:"";width:14px;height:14px;background:var(--c-primary);flex:none;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12S4 16 4 10a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12S4 16 4 10a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") center/contain no-repeat;
}
.listeleme-review{
  background:#FFF7E8;border-radius:999px;padding:5px 12px!important;align-items:center!important;
  font-weight:700;font-size:14px;color:#8A5A00;margin-right:44px;white-space:nowrap;
}
.listeleme-review img{width:15px!important;height:15px!important}
.listeleme-each-tags{margin-top:auto!important;display:flex;flex-wrap:wrap;gap:6px}
.listeleme-each-tags > *{
  background:var(--c-primary-50)!important;color:var(--c-primary-600)!important;border:0!important;border-radius:999px!important;
  padding:4px 12px!important;font-size:12px!important;font-weight:500;
}
.listeleme-each-infos::after{
  content:"Profili incele →";margin-top:auto;padding-top:14px;align-self:flex-end;
  font-size:13.5px;font-weight:600;color:var(--c-primary);
}
.listeleme-each-tags:not(:empty) + *,.listeleme-each-tags:not(:empty){margin-top:14px!important}

/* ---------- Sayfalama ---------- */
.listeleme-pagination{gap:6px;align-items:center;margin-top:24px!important}
.listeleme-pagination .page-number{
  min-width:40px;height:40px;border-radius:12px!important;border:1px solid var(--c-line)!important;background:#fff!important;
  color:var(--c-navy)!important;font-weight:600;font-size:14px;display:inline-flex!important;align-items:center;justify-content:center;
  transition:border-color .2s,color .2s;
}
.listeleme-pagination .page-number:hover{border-color:var(--c-primary)!important;color:var(--c-primary)!important}
.listeleme-pagination .page-number.active{background:var(--grad)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 6px 16px -6px rgba(0,147,215,.6)}
.listeleme-pagination .prev-btn,.listeleme-pagination .next-btn{
  width:40px;height:40px;border-radius:12px;background:#fff;border:1px solid var(--c-line)!important;display:inline-flex!important;align-items:center;justify-content:center;
}
.listeleme-pagination .disabled{opacity:.4}

/* ---------- "Kliniğiniz mi var?" CTA ---------- */
.clinic-davet{
  background:radial-gradient(600px 200px at 100% 0%,rgba(0,168,232,.45),transparent 70%),linear-gradient(135deg,#0B2545 0%,#123A66 100%)!important;
  border:0!important;border-radius:var(--radius-lg)!important;padding:28px 32px!important;box-shadow:var(--shadow-md);color:#fff;
}
.clinic-davet h2,.clinic-davet h3,.clinic-davet h4,.clinic-davet h5{color:#fff!important;font-weight:700!important}
.clinic-davet p,.clinic-davet span{color:rgba(255,255,255,.8)!important}
.clinic-davet .custom-animation,.clinic-davet a{
  background:#fff!important;color:var(--c-navy)!important;border:0!important;border-radius:999px!important;
  padding:12px 22px!important;font-weight:700;text-decoration:none;white-space:nowrap;
}
.clinic-davet .custom-animation span{color:var(--c-navy)!important}
.clinic-davet .custom-animation::before,.clinic-davet .custom-animation::after{display:none!important}

/* ---------- SEO / içerik bloğu ---------- */
.listeleme-home-s7 + section .container > div,
section.listeleme ~ section:not(.home-s7) .container > div{
  border-radius:var(--radius-lg)!important;
}
.listeleme-home-s7{background:var(--c-bg)!important;padding-top:24px!important}

/* ---------- İnce ayarlar ---------- */
.listeleme-review:not(:has(span)),.listeleme-review:has(> span:empty){display:none!important}
.clinic-davet a{background:transparent!important;padding:0!important;border-radius:0!important}
.clinic-davet .custom-animation{display:inline-flex!important;align-items:center}
.listeleme-home-s7 h3{font-size:18px!important}

/* Klinik adı kart genişliğine göre ölçeklenir */
.listeleme-each-infos{container-type:inline-size}
.listeleme-each-title{min-width:0;flex:1 1 auto}
.listeleme-each-title h4{font-size:clamp(15px,4.3cqi,20px)!important;line-height:1.25!important;word-break:break-word}
.listeleme-review{flex:none}

/* ---------- Clinall köşe bandı (Pro üyeler) ----------
   Sitenin mevcut bandı (rozet-right.svg) aynen korunur; sadece yeni yuvarlak
   kart köşesinde kesilmeden, düzgün oturması sağlanır:
   - kart ve sütunların overflow:hidden'ı kaldırılır (bant köşeden taşabilsin)
   - görsel sütunu kendi köşelerinden yuvarlanır (resim yine kırpılı kalır)
   - bant köşeye hizalanır, hafif gölge ile kartın üstünde durur
   Bandı olmayan kartlardaki boş alan gizlenir. HTML değişmez. */
.listeleme-review{margin-right:0!important}
.listeleme-each,.listeleme-each .row > [class*="col-"]{overflow:visible!important}
.listeleme-each .row{margin:0!important}
.listeleme-each .row > [class*="col-"]:first-child{padding:0!important}
.listeleme-each .position-relative{overflow:hidden;border-radius:19px 0 0 19px}
.listeleme-each-clin:not(:has(img)){display:none!important}
.listeleme-each-clin:has(img){
  position:absolute!important;top:-6px!important;right:-6px!important;width:78px!important;height:auto!important;
  z-index:2;pointer-events:none;filter:drop-shadow(0 3px 4px rgba(11,37,69,.18));
}
.listeleme-each-clin:has(img) img{display:block!important;width:100%!important;height:auto!important}
@media (max-width:767.98px){
  /* mobilde kart dikey: bant görselin sağ üst köşesine, karta göre konumlanır */
  .listeleme-each{position:relative}
  .listeleme-each .row > .col-md-8{position:static!important}
  .listeleme-each .position-relative{border-radius:19px 19px 0 0}
  .listeleme-each-clin:has(img){width:66px!important}
}

/* ---------- Mobil ---------- */
@media (max-width:991.98px){
  section.listeleme{padding-top:12px!important}
  .stck{
    position:sticky;top:64px;z-index:20;background:rgba(246,248,251,.92);backdrop-filter:blur(10px);
    padding:10px 0!important;gap:8px!important;margin-bottom:6px;
  }
  .stck > *{
    flex:1;border:1px solid var(--c-line)!important;background:#fff!important;border-radius:999px!important;
    height:42px;display:flex!important;align-items:center;justify-content:center;gap:6px;font-weight:600;font-size:13.5px;color:var(--c-navy)!important;
    box-shadow:var(--shadow-sm);
  }
  .stck > .btn.opn{background:var(--grad)!important;color:#fff!important;border-color:transparent!important}
  .stck > .btn.opn svg,.stck > .btn.opn img{filter:brightness(0) invert(1)}
  section.listeleme .title-list{font-size:21px!important;margin-bottom:6px!important}
  section.listeleme .title-list + span{font-size:13px;color:var(--c-muted)}
  #filter-form{border-radius:24px 24px 0 0!important;box-shadow:var(--shadow-lg)}
  .listeleme-mobile-filtreler{font-weight:700;color:var(--c-navy)}
}
@media (max-width:767.98px){
  .listeleme-each .row{min-height:0}
  .listeleme-each .position-relative{height:auto}
  .listeleme-each-img{aspect-ratio:16/10;min-height:0;height:auto!important}
  .listeleme-each-infos{padding:16px 18px 18px!important}
  .listeleme-each-title h4{font-size:clamp(15px,5cqi,17px)!important}
  .listeleme-review{margin-right:0;padding:4px 10px!important;font-size:13px}
  .listeleme-each-infos::after{align-self:stretch;text-align:center;background:var(--c-primary-50);border-radius:12px;padding:11px;margin-top:14px}
  .clinic-davet{padding:22px!important;text-align:center}
  .clinic-davet > *{flex-direction:column;gap:14px}
  .listeleme-pagination .page-number,.listeleme-pagination .prev-btn,.listeleme-pagination .next-btn{min-width:36px;width:auto;height:36px}
}


/* ######## 04-clinall-klinik-detay.css ######## */
/* ==========================================================
   Clinall – KLİNİK DETAY SAYFASI (/klinik-detay/...)
   01-ortak.css'den sonra yükleyin.
   ========================================================== */
section.listeleme-detay{background:var(--c-bg);padding-top:20px!important;padding-bottom:56px!important}

/* ---------- Breadcrumb ---------- */
.listeleme-detay .breadcrumbs{
  background:transparent!important;border:0!important;padding:4px 0!important;margin-bottom:14px!important;
  font-size:13px;color:var(--c-muted);
}
.listeleme-detay .breadcrumbs a{color:var(--c-muted)!important;text-decoration:none}
.listeleme-detay .breadcrumbs a:hover{color:var(--c-primary)!important}

/* ---------- Kart yüzeyleri ---------- */
.klinik-detay-top-container,
.listeleme-detay-hizmetler,
.listeleme-detay-owner,
.listeleme-detay-degerlendirmeler{
  background:#fff!important;border:1px solid var(--c-line)!important;border-radius:var(--radius-lg)!important;
  box-shadow:var(--shadow-sm);
}
.klinik-detay-top-container{padding:16px!important}
.listeleme-detay-hizmetler,.listeleme-detay-owner{padding:28px!important}
.listeleme-detay-degerlendirmeler{overflow:hidden}

/* ---------- Galeri ---------- */
.listeleme-detay-gallery,.listeleme-detay-gallery .swiper{border-radius:14px!important;overflow:hidden}
.swiper-clinic-gallery-img,.listeleme-detay-gallery img{border-radius:14px!important;object-fit:cover}
.listeleme-detay-gallery .swiper-button-next,.listeleme-detay-gallery .swiper-button-prev{
  width:40px!important;height:40px!important;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:var(--shadow-md);color:var(--c-primary)!important;
}
.listeleme-detay-gallery .swiper-button-next::after,.listeleme-detay-gallery .swiper-button-prev::after{font-size:15px!important;font-weight:700}
.listeleme-detay-gallery .swiper-pagination-bullet-active{background:#fff!important;width:20px;border-radius:4px}

/* ---------- Başlık / adres / puan ---------- */
.listeleme-detaylar-top{padding:18px 8px 6px!important}
.listeleme-detay-title h1,.listeleme-detay-title h2,.listeleme-detay-title-content h1{
  font-size:clamp(22px,2.4vw,30px)!important;font-weight:700!important;color:var(--c-navy)!important;letter-spacing:-.01em;margin:0!important;
}
.listeleme-detay-title-content > span,.listeleme-detay-title-content p{color:var(--c-primary)!important;font-style:normal!important;font-size:14px!important;font-weight:500}
.listeleme-detay-fav .favorite-btn,.listeleme-detay-fav{
  width:38px;height:38px;border-radius:50%;background:var(--c-primary-50);display:inline-flex;align-items:center;justify-content:center;
}
.klinik-detay-adres{color:var(--c-muted)!important;font-size:14px!important;line-height:1.55;margin-top:10px!important}
.klinik-detay-adres-detay{color:#475467!important}
.listeleme-detay-score{
  background:#FFF7E8!important;border-radius:14px!important;padding:10px 14px!important;display:inline-flex!important;align-items:center;gap:8px;
}
.listeleme-detay-puan{font-size:20px!important;font-weight:800!important;color:#8A5A00!important}

/* ---------- Aksiyon butonları ---------- */
.listeleme-detaylar-bottom{padding:8px!important}
.listeleme-detay-butonlar{display:flex!important;flex-wrap:wrap;gap:10px!important}
.listeleme-detay-butonlar .detay-buton{
  height:46px;border-radius:12px!important;border:1px solid var(--c-line)!important;background:#fff!important;
  color:var(--c-navy)!important;font-weight:600!important;font-size:13.5px!important;padding:0 16px!important;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:1 1 auto;
  transition:border-color .2s,color .2s,transform .2s,background .2s;
}
.listeleme-detay-butonlar .detay-buton:hover{border-color:var(--c-primary)!important;color:var(--c-primary)!important;background:var(--c-primary-50)!important;transform:translateY(-1px)}
.listeleme-detay-butonlar .detay-buton i,.listeleme-detay-butonlar .detay-buton .bi{color:var(--c-primary);font-size:16px}
.listeleme-detay-butonlar .randevu-al{
  background:var(--grad)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 8px 18px -8px rgba(0,147,215,.7);
}
.listeleme-detay-butonlar .randevu-al i,.listeleme-detay-butonlar .randevu-al .bi,.listeleme-detay-butonlar .randevu-al span{color:#fff!important}
.listeleme-detay-butonlar .randevu-al:hover{background:var(--grad)!important;color:#fff!important}
.listeleme-detay-butonlar .randevu-al img,.listeleme-detay-butonlar .randevu-al svg{filter:brightness(0) invert(1)}

/* ---------- İçerik bölümleri (Hizmetler, Hakkımızda, Olanaklar...) ---------- */
.listeleme-detay-hizmetler h2,.listeleme-detay-hizmetler h3,.listeleme-detay-hizmetler h4,
.listeleme-detay-owner-title,.degerlendirme-title,.degerlendirme-title *{
  color:var(--c-navy)!important;font-weight:700!important;letter-spacing:-.01em;
}
.listeleme-detay-hizmetler h2,.listeleme-detay-hizmetler h3{font-size:20px!important}
.listeleme-detay-hizmetler > div + div{border-top:1px solid var(--c-line);padding-top:24px!important;margin-top:24px!important}
.listeleme-detay-hizmetler p{color:#475467;line-height:1.75;font-size:15px}
.listeleme-detay-each-hizmet{
  background:var(--c-bg);border-radius:10px;padding:10px 12px!important;font-size:13.5px!important;color:var(--c-ink)!important;
  margin-bottom:8px;
}
.listeleme-detay-each-hizmet::marker{content:""}
.listeleme-detay-hizmetler-more{
  display:inline-flex;align-items:center;gap:6px;margin:10px auto 0;color:var(--c-primary)!important;
  font-weight:600;font-size:14px;border:1px solid rgba(0,147,215,.35);border-radius:999px;padding:9px 20px!important;cursor:pointer;
  background:#fff;transition:background .2s;
}
.listeleme-detay-hizmetler-more:hover{background:var(--c-primary-50)}
.olanaklarimiz-list .half{background:var(--c-bg);border-radius:14px;padding:16px!important}
.olanaklarimiz-list .half-title{font-weight:600;color:var(--c-navy)!important;font-size:14px}
.calisma-saatleri-wrapper{color:#475467}
.ilgi-alanlari-wrapper{display:flex;flex-wrap:wrap;gap:8px}
.ilgi-alanlari-wrap{
  background:var(--c-primary-50)!important;border:0!important;border-radius:999px!important;color:var(--c-primary-600)!important;
  padding:7px 14px!important;font-size:13px!important;font-weight:500;text-decoration:none;transition:background .2s,color .2s;margin:0!important;
}
.ilgi-alanlari-wrap:hover{color:#fff!important}

/* ---------- İlgili kişiler ---------- */
.owner-wrap{background:var(--c-bg);border-radius:16px;padding:18px!important;gap:18px}
.owner-wrap-image img{border-radius:14px}
.owner-wrap-text,.owner-wrap-content h5,.owner-wrap-content h4{color:var(--c-navy)!important;font-weight:700}
.listeleme-detay-owner .blue-button,.listeleme-detay-owner .white-button{
  height:42px;border-radius:999px!important;padding:0 18px!important;font-weight:600!important;font-size:13.5px!important;
  display:inline-flex;align-items:center;gap:8px;
}
.listeleme-detay-owner .blue-button{background:var(--grad)!important;color:#fff!important;border:0!important}
.listeleme-detay-owner .white-button{background:#fff!important;color:var(--c-primary)!important;border:1px solid rgba(0,147,215,.35)!important}

/* ---------- Değerlendirmeler ---------- */
.degerlendirme-title{padding:22px 28px!important;border-bottom:1px solid var(--c-line)}
.degerlendirme-comments{padding:24px 28px!important;background:var(--c-bg)!important}

/* ---------- Bilgi alma formu ---------- */
.listeleme-detay-form{
  background:#fff!important;border:1px solid var(--c-line)!important;border-radius:var(--radius-lg)!important;
  box-shadow:var(--shadow-md);padding:26px!important;top:90px!important;
}
.listeleme-detay-form-title,.listeleme-detay-form-title *{color:var(--c-navy)!important;font-weight:700!important}
.listeleme-detay-form-title h2,.listeleme-detay-form-title h3,.listeleme-detay-form-title h4{font-size:20px!important}
.listeleme-detay-form-title p{color:var(--c-muted)!important;font-weight:400!important;font-size:13.5px!important;line-height:1.55}
.listeleme-detay-form input[type=text],.listeleme-detay-form input[type=email],.listeleme-detay-form input[type=tel],
.listeleme-detay-form .bootstrap-select > .dropdown-toggle,.listeleme-detay-form select,.listeleme-detay-form textarea{
  height:48px;border:1px solid var(--c-line)!important;background:var(--c-bg)!important;border-radius:12px!important;
  font-size:14px!important;box-shadow:none!important;transition:border-color .2s,background .2s;
}
.listeleme-detay-form textarea{height:auto}
.listeleme-detay-form input:focus,.listeleme-detay-form textarea:focus{border-color:var(--c-primary)!important;background:#fff!important;outline:0;box-shadow:0 0 0 4px rgba(0,147,215,.12)!important}
.listeleme-detay-form .iti{width:100%}
.listeleme-detay-form .iti__selected-flag{border-radius:12px 0 0 12px;background:transparent!important}
.forum-group-checkbox{font-size:12px!important;color:var(--c-muted)!important;line-height:1.5}
.forum-group-checkbox input[type=checkbox]{accent-color:var(--c-primary);width:16px;height:16px}
.forum-group-checkbox a{color:var(--c-navy)!important;font-weight:600}
.listeleme-detay-form .blue-button{
  width:100%;height:50px;background:var(--grad)!important;color:#fff!important;border:0!important;border-radius:14px!important;
  font-weight:700!important;font-size:15px!important;box-shadow:0 10px 22px -10px rgba(0,147,215,.8);
}

/* ---------- SSS ---------- */
.listeleme-detay .listeleme-detay-sss{background:transparent!important}

/* ---------- Mobil ---------- */
@media (max-width:991.98px){
  .listeleme-detay-form{top:auto!important;border-radius:24px 24px 0 0!important}
}
@media (max-width:767.98px){
  section.listeleme-detay{padding-top:10px!important}
  .klinik-detay-top-container{padding:10px!important;border-radius:18px!important}
  .listeleme-detay-hizmetler,.listeleme-detay-owner{padding:20px!important}
  .listeleme-detay-butonlar{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}
  .listeleme-detay-butonlar .detay-buton{height:44px;font-size:12.5px!important;padding:0 10px!important}
  .listeleme-detay-butonlar .randevu-al{grid-column:1 / -1}
  .listeleme-detay-hizmetler h2,.listeleme-detay-hizmetler h3{font-size:18px!important}
  .owner-wrap{flex-direction:column;text-align:center}
}


/* ######## 05-clinall-mobil.css ######## */
/* ==========================================================
   Clinall – MOBİL KULLANIM İYİLEŞTİRMELERİ (tüm sayfalar)
   Yükleme: 01–04 dosyalarından SONRA, tüm sayfalarda.
   Sadece 991px / 767px altındaki ekranları etkiler; masaüstü değişmez.
   HTML / JS'e dokunmaz.
   ========================================================== */


/* ----------------------------------------------------------
   1) AÇILIR LİSTELER → ALT PANEL (bottom sheet)
   Neden: Telefonda küçük açılır kutu ekranın dışına taşıyor ve
   parmakla seçim zor. Liste ekranın altından açılan tam genişlikte
   bir panele dönüşür, arkası karartılır. Dışarı dokununca kapanır
   (bootstrap-select'in kendi davranışı).
   ---------------------------------------------------------- */
@media (max-width:767.98px){
  .bootstrap-select.show > .dropdown-menu:not(.inner),
  .bootstrap-select .dropdown-menu.show:not(.inner){
    position:fixed!important;inset:auto 0 0 0!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;
    transform:none!important;
    width:100%!important;min-width:0!important;max-width:none!important;max-height:78vh!important;
    margin:0!important;padding:14px 14px calc(14px + env(safe-area-inset-bottom))!important;
    border:0!important;border-radius:22px 22px 0 0!important;
    /* ilk gölge = arka plan karartması */
    box-shadow:0 0 0 100vmax rgba(11,37,69,.45),0 -12px 30px rgba(11,37,69,.2)!important;
    z-index:1080!important;display:flex!important;flex-direction:column;
    animation:clSheetUp .22s ease-out;
  }
  /* üstte "tutamaç" çizgisi */
  .bootstrap-select.show > .dropdown-menu:not(.inner)::before{
    content:"";display:block;width:40px;height:4px;border-radius:4px;background:#D0D5DD;margin:0 auto 12px;flex:none;
  }
  .bootstrap-select.show > .dropdown-menu .inner{
    max-height:calc(78vh - 120px)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;
  }
  /* arama kutusu: 16px yazı → iOS'ta odaklanınca sayfa yakınlaşmaz */
  .bootstrap-select .bs-searchbox .form-control{height:48px;font-size:16px!important}
  /* her seçenek en az 48px (parmak dostu dokunma alanı) */
  .bootstrap-select .dropdown-menu li a.dropdown-item{min-height:48px;padding:12px 14px!important;font-size:15px!important}
  .bootstrap-select .dropdown-menu li a.opt:not(.firstopt){padding-left:28px!important}
  .bootstrap-select .dropdown-menu li a .text small.text-muted{font-size:11px!important}
  .bootstrap-select .dropdown-header{padding:8px 14px 6px!important}
  .clinic-filter-form .bootstrap-select .dropdown-menu:not(.inner){min-width:0!important}

  /* Panel bazı kapsayıcıların içinde kalıyordu: liste açıkken kapsayıcıyı
     header'ın üstüne çıkarıyoruz ki karartma tüm ekranı kaplasın. */
  .home-s1 .clinic-filter-container:has(.bootstrap-select.show),
  .header-listeleme:has(.bootstrap-select.show),
  #filter-form:has(.bootstrap-select.show),
  .listeleme-detay-form:has(.bootstrap-select.show){z-index:1090!important}
}
@keyframes clSheetUp{from{transform:translateY(24px);opacity:.4}to{transform:none;opacity:1}}


/* ----------------------------------------------------------
   2) GENEL MOBİL DOKUNMA VE OKUNURLUK
   ---------------------------------------------------------- */
@media (max-width:767.98px){
  /* iOS otomatik yakınlaştırmayı önler: tüm form alanları en az 16px */
  input[type=text],input[type=email],input[type=tel],input[type=search],input[type=number],select,textarea{font-size:16px!important}
  /* header butonları rahat dokunulur yükseklikte */
  .header-absolute-sign.btn,.header-listeleme .header-absolute-sign.btn{min-height:40px}
  /* "Tümünü gör" butonları tam genişlik */
  .tüm-makaleler{width:100%;justify-content:center;padding:15px 20px!important}
  /* SSS satırları ve footer linkleri daha büyük dokunma alanı */
  .accordion-flush .accordion-button{min-height:56px}
  footer .footer-list a{display:inline-block;padding:6px 0}
  footer .iletisim-infos-wp,footer .iletisim-infos-tel{min-height:48px}
  /* yatay kaymayı engeller (clip, sticky öğeleri bozmaz) */
  body{overflow-x:clip}
}


/* ----------------------------------------------------------
   3) ANA SAYFA – HERO VE ARAMA KARTI
   Neden: Mobilde arama kartı görselin dışına taşıyor, alanlar arasında
   gereksiz boşluk vardı ve açılır liste panel olarak açılamıyordu
   (kapsayıcıdaki transform yüzünden). Hero artık içeriğe göre uzuyor.
   ---------------------------------------------------------- */
@media (max-width:767.98px){
  .home-s1{display:grid!important;height:auto!important;min-height:0!important}
  .home-s1 > .img-wrapper,.home-s1 > .clinic-filter-container{grid-area:1/1}
  .home-s1 .img-wrapper{height:100%!important;min-height:100%}
  .home-s1 .img-wrapper picture,.home-s1 .img-wrapper img{display:block;width:100%!important;height:100%!important;object-fit:cover}
  .home-s1 .clinic-filter-container{
    position:relative!important;top:auto!important;left:auto!important;transform:none!important;
    width:100%!important;height:auto!important;padding:96px 16px 32px!important;
  }
  .clinic-filter-form > *{margin:0!important}   /* alanlar arası eşit 8px */
}


/* ----------------------------------------------------------
   4) ANA SAYFA – KLİNİK KARTLARI VE BLOG
   ---------------------------------------------------------- */
@media (max-width:767.98px){
  /* oklar yerine parmakla kaydırma; oklar kartın üstüne biniyordu */
  .home-s2 .swiper-button-next,.home-s2 .swiper-button-prev{display:none!important}
  .home-s2 .swiper{padding:8px 2px 20px!important}
  .home-s2 .tab-icon img{width:18px!important;height:18px!important}
  .home-tabs-bottom > nav{margin-bottom:0!important}
  .home-tabs-bottom .tab-content{margin-top:8px!important;padding-top:0!important}
  /* daha kısa görsel → klinik adı ilk bakışta görünür */
  .home-tab-image{aspect-ratio:16/10!important}

  /* Blog: büyük kart yerine yatay liste (solda kare görsel, sağda başlık).
     Ekrana 3–4 yazı sığar, başlık 3 satıra kadar tam okunur. */
  .each-makale{
    display:grid!important;grid-template-columns:112px 1fr;grid-template-rows:auto 1fr;column-gap:12px;
    padding:10px!important;margin-bottom:0!important;align-items:start;
  }
  .each-makale-img{grid-row:1 / span 2;aspect-ratio:1/1!important;border-radius:12px!important;margin:0!important;height:100%}
  .each-makale > .d-flex{padding:2px 0 0!important}
  .each-makale h5{padding:0!important;margin-top:6px!important;font-size:14px!important;-webkit-line-clamp:3!important}
  .makaleler .row > [class*="col-"]{margin-bottom:12px!important}
}


/* ----------------------------------------------------------
   5) LİSTELEME SAYFASI
   ---------------------------------------------------------- */
@media (max-width:991.98px){
  /* Filtrele / Sırala / Harita çubuğu: 44px yükseklik, Filtrele birincil */
  section.listeleme .stck > *{height:44px!important;min-height:44px}
  section.listeleme .stck > button.btn.opn{
    background-image:var(--grad)!important;background-color:var(--c-primary)!important;
    color:#fff!important;border-color:transparent!important;
  }
  section.listeleme .stck > button.btn.opn svg,section.listeleme .stck > button.btn.opn img{filter:brightness(0) invert(1)}
  /* sitenin kendi buton stili arka planı ezdiği için gradyan ::before ile çiziliyor */
  section.listeleme .stck > button.btn.opn{position:relative;isolation:isolate;overflow:hidden}
  section.listeleme .stck > button.btn.opn::before{
    content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;
    background:linear-gradient(135deg,#00A8E8 0%,#0079B3 100%);
  }
  /* aksiyon çubuğu kartların (ve köşe bandının) üstünde kalsın */
  section.listeleme .stck{z-index:30!important;position:sticky!important}

  /* Filtre paneli: dar yan panel yerine tam genişlik alt panel */
  #filter-form.show{
    left:0!important;right:0!important;bottom:0!important;top:auto!important;
    width:100%!important;max-width:none!important;height:auto!important;max-height:86vh!important;overflow-y:auto!important;
    padding:16px 18px calc(18px + env(safe-area-inset-bottom))!important;
    border:0!important;border-radius:24px 24px 0 0!important;z-index:1085!important;
    box-shadow:0 0 0 100vmax rgba(11,37,69,.45),0 -12px 30px rgba(11,37,69,.2)!important;
    animation:clSheetUp .22s ease-out;
  }
  #filter-form.show::before{content:"";display:block;width:40px;height:4px;border-radius:4px;background:#D0D5DD;margin:0 auto 10px}
  #filter-form .listeleme-mobile-filtreler{
    background:#fff!important;color:var(--c-navy)!important;font-size:18px!important;font-weight:700!important;
    position:sticky!important;top:-16px!important;z-index:5;
    margin:-4px -18px 10px!important;padding:6px 20px 12px!important;
    border-bottom:1px solid var(--c-line);border-radius:0!important;display:flex;justify-content:space-between;align-items:center;
  }
  #filter-form .listeleme-mobile-filtreler svg,#filter-form .listeleme-mobile-filtreler img{filter:none}
  #filter-form.show .filter-each .bootstrap-select > .dropdown-toggle{height:50px!important;font-size:15px}
  #filter-form.show .filter-each-button{padding:15px 8px!important;font-size:15px!important}
  /* "Tamam" butonu panelin altına yapışık */
  #filter-form.show .blue-button{
    position:sticky;bottom:0;height:52px;display:flex!important;align-items:center;justify-content:center;
    font-size:16px!important;margin-top:12px!important;box-shadow:0 10px 22px -10px rgba(0,147,215,.8);
  }
}
@media (max-width:767.98px){
  /* kart içindeki boşluk kaldırıldı, "Profili incele" bilginin hemen altında */
  .listeleme-each-infos{height:auto!important}
  .listeleme-each-infos::after{margin-top:14px!important}
  .listeleme-each .position-relative{height:auto!important}
  /* sayfa numaraları tek satıra sığar */
  .listeleme-pagination{gap:4px!important;flex-wrap:nowrap!important;justify-content:center}
  .listeleme-pagination .page-number-container{display:flex!important;flex-wrap:nowrap!important;gap:4px!important}
  .listeleme-pagination .page-number,.listeleme-pagination .prev-btn,.listeleme-pagination .next-btn{
    min-width:34px!important;width:34px!important;height:38px!important;margin:0!important;font-size:13px!important;
  }
}


/* ----------------------------------------------------------
   6) KLİNİK DETAY SAYFASI
   Neden: Sağ kenardaki dikey "Ücretsiz Bilgi Al" sekmesi galerinin
   üstüne biniyordu ve zor dokunuluyordu. Ekranın altında sabit, tam
   genişlik bir butona dönüşür (tıklayınca aynı form açılır).
   ---------------------------------------------------------- */
@media (max-width:991.98px){
  .fixed-detail-form{
    top:auto!important;bottom:0!important;left:0!important;right:0!important;
    width:100%!important;height:auto!important;display:block!important;
    padding:10px 16px calc(10px + env(safe-area-inset-bottom))!important;
    background:rgba(255,255,255,.96)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
    border-top:1px solid var(--c-line);box-shadow:0 -8px 24px -12px rgba(16,24,40,.3);border-radius:0!important;z-index:1000!important;
  }
  .fixed-detail-form > p{
    writing-mode:horizontal-tb!important;transform:none!important;rotate:none!important;
    margin:0!important;width:100%!important;height:52px!important;
    display:flex!important;align-items:center;justify-content:center;gap:8px;border-radius:14px!important;
    background-image:var(--grad)!important;background-color:var(--c-primary)!important;color:#fff!important;
    font-size:16px!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;
    box-shadow:0 10px 22px -10px rgba(0,147,215,.8);cursor:pointer;
  }
  /* sabit buton sayfanın sonunu kapatmasın */
  body:has(.fixed-detail-form){padding-bottom:78px}
}
@media (max-width:767.98px){
  section.listeleme-detay .klinik-detay-top-container{margin-bottom:16px!important}
  .listeleme-detay-hizmetler{margin-top:0!important}
  .listeleme-detay-each-hizmet{padding:9px 12px!important;margin-bottom:6px!important}
  /* bilgi formu (açılan pencere): 50px alanlar, 20px onay kutuları */
  .fixed-detail-form-modal input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]),
  .listeleme-detay-form input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]),
  .fixed-detail-form-modal .bootstrap-select > .dropdown-toggle,
  .listeleme-detay-form .bootstrap-select > .dropdown-toggle{
    height:50px!important;border-radius:12px!important;border:1px solid var(--c-line)!important;background-color:var(--c-bg)!important;font-size:16px!important;
  }
  .fixed-detail-form-modal input[type=checkbox],.listeleme-detay-form input[type=checkbox]{width:20px!important;height:20px!important;flex:none}
  .fixed-detail-form-modal .blue-button,.listeleme-detay-form .blue-button{height:54px!important;font-size:16px!important}
  .fixed-detail-form-modal .modal-content{border-radius:22px!important;border:0!important}
}