/* ————— RANDEVU SAYFASI (yalnız bu sayfa) ————— */
/* açılış görseli yok: üst menü baştan DOLU durur, içerik menünün altından başlar */
.ku::before{opacity:0} .ku::after{opacity:1}
/* taslak stili body{overflow-x:hidden} body'yi kaydırma kabı yapıyor → yapışkan sütun çalışmıyor; clip aynı yatay kırpmayı kap oluşturmadan yapar */
body{overflow-x:clip;overflow-y:visible}
.rs-ust{padding-top:calc(var(--ku-h, 101px) + clamp(28px, 3.4vw, 56px))}
.rs-yol{display:flex;flex-wrap:wrap;align-items:center;gap:var(--b-2);margin:0 0 var(--b-3);padding:0;list-style:none;font:500 var(--yt-ui)/1.4 var(--aile-baslik);color:var(--soluk)}
.rs-yol a{display:inline-flex;align-items:center;min-height:44px;color:var(--soluk);text-decoration:none;transition:color .2s var(--gecis)}
.rs-yol a:hover,.rs-yol a:focus-visible{color:var(--baslik);outline:none}
.rs-yol [aria-current]{color:var(--metin)}
.rs-ust h1{margin:0;font:500 var(--yt-bolum)/var(--sa-baslik) var(--aile-baslik);letter-spacing:-.02em;color:var(--baslik)}
.rs-ust p{margin:var(--b-4) 0 0;max-width:60ch;color:var(--soluk);font-size:var(--yt-govde)}
.rs-govde{padding-block:var(--baslik-alt) var(--bolum-y)}
/* iki sütun: solda randevu bileşeni (ölçülü), sağda yapışkan iletişim sütunu */
/* randevu sayfasında alt kapsül gizli: bu sayfanın kendisi randevu; kapsül formu ve «Randevuyu tamamla»yı örtüyordu */
.kb{display:none!important}
body{--uclu-y:0px!important}
.rs-duzen{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,380px);column-gap:clamp(28px,3vw,56px);align-items:start}
.rs-iletisim{position:sticky;top:calc(var(--ku-h, 101px) + 24px);display:flex;flex-direction:column}
.rs-foto{position:relative;margin:0 0 var(--b-5);border-radius:20px;overflow:hidden;aspect-ratio:16/10;background:#06101F}
.rs-foto img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02);transition:transform 1.2s var(--gecis)}
.rs-iletisim:hover .rs-foto img{transform:scale(1.06)}
.rs-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(6 16 31/0) 45%,rgb(6 16 31/.78));pointer-events:none}
.rs-foto figcaption{position:absolute;left:18px;right:18px;bottom:16px;z-index:1;display:flex;align-items:center;gap:10px;color:#EEF2F7;font:500 var(--yt-ui)/1.35 var(--aile-baslik)}
.rs-nokta{position:relative;flex:none;width:8px;height:8px;border-radius:50%;background:#6FA3E0}
.rs-nokta::after{content:"";position:absolute;inset:-6px;border-radius:50%;background:rgb(111 163 224/.35);animation:rsNefes 2.4s ease-in-out infinite}
@keyframes rsNefes{0%,100%{transform:scale(.6);opacity:.9}50%{transform:scale(1.4);opacity:0}}
.rs-etiket{margin:0 0 var(--b-2);font:600 var(--yt-ust)/1.2 var(--aile-baslik);letter-spacing:.12em;text-transform:uppercase;color:#B8821E}
:root[data-theme="dark"] .rs-etiket{color:#E3A72F}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .rs-etiket{color:#E3A72F}}
.rs-numara{align-self:flex-start;font:600 clamp(40px,3.2vw,52px)/1.05 var(--aile-baslik);letter-spacing:-.02em;color:var(--baslik);text-decoration:none;transition:color .2s var(--gecis)}
.rs-numara:hover,.rs-numara:focus-visible{color:var(--ince);outline:none}
.rs-alt{margin:var(--b-2) 0 var(--b-5);font-size:var(--yt-ui);color:var(--soluk)}
.rs-alt a{color:var(--metin);font-weight:600;text-decoration:none;transition:color .2s var(--gecis)}
.rs-alt a:hover,.rs-alt a:focus-visible{color:var(--ince);outline:none}
.rs-dugmeler{display:flex;flex-wrap:wrap;gap:var(--b-1);margin:0 -14px var(--b-5);--fx-kose:10px}
.rs-hap{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 14px;border-radius:10px;color:var(--metin);font:600 var(--yt-ui)/1 var(--aile-baslik);text-decoration:none}
.rs-hap .ikon{width:19px;height:19px;color:var(--ince)}
.rs-hap:focus-visible{outline:none}
.rs-adres{margin:0;font-style:normal;font-size:var(--yt-ui);line-height:var(--sa-govde);color:var(--soluk)}
@media (prefers-reduced-motion: reduce){.rs-nokta::after{animation:none}.rs-foto img{transition:none}}
@media (max-width:900px){.rs-foto{aspect-ratio:16/9}}
@media (max-width:480px){.rs-dugmeler{flex-wrap:nowrap;gap:2px;margin-inline:-10px}.rs-hap{flex:1 1 0;justify-content:center;padding:0 8px;gap:6px;font-size:15px}.rs-hap .ikon{width:17px;height:17px}}
@media (max-width:900px){.rs-duzen{grid-template-columns:minmax(0,1fr);row-gap:var(--bolum-y)}.rs-iletisim{position:static}}

/* ————— YAZI VE BOŞLUK SİSTEMİ (taslağın jetonları az basamağa indirildi; her rol tek stil) —————
   Yazı: 7 basamak · 16–17 px gövde tabanlı akışkan ölçek (telefonda ~1.2, masaüstünde ~1.27 oran)
     ust 13 · kucuk 14 · ui 16 · govde 17 · kart 18→20 · alt 22→28 · bolum 28→44
   Ağırlık: 4 (300 büyük cümle · 400 metin/girdi · 500 başlık/üst menü · 600 etiket/düğme/vurgu)
   Satır yüksekliği: 1.65 gövde · 1.5 yardımcı metin · 1.5 kart başlığı · 1.15 büyük başlık · 1 tek satırlık denetim
   Harf aralığı: -.02em büyük başlık · 0 kart başlığı · 0 · .12em büyük harfli üst etiket
   Boşluk: 4·8·12·16·24·32·48·64·96 */
:root {
  --yt-ust: .8125rem;
  --yt-kucuk: .875rem;
  --yt-ui: 1rem;
  --yt-govde: 1.0625rem;
  /* kart başlığı (K-CYG5W · B): telefonda 18 px, masaüstünde 20 px · 500 · satır 1.5 */
  --yt-kart: clamp(1.125rem, 1rem + .5vw, 1.25rem);
  --yt-alt: clamp(1.375rem, 1.15rem + .75vw, 1.75rem);
  --yt-bolum: clamp(1.75rem, 1.3rem + 1.6vw, 2.75rem);
  --yt-ara: var(--yt-kart);
  --yt-kart-b: var(--yt-alt);
  --sa-govde: 1.65; --sa-kart: 1.5; --sa-kart-baslik: 1.5; --sa-baslik: 1.15; --sa-ui: 1;
  --ag-ince: 300; --ag-metin: 400; --ag-baslik: 500; --ag-vurgu: 600;
  --ha-baslik: -.02em; --ha-kart: 0; --ha-etiket: .12em;
  /* menü (28 Eki): üst menü 15 · menü öğesi (bütün açılır menüler) 14 · büyük açılır menü başlığı 20 · öğe satırı 1.35, yükseklik 38 / 34 */
  --yt-menu: .9375rem; --yt-menu-oge: var(--yt-kucuk); --yt-menu-bas: 1.25rem; --sa-menu-oge: 1.35;
  --yy-menu-oge: 2.375rem; --yy-mega-oge: 2.125rem;
  --b-7: 48px; --b-8: 64px; --b-9: 96px;
}

/* üst bilgi (kabuk) */
.ku-menu>li>a, .ku-menu>li>button { font: var(--ag-vurgu) 1.0625rem/var(--sa-ui) var(--kabuk-yazi-tipi); } /* 3 Kas: 15→17 px, 500→600 */
.ku-ehizmet, .ku-dil { font: var(--ag-vurgu) var(--yt-kucuk)/var(--sa-ui) var(--kabuk-yazi-tipi); }
.ku-tel { font: var(--ag-vurgu) var(--yt-govde)/var(--sa-ui) var(--kabuk-yazi-tipi); }
.ku-hap b { font: var(--ag-vurgu) var(--yt-kucuk)/var(--sa-ui) var(--kabuk-yazi-tipi); }
.ku-hap small { font: var(--ag-metin) var(--yt-ust)/var(--sa-ui) var(--kabuk-yazi-tipi); }
.ku-acilir a { font: var(--ag-metin) var(--yt-menu-oge)/var(--sa-menu-oge) var(--kabuk-yazi-tipi); }
.ku-mega h3 { font: var(--ag-baslik) var(--yt-menu-bas)/1.25 var(--kabuk-yazi-tipi); letter-spacing: var(--ha-baslik); }
.ku-mega p { font-size: var(--yt-menu-oge); line-height: var(--sa-kart); }
.ku-mega li a, .ku-mega .tum { font-size: var(--yt-menu-oge); }
.ku-cekmece nav a, .ku-cekmece summary { font-size: var(--yt-govde); font-weight: var(--ag-vurgu); }
.ku-cekmece .ku-alt a, .ku-cekmece .ku-alt button { font: var(--ag-vurgu) var(--yt-ui)/var(--sa-ui) var(--kabuk-yazi-tipi); }
.kb-ray a, .kb-randevu { font: var(--ag-vurgu) var(--yt-govde)/var(--sa-ui) var(--kabuk-yazi-tipi); }
@media (max-width: 1023px) { .kb-ray a, .kb-randevu { font-size: var(--yt-ui); } }
.ku-oneri-bas { font: var(--ag-vurgu) var(--yt-ust)/var(--sa-ui) var(--kabuk-yazi-tipi); letter-spacing: var(--ha-etiket); }
.ku-oneri-bas.mesaj { font: var(--ag-metin) var(--yt-ui)/var(--sa-kart) var(--kabuk-yazi-tipi); letter-spacing: 0; }
.ku-cip, .ku-ara-katman .ku-cip { font: var(--ag-vurgu) var(--yt-kucuk)/1.3 var(--kabuk-yazi-tipi); }
.ku-satir b { font: var(--ag-vurgu) var(--yt-ui)/var(--sa-kart-baslik) var(--kabuk-yazi-tipi); }
.ku-satir small { font: var(--ag-metin) var(--yt-kucuk)/var(--sa-kart) var(--kabuk-yazi-tipi); }
.ku-satir mark { font-weight: var(--ag-vurgu); }
.ku-ipucu { font: var(--ag-metin) var(--yt-kucuk)/var(--sa-ui) var(--kabuk-yazi-tipi); }

/* açılış, bölüm başlıkları, kartlar */
.sl-no { font-size: var(--yt-kart); font-weight: var(--ag-baslik); letter-spacing: 0; }
.dortlu-metin h2, .izgara summary { font: var(--ag-baslik) var(--yt-bolum)/var(--sa-baslik) var(--aile-baslik); letter-spacing: var(--ha-baslik); }
.dortlu-metin p.m { font-size: var(--yt-govde); line-height: var(--sa-govde); }
.buyuk-cumle { font: var(--ag-ince) var(--yt-bolum)/var(--sa-baslik) var(--aile-baslik); letter-spacing: var(--ha-baslik); }
.buyuk-cumle b { font-weight: var(--ag-baslik); }
.birim-bas h3 { font: var(--ag-baslik) var(--yt-kart)/var(--sa-kart-baslik) var(--aile-baslik); letter-spacing: var(--ha-kart); }
.cam-kart h3, .one-cikan h3 { font: var(--ag-baslik) var(--yt-alt)/var(--sa-kart-baslik) var(--aile-baslik); letter-spacing: var(--ha-kart); }
.cam-etiket, .rehber-kart .etiket-tek-eski { font: var(--ag-vurgu) var(--yt-kucuk)/1.3 var(--aile-baslik); }
.kucuk span { line-height: var(--sa-kart-baslik); }
.dugme, .metin-bag { line-height: var(--sa-ui); }
.secim-dugme span { line-height: var(--sa-kart); }
/* haber kartı başlığı tam görünür (satır kesmesi yok); ızgarada görsellerin üst hizası değişmez */
.rehber-kart h3 { display: block; -webkit-line-clamp: unset; overflow: visible; min-height: 0; margin-top: var(--b-5); letter-spacing: var(--ha-kart); }
.haber-madde strong { line-height: var(--sa-kart-baslik); }
/* uzun başlık satıra inince madde büyür, alttakinin üstüne binmez */
.haber-liste li { flex: 1 0 auto; }
.alt-marka p { font: var(--ag-ince) var(--yt-kart)/var(--sa-kart-baslik) var(--aile-baslik); }
.altbilgi h2 { margin: 0 0 var(--b-3); font: var(--ag-vurgu) var(--yt-ui)/var(--sa-ui) var(--aile-baslik); letter-spacing: 0; color: #fff; }
.iletisim li { line-height: var(--sa-kart); }
/* Bize Ulaşın formu: yalnız yazı ve boşluk jetonları (işaretleme ve işleyiş aynı) */
.secim-dugme { font: var(--ag-metin) var(--yt-ui)/var(--sa-ui) var(--aile); }
.soru-alan textarea, .soru-kisi input { font: var(--ag-metin) var(--yt-ui)/var(--sa-kart) var(--aile); }
.soru-kvkk { line-height: var(--sa-kart); }
.soru-onay { font-weight: var(--ag-vurgu); }
.soru-kisi { gap: var(--b-3); margin-bottom: var(--b-3); }
.soru-kvkk { gap: var(--b-1) var(--b-3); margin-bottom: var(--b-3); }
/* aralıklar: tek ölçek (10 → 12, 14 → 16, 40 → 48) */
.dugme, .sl-cubuk, .oklar, .soru-satir, .haber-liste, .metin-bag, .izgara li a, .iletisim li { gap: var(--b-3); }
.etiket-altin, .izgara summary, .soru-onay { gap: var(--b-3); }
.detay, .tumu, .secim-dugme { gap: var(--b-2); }
@media (max-width: 760px) { .sl-nav { gap: var(--b-4); } }
.alt-ic { gap: var(--b-7); }
@media (min-width: 1100px) { .alt-ic { gap: var(--aralik); } }
/* telefonda kaydırıcı göstergesi: dokunma alanı 44 px (görünüm aynı) */
@media (max-width: 760px) { .sl-cubuk button::before { inset: -22px -4px; } }

/* iç sayfalar (randevu, e-sonuç, sayfa, blog) */
.rs-yol { font: var(--ag-metin) var(--yt-ui)/var(--sa-kart) var(--aile-baslik); }
.rs-foto figcaption { font: var(--ag-baslik) var(--yt-ui)/var(--sa-kart-baslik) var(--aile-baslik); }
.rs-etiket { font: var(--ag-vurgu) var(--yt-ust)/var(--sa-ui) var(--aile-baslik); letter-spacing: var(--ha-etiket); }
.rs-numara { font: var(--ag-baslik) var(--yt-bolum)/var(--sa-ui) var(--aile-baslik); letter-spacing: var(--ha-baslik); }
.rs-hap { font: var(--ag-vurgu) var(--yt-ui)/var(--sa-ui) var(--aile-baslik); }
@media (max-width: 480px) { .rs-hap { font-size: var(--yt-kucuk); } }
.rs-adres { line-height: var(--sa-kart); }
/* üst etiketlerin açık kipte kontrastı ≥ 4.5 (koyu kip aynı) */
.etiket-altin, .rs-etiket { color: #8C6212; }
:root[data-theme="dark"] .etiket-altin, :root[data-theme="dark"] .rs-etiket { color: #E3A72F; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .etiket-altin, :root:not([data-theme="light"]) .rs-etiket { color: #E3A72F; } }
/* sayfa ve yazı gövdesi: okuma ölçüsü 60–75 karakter, başlık/paragraf ritmi */
.sayfa-govde { max-width: 68ch; font-size: var(--yt-govde); line-height: var(--sa-govde); color: var(--metin); }
.sayfa-govde > * { margin: 0 0 var(--b-4); }
.sayfa-govde h2 { margin: var(--b-7) 0 var(--b-4); font: var(--ag-baslik) var(--yt-alt)/var(--sa-baslik) var(--aile-baslik); letter-spacing: var(--ha-baslik); color: var(--baslik); }
.sayfa-govde h3 { margin: var(--b-6) 0 var(--b-3); font: var(--ag-baslik) var(--yt-kart)/var(--sa-kart-baslik) var(--aile-baslik); letter-spacing: var(--ha-kart); color: var(--baslik); }
.sayfa-govde h4 { margin: var(--b-5) 0 var(--b-2); font: var(--ag-vurgu) var(--yt-govde)/var(--sa-kart-baslik) var(--aile-baslik); color: var(--baslik); }
.sayfa-govde > :first-child { margin-top: 0; }
.sayfa-govde ul, .sayfa-govde ol { padding-left: 1.4em; }
.sayfa-govde li { margin: 0 0 var(--b-2); }
.sayfa-govde li::marker { color: var(--ince); }
.sayfa-govde small { font-size: var(--yt-kucuk); }
.sayfa-govde strong, .sayfa-govde b { font-weight: var(--ag-vurgu); }
.sayfa-govde a { color: var(--ince); text-decoration: underline; text-underline-offset: 3px; transition: color .2s var(--gecis); }
.sayfa-govde a:hover { color: var(--baslik); }
.sayfa-govde img { max-width: 100%; height: auto; border-radius: var(--r-m); }
.sayfa-govde blockquote { margin-inline: 0; padding-left: var(--b-5); border-left: 3px solid var(--kenar); color: var(--soluk); }
.yazi-listesi { display: grid; gap: var(--aralik); margin: 0; padding: 0; list-style: none; }
.rs-govde .kap > p:only-child { margin: 0; color: var(--soluk); font-size: var(--yt-govde); }

/* randevu ve e-sonuç bileşenleri (betiğin eklediği stilin üstüne; işleyiş aynı) */
.rnd-kok .rnd-h, .es-kok .es-h { font: var(--ag-baslik) var(--yt-alt)/var(--sa-baslik) var(--aile-baslik); letter-spacing: var(--ha-baslik); }
.rnd-kok .rnd-serit h2 { font: var(--ag-baslik) var(--yt-kart)/var(--sa-kart-baslik) var(--aile-baslik); letter-spacing: var(--ha-kart); }
.rnd-kok .rnd-dr-metin b, .rnd-kok .rnd-hekim b, .rnd-kok .rnd-ozet-s b, .es-kok .es-hasta b, .es-kok .es-test-sonuc, .rnd-kok .rnd-gun h4 { font-size: var(--yt-govde); font-weight: var(--ag-vurgu); line-height: var(--sa-kart-baslik); }
.rnd-kok .rnd-girdi, .rnd-kok .rnd-ara input, .es-kok .es-girdi { font-size: var(--yt-ui); }
.rnd-kok .rnd-saat { font-size: var(--yt-ui); }
.rnd-kok .rnd-serit-tel, .rnd-kok .rnd-geri, .rnd-kok .rnd-hbtn, .es-kok .es-ana, .es-kok .es-ton { font: var(--ag-vurgu) var(--yt-ui)/var(--sa-ui) var(--aile-baslik); }
.es-kok .es-baslik-satir { font: var(--ag-vurgu) var(--yt-ust)/var(--sa-ui) var(--aile-baslik); letter-spacing: var(--ha-etiket); }
.rnd-kok .rnd-alt, .es-kok .es-alt, .es-kok .es-ipucu, .es-kok .es-not, .es-kok .es-genel, .es-kok .es-guven, .rnd-kok .rnd-genel-hata, .rnd-kok .rnd-hekim .rnd-yer { line-height: var(--sa-kart); }
.rnd-kok .rnd-adim-b { line-height: var(--sa-kart-baslik); }
.es-kok .es-secici button { line-height: var(--sa-ui); }

/* kesilen metin yok: «…» ile biten ad, başlık, açıklama kalmaz (satıra iner) */
.kucuk span { white-space: normal; overflow: visible; text-overflow: clip; min-height: calc(2em * var(--sa-kart-baslik)); text-wrap: balance; }
.cam-kart h3, .cam-kart p, .one-cikan h3, .one-cikan p.ozet, .haber-madde strong { display: block; -webkit-line-clamp: unset; overflow: visible; min-height: 0; }
.izgara li a { height: auto; min-height: 46px; padding-block: var(--b-2); font-size: var(--yt-govde); line-height: var(--sa-kart-baslik); }
.izgara li a .ad { white-space: normal; overflow: visible; text-overflow: clip; }
.iletisim .tek { white-space: normal; overflow: visible; text-overflow: clip; }
/* bölüm başlığı satırındaki «Tümü / Tüm haberler»: başlığa oranlı tek rol (kart basamağı) */
.tumu { font: var(--ag-baslik) var(--yt-kart)/var(--sa-ui) var(--aile-baslik); }
.tumu .ikon { width: 20px; height: 20px; }

/* ————— İÇ SAYFA ŞABLONLARI (sayfa, yazı, yazı listesi, galeri) — yalnız iç sayfaların stiline (ic-3) eklenir —————
   Ana sayfanın dili: yazı ve boşluk jetonları, haber kartı (.rehber-kart), kayan hover (.fx-rail), içi boş nokta + hover ok,
   amber/çizgi düğmeler. Renkler yalnız tema değişkenlerinden (açık ve koyu kip aynı kurallarla). */
.rs-ust .rs-ust-etiket { margin: 0 0 var(--b-3); max-width: none; }
.rs-ust .rs-ust-alt { max-width: 62ch; font-size: var(--yt-govde); line-height: var(--sa-govde); }
.rs-ust .ic-kunye { display: flex; flex-wrap: wrap; align-items: center; gap: var(--b-1) var(--b-2); margin-top: var(--b-4); font: var(--ag-metin) var(--yt-ui)/var(--sa-kart) var(--aile-baslik); color: var(--soluk); }
.ic-kunye > * + *::before { content: "·"; margin-inline-end: var(--b-2); color: var(--soluk); }
.ic-kunye time { font: inherit; color: inherit; }

/* düzen: gövde + yan sütun (masaüstünde yapışkan); telefonda yan sütun açılır: içindekiler gövdenin üstüne, ötekiler altına */
.ic-duzen { display: grid; grid-template-columns: minmax(0, 1fr); row-gap: var(--b-6); align-items: start; }
.ic-ana { min-width: 0; order: 1; }
.ic-yan { display: contents; }
.ic-yan > .ic-icindekiler { order: 0; }
.ic-yan > * { order: 2; }
@media (min-width: 1100px) {
  .ic-duzen { grid-template-columns: minmax(0, 1fr) minmax(280px, 340px); column-gap: clamp(48px, 5vw, 96px); }
  .ic-ana { grid-column: 1; grid-row: 1; }
  .ic-yan { display: flex; flex-direction: column; gap: var(--b-5); grid-column: 2; grid-row: 1; position: sticky; top: calc(var(--ku-h, 101px) + var(--b-5)); }
}

/* yan kutular: içindekiler, bu bölümdeki sayfalar, randevu çağrısı */
.ic-kutu { min-width: 0; padding: var(--b-5); border: 1px solid var(--kenar); border-radius: var(--r-l); background: var(--yuzey); }
.ic-kutu-bas { margin: 0 0 var(--b-3); font: var(--ag-vurgu) var(--yt-ust)/var(--sa-ui) var(--aile-baslik); letter-spacing: var(--ha-etiket); text-transform: uppercase; color: var(--soluk); }
.ic-kutu .fx-rail { --fx-kose: var(--r-s); }
.ic-liste { margin: 0; padding: 0; list-style: none; }
.ic-liste a { display: flex; align-items: flex-start; gap: var(--b-2); min-height: 44px; padding: 10px var(--b-3); margin-inline: calc(-1 * var(--b-3)); color: var(--ince); text-decoration: none; font: var(--ag-metin) var(--yt-ui)/var(--sa-kart) var(--aile-baslik); transition: color .2s var(--gecis); }
.ic-liste a::before { content: ""; flex: none; box-sizing: border-box; width: 7px; height: 7px; margin-top: calc((1em * var(--sa-kart) - 7px) / 2); border: 1.5px solid currentColor; border-radius: 50%; opacity: .5; transition: background-color .2s var(--gecis), opacity .2s var(--gecis); }
.ic-liste a .ad { flex: 1; min-width: 0; }
.ic-liste a .ad .ozet { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; margin-top: 4px; font-size: .875em; line-height: 1.45; opacity: .75; }
.ic-liste a .izg-ok { flex: none; width: 16px; height: 16px; margin-top: calc((1em * var(--sa-kart) - 16px) / 2); stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; opacity: 0; transform: translateX(-4px); transition: opacity .22s var(--gecis), transform .22s var(--gecis); }
.ic-liste a:hover, .ic-liste a:focus-visible { color: var(--fx-yazi); outline: none; }
.ic-liste a:hover::before, .ic-liste a:focus-visible::before { background: currentColor; opacity: 1; }
.ic-liste a:hover .izg-ok, .ic-liste a:focus-visible .izg-ok { opacity: 1; transform: none; }
.ic-cagri { background: var(--yuzey-2); border-color: transparent; }
.ic-cagri-metin { margin: 0 0 var(--b-4); font-size: var(--yt-ui); line-height: var(--sa-kart); color: var(--metin); }
.ic-cagri-dugmeler { display: flex; flex-direction: column; gap: var(--b-2); }
.ic-cagri-dugmeler .dugme { width: 100%; }
.ic-cagri-dugmeler .dugme .ikon, .ic-komsu .ikon, .ic-video-ad .ikon { width: 18px; height: 18px; }
@media (min-width: 640px) and (max-width: 1099px) { .ic-cagri-dugmeler { flex-direction: row; } .ic-cagri-dugmeler .dugme { width: auto; flex: 1 1 0; } }

/* gövde: başlık bağlantıları menünün altında kalmasın, liste/tablo/görsel/alıntı */
.sayfa-govde h2[id], .sayfa-govde h3[id] { scroll-margin-top: calc(var(--ku-h, 101px) + var(--b-5)); }
.sayfa-govde ul { list-style: none; padding-left: 0; }
.sayfa-govde ul > li { position: relative; padding-left: 1.4em; }
.sayfa-govde ul > li::before { content: ""; position: absolute; left: .2em; top: calc((1em * var(--sa-govde) - 7px) / 2); box-sizing: border-box; width: 7px; height: 7px; border: 1.5px solid var(--ince); border-radius: 50%; }
.sayfa-govde ol > li::marker { color: var(--ince); font-weight: var(--ag-vurgu); }
.sayfa-govde li > ul, .sayfa-govde li > ol { margin-top: var(--b-2); }
.sayfa-govde figure { margin: var(--b-6) 0; }
.sayfa-govde figure img { display: block; width: 100%; border-radius: var(--r-l); }
.sayfa-govde figcaption { margin-top: var(--b-2); font-size: var(--yt-kucuk); line-height: var(--sa-kart); color: var(--soluk); }
.sayfa-govde hr { margin: var(--b-7) 0; border: 0; border-top: 1px solid var(--kenar); }
.sayfa-govde blockquote { padding: var(--b-4) var(--b-5); border-left: 0; border-radius: var(--r-m); background: var(--yuzey-2); color: var(--metin); }
.sayfa-govde blockquote > :last-child { margin-bottom: 0; }
.sayfa-govde table { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid var(--kenar); border-radius: var(--r-m); overflow: hidden; font-size: var(--yt-ui); line-height: var(--sa-kart); }
.sayfa-govde th, .sayfa-govde td { padding: var(--b-3) var(--b-4); text-align: left; vertical-align: top; border-bottom: 1px solid var(--kenar); overflow-wrap: anywhere; }
.sayfa-govde tr:last-child > td { border-bottom: 0; }
.sayfa-govde th { background: var(--yuzey-2); color: var(--baslik); font-weight: var(--ag-vurgu); }
.sayfa-govde caption { caption-side: bottom; padding-top: var(--b-2); text-align: left; font-size: var(--yt-kucuk); color: var(--soluk); }
@media (max-width: 640px) {
  .sayfa-govde table { table-layout: fixed; font-size: var(--yt-kucuk); }
  .sayfa-govde th, .sayfa-govde td { padding: var(--b-2) var(--b-3); }
  /* başlıklı tablo: her satır bir kart, hücrenin başında sütun adı (yatay kaydırma yok) */
  .sayfa-govde table.tablo-yigin { border: 0; border-radius: 0; overflow: visible; font-size: var(--yt-ui); }
  .sayfa-govde table.tablo-yigin thead, .sayfa-govde table.tablo-yigin tr[data-bas] { display: none; }
  .sayfa-govde table.tablo-yigin tbody, .sayfa-govde table.tablo-yigin tr, .sayfa-govde table.tablo-yigin td, .sayfa-govde table.tablo-yigin th { display: block; }
  .sayfa-govde table.tablo-yigin tr { margin: 0 0 var(--b-3); border: 1px solid var(--kenar); border-radius: var(--r-m); background: var(--yuzey); }
  .sayfa-govde table.tablo-yigin td, .sayfa-govde table.tablo-yigin tbody th { padding: var(--b-2) var(--b-4); border-bottom: 1px solid var(--kenar); background: none; color: var(--metin); font-weight: var(--ag-metin); }
  .sayfa-govde table.tablo-yigin tr > :last-child { border-bottom: 0; }
  .sayfa-govde table.tablo-yigin [data-label]::before { content: attr(data-label); display: block; margin-bottom: 2px; font: var(--ag-vurgu) var(--yt-ust)/var(--sa-kart) var(--aile-baslik); letter-spacing: .04em; color: var(--soluk); }
}

/* yazı: kapak, yazar kartı, önceki / sonraki, benzer yazılar */
.ic-kapak { margin: 0 0 var(--b-7); border-radius: var(--r-l); overflow: hidden; background: var(--yuzey-2); aspect-ratio: 16 / 9; }
@media (min-width: 1024px) { .ic-kapak { aspect-ratio: 21 / 9; } }
.ic-kapak img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ic-yazar { max-width: 68ch; margin-top: var(--b-7); padding: var(--b-5); border: 1px solid var(--kenar); border-radius: var(--r-l); background: var(--yuzey); }
.ic-yazar-ad { margin: 0; font: var(--ag-vurgu) var(--yt-govde)/var(--sa-kart-baslik) var(--aile-baslik); color: var(--baslik); }
.ic-yazar-unvan { margin: var(--b-1) 0 var(--b-3); font-size: var(--yt-ui); color: var(--soluk); }
.ic-yazar-metin { margin: 0 0 var(--b-2); font-size: var(--yt-ui); line-height: var(--sa-kart); color: var(--metin); }
.ic-yazar-metin:last-child { margin-bottom: 0; }
.ic-komsu { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--b-3); margin-top: var(--b-7); --fx-kose: var(--r-m); }
@media (min-width: 640px) { .ic-komsu { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ic-komsu .sonraki { grid-column: 2; } }
.ic-komsu-oge { display: flex; flex-direction: column; gap: var(--b-1); min-width: 0; padding: var(--b-4) var(--b-5); border: 1px solid var(--kenar); border-radius: var(--r-m); color: var(--baslik); text-decoration: none; }
.ic-komsu-oge.sonraki { align-items: flex-end; text-align: right; }
.ic-komsu-oge:focus-visible { outline: none; }
.ic-komsu-yon { display: inline-flex; align-items: center; gap: var(--b-2); font: var(--ag-vurgu) var(--yt-ust)/var(--sa-ui) var(--aile-baslik); letter-spacing: var(--ha-etiket); text-transform: uppercase; color: var(--soluk); }
.ic-komsu-ad { font: var(--ag-baslik) var(--yt-govde)/var(--sa-kart-baslik) var(--aile-baslik); transition: color .2s var(--gecis); }
.ic-komsu-oge:hover .ic-komsu-ad { color: var(--fx-yazi); }
article:has(> .ic-benzer) > .rs-govde { padding-bottom: var(--b-7); }
.ic-benzer { padding-block: var(--b-7) var(--bolum-y); border-top: 1px solid var(--kenar); }
.ic-bolum-bas { margin: 0 0 var(--baslik-alt); font: var(--ag-baslik) var(--yt-alt)/var(--sa-baslik) var(--aile-baslik); letter-spacing: var(--ha-baslik); color: var(--baslik); }

/* kart ızgarası (yazılar, albümler): ana sayfanın haber kartı, kayan hover kartın arkasında */
.ic-izgara { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--aralik); margin: 0; padding: 0; list-style: none; }
@media (min-width: 640px) { .ic-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .ic-izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.ic-izgara > li { display: flex; min-width: 0; }
.ic-izgara .rehber-kart { flex: 1 1 auto; text-decoration: none; }
.ic-izgara .rehber-kart:focus-visible { outline: none; }
.ic-izgara-kap { --fx-kose: calc(var(--r-m) + var(--b-4)); }
@media (hover: hover) and (min-width: 640px) {
  .ic-izgara-kap { margin-inline: calc(-1 * var(--b-4)); }
  .ic-izgara .rehber-kart { padding: var(--b-4) var(--b-4) var(--b-5); }
}
.ic-kart-bas { margin: var(--b-4) 0 0; font: var(--ag-baslik) var(--yt-kart)/var(--sa-kart-baslik) var(--aile-baslik); letter-spacing: var(--ha-kart); color: var(--baslik); text-wrap: pretty; transition: color .2s var(--gecis); }
.rehber-kart.kapaksiz .ic-kart-bas { margin-top: var(--b-2); }
.rehber-kart:hover .ic-kart-bas { color: var(--fx-yazi); }
.ic-kart-ozet { margin: var(--b-2) 0 0; font-size: var(--yt-ui); line-height: var(--sa-kart); color: var(--soluk); }
.ic-kart-tarih { margin-top: auto; padding-top: var(--b-3); font: var(--ag-metin) var(--yt-kucuk)/var(--sa-ui) var(--aile-baslik); color: var(--soluk); }
.rehber-kart .etiket-cam { max-width: calc(100% - 24px); overflow-wrap: anywhere; height: auto; min-height: 30px; }
.ic-suzgec { display: flex; flex-wrap: wrap; gap: var(--b-2); margin: 0 0 var(--b-6); --fx-kose: 999px; }
.ic-hap { display: inline-flex; align-items: center; min-height: 44px; padding: 0 var(--b-4); border: 1px solid var(--kenar); border-radius: 999px; color: var(--metin); text-decoration: none; font: var(--ag-vurgu) var(--yt-ui)/1 var(--aile-baslik); transition: color .2s var(--gecis), background-color .2s var(--gecis); }
.ic-hap:hover, .ic-hap:focus-visible { color: var(--fx-yazi); outline: none; }
.ic-hap[aria-current] { background: var(--vurgu); border-color: var(--vurgu); color: var(--vurgu-ustu); }
.ic-bos { margin: 0; font-size: var(--yt-govde); color: var(--soluk); }

/* foto albümü: köşeli küçük resim ızgarası (dokununca ışık kutusu) */
/* Asimetrik mozaik: 9 fotoğraflık ritim (2×2, 1×2, 2×1, 1×1 karışık), yoğun yerleşim; kutu oranı ızgara satırından gelir, görsel kırpılır */
.galeri-izgara { --gh: clamp(120px, 40vw, 220px); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: var(--gh); grid-auto-flow: dense; gap: clamp(8px, 1vw, 16px); margin: 0; padding: 0; list-style: none; }
@media (min-width: 640px) { .galeri-izgara { --gh: clamp(150px, 26vw, 260px); grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .galeri-izgara { --gh: clamp(150px, 19vw, 280px); grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.galeri-izgara > li { display: block; min-width: 0; min-height: 0; }
.galeri-izgara > li.b22 { grid-column: span 2; grid-row: span 2; }
.galeri-izgara > li.b12 { grid-row: span 2; }
.galeri-izgara > li.b21 { grid-column: span 2; }
.galeri-izgara a { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; border-radius: var(--r-m); background: var(--yuzey-2); isolation: isolate; cursor: zoom-in; }
.galeri-izgara a::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgb(6 16 31 / .35), rgb(6 16 31 / 0) 55%); opacity: 0; transition: opacity .4s var(--gecis); }
.galeri-izgara img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--gecis); }
.galeri-izgara a:hover img, .galeri-izgara a:focus-visible img { transform: scale(1.05); }
.galeri-izgara a:hover::after, .galeri-izgara a:focus-visible::after { opacity: 1; }
.galeri-izgara a:focus-visible { outline: none; }

/* video albümü */
.video-izgara { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--aralik); margin: 0; padding: 0; list-style: none; }
@media (min-width: 768px) { .video-izgara:not(.tek) { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.video-izgara.tek { max-width: min(100%, calc(70vh * 16 / 9)); margin-inline: auto; } /* oynatıcı ekran yüksekliğinin ~%70'ini aşmaz (başlık ilk ekranda), ortalı */
.ic-video { margin: 0; }
.ic-video-kap { position: relative; display: grid; place-items: center; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: var(--r-l); background: radial-gradient(120% 90% at 30% 20%, #2F5E9E 0%, #1C3261 55%, #06101F 100%); color: #fff; text-decoration: none; }
.ic-video-kap:focus-visible { outline: none; }
.ic-video-kapak { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ic-video-kap:has(.ic-video-kapak)::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgb(6 16 31 / .72), rgb(6 16 31 / .08) 55%); }
.ic-oynat { position: relative; z-index: 2; display: grid; place-items: center; width: 72px; height: 72px; border-radius: 50%; background: rgb(255 255 255 / .95); color: #1C3261; transition: background-color .2s var(--gecis), color .2s var(--gecis); }
.ic-oynat svg { width: 28px; height: 28px; margin-left: 4px; fill: currentColor; }
.ic-video-kap:hover .ic-oynat, .ic-video-kap:focus-visible .ic-oynat { background: var(--amber); color: var(--amber-ust); }
.ic-video-ad { z-index: 2; position: absolute; left: var(--b-4); right: var(--b-4); bottom: var(--b-4); display: flex; align-items: center; gap: var(--b-2); font: var(--ag-baslik) var(--yt-ui)/var(--sa-kart) var(--aile-baslik); text-align: left; }
.ic-video iframe, .ic-video video { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; border-radius: var(--r-l); background: #06101F; }
.ic-video figcaption { margin-top: var(--b-3); }
.ic-video figcaption strong { display: block; font: var(--ag-baslik) var(--yt-govde)/var(--sa-kart-baslik) var(--aile-baslik); color: var(--baslik); }
.ic-video figcaption span { display: block; margin-top: var(--b-1); font-size: var(--yt-ui); line-height: var(--sa-kart); color: var(--soluk); }
.ic-not { margin: var(--b-5) 0 0; font-size: var(--yt-kucuk); line-height: var(--sa-kart); color: var(--soluk); }
@media (prefers-reduced-motion: reduce) { .ic-liste a .izg-ok, .galeri-izgara img, .galeri-izgara a::after { transition: none; } .galeri-izgara a:hover img { transform: none; } }

/* ————— ışık kutusu (foto albümü): PhotoSwipe 5.4.4 ana stili, MIT lisanslı, olduğu gibi + büyütülen görselin alt yazısı ————— */
/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */

.pswp {
  --pswp-bg: #000;
  --pswp-placeholder-bg: #222;
  

  --pswp-root-z-index: 100000;
  
  --pswp-preloader-color: rgba(79, 79, 79, 0.4);
  --pswp-preloader-color-secondary: rgba(255, 255, 255, 0.9);
  
  /* defined via js:
  --pswp-transition-duration: 333ms; */
  
  --pswp-icon-color: #fff;
  --pswp-icon-color-secondary: #4f4f4f;
  --pswp-icon-stroke-color: #4f4f4f;
  --pswp-icon-stroke-width: 2px;

  --pswp-error-text-color: var(--pswp-icon-color);
}


/*
	Styles for basic PhotoSwipe (pswp) functionality (sliding area, open/close transitions)
*/

.pswp {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: var(--pswp-root-z-index);
	display: none;
	touch-action: none;
	outline: 0;
	opacity: 0.003;
	contain: layout style size;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Prevents focus outline on the root element,
  (it may be focused initially) */
.pswp:focus {
  outline: 0;
}

.pswp * {
  box-sizing: border-box;
}

.pswp img {
  max-width: none;
}

.pswp--open {
	display: block;
}

.pswp,
.pswp__bg {
	transform: translateZ(0);
	will-change: opacity;
}

.pswp__bg {
  opacity: 0.005;
	background: var(--pswp-bg);
}

.pswp,
.pswp__scroll-wrap {
	overflow: hidden;
}

.pswp__scroll-wrap,
.pswp__bg,
.pswp__container,
.pswp__item,
.pswp__content,
.pswp__img,
.pswp__zoom-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.pswp__img,
.pswp__zoom-wrap {
	width: auto;
	height: auto;
}

.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
	cursor: move;
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/* :active to override grabbing cursor */
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
	cursor: -webkit-zoom-out;
	cursor: -moz-zoom-out;
	cursor: zoom-out;
}


/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img,
.pswp__button,
.pswp__counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.pswp__item {
	/* z-index for fade transition */
	z-index: 1;
	overflow: hidden;
}

.pswp__hidden {
	display: none !important;
}

/* Allow to click through pswp__content element, but not its children */
.pswp__content {
  pointer-events: none;
}
.pswp__content > * {
  pointer-events: auto;
}


/*

  PhotoSwipe UI

*/

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg-container {
  display: grid;
}
.pswp__error-msg {
	margin: auto;
	font-size: 1em;
	line-height: 1;
	color: var(--pswp-error-text-color);
}

/*
class pswp__hide-on-close is applied to elements that
should hide (for example fade out) when PhotoSwipe is closed
and show (for example fade in) when PhotoSwipe is opened
 */
.pswp .pswp__hide-on-close {
	opacity: 0.005;
	will-change: opacity;
	transition: opacity var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1);
	z-index: 10; /* always overlap slide content */
	pointer-events: none; /* hidden elements should not be clickable */
}

/* class pswp--ui-visible is added when opening or closing transition starts */
.pswp--ui-visible .pswp__hide-on-close {
	opacity: 1;
	pointer-events: auto;
}

/* <button> styles, including css reset */
.pswp__button {
	position: relative;
	display: block;
	width: 50px;
	height: 60px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	cursor: pointer;
	background: none;
	border: 0;
	box-shadow: none;
	opacity: 0.85;
	-webkit-appearance: none;
	-webkit-touch-callout: none;
}

.pswp__button:hover,
.pswp__button:active,
.pswp__button:focus {
  transition: none;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
  opacity: 1;
}

.pswp__button:disabled {
  opacity: 0.3;
  cursor: auto;
}

.pswp__icn {
  fill: var(--pswp-icon-color);
  color: var(--pswp-icon-color-secondary);
}

.pswp__icn {
  position: absolute;
  top: 14px;
  left: 9px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  pointer-events: none;
}

.pswp__icn-shadow {
  stroke: var(--pswp-icon-stroke-color);
  stroke-width: var(--pswp-icon-stroke-width);
  fill: none;
}

.pswp__icn:focus {
	outline: 0;
}

/*
	div element that matches size of large image,
	large image loads on top of it,
	used when msrc is not provided
*/
div.pswp__img--placeholder,
.pswp__img--with-bg {
	background: var(--pswp-placeholder-bg);
}

.pswp__top-bar {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 60px;
	display: flex;
  flex-direction: row;
  justify-content: flex-end;
	z-index: 10;

	/* allow events to pass through top bar itself */
	pointer-events: none !important;
}
.pswp__top-bar > * {
  pointer-events: auto;
  /* this makes transition significantly more smooth,
     even though inner elements are not animated */
  will-change: opacity;
}


/*

  Close button

*/
.pswp__button--close {
  margin-right: 6px;
}


/*

  Arrow buttons

*/
.pswp__button--arrow {
  position: absolute;
  top: 0;
  width: 75px;
  height: 100px;
  top: 50%;
  margin-top: -50px;
}

.pswp__button--arrow:disabled {
  display: none;
  cursor: default;
}

.pswp__button--arrow .pswp__icn {
  top: 50%;
  margin-top: -30px;
  width: 60px;
  height: 60px;
  background: none;
  border-radius: 0;
}

.pswp--one-slide .pswp__button--arrow {
  display: none;
}

/* hide arrows on touch screens */
.pswp--touch .pswp__button--arrow {
  visibility: hidden;
}

/* show arrows only after mouse was used */
.pswp--has_mouse .pswp__button--arrow {
  visibility: visible;
}

.pswp__button--arrow--prev {
  right: auto;
  left: 0px;
}

.pswp__button--arrow--next {
  right: 0px;
}
.pswp__button--arrow--next .pswp__icn {
  left: auto;
  right: 14px;
  /* flip horizontally */
  transform: scale(-1, 1);
}

/*

  Zoom button

*/
.pswp__button--zoom {
  display: none;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

/* "+" => "-" */
.pswp--zoomed-in .pswp__zoom-icn-bar-v {
  display: none;
}


/*

  Loading indicator

*/
.pswp__preloader {
  position: relative;
  overflow: hidden;
  width: 50px;
  height: 60px;
  margin-right: auto;
}

.pswp__preloader .pswp__icn {
  opacity: 0;
  transition: opacity 0.2s linear;
  animation: pswp-clockwise 600ms linear infinite;
}

.pswp__preloader--active .pswp__icn {
  opacity: 0.85;
}

@keyframes pswp-clockwise {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/*

  "1 of 10" counter

*/
.pswp__counter {
  height: 30px;
  margin-top: 15px;
  margin-inline-start: 20px;
  font-size: 14px;
  line-height: 30px;
  color: var(--pswp-icon-color);
  text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary);
  opacity: 0.85;
}

.pswp--one-slide .pswp__counter {
  display: none;
}

.pswp__custom-caption { position: absolute; inset-inline: 0; inset-block-end: 0; padding: .875rem 1rem calc(.875rem + env(safe-area-inset-bottom, 0px)); background: linear-gradient(to top, rgb(0 0 0 / .72), transparent); color: #fff; font-size: .95rem; line-height: 1.4; text-align: center; }
.pswp__custom-caption:empty { display: none; }

/* ————— REHBER GÖRÜNÜMÜ (blog/rehber: Sağlık Rehberi yazısı ve A–Z dizin) ————— */
/* yazı: başlık bandında «tanı yerine geçmez» satırı; yan sütunda makale künyesi (telefonda gövdenin üstünde, içindekilerle) */
.rs-ust .rh-uyari { display: flex; align-items: flex-start; gap: var(--b-2); max-width: 62ch; margin: var(--b-4) 0 0; font: var(--ag-metin) var(--yt-ui)/var(--sa-kart) var(--aile-baslik); color: var(--soluk); }
.rh-uyari .ikon { flex: none; width: 18px; height: 18px; margin-top: calc((1em * var(--sa-kart) - 18px) / 2); color: var(--ince); }
.ic-yan > .rh-kunye { order: 0; }
.rh-kunye dl { display: grid; gap: var(--b-3); margin: 0; }
.rh-kunye dl > div { display: grid; gap: 2px; }
.rh-kunye dt { font: var(--ag-vurgu) var(--yt-ust)/var(--sa-ui) var(--aile-baslik); letter-spacing: var(--ha-etiket); text-transform: uppercase; color: var(--soluk); }
.rh-kunye dd { margin: 0; font: var(--ag-metin) var(--yt-ui)/var(--sa-kart) var(--aile-baslik); color: var(--baslik); overflow-wrap: anywhere; }
.rh-kunye time { font: inherit; color: inherit; }
/* liste: harf çubuğu (yalnız yazısı olan harf bağlantı) + harf grupları */
.rh-harfler { display: flex; flex-wrap: wrap; gap: var(--b-1); margin: 0 0 var(--b-6); padding: var(--b-3); border: 1px solid var(--kenar); border-radius: var(--r-l); background: var(--yuzey); --fx-kose: var(--r-s); }
.rh-harf { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; border-radius: var(--r-s); font: var(--ag-baslik) var(--yt-govde)/1 var(--aile-baslik); color: var(--baslik); text-decoration: none; transition: color .2s var(--gecis); }
.rh-harf:hover, .rh-harf:focus-visible { color: var(--fx-yazi); outline: none; }
.rh-harf.bos { color: var(--soluk); opacity: .45; }
.rh-dizin { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--b-6) clamp(32px, 4vw, 64px); }
@media (min-width: 768px) { .rh-dizin { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .rh-dizin { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.rh-grup { min-width: 0; scroll-margin-top: calc(var(--ku-h, 101px) + var(--b-5)); }
.rh-grup-harf { margin: 0 0 var(--b-2); padding-bottom: var(--b-2); border-bottom: 1px solid var(--kenar); font: var(--ag-baslik) var(--yt-alt)/var(--sa-baslik) var(--aile-baslik); color: var(--vurgu); }
.rh-grup .fx-rail { --fx-kose: var(--r-s); }

/* ===== YAZI İLİŞKİLERİ (blog ve rehber yazısı): gövde sonunda yazan / inceleyen kişi kartları (doktor kartının dili) ve ilgili
   bölüm hapları; rehber künyesinde kişi adı doktor sayfasına bağlantı. Veri yoksa hiçbiri çizilmez. ===== */
.ic-iliski { display: grid; gap: var(--b-5); max-width: 68ch; margin-top: var(--b-7); }
.ic-yazar + .ic-iliski { margin-top: var(--b-5); }
.ic-iliski-grup { min-width: 0; }
.ic-iliski-bas { margin: 0 0 var(--b-2); font: var(--ag-vurgu) var(--yt-ust)/var(--sa-ui) var(--aile-baslik); letter-spacing: var(--ha-etiket); text-transform: uppercase; color: var(--soluk); }
.ic-kisiler { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--b-3); margin: 0; padding: 0; list-style: none; --fx-kose: var(--r-m); }
@media (min-width: 640px) { .ic-kisiler { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.ic-kisiler > li { display: flex; min-width: 0; }
.rh-kunye dd a { color: var(--baslik); text-decoration: underline; text-decoration-color: var(--kenar); text-underline-offset: 3px; transition: color .2s var(--gecis), text-decoration-color .2s var(--gecis); }
.rh-kunye dd a:hover, .rh-kunye dd a:focus-visible { color: var(--fx-yazi); text-decoration-color: currentColor; outline: none; }

/* ————— BÖLÜM DÜZELTMELERİ (28 Eki) ————— */
/* dil menüsü: Arapça satır öbürleriyle aynı hizada ve ağırlıkta — yazı yönü sağdan sola kalır, satır soldan başlar */
.ku-acilir a[dir="rtl"] { justify-content: flex-end; unicode-bidi: isolate; font-weight: inherit; }

/* ── KAYAN HOVER: yeni bağlanan gruplar (aynı .fx-ind, aynı eğri; öğe kendi hover zeminini almaz) ── */
/* haber kartları: gösterge kartın arkasında, kartın iç payı kadar çerçeve (16 px, altta 24 px); köşe görselin köşesiyle eş merkezli */
.kart-izgara { --fx-kose: calc(var(--r-m) + var(--b-4)); }
@media (hover: hover) and (min-width: 640px) {
  .kart-izgara { margin-inline: calc(-1 * var(--b-4)); }
  .kart-izgara .rehber-kart { padding: var(--b-4) var(--b-4) var(--b-5); }
}
.rehber-kart .etiket-cam time { font: inherit; color: inherit; }
/* birim okları: lacivert dolgu artık kayan gösterge */
.oklar { --fx-kose: 999px; }
.oklar .fx-ind { background: var(--lacivert); }
@media (hover: hover) { .oklar .ok-dugme:hover { background: transparent; color: #fff; border-color: var(--lacivert); } }
/* «Tümü / Tüm haberler» */
.bolum-satir.fx-rail { --fx-kose: 999px; }
.bolum-satir .tumu { padding-inline: var(--b-3); margin-inline-end: calc(-1 * var(--b-3)); }
.bolum-satir .tumu:hover { color: var(--fx-yazi); }
/* arama katmanı öneri çipleri: hover zemini göstergeye geçti */
.ku-cipler { --fx-kose: 999px; }
.ku-cipler .fx-ind { background: rgb(62 113 174 / .30); }
.ku-cipler .ku-cip:hover, .ku-cipler .ku-cip:focus-visible { background: transparent; }
/* iç sayfalar: yazı listesi ve sayfalama */
.yazi-listesi.fx-rail { --fx-kose: var(--r-m); }
.yazi-listesi > li.fx-item { padding: var(--b-3); margin-inline: calc(-1 * var(--b-3)); }
.yazi-listesi > li.fx-item:hover a { color: var(--fx-yazi); }
.rs-sayfalama { display: flex; flex-wrap: wrap; gap: var(--b-1); margin-top: var(--b-5); --fx-kose: 10px; }
.rs-sayfalama a { display: inline-grid; place-items: center; min-width: 44px; min-height: 44px; padding-inline: var(--b-2); text-decoration: none; color: var(--metin); }
.rs-sayfalama a:hover, .rs-sayfalama a[aria-current] { color: var(--fx-yazi); }
.rs-sayfalama a[aria-current] { font-weight: 700; }
/* @üst menü açılır: Sağlık Rehberi · Hasta Rehberi (e-Hizmet açılırının görünümü; koyu menü şeridinin hover rengi panele sızmaz) */
.ku-s2 .ku-acilir .fx-item:hover { color: var(--fx-yazi); }
.ku-s2 .ku-acilir .fx-ind { background: var(--fx-hap); }
.ku-menu > li.ku-dd > button svg { flex: none; }
/* @navigasyon (28 Eki): büyük açılır menü sade (adlar kesilmez, sarar) · açılır menü öğeleri 38 px · açılır menüsü olan her üst öğede ok, açıkken döner */
.ku-mega .kap { padding-block: var(--b-5) 28px; grid-template-columns: minmax(200px, .8fr) 3.2fr; }
.ku-mega h3 { margin-bottom: var(--b-2); }
.ku-mega p { margin-bottom: 14px; }
.ku-mega .tum { min-height: var(--yy-menu-oge); padding: 0 14px; }
.ku-mega ul { column-gap: var(--b-4); }
.ku-mega li a { height: auto; min-height: var(--yy-mega-oge); line-height: var(--sa-menu-oge); padding: 7px 10px; white-space: normal; overflow: visible; text-overflow: clip; }
.ku-acilir a { min-height: var(--yy-menu-oge); }
.ku-menu > li > button svg, .ku-ehizmet svg, .ku-dil svg, .ku-cekmece summary svg { flex: none; transition: transform .2s var(--gecis, cubic-bezier(.2,.7,.2,1)); }
.ku-menu > li > button[aria-expanded="true"] svg, .ku-ehizmet[aria-expanded="true"] svg, .ku-dil[aria-expanded="true"] svg, .ku-cekmece details[open] > summary svg { transform: rotate(180deg); }
.ku-ehizmet[aria-expanded="true"] { background: var(--ehizmet-hover); }
.ku-cekmece summary svg { width: var(--yt-kart); height: var(--yt-kart); }
@media (prefers-reduced-motion: reduce) { .ku-menu > li > button svg, .ku-ehizmet svg, .ku-dil svg, .ku-cekmece summary svg { transition: none; } }
/* @tek-satir (28 Eki): Tıbbi Birimler büyük açılır menüsü, «Tıbbi Birimlerimiz» ve «Sık Okunanlar» — adlar tek satır (sütun genişliği içeriğe göre, kesme yok),
   önde içi boş nokta (hover'da dolar), hover/odakta sağda ok; kayan gösterge yalnız öğenin kendi genişliğinde. Büyük açılır menü içerik kabı genişliğinde kendi kutusunda. */
.ku-mega li a::before, .izgara li a::before { content: ""; flex: none; box-sizing: border-box; width: 7px; height: 7px; border: 1.5px solid currentColor; border-radius: 50%; opacity: .5; transition: background-color .2s var(--gecis, ease), opacity .2s var(--gecis, ease); }
.ku-mega li a:hover::before, .ku-mega li a:focus-visible::before, .izgara li a:hover::before, .izgara li a:focus-visible::before { background: currentColor; opacity: 1; }
.ku-mega li a { display: flex; align-items: center; gap: 8px; padding: 7px 8px; }
.ku-mega .izg-ok { flex: none; width: 14px; height: 14px; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; opacity: 0; transform: translateX(-4px); transition: opacity .22s var(--gecis, ease), transform .22s var(--gecis, ease); }
.ku-mega li a:hover .izg-ok, .ku-mega li a:focus-visible .izg-ok { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { .ku-mega .izg-ok, .izgara li a .izg-ok { transition: none; transform: none; } }
@media (min-width: 1200px) {
  .ku-mega { left: var(--oluk); right: var(--oluk); top: calc(100% + 8px); border-radius: 12px; box-shadow: 0 22px 44px -18px rgb(0 0 0 / .5); }
  .ku-mega::before { content: ""; position: absolute; left: 0; right: 0; top: -10px; height: 10px; }
  .ku-mega .kap { width: auto; padding-inline: 24px; grid-template-columns: minmax(0, 260px) minmax(max-content, 1fr); column-gap: 32px; }
  .ku-mega ul { grid-template-columns: repeat(3, max-content); grid-template-rows: repeat(12, auto); grid-auto-flow: column; justify-content: space-between; column-gap: 20px; }
  .ku-mega li { justify-self: start; }
  .ku-mega li a { white-space: nowrap; }
  .izgara li { justify-self: start; }
  .izgara li a { width: max-content; }
  .izgara li a .ad { white-space: nowrap; }
  .izgara-birim ul { grid-template-columns: repeat(3, max-content); grid-template-rows: repeat(12, auto); grid-auto-flow: column; justify-content: space-between; }
  .izgara-sik ul { grid-template-columns: repeat(3, minmax(0, 1fr)); justify-content: stretch; column-gap: clamp(24px, 3vw, 56px); }
  .izgara-sik li { justify-self: stretch; min-width: 0; }
  .izgara-sik li a { width: auto; max-width: 100%; }
  .izgara-sik li a .ad { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* 1 Kas: tek satır, sığmayan «…», tam ad title'da */
}
/* K-ISJCY (1 Kas): küçük dizüstü ve yatay tablette de tek satır; sığmayan ad «…», tam adı title'da */
@media (min-width: 1024px) and (max-width: 1199px) {
  .izgara li { min-width: 0; }
  .izgara li a .ad { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}
@media (min-width: 1680px) {
  .izgara-birim ul { grid-template-columns: repeat(4, max-content); grid-template-rows: repeat(9, auto); }
}

/* @bolum-doktor (29 Eki): bölüm ve doktor sayfaları (birim/*, doktor/*). Ana sayfanın dili: kart başlığı B, içi boş nokta +
   hover ok listesi, kayan hover göstergesi (.fx-ind), .dugme-amber / .dugme-hayalet / .dugme-cizgi; renk, yazı ve boşluk jetonlardan. */
.bl-sayi { margin: 0 0 var(--b-5); color: var(--soluk); font: var(--ag-baslik) var(--yt-kucuk)/var(--sa-ui) var(--aile-baslik); white-space: nowrap; }
.bl-bas { display: flex; align-items: baseline; justify-content: space-between; gap: var(--b-4); margin: 0 0 var(--b-5); }
.bl-bas h2 { margin: 0; font: var(--ag-baslik) var(--yt-alt)/var(--sa-baslik) var(--aile-baslik); letter-spacing: var(--ha-baslik); color: var(--baslik); }
.bl-bas .bl-sayi { margin: 0; }
.bl-bolum { margin-top: var(--b-8); }

/* bölüm dizini: kart ızgarası (kartın zemini saydam, kayan gösterge arkadan geçer) */
.bl-izgara { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--b-3); margin: 0; padding: 0; list-style: none; --fx-kose: var(--r-m); }
@media (min-width: 640px) { .bl-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .bl-izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--b-4); } }
.bl-izgara > li { display: flex; min-width: 0; }
.bl-izgara { margin-inline: calc(-1 * var(--b-2)); width: calc(100% + 2 * var(--b-2)); }
.bl-kart { display: block; position: relative; z-index: 1; width: 100%; padding: var(--b-2); border: 0; border-radius: var(--r-m); color: var(--metin); }
.bl-kart:hover, .bl-kart:focus-visible { outline: none; }
.bl-kg { display: flex; align-items: flex-end; position: relative; aspect-ratio: 16 / 10; border-radius: var(--r-s); overflow: hidden; background: var(--yuzey-2); isolation: isolate; }
.bl-kg::after { content: ''; position: absolute; inset: 0; z-index: 1; background: linear-gradient(to top, rgb(5 12 28 / .95) 0%, rgb(5 12 28 / .86) 30%, rgb(5 12 28 / .64) 46%, rgb(5 12 28 / 0) 78%); transition: opacity .22s var(--gecis); }
.bl-kart:hover .bl-kg::after, .bl-kart:focus-visible .bl-kg::after { background: linear-gradient(to top, rgb(5 12 28 / .97) 0%, rgb(5 12 28 / .9) 32%, rgb(5 12 28 / .7) 50%, rgb(5 12 28 / .04) 82%); }
.bl-kg img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
.bl-kart h2 { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: var(--b-2); width: 100%; margin: 0; padding: var(--b-4) var(--b-4); font: 700 var(--yt-kart)/var(--sa-kart-baslik) var(--aile-baslik); letter-spacing: var(--ha-kart); color: #fff; text-wrap: balance; text-shadow: 0 1px 2px rgb(0 0 0 / .45); }
.bl-kart h2 .ikon { flex: none; width: 18px; height: 18px; transition: transform .22s var(--gecis); }
.bl-kart:hover h2 .ikon, .bl-kart:focus-visible h2 .ikon { transform: translateX(3px); }

/* bölüm sayfası: solda görsel + açıklama, sağda yapışkan randevu kartı */
.bl-duzen { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--b-7); align-items: start; }
@media (min-width: 1024px) {
  .bl-duzen { grid-template-columns: minmax(0, 1fr) minmax(300px, 360px); column-gap: clamp(32px, 4vw, 72px); }
  .bl-yan { position: sticky; top: calc(var(--ku-h, 101px) + var(--b-5)); }
}
.bl-gorsel { margin: 0 0 var(--b-6); aspect-ratio: 16 / 9; border-radius: var(--r-l); overflow: hidden; background: var(--yuzey-2); }
.bl-gorsel img { display: block; width: 100%; height: 100%; object-fit: cover; }
.bl-yan-kart { display: grid; gap: var(--b-3); padding: var(--b-6); border-radius: var(--r-l); background: var(--bant-zemin); color: var(--bant-metin); }
.bl-yan-kart h2 { margin: 0; font: var(--ag-baslik) var(--yt-kart)/var(--sa-kart-baslik) var(--aile-baslik); letter-spacing: var(--ha-kart); color: #fff; }
.bl-yan-kart p { margin: 0 0 var(--b-2); color: var(--bant-soluk); font-size: var(--yt-ui); line-height: var(--sa-kart); }
.bl-yan-kart .dugme, .bl-cagri .dugme, .dr-kimlik .dugme { width: 100%; }
.bl-yan-kart .ikon, .bl-cagri .ikon, .dr-kimlik .dugme .ikon { width: 18px; height: 18px; }
.bl-yan-sayi { display: inline-grid; place-items: center; min-width: 26px; height: 26px; padding: 0 var(--b-2); border-radius: 999px; background: rgb(255 255 255 / .16); font-size: var(--yt-kucuk); }

/* doktor kartı (dizin ve bölüm sayfası): avatar + unvan + ad + alt satır; üstüne gelince ok */
.dr-izgara { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--b-5); margin: 0; padding: 0; list-style: none; }
@media (min-width: 560px) { .dr-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 900px) { .dr-izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1280px) { .dr-izgara { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--b-6); } }
.dr-izgara > li { display: flex; min-width: 0; }
.dr-kart { display: flex; flex-direction: column; width: 100%; overflow: hidden; border: 1px solid var(--kenar); border-radius: var(--r-m); background: var(--yuzey); color: var(--metin); box-shadow: 0 1px 2px rgba(15, 23, 42, .06); transition: box-shadow .22s var(--gecis); }
.dr-kart:hover, .dr-kart:focus-within { box-shadow: 0 2px 4px rgba(15, 23, 42, .06), 0 10px 24px -8px rgba(15, 23, 42, .16), 0 22px 48px -20px rgba(15, 23, 42, .18); }
.dr-foto-kutu { display: block; aspect-ratio: 4 / 5; overflow: hidden; background: var(--yuzey-2); }
.dr-foto-kutu img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 0; }
.dr-yer { display: block; width: 42%; height: 100%; margin: 0 auto; fill: none; stroke: var(--ince); stroke-width: .8; stroke-linecap: round; opacity: .55; }
.dr-metin { display: flex; flex: 1; flex-direction: column; gap: var(--b-1); min-width: 0; padding: var(--b-4); }
.dr-unvan { color: var(--soluk); font: var(--ag-baslik) var(--yt-kucuk)/var(--sa-kart) var(--aile-baslik); }
.dr-ad { margin: 0; font: var(--ag-baslik) var(--yt-kart)/var(--sa-kart-baslik) var(--aile-baslik); letter-spacing: var(--ha-kart); color: var(--baslik); overflow-wrap: anywhere; }
.dr-ad a { color: inherit; transition: color .22s var(--gecis); }
.dr-ad a:hover, .dr-ad a:focus-visible { color: var(--fx-yazi); outline: none; }
.dr-alt { color: var(--ince); font-size: var(--yt-kucuk); line-height: var(--sa-kart); }
.dr-dugmeler { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--b-2); margin-top: auto; padding-top: var(--b-4); }
.dr-dugmeler .dugme { width: 100%; justify-content: center; padding-inline: var(--b-3); white-space: nowrap; }
.dr-kart-yalin { flex-direction: row; box-shadow: none; }

/* içi boş noktalı, oklu bağlantı listesi (rehber yazıları, albümler) */
.bl-liste { display: grid; grid-template-columns: minmax(0, 1fr); column-gap: var(--aralik); row-gap: 2px; margin: 0; padding: 0; list-style: none; --fx-kose: var(--r-s); }
@media (min-width: 768px) { .bl-liste { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.bl-liste li { min-width: 0; }
.bl-liste a { display: flex; align-items: center; gap: var(--b-3); min-height: 46px; padding: var(--b-2) var(--b-3); margin-inline: calc(-1 * var(--b-3)); border-radius: var(--r-s); color: var(--ince); font-size: var(--yt-govde); line-height: var(--sa-kart-baslik); transition: color .22s var(--gecis); }
.bl-liste a::before { content: ""; flex: none; box-sizing: border-box; width: 7px; height: 7px; border: 1.5px solid currentColor; border-radius: 50%; opacity: .5; transition: background-color .2s var(--gecis), opacity .2s var(--gecis); }
.bl-liste a .ad { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.bl-liste a .izg-ok { flex: none; width: 16px; height: 16px; opacity: 0; transform: translateX(-4px); transition: opacity .22s var(--gecis), transform .22s var(--gecis); }
.bl-liste a:hover, .bl-liste a:focus-visible { color: var(--fx-yazi); outline: none; }
.bl-liste a:hover::before, .bl-liste a:focus-visible::before { background: currentColor; opacity: 1; }
.bl-liste a:hover .izg-ok, .bl-liste a:focus-visible .izg-ok { opacity: 1; transform: none; }

/* haplar: doktor dizininin bölüm süzgeci, doktor sayfasının bölümleri */
.dr-suzgec { margin: 0 0 var(--b-7); }
.dr-suzgec .rs-etiket { margin-bottom: var(--b-3); }
.bl-cipler { display: flex; flex-wrap: wrap; gap: var(--b-2); margin: 0; padding: 0; list-style: none; --fx-kose: 999px; }
.bl-cip { display: inline-flex; align-items: center; gap: var(--b-2); min-height: 44px; padding: 0 var(--b-4); border: 1px solid var(--kenar); border-radius: 999px; color: var(--baslik); font: var(--ag-baslik) var(--yt-kucuk)/1.3 var(--aile-baslik); transition: color .2s var(--gecis), border-color .2s var(--gecis); }
a.bl-cip:hover, a.bl-cip:focus-visible { border-color: transparent; color: var(--fx-yazi); outline: none; }
.bl-cip[aria-current] { border-color: var(--lacivert); background: var(--lacivert); color: #fff; }
.bl-cip-sayi { display: inline-grid; place-items: center; min-width: 24px; height: 24px; padding: 0 6px; border-radius: 999px; background: rgb(255 255 255 / .18); font-size: var(--yt-ust); }
/* telefonda süzgeç tek satır, yatay kaydırılır (sayfa taşmaz) */
@media (max-width: 767px) {
  .dr-suzgec .bl-cipler { flex-wrap: nowrap; overflow-x: auto; margin-inline: calc(-1 * var(--oluk)); padding: 2px var(--oluk) var(--b-2); scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .dr-suzgec .bl-cipler::-webkit-scrollbar { display: none; }
  .dr-suzgec .bl-cip { white-space: nowrap; }
}

/* doktor sayfası: solda yapışkan kimlik kartı, sağda özgeçmiş */
.dr-profil { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--b-7); align-items: start; }
@media (min-width: 900px) {
  .dr-profil { grid-template-columns: minmax(260px, 340px) minmax(0, 1fr); column-gap: clamp(32px, 4vw, 72px); }
  .dr-profil.tek { grid-template-columns: minmax(0, 400px); }
  .dr-kimlik { position: sticky; top: calc(var(--ku-h, 101px) + var(--b-5)); }
}
.dr-kimlik { display: grid; gap: var(--b-5); }
.dr-foto { margin: 0; aspect-ratio: 4 / 5; border-radius: var(--r-l); overflow: hidden; background: var(--yuzey-2); }
.dr-foto img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 20%; }
.dr-foto.harf { display: grid; place-items: center; aspect-ratio: 4 / 3; background: linear-gradient(160deg, var(--yuzey-2), var(--yuzey)); border: 1px solid var(--kenar); }
.dr-harf { color: var(--ince); font: var(--ag-ince) clamp(3rem, 2.2rem + 3vw, 4.5rem)/1 var(--aile-baslik); letter-spacing: var(--ha-baslik); }
.dr-kimlik-metin { display: grid; gap: var(--b-3); }
.dr-kimlik-metin > p { margin: 0; }
.dr-kimlik .rs-etiket { margin: 0; }
.dr-kimlik .bl-cipler { margin: var(--b-1) 0 var(--b-2); }
.dr-not { color: var(--soluk); font-size: var(--yt-ui); line-height: var(--sa-kart); }
@media (max-width: 899px) {
  .dr-foto { width: min(100%, 280px); }
  .dr-foto.harf { width: 100%; aspect-ratio: 16 / 7; }
}
.dr-ozgecmis-bas { margin: 0 0 var(--b-5); font: var(--ag-baslik) var(--yt-alt)/var(--sa-baslik) var(--aile-baslik); letter-spacing: var(--ha-baslik); color: var(--baslik); }

/* sayfa sonu randevu çağrısı */
.bl-cagri { display: grid; gap: var(--b-5); margin-top: var(--b-8); padding: clamp(24px, 4vw, 48px); border-radius: var(--r-l); background: var(--bant-zemin); color: var(--bant-metin); }
@media (min-width: 900px) { .bl-cagri { grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: var(--b-7); } .bl-cagri .dugme { width: auto; } }
.bl-cagri h2 { margin: 0 0 var(--b-2); font: var(--ag-baslik) var(--yt-alt)/var(--sa-baslik) var(--aile-baslik); letter-spacing: var(--ha-baslik); color: #fff; }
.bl-cagri p { margin: 0; max-width: 60ch; color: var(--bant-soluk); font-size: var(--yt-govde); line-height: var(--sa-govde); }
.bl-cagri-dugmeler { display: grid; gap: var(--b-3); }
@media (min-width: 560px) { .bl-cagri-dugmeler { grid-auto-flow: column; grid-auto-columns: 1fr; } }
@media (min-width: 900px) { .bl-cagri-dugmeler { grid-auto-columns: auto; } }
@media (prefers-reduced-motion: reduce) { .bl-kart .ikon, .dr-kart .izg-ok, .bl-liste a .izg-ok { transition: none; transform: none; } }

/* doktor kartı dengesi (30 Eki): Randevu al ikincil (çerçeveli); kart ızgarası kayan hover rayı (.fx-rail → betik doktorkart bloğu, fx.js) */
.dr-izgara { --fx-kose: var(--r-m); }
.dr-izgara .dr-kart { position: relative; z-index: 1; box-shadow: none; transition: border-color .22s var(--gecis), background-color .22s var(--gecis); }
.dr-izgara .dr-kart:hover, .dr-izgara .dr-kart:focus-within { box-shadow: none; color: var(--metin); }
.dr-izgara .fx-ind { outline: var(--b-2) solid var(--fx-hap); }
.dr-izgara.fx-rail .fx-item:hover { color: var(--metin); }
.dr-dugmeler .dr-randevu { color: var(--baslik); }
.dr-dugmeler .dr-randevu:hover, .dr-dugmeler .dr-randevu:focus-visible { color: var(--fx-yazi); }

/* @birimliste2 (30 Eki): /birimler/ üst süzgeç: arama kutusu + birime git seçim kutusu (Liv tıbbi branşlar yapısı, Başarı dili) */
.bl-secim.dr-secim { display: block; }
.bl-yok { margin: 0 0 var(--b-5); color: var(--soluk); font-size: var(--yt-govde); }
.bl-yok[hidden], .bl-izgara > li[hidden] { display: none; }
/* @suzgec · doktor dizininin bölüm süzgeci ve Sağlık Rehberi A–Z dizisi tek satır (alt alta düğme yok) */
/* doktor süzgeci: masaüstünde tek satır hap dizisi, sığmayan yana kayar (ince kaydırma çubuğu ipucu verir) */
.dr-suzgec .bl-cipler { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; scrollbar-color: var(--kenar) transparent; padding-bottom: var(--b-2); }
.dr-suzgec .bl-cip { flex: none; white-space: nowrap; }
/* sağ kenar yumuşak solar: dizinin devam ettiği görünür; son hap kaydırınca soluşun dışına çıkar */
.dr-suzgec .bl-cipler { padding-right: 56px; -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 56px), transparent); mask-image: linear-gradient(to right, #000 calc(100% - 56px), transparent); }
.dr-secim { display: none; position: relative; }
/* telefonda tek açılır liste (taslağın seçim kutusu ölçüsü: 52 px, köşe 14 px, ok 18 px) */
@media (max-width: 760px) {
  .dr-suzgec .bl-cipler { display: none; }
  .dr-secim { display: block; }
}
.dr-secim-kutu { -webkit-appearance: none; appearance: none; display: block; width: 100%; height: 52px; margin: 0; padding: 0 calc(var(--b-4) + 26px) 0 var(--b-4); border: 1px solid var(--kenar); border-radius: 14px; background: var(--yuzey); color: var(--baslik); font: var(--ag-baslik) 1rem/1.2 var(--aile-baslik); text-overflow: ellipsis; cursor: pointer; transition: border-color .2s var(--gecis), background-color .2s var(--gecis); }
.dr-secim-kutu:hover, .dr-secim-kutu:focus-visible { border-color: var(--lacivert); background: var(--yuzey-2); outline: none; }
.dr-secim-ok { position: absolute; top: 50%; right: var(--b-4); width: 18px; height: 18px; margin-top: -9px; fill: none; stroke: var(--baslik); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; }
/* rehber A–Z: tek satır; geniş ekranda 29 harf kabın genişliğine eşit dağılır, dar ekranda 44 px harfler yana kayar */
.rh-harfler { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; scrollbar-color: var(--kenar) transparent; }
.rh-harf { flex: 0 0 44px; }
@media (min-width: 1200px) { .rh-harf { flex: 1 1 0; min-width: 0; } }
/* yazı kategorileri (Sağlık Rehberi · Yönetimden Haberler · Etkinlikler · Sağlık Haberleri): her genişlikte tek satır; telefonda
   kenardan kenara yana kayar; solma ve sürükleme ortak hap şeridinde (@hapray) */
.ic-suzgec { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; }
.ic-suzgec::-webkit-scrollbar { display: none; }
.ic-hap { flex: none; white-space: nowrap; }
@media (max-width: 767px) {
  .ic-suzgec { margin-inline: calc(-1 * var(--oluk)); padding-inline: var(--oluk); }
}
/* doktor hap dizisi: iki yanda ok düğmeleri (taslağın .ok-dugme dili); dizi iki ok arasında kayar, kenarda olmayan ok pasif; solma payı kalkar */
.dr-hapsarma { display: flex; align-items: center; gap: var(--b-3); }
.dr-hapsarma .bl-cipler { flex: 1 1 0; min-width: 0; padding-right: 0; -webkit-mask-image: none; mask-image: none; scrollbar-width: none; }
.dr-hapsarma .bl-cipler::-webkit-scrollbar { display: none; }
.dr-ok { flex: none; width: 44px; height: 44px; padding: 0; cursor: pointer; }
html:not(.js) .dr-ok { display: none; }
@media (max-width: 760px) { .dr-hapsarma { display: none; } }

/* @baglam — uzun alanlar «Devamını oku» ile, sağ sütun yalnız sayfanın bağlamı (bölüm, doktor, yazı, kurumsal sayfa).
   Renk, yazı ve boşluk yalnız tema jetonlarından; açık ve koyu kip aynı kurallarla. */

/* uzun metin: ilk satırlar görünür, kalanı yerinde açılır (yerel details/summary; açılınca düğme kalkar, metin kesintisiz sürer) */
.uzun-metin details.devami { margin: 0 0 var(--b-4); }
.uzun-metin details.devami > summary {
  display: inline-flex; align-items: center; gap: var(--b-2); min-height: 44px; padding: 0 var(--b-5);
  border: 1px solid var(--kenar); border-radius: 999px; background: var(--yuzey); color: var(--baslik);
  font: var(--ag-vurgu) var(--yt-ui)/1.2 var(--aile-baslik); cursor: pointer; list-style: none;
  transition: color .2s var(--gecis), border-color .2s var(--gecis), background-color .2s var(--gecis);
}
.uzun-metin details.devami > summary::-webkit-details-marker { display: none; }
.uzun-metin details.devami > summary::after {
  content: ""; flex: none; width: 7px; height: 7px; margin-top: -3px;
  border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; rotate: 45deg;
}
.uzun-metin details.devami > summary:hover,
.uzun-metin details.devami > summary:focus-visible { color: var(--ayrinti); border-color: var(--ayrinti); outline: none; }
.uzun-metin details.devami[open] > summary { display: none; }
.uzun-metin .devami-ic > * { margin: 0 0 var(--b-4); }
.uzun-metin .devami-ic > :last-child { margin-bottom: 0; }

/* sağ sütunsuz düzen (bağlam verisi yok): gövde tam genişlik */
@media (min-width: 1100px) {
  .ic-duzen.ic-tek { grid-template-columns: minmax(0, 1fr); }
}

/* bölüm sayfası: «Bu bölümde» (bölümün doktorları, rehber yazıları, albümleri) — yan kartın altında; telefonda bölümler hemen
   aşağıda tam listeyle geldiğinden gizli */
.bl-baglam { margin-top: var(--b-5); }
.bl-baglam .ic-liste a { align-items: center; }
.bl-baglam-sayi, .dr-yazi-bag .bl-yan-sayi {
  display: inline-grid; place-items: center; flex: none; min-width: 26px; height: 26px; padding: 0 var(--b-2);
  border-radius: 999px; background: var(--yuzey-2); color: var(--baslik); font-size: var(--yt-kucuk);
}
@media (max-width: 899px) { .bl-baglam { display: none; } }

/* doktor sayfası, telefon ve tablet: ilk ekranda künye + randevu — küçük fotoğraf solda, uzmanlık ve bölümler sağında,
   düğmeler tam genişlik altta */
@media (max-width: 899px) {
  .dr-kimlik { grid-template-columns: 96px minmax(0, 1fr); column-gap: var(--b-4); row-gap: var(--b-3); align-items: start; }
  .dr-kimlik-metin { display: contents; }
  .dr-kimlik .dr-foto, .dr-kimlik .dr-foto.harf { grid-column: 1; grid-row: 1 / span 2; width: 96px; aspect-ratio: 4 / 5; }
  .dr-kimlik .dr-harf { font-size: 2rem; }
  .dr-kimlik .rs-etiket, .dr-kimlik .bl-cipler { grid-column: 2; margin: 0; }
  .dr-kimlik .dr-not { display: none; }
  .dr-kimlik .dugme { grid-column: 1 / -1; }
}
/* @doktorsayfa · doktor sayfası onaylı düzen (30 Eki): hero + randevu kartı + künye/birim kartları + sekmeler. Koyu kip yüzeyleri site değişkenlerinden. */
/* v3: Liv doktor sayfası düzeni, yalnız zemin Başarı lacivert + hareketli oval/daireler */
.dv3{--hh:700px;--hero:linear-gradient(165deg,#f6f9ff 0%,#e4eefc 52%,#d2e2f8 100%);--ht:#10224f;--hm:#3a4b78;--hl:#1b3470;--hhov:#9a5f00;--i1:rgba(90,140,230,.22);--i2:rgba(240,195,106,.34);--i3:rgba(120,170,235,.18);--hr:rgba(27,52,112,.16);--hr2:rgba(214,150,30,.4);--hr3:rgba(27,52,112,.10);--ov1:rgba(255,255,255,.75);--ov2:rgba(255,255,255,.2);--ovb:rgba(27,52,112,.12);--dot:rgba(27,52,112,.08);--dA1:rgba(255,255,255,.85);--dA2:rgba(255,255,255,.25);--dAb:rgba(27,52,112,.12);--dB1:rgba(120,168,240,.7);--dB2:rgba(190,215,248,.55);--pill:rgba(27,52,112,.07);--pillb:rgba(27,52,112,.22);--pg:#f1f5fc;--cd:#fff;--tx:#13224f;--mu:#40507a;--so:#6a7899;--ln:#dfe5f1;--hv:#e4ebfa;--ac:#1f5aa8;--pr:#1b3470;--prx:#1b3470;--gold:#e0a842;--goldh:#f0c36a;--dis:#b8c0d4;--sh:rgba(11,23,56,.25);background:var(--pg);color:var(--tx);font-family:var(--aile-govde,inherit)}
:root[data-theme=dark] .dv3{--hero:linear-gradient(165deg,#0b1738 0%,#1b3470 52%,#2f5fae 100%);--ht:#fff;--hm:rgba(255,255,255,.84);--hl:#fff;--hhov:#f0c36a;--i1:rgba(110,160,255,.32);--i2:rgba(240,195,106,.26);--i3:rgba(150,200,255,.2);--hr:rgba(255,255,255,.16);--hr2:rgba(240,195,106,.3);--hr3:rgba(255,255,255,.1);--ov1:rgba(255,255,255,.1);--ov2:rgba(255,255,255,.015);--ovb:rgba(255,255,255,.12);--dot:rgba(255,255,255,.07);--dA1:rgba(255,255,255,.14);--dA2:rgba(255,255,255,.03);--dAb:rgba(255,255,255,.14);--dB1:rgba(63,120,214,.78);--dB2:rgba(31,58,120,.55);--pill:rgba(255,255,255,.14);--pillb:rgba(255,255,255,.28);--pg:var(--zemin);--cd:var(--yuzey);--tx:var(--metin);--mu:var(--soluk);--so:var(--soluk);--ln:var(--kenar);--hv:var(--yuzey-2);--ac:var(--vurgu);--pr:#3E71AE;--prx:#B9C9DD;--gold:var(--amber);--goldh:var(--amber-hover);--dis:#4A5A73;--sh:rgba(0,0,0,.6)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .dv3{--hero:linear-gradient(165deg,#0b1738 0%,#1b3470 52%,#2f5fae 100%);--ht:#fff;--hm:rgba(255,255,255,.84);--hl:#fff;--hhov:#f0c36a;--i1:rgba(110,160,255,.32);--i2:rgba(240,195,106,.26);--i3:rgba(150,200,255,.2);--hr:rgba(255,255,255,.16);--hr2:rgba(240,195,106,.3);--hr3:rgba(255,255,255,.1);--ov1:rgba(255,255,255,.1);--ov2:rgba(255,255,255,.015);--ovb:rgba(255,255,255,.12);--dot:rgba(255,255,255,.07);--dA1:rgba(255,255,255,.14);--dA2:rgba(255,255,255,.03);--dAb:rgba(255,255,255,.14);--dB1:rgba(63,120,214,.78);--dB2:rgba(31,58,120,.55);--pill:rgba(255,255,255,.14);--pillb:rgba(255,255,255,.28);--pg:var(--zemin);--cd:var(--yuzey);--tx:var(--metin);--mu:var(--soluk);--so:var(--soluk);--ln:var(--kenar);--hv:var(--yuzey-2);--ac:var(--vurgu);--pr:#3E71AE;--prx:#B9C9DD;--gold:var(--amber);--goldh:var(--amber-hover);--dis:#4A5A73;--sh:rgba(0,0,0,.6)}}
.dv3 *{box-sizing:border-box}
.dv3-hero{position:relative;overflow:hidden;color:var(--ht);background:var(--hero);isolation:isolate}
.dv3-kap{width:calc(100% - 2 * var(--oluk,24px));margin-inline:auto;padding:0;position:relative}
.dv3-hero .dv3-kap{z-index:1}
.dv3-yol{list-style:none;margin:0;padding:calc(var(--ku-h,101px) + 24px) 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:1rem;line-height:1.4;color:var(--hm)}
.dv3-yol li{display:flex;align-items:center;min-height:28px}
.dv3-yol a{color:var(--hm);text-decoration:none;transition:color .15s}
.dv3-yol a:hover{color:var(--hhov)}
.dv3-yol [aria-hidden]{opacity:.55;font-size:1.1rem}
.dv3-yol [aria-current]{color:var(--ht);font-weight:500}
.dv3-ic{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 344px;gap:24px;align-items:stretch;min-height:var(--hh);margin-top:-6px}
.dv3-sahne{position:relative;min-width:0;min-height:var(--hh)}
/* doktorun arkasındaki iç içe daireler */
.dv3-sahne{display:grid;grid-template-columns:min(var(--pw,520px),400px) minmax(0,1fr);column-gap:28px;align-items:end}
.dv3-png{grid-column:1;grid-row:1;position:relative;z-index:2;width:100%;height:auto;align-self:end;filter:drop-shadow(0 20px 30px rgba(5,12,40,.3));-webkit-mask-image:linear-gradient(to bottom,#000 86%,transparent 100%);mask-image:linear-gradient(to bottom,#000 86%,transparent 100%)}
.dv3-ad{grid-column:2;grid-row:1;align-self:center;position:relative;z-index:3;min-width:0;padding:0 0 40px}
.dv3-unvan{margin:0 0 6px;font-size:1.3rem;color:var(--hm);font-weight:500}
.dv3-ad h1{margin:0;font-family:var(--aile-baslik,inherit);font-weight:800;font-size:clamp(2rem,1.2rem + 1.7vw,2.7rem);line-height:1.08;color:var(--ht);white-space:nowrap}
.dv3-hast{margin:14px 0 10px;color:var(--hm);font-size:1.1rem}
.dv3-bol{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px;font-weight:700;font-size:1.2rem;color:var(--ht)}
.dv3-bol a{color:inherit;text-decoration:none;transition:color .15s}.dv3-bol a:hover{color:var(--hhov)}
/* takvim kartı */
.dv3-kart{background:var(--cd);color:var(--tx);border-radius:16px;padding:16px 16px 18px;box-shadow:0 24px 48px -22px var(--sh);border:1px solid var(--ln);margin:12px 0 36px;position:relative}
.dv3-alanlar{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-bottom:8px;border-bottom:1px solid var(--ln);font-size:.82rem}
.dv3-alanlar small{display:block;color:var(--so);font-size:.7rem;margin-bottom:2px}
.dv3-al{display:flex;align-items:center;justify-content:center;width:100%;margin-top:14px;min-height:46px;border:0;border-radius:999px;text-decoration:none;background:var(--gold);color:#13224f;font:inherit;font-weight:800;font-size:1rem;cursor:pointer;transition:background-color .15s,color .15s}
.dv3-al:hover{background:var(--goldh)}
/* alt bölüm */
.dv3-govde{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,8fr);gap:48px;align-items:start;padding:56px 0 72px}
.dv3-yan{display:flex;flex-direction:column;gap:28px;min-width:0}
.dv3-k{background:var(--cd);border:1px solid var(--ln);border-radius:12px;padding:24px 28px;box-shadow:0 1px 2px rgba(11,23,56,.06),0 10px 24px -14px rgba(11,23,56,.25)}
.dv3-k h2{margin:0 0 14px;font-size:1.25rem;color:var(--ac);font-family:var(--aile-baslik,inherit)}
.dv3-k ul{margin:0;padding-left:18px;line-height:1.9}
.dv3-k p{margin:0 0 12px;line-height:1.6}
.dv3-soru a{display:inline-flex;align-items:center;height:44px;padding:0 22px;border-radius:999px;background:var(--pr);color:#fff;text-decoration:none;font-weight:700;transition:background-color .15s,color .15s}
.dv3-soru a:hover{background:var(--gold);color:#13224f}
.dv3-sek{background:var(--cd);border:1px solid var(--ln);border-radius:12px;box-shadow:0 1px 2px rgba(11,23,56,.06),0 10px 24px -14px rgba(11,23,56,.25);min-width:0;overflow:hidden}
.dv3-sekb{display:flex;overflow-x:auto;border-bottom:1px solid var(--ln)}
.dv3-sekb button{flex:0 0 auto;padding:16px 22px;border:0;background:transparent;font:inherit;font-weight:600;font-size:.95rem;color:var(--mu);cursor:pointer;border-bottom:3px solid transparent;transition:background-color .15s,color .15s}
.dv3-sekb button:hover{background:var(--hv);color:var(--prx)}
.dv3-sekb button[aria-selected=true]{background:var(--hv);color:var(--prx);border-bottom-color:var(--prx)}
.dv3-pan{padding:28px 30px 32px;line-height:1.7;font-size:1.02rem;max-width:100%}
.dv3-pan[hidden]{display:none}
.dv3-pan h2{margin:0 0 14px;font-size:1.3rem;color:var(--ac);font-family:var(--aile-baslik,inherit)}
.dv3-pan h3,.dv3-pan h4{color:var(--ac)}.dv3-pan,.dv3-pan p,.dv3-pan li{color:var(--tx)}.dv3-pan a{color:var(--prx)}
.dv3-pan ul,.dv3-pan ol{padding-left:20px}
.dv3-pan .dv3-kes{max-height:560px;overflow:hidden;position:relative}
.dv3-pan .dv3-kes.ac{max-height:none}
.dv3-pan .dv3-kes:not(.ac)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(transparent,var(--cd))}
.dv3-daha{margin-top:14px;height:44px;padding:0 22px;border:1px solid var(--prx);border-radius:999px;background:var(--cd);color:var(--prx);font:inherit;font-weight:700;cursor:pointer;transition:background-color .15s,color .15s}
.dv3-daha:hover{background:var(--pr);border-color:var(--pr);color:#fff}
@media(max-width:1180px){
.dv3{--hh:auto}
.dv3-ic{grid-template-columns:minmax(0,1fr);gap:0;min-height:0}
.dv3-sahne{min-height:0;margin-top:8px;grid-template-columns:min(var(--pw,520px),42%) minmax(0,1fr)}
.dv3-ad{padding-bottom:24px}
.dv3-kart{margin:24px 0 28px}
.dv3-govde{grid-template-columns:minmax(0,1fr);gap:28px}
}
@media(max-width:700px){
.dv3-yol{font-size:.95rem;gap:4px 8px}
.dv3-sahne{display:flex;flex-direction:column;align-items:center;margin-top:8px}
.dv3-png{width:auto;max-width:78%;height:320px;object-fit:contain;display:block;margin:0 auto}
.dv3-ad{width:100%;text-align:center;padding:14px 0 22px}
.dv3-unvan{font-size:1rem;margin:0 0 4px}
.dv3-ad h1{font-size:1.9rem;line-height:1.12;white-space:normal;overflow-wrap:normal}
.dv3-hast{font-size:1rem;margin:8px 0 12px}
.dv3-bol{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px;font-size:.9rem}
.dv3-bol li{display:block}
.dv3-bol a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;background:var(--pill);border:1px solid var(--pillb);line-height:1.2}
.dv3-bol a:hover{background:var(--hv);color:var(--hl)}
.dv3-kart{width:100%;margin:0 0 28px}
.dv3-pan{padding:20px 18px 24px}.dv3-k{padding:20px}
.dv3-sekb button{min-height:48px}
.dv3-yol a{display:inline-flex;align-items:center;min-height:32px}
}
/* kristal zemin: sizin mavi kristal görselleriniz (açık/koyu) */
.dv3.kr .dv3-hero{background:#fefefe url(/varlik/k/a/gorsel/doktor/zemin-kristal-acik.webp?v=dd7bb2ce50) center/cover no-repeat}
:root[data-theme=dark] .dv3.kr .dv3-hero{background:#08101e url(/varlik/k/a/gorsel/doktor/zemin-kristal-koyu.webp?v=6d68f7cc7c) center/cover no-repeat}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .dv3.kr .dv3-hero{background:#08101e url(/varlik/k/a/gorsel/doktor/zemin-kristal-koyu.webp?v=6d68f7cc7c) center/cover no-repeat}}
/* büyük hekim + geniş randevu + arkada ışık halesi (30 Eki 05:15) */
.dv3{--hh:780px;--pc:min(calc(var(--pw,520px) * 1.18),472px);--hale1:rgba(255,255,255,.95);--hale2:rgba(150,200,255,.55);--hale3:rgba(120,175,245,.0)}
:root[data-theme=dark] .dv3{--hale1:rgba(120,230,255,.62);--hale2:rgba(60,140,235,.42);--hale3:rgba(40,110,220,0)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .dv3{--hale1:rgba(120,230,255,.62);--hale2:rgba(60,140,235,.42);--hale3:rgba(40,110,220,0)}}
.dv3-ic{grid-template-columns:minmax(0,1fr) clamp(344px,calc(344px + (100vw - 1180px) * .33),500px)}
.dv3-sahne{grid-template-columns:var(--pc) minmax(0,1fr)}
.dv3-sahne::before{content:"";position:absolute;z-index:1;pointer-events:none;left:calc(var(--pc) / 2 - var(--pc) * .95);width:calc(var(--pc) * 1.9);aspect-ratio:1;bottom:8%;border-radius:50%;background:radial-gradient(closest-side,var(--hale1) 0%,var(--hale2) 38%,var(--hale3) 100%);filter:blur(10px);animation:dv3-hale 9s ease-in-out infinite alternate}
@keyframes dv3-hale{from{opacity:.82;transform:scale(.97)}to{opacity:1;transform:scale(1.04)}}
@media (prefers-reduced-motion:reduce){.dv3-sahne::before{animation:none}}
@media(max-width:1180px){.dv3{--hh:auto;--pc:min(calc(var(--pw,520px) * 1.18),48%)}.dv3-ic{grid-template-columns:minmax(0,1fr)}.dv3-sahne{grid-template-columns:var(--pc) minmax(0,1fr)}}
@media(max-width:700px){.dv3-sahne::before{left:50%;margin-left:-190px;width:380px;bottom:0}}

/* fotoğrafın kenarı kesik (omuz çerçeveye değiyor): yanlarda yumuşak sönme, düz dikey çizgi görünmez (30 Eki 05:30) */
.dv3-png{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 7%,#000 88%,transparent 100%),linear-gradient(to bottom,#000 86%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0,#000 7%,#000 88%,transparent 100%),linear-gradient(to bottom,#000 86%,transparent 100%);mask-composite:intersect}

/* birim kutuları */
.dv3-k h3{margin:18px 0 8px;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--so);font-weight:700}
.dv3-btanim{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;color:var(--tx)}
.dv3-k a.dv3-bgit{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 4px;color:var(--prx);font-weight:700;text-decoration:none;border-radius:8px;transition:background-color .15s,color .15s}
.dv3-k a.dv3-bgit:hover{background:var(--hv);color:var(--ac)}
.dv3-k ul.dv3-bhek,.dv3-k ul.dv3-byaz{list-style:none;padding:0;margin:0;line-height:1.4}
.dv3-bhek a{display:flex;align-items:center;gap:12px;min-height:56px;padding:6px 8px;border-radius:10px;color:var(--tx);text-decoration:none;transition:background-color .15s,color .15s}
.dv3-bhek a:hover,.dv3-byaz a:hover{background:var(--hv);color:var(--ac)}
.dv3-bhek img,.dv3-bfoto{width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:top;flex:0 0 44px;background:var(--hv)}
.dv3-bhek span{display:flex;flex-direction:column;min-width:0}.dv3-bhek small{color:var(--so);font-size:.78rem}.dv3-bhek b{font-weight:700}
.dv3-byaz a{display:block;padding:10px 8px;border-radius:10px;color:var(--tx);text-decoration:none;line-height:1.4;transition:background-color .15s,color .15s}
.dv3-bnot{color:var(--mu);font-size:.95rem}

.dv3-kunye{padding:28px}
.dv3-k .dv3-kun-unvan{margin:0 0 4px;color:var(--so);font-weight:600;font-size:1rem}
.dv3-k h2.dv3-kun-ad{margin:0 0 14px;font-size:clamp(1.9rem,3.2vw,2.5rem);line-height:1.1;font-weight:900;color:var(--tx)}
.dv3-k ul.dv3-kun-bol{list-style:none;padding:0;margin:0 0 12px;display:flex;flex-direction:column;gap:2px}
.dv3-kun-bol a{display:block;padding:8px;margin:0 -8px;border-radius:8px;color:var(--prx);font-weight:700;text-decoration:none;transition:background-color .15s,color .15s}
.dv3-kun-bol a:hover{background:var(--hv);color:var(--ac)}
.dv3-k .dv3-kun-hast{margin:0;color:var(--mu);font-size:.95rem}
/* simetri: kart içindeki bağlantılar metinle aynı sol çizgide (iç boşluk yok), hover yalnız renk (30 Eki 05:36) */
.dv3-k a.dv3-bgit{padding:0;min-height:40px;border-radius:0;background:none}
.dv3-k a.dv3-bgit:hover{background:none;color:var(--ac)}
.dv3-byaz a{display:block;padding:8px 0;border-radius:0}
.dv3-byaz a:hover{background:none}
.dv3-birim h3{margin-top:18px}

/* randevu kartı: takvim API'si gelene dek «Online randevu al» + telefon + WhatsApp (uydurma gün/saat yok) */
.dv3-rbas{margin:16px 0 6px;font-size:1.35rem;font-weight:800;color:var(--tx);font-family:var(--aile-baslik,inherit)}
.dv3-rmetin{margin:0;color:var(--mu);font-size:.95rem;line-height:1.55}
.dv3-iletisim{display:grid;grid-template-columns:1fr;gap:8px;margin-top:10px}
.dv3-iletisim a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 10px;border:1px solid var(--ln);border-radius:999px;color:var(--prx);text-align:center;text-decoration:none;font-weight:700;font-size:.88rem;line-height:1.2;white-space:nowrap;height:44px;transition:background-color .15s,color .15s}
.dv3-iletisim a:hover{background:var(--hv);color:var(--ac)}
.dv3-harf{grid-column:1;grid-row:1;position:relative;z-index:2;align-self:center;justify-self:center;display:flex;align-items:center;justify-content:center;width:min(100%,280px);aspect-ratio:1;border-radius:50%;background:var(--hv);color:var(--ac);font-size:4rem;font-weight:800;margin:40px 0}
.dv3-govde.dv3-tek{grid-template-columns:minmax(0,640px)}
.dv3-kes ul,.dv3-kes ol{margin:0 0 12px}
/* @randevudugme (31 Eki): iki düğme her genişlikte alt alta tam genişlik, tek satır, eşit yükseklik (yan yana «Çağrı Merkezi 444 5 277» sarıyordu) */
.dv3-kart{align-self:start}
/* @randevuorta (31 Eki): randevu takvimi/uygun saat yok (şablon takvim çizmiyor) → kart üst alanda dikey ortada; dar ekranda kart zaten alta iner */
@media(min-width:1181px){.dv3-ic > .dv3-kart{align-self:center;margin-top:0;margin-bottom:0}}
/* @adcakisma (31 Eki): uzun ad kart sütununa taşıyıp başlığın üstüne biniyordu — ad sütunu içinde sarar (kelime bölünmez), punto dar genişlikte biraz küçülür */
@media(min-width:1181px){.dv3-ad h1{white-space:normal;overflow-wrap:normal;word-break:normal;hyphens:manual;font-size:clamp(1.7rem,.9rem + 1.7vw,2.7rem)}.dv3-ad{max-width:100%}}
@media(min-width:1181px){.dv3-sahne{--pcx:min(var(--pc),46%);grid-template-columns:var(--pcx) minmax(0,1fr)}.dv3-sahne::before{left:calc(var(--pcx) / 2 - var(--pcx) * .95);width:calc(var(--pcx) * 1.9)}.dv3-ad h1{font-size:clamp(1.5rem,.55rem + 1.9vw,2.7rem)}}
/* kesilmemiş (stüdyo zeminli) fotoğraf: üstten, yanlardan ve alttan söner */
.dv3-png.dv3-fon{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 12%,#000 88%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 14%,#000 84%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 12%,#000 88%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 14%,#000 84%,transparent 100%)}

/* @dokkunye (31 Eki): tek sütunda (≤1180) künye kartı, hemen üstündeki tanıtımla aynı ad · unvan · birim · hastaneyi tekrarlıyordu — gizlenir; geniş ekranda yan sütunda kalır */
@media(max-width:1180px){.dv3-yan>.dv3-kunye{display:none}}
/* @iletisim — İletişim sayfası: adres/telefon/WhatsApp/sosyal kartları + talep formu. Renk, yazı, boşluk tema jetonlarından. */
.il { display: grid; gap: var(--b-5); }
.il-kartlar { display: grid; gap: var(--b-5); grid-template-columns: minmax(0, 1fr); align-items: stretch; }
@media (min-width: 900px) { .il-kartlar { grid-template-columns: 1.6fr 1fr; } }
.il-kart { background: var(--yuzey); border: 1px solid var(--kenar); border-radius: 20px; padding: var(--b-5); min-width: 0; }
.il-kart h2 { margin: 0 0 var(--b-3); font: 600 var(--yt-kart)/1.2 var(--aile-baslik); color: var(--baslik); }
.il-kart p { margin: 0 0 var(--b-4); font-size: var(--yt-govde); line-height: 1.6; }
.il-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--b-2); }
.il-liste a, .il-baglanti, .il-ikincil a { display: flex; align-items: center; gap: var(--b-2); min-height: 44px; padding: 0 var(--b-4); border-radius: 12px; background: var(--yuzey-2); color: var(--baslik); text-decoration: none; font: 500 var(--yt-ui)/1.2 var(--aile-baslik); overflow-wrap: anywhere; transition: color .2s var(--gecis), background-color .2s var(--gecis); }
.il-liste a:hover, .il-liste a:focus-visible, .il-baglanti:hover, .il-baglanti:focus-visible, .il-ikincil a:hover, .il-ikincil a:focus-visible, .il-sosyal a:hover, .il-sosyal a:focus-visible { background: var(--baslik); color: var(--yuzey); outline: none; }
.il-kart h2 + .il-liste, .il-kart h2 + .il-sosyal { margin-bottom: var(--b-5); }
.il-kanal h2:not(:first-child) { margin-top: var(--b-2); }
.il-ana-no { display: grid; gap: var(--b-5); align-items: center; border-color: var(--baslik); }
@media (min-width: 900px) { .il-ana-no { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); } }
.il-ana-no h2 { margin-bottom: var(--b-1); }
.il-ana-no .il-alt { margin: 0 0 var(--b-3); color: var(--metin); }
.il-numara { display: inline-block; color: var(--baslik); text-decoration: none; font: 700 clamp(2.9rem, 1.2rem + 8.6vw, 6rem)/1 var(--aile-baslik); letter-spacing: -.02em; white-space: nowrap; transition: color .2s var(--gecis); }
.il-numara:hover, .il-numara:focus-visible { color: var(--amber); outline: none; }
.il-ikincil { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--b-2); }
.il-harita { position: relative; display: block; aspect-ratio: 1000 / 480; margin: 0 0 var(--b-4); border-radius: 14px; overflow: hidden; background: var(--yuzey-2); }
.il-harita img { display: block; width: 100%; height: 100%; object-fit: cover; }
[data-theme="dark"] .il-harita img { filter: brightness(.78) contrast(1.05); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .il-harita img { filter: brightness(.78) contrast(1.05); } }
.il-igne { position: absolute; left: 50%; top: 50%; width: 26px; height: 26px; margin: -26px 0 0 -13px; border-radius: 50% 50% 50% 0; rotate: -45deg; background: var(--amber); border: 3px solid #0A1830; box-sizing: border-box; }
.il-atif { position: absolute; right: 0; bottom: 0; padding: 2px 8px; font-size: 11px; line-height: 1.4; background: rgba(255,255,255,.85); color: #333; border-radius: 8px 0 0 0; }
.il-sosyal { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--b-2); }
.il-sosyal a { display: flex; align-items: center; justify-content: center; min-height: 56px; border-radius: 14px; background: var(--yuzey-2); color: var(--baslik); text-decoration: none; transition: color .2s var(--gecis), background-color .2s var(--gecis); }
.il-sira { display: grid; gap: var(--b-2); grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); }
.il-form-kap { position: relative; }
.il-alanlar { display: grid; gap: var(--b-4); grid-template-columns: minmax(0, 1fr); margin-bottom: var(--b-4); }
@media (min-width: 640px) { .il-alanlar { grid-template-columns: repeat(2, minmax(0, 1fr)); } .il-tam { grid-column: 1 / -1; } }
.il-kutu label { display: block; margin: 0 0 var(--b-2); font: 500 var(--yt-kucuk)/1.2 var(--aile-baslik); color: var(--baslik); }
.il-kutu input, .il-kutu textarea { display: block; width: 100%; box-sizing: border-box; margin: 0; padding: 0 var(--b-4); min-height: 52px; border-radius: 14px; border: 1px solid var(--kenar); background: var(--yuzey-2); color: var(--metin); font: 400 var(--yt-ui)/1.5 var(--aile); -webkit-appearance: none; appearance: none; outline: none; transition: background-color .2s var(--gecis), border-color .2s var(--gecis); }
.il-kutu textarea { padding: var(--b-3) var(--b-4); resize: vertical; }
.il-kutu input:hover, .il-kutu textarea:hover, .il-kutu input:focus, .il-kutu textarea:focus { border-color: var(--baslik); }
.il-kutu [aria-invalid="true"] { border-color: #C0392B; }
.il-hata { display: block; margin-top: 6px; font-size: var(--yt-kucuk); color: #C0392B; }
.il-hata[hidden], .il-tamam[hidden] { display: none; }
.il-kvkk { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 4px var(--b-3); font-size: var(--yt-kucuk); line-height: 1.45; }
.il-kvkk input { flex: none; width: 24px; height: 24px; margin: 0; border-radius: 6px; border: 1.5px solid var(--baslik); background: var(--yuzey); -webkit-appearance: none; appearance: none; cursor: pointer; }
.il-kvkk input:checked { background: var(--amber); }
.il-kvkk label { flex: 1 1 0; min-width: 0; cursor: pointer; }
.il-kvkk a { color: var(--baslik); text-decoration: underline; }
.il-kvkk .il-hata { flex-basis: 100%; }
.il-durum { margin: 0 0 var(--b-3); font-size: var(--yt-kucuk); color: #C0392B; }
.il-durum:empty { display: none; }
.il-gonder { width: 100%; min-height: 52px; }
@media (min-width: 640px) { .il-gonder { width: auto; min-width: 220px; } }
.il-tamam { margin: var(--b-4) 0 0; padding: var(--b-4); border-radius: 14px; background: var(--yuzey-2); color: var(--baslik); font-weight: 500; }
.il-kanal { display: flex; flex-direction: column; }
.il-kanal .il-sosyal { flex: none; margin-bottom: 0; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: 56px; align-content: start; gap: var(--b-2); }
.il-kanal h2:nth-of-type(2) { margin-top: auto; }
.il-kanal .il-liste { margin-bottom: var(--b-5); }
@media (max-width: 380px) { .il-kanal .il-sosyal { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.il-harita-uyg svg { flex: none; }
.sayfa-formu { margin-top: var(--b-6, 32px); }

/* @ilyeni (31 Eki): solda «Bizi arayın» + tek kartta adres, numaralar, sosyal medya; sağda ayrı harita; çerçeve yok («Bizi arayın» kartı aynen) */
.il-kart { border: 0; }
.il-ana-no { display: block; }
.il-ust { display: grid; gap: var(--b-5); margin-bottom: var(--b-5); }
.il-sol { display: grid; gap: var(--b-5); align-content: start; min-width: 0; }
.il-ust .il-numara { font-size: clamp(2.9rem, 1.2rem + 7vw, 5.25rem); }
.il-satirlar { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--b-5); }
.il-satirlar > li { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: var(--b-4); align-items: start; }
.il-simge { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: var(--yuzey-2); color: var(--baslik); }
.il-etiket { display: block; margin: 0 0 2px; font: 500 var(--yt-kucuk)/1.3 var(--aile-baslik); color: var(--soluk); }
.il-kart .il-deger { display: inline-block; margin: 0; font-size: var(--yt-govde); line-height: 1.5; color: var(--baslik); text-decoration: none; overflow-wrap: anywhere; transition: color .15s; }
.il-kart a.il-deger:hover, .il-kart a.il-deger:focus-visible { color: var(--amber); outline: none; }
.il-yol { display: flex; flex-wrap: wrap; gap: 8px; margin-top: var(--b-3); }
.il-yol a { display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px; border-radius: 999px; background: var(--yuzey-2); color: var(--baslik); font-size: var(--yt-kucuk); text-decoration: none; transition: background-color .15s, color .15s; }
.il-yol a:hover, .il-yol a:focus-visible { background: var(--baslik); color: var(--yuzey); outline: none; }
.il-bilgi .il-sosyal { display: flex; flex-wrap: wrap; gap: 8px; margin: var(--b-2) 0 0; }
.il-bilgi .il-sosyal a { width: 44px; height: 44px; min-height: 0; border-radius: 12px; }
.il-ust > .il-harita { margin: 0; aspect-ratio: 4 / 3; border-radius: 20px; }
@media (min-width: 900px) {
  .il-ust { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: stretch; }
  .il-ust > .il-harita { aspect-ratio: auto; height: 100%; min-height: 420px; }
}
.il-kutu input, .il-kutu textarea { border-color: transparent; background: var(--yuzey-2); }
/* @ilform (31 Eki): form tam genişlikte uzamıyor — solda kısa açıklama, sağda form; sosyal medya ayrı satır, yuvarlak simgeler */
.il-takip { display: block !important; padding-top: var(--b-2); }
.il-takip .il-sosyal { margin-top: var(--b-3); }
.il-bilgi .il-sosyal a { border-radius: 50%; }
.il-form-yazi h2 { margin-bottom: var(--b-3); }
.il-form-yazi p { margin: 0 0 var(--b-3); color: var(--metin); }
.il-form-yazi .il-form-not { color: var(--soluk); font-size: var(--yt-kucuk); }
.il-form-yazi a { color: var(--baslik); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; transition: color .15s; }
.il-form-yazi a:hover, .il-form-yazi a:focus-visible { color: var(--amber); outline: none; }
@media (min-width: 900px) {
  .il-formkart { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--b-7); align-items: start; padding: var(--b-7); }
  .il-form-yazi { position: sticky; top: 120px; }
}
.il-rehber { display: inline-block; margin-top: var(--b-2); color: var(--baslik); font-weight: 600; font-size: var(--yt-kucuk); text-decoration: underline; text-underline-offset: 3px; transition: color .15s; }
.il-rehber:hover, .il-rehber:focus-visible { color: var(--amber); outline: none; }
/* @telefon-hizli-erisim (29 Eki): üst bilgide dokunarak aranan numara · çekmecenin en üstünde ve ana sayfada açılışın altında
   kısayol kartları (Acil Servis · Doktor Bul · E-Sonuç · Bölümler · Yol Tarifi · WhatsApp). Kayan hover: kartlar bir rayda,
   gösterge kartın arkasında kayar. Masaüstü üst bilgi değişmez (numara masaüstünde üst şeritte kalır). */
:root { --hz-acil: #C8322B; --hz-wp: #168C47; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --hz-acil: #FF7A70; --hz-wp: #4ED68A; } }
:root[data-theme="dark"] { --hz-acil: #FF7A70; --hz-wp: #4ED68A; }
.hz-ikon { flex: none; width: 24px; height: 24px; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

/* üst bilgi: numara (yalnız telefon/tablet üst bilgisi görünürken, .ku-mob ≥1200'de zaten gizli) */
.ku-mob .ku-mob-tel { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 var(--b-3, 12px); border-radius: 8px;
  color: inherit; text-decoration: none; white-space: nowrap; font: var(--ag-vurgu) var(--yt-ui)/var(--sa-ui) var(--kabuk-yazi-tipi); font-variant-numeric: tabular-nums; }
.ku-mob .ku-mob-tel .hz-ikon { width: 18px; height: 18px; }
@media (max-width: 400px) {
  .ku-ic { column-gap: var(--b-3, 12px); }
  .ku-logo img { height: 38px; }
  .ku-mob { gap: 0; }
  .ku-mob .ku-mob-tel { gap: 4px; padding: 0 var(--b-2, 8px); font-size: var(--yt-kucuk); }
  .ku-mob .ku-mob-tel .hz-ikon { width: 16px; height: 16px; }
}

/* kısayollar (çekmece + ana sayfa ortak) · «kafes» (29 Eki): dış kutu yok; 3×2 ızgarada yalnız iç ayraçlar (2 dikey + 1 yatay = «artı»).
   Çizgiler ortada tam renkte, ızgaranın dış kenarına doğru şeffaflaşır; dış kenarda çizgi yok. Üç çizgi tek katmanda ve opak renkte
   çizilir: kesişimde üst üste binen iki çizgi koyulaşmaz (iki çizgi de kesişimde tam renkte, aynı renk). Renk sitenin kenar rengi. */
.hz { --hz-cizgi: color-mix(in srgb, var(--kenar) 80%, var(--metin)); position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; padding: 0;
  border: 0; border-radius: 0; background: none; box-shadow: none; --fx-kose: var(--r-m, 16px); }
.hz::before { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background:
    linear-gradient(to bottom, transparent, var(--hz-cizgi) 35%, var(--hz-cizgi) 65%, transparent) 33.333% 0 / 1px 100% no-repeat,
    linear-gradient(to bottom, transparent, var(--hz-cizgi) 35%, var(--hz-cizgi) 65%, transparent) 66.667% 0 / 1px 100% no-repeat,
    linear-gradient(to right, transparent, var(--hz-cizgi) 30%, var(--hz-cizgi) 70%, transparent) 0 50% / 100% 1px no-repeat; }
.hz .hz-oge { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--b-2, 8px); min-height: 0; margin: 0;
  padding: var(--b-5, 24px) var(--b-2, 8px); border-radius: var(--r-m, 16px); border: 0; background: none; color: inherit; text-decoration: none; text-align: center;
  font: var(--ag-vurgu) var(--yt-kucuk)/1.3 var(--kabuk-yazi-tipi); transition: color .18s var(--gecis, ease), background-color .18s var(--gecis, ease); -webkit-tap-highlight-color: transparent; }
.hz .hz-oge .hz-ikon { width: 24px; height: 24px; color: var(--hz-ikon-renk, currentColor); }
.hz .hz-ad { overflow-wrap: anywhere; }
.hz .hz-acil { --hz-ikon-renk: var(--hz-acil); }
.hz .hz-wp { --hz-ikon-renk: var(--hz-wp); }
/* 7/24 rozeti: simgenin sağ üst köşesine oturur (alt kenarı simgenin üst çizgisinin 8 px altında) */
.hz .hz-rozet { position: absolute; top: calc(var(--b-5, 24px) - 10px); left: calc(50% + 6px); padding: 1px 5px; border-radius: 999px; background: var(--hz-acil); color: #fff;
  font: 700 .6875rem/1.2 var(--kabuk-yazi-tipi); letter-spacing: .02em; }
:root[data-theme="dark"] .hz .hz-rozet { color: #14233B; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .hz .hz-rozet { color: #14233B; } }
/* dokunmatikte kayan gösterge görünmez: basılınca hücre yalnız zemin tonu alır (gölge yok) */
@media (hover: none) { .hz .hz-oge:active { background: var(--hz-dokun, var(--fx-hap)); } }

/* çekmece: menü listesinden önce, ilk ekranda */
.ku-cekmece .hz-cekmece { --hz-cizgi: var(--mega-kenar); --hz-dokun: var(--mega-hover); margin: 0 0 var(--b-4, 16px); }
.ku-cekmece .hz-cekmece .fx-ind { background: var(--mega-hover); }
.ku-cekmece .hz-cekmece .hz-oge:hover { color: var(--mega-yazi); }

/* ana sayfa: açılışın hemen altında, yalnız telefonda */
.hz-serit { padding-block: var(--b-4, 16px); background: var(--zemin); color: var(--metin); }
.hz-serit .hz-ana { --hz-dokun: var(--yuzey-2); }
.hz-serit .hz-ana .fx-ind { background: var(--yuzey-2); }
.hz-serit .hz-ana .hz-oge:hover { color: var(--metin); }
@media (min-width: 761px) { .hz-serit { display: none; } }
/* @doktorliste · doktor dizini: tek süzgeç çubuğu (ad araması + bölüm seçim kutusu), sonuç sayısı yok */
.dr-gizli { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.dr-izgara > li[hidden] { display: none; }
.dr-bulunamadi[hidden] { display: none; }
.dr-bulunamadi { margin: var(--b-6) 0; padding: var(--b-6) var(--b-4); text-align: center; border: 1px dashed var(--kenar); border-radius: 14px; color: var(--baslik); }

/* ── Menü: açık sayfanın öğesi sade etkin (yalnız yazı rengi; zemin/kenar çizgisi yok — hover hapından ayrı) ── */
.ku-menu > li > a[aria-current="page"] { color: var(--ehizmet-zemin, #E3A72F); }

/* ── 444 5 277 ↔ 444 5 BSR: son öbek sırayla değişir (tarif/donusum_tel.py) ──
   «444 5 » sabit; «277» ile «BSR» aynı ızgara hücresinde üst üste durur → kutu en geniş sözcük kadardır, satır
   ne genişler ne yükselir. Tek ortak döngü (6 sn, her biri ~3 sn, geçiş ~400 ms) → sayfadaki bütün numaralar
   aynı anda değişir. Hareket azaltma tercihinde sabit «444 5 277». */
.bsr-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.bsr{white-space:nowrap}
.bsr-yuva{display:inline-grid;justify-items:start;vertical-align:baseline}
.bsr-yuva>span{grid-area:1/1;animation:bsr-dongu 6s ease-in-out infinite both}
.bsr-yuva>.bsr-b{animation-delay:-3s}
@keyframes bsr-dongu{
  0%,43.3%{opacity:1;transform:none}
  50%{opacity:0;transform:translateY(-.4em)}
  50.01%,93.3%{opacity:0;transform:translateY(.4em)}
  100%{opacity:1;transform:none}
}
@media (prefers-reduced-motion:reduce){
  .bsr-yuva>span{animation:none}
  .bsr-yuva>.bsr-b{display:none}
}
/* alt bilgi bağlantıları + imza (30 Eki; donusum_footer.py) */
.alt-logo { display: inline-block; }
.kalite-ic a:not(.kalite-b) { display: inline-flex; align-items: center; height: 30px; padding: 0 12px; border: 1px solid rgba(255, 255, 255, .16); border-radius: 999px; font-size: var(--yt-kucuk); color: #B9C9DD; transition: background-color .15s, color .15s; }
.kalite-ic a:not(.kalite-b):hover { background: rgba(255, 255, 255, .12); color: #fff; }
.kalite-b { display: inline-flex; color: #fff; }
.kalite-b:hover b { color: #7FD4E0; }
.iletisim .adres a, .iletisim .tek a { color: inherit; transition: color .15s; }
.iletisim .adres a:hover, .iletisim .tek a:hover { color: #fff; }
.alt-serit .kp-imza { display: inline; }
.alt-serit .kp-imza a { color: inherit; text-decoration: none; display: inline; transition: color .15s; }
.alt-serit .kp-imza a:hover { color: #fff; }
.iletisim .adres a { display: block !important; padding: 0 !important; margin: 0 !important; }
/* üst arama önerisi: grup başlıkları (Sayfalar / Birimler / Doktorlar) */
.ku-satirlar .ku-grup-bas{margin:10px 12px 2px}
.ku-satirlar .ku-grup-bas:first-child{margin-top:0}
/* @makale — Sağlık Rehberi yazı sayfası: kapak (yazı → bölüm görseli → tipografik), kendi içinde kayan sağ sütun, bölüm hekimleri */
.rk-kapak { position: relative; margin: 0 0 var(--b-7); border-radius: var(--r-l); overflow: hidden; background: var(--yuzey-2); aspect-ratio: 16 / 9; }
@media (min-width: 1024px) { .rk-kapak { aspect-ratio: 21 / 8; } }
.rk-kapak img { display: block; width: 100%; height: 100%; object-fit: cover; }
.rk-bolum::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgb(6 16 31 / .62), rgb(6 16 31 / 0) 55%); pointer-events: none; }
.rk-bolum figcaption { position: absolute; z-index: 1; left: var(--b-5); bottom: var(--b-4); display: flex; flex-direction: column; gap: 2px; color: #fff; font: var(--ag-baslik) var(--yt-govde)/var(--sa-ui) var(--aile-baslik); }
.rk-bolum figcaption span { font: var(--ag-vurgu) var(--yt-ust)/1.2 var(--aile-baslik); letter-spacing: var(--ha-etiket); text-transform: uppercase; color: rgb(255 255 255 / .78); }
/* tipografik kapak: görsel yoksa marka renginde, bölüm/kategori adıyla */
.rk-tipo { display: flex; flex-direction: column; justify-content: flex-end; gap: var(--b-2); padding: var(--b-6); min-height: 200px; color: #fff; background: linear-gradient(135deg, var(--uclu-1), var(--uclu-2)); }
.rk-tipo::before { content: ""; position: absolute; right: -4%; top: -30%; width: 46%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgb(227 167 47 / .38), rgb(227 167 47 / 0) 66%); }
.rk-tipo::after { content: ""; position: absolute; right: 7%; top: 50%; width: clamp(72px, 14%, 160px); aspect-ratio: 1; transform: translateY(-50%); opacity: .13;
  background: linear-gradient(#fff, #fff) center / 34% 100% no-repeat, linear-gradient(#fff, #fff) center / 100% 34% no-repeat; border-radius: 6px; }
.rk-tipo-ust { position: relative; font: var(--ag-vurgu) var(--yt-ust)/1.2 var(--aile-baslik); letter-spacing: var(--ha-etiket); text-transform: uppercase; color: var(--uclu-3); }
.rk-tipo-ad { position: relative; max-width: 22ch; font: var(--ag-baslik) var(--yt-alt)/var(--sa-baslik) var(--aile-baslik); }
/* bölüm hekimleri: yatay büyük kart (solda fotoğraf, sağda unvan, ad, bölüm, düğmeler); tek hekimde de boşluk kalmaz */
.rk-hekim { margin-top: var(--b-7); }
.rk-hekim-izgara { grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); }
.rk-hekim .dr-kart { flex-direction: row; align-items: stretch; }
.rk-hekim .dr-foto-kutu { flex: none; width: clamp(130px, 34%, 200px); aspect-ratio: auto; min-height: 220px; }
.rk-hekim .dr-metin { justify-content: center; padding: var(--b-4) var(--b-4); }
@media (max-width: 420px) { .rk-hekim .dr-foto-kutu { width: 112px; min-height: 0; } }
/* @yumusak sayfa içi bağlantılar yumuşak kayar; hedef sabit üst bilginin altında kalmaz; azaltılmış harekette anlık */
html { scroll-behavior: smooth; }
[id], a[name] { scroll-margin-top: calc(var(--ku-h, 101px) + var(--b-5, 20px)); }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

/* @birimdetay (30 Eki): bölüm ayrıntı sayfası — görsel sağ sütunda, «Bölüm hekimlerimiz» fotoğraflı liste, okunur metin tipografisi */
.bl-yan .bl-gorsel { margin: 0 0 var(--b-5); aspect-ratio: 4 / 3; border-radius: var(--r-l); }
.bl-yan .bl-yan-kart { margin-bottom: 0; }
.bl-hekimler { margin-top: var(--b-5); padding-bottom: var(--b-3); }
.bl-hekim-liste { margin: 0; padding: 0; list-style: none; }
.bl-hekimler .ic-kutu-bas { text-transform: none; letter-spacing: 0; font-size: var(--yt-kart); color: var(--baslik); font-weight: var(--ag-baslik); }
.ic-liste a.bl-hekim, .bl-hekim { display: flex; align-items: center; gap: var(--b-3); min-height: 64px; padding: var(--b-2) var(--b-3); margin-inline: calc(-1 * var(--b-3)); border-radius: var(--r-m); color: var(--metin); text-decoration: none; }
.bl-hekim::before { content: none; }
.bl-hekim-foto { flex: none; width: 52px; height: 52px; border-radius: 50%; overflow: hidden; background: var(--yuzey-2); display: grid; place-items: center; }
.bl-hekim-foto img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 0; }
.bl-hekim-foto svg { width: 60%; height: 60%; fill: none; stroke: var(--ince); stroke-width: 1.2; stroke-linecap: round; opacity: .6; }
.bl-hekim-metin { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.bl-hekim-metin small { font-size: var(--yt-ust); color: var(--soluk); line-height: 1.3; }
.bl-hekim-metin .ad { font: var(--ag-baslik) var(--yt-ui)/1.3 var(--aile-baslik); color: var(--baslik); overflow-wrap: anywhere; }
.bl-hekim .izg-ok { flex: none; width: 16px; height: 16px; stroke: currentColor; fill: none; stroke-width: 1.8; opacity: .45; transition: opacity .22s var(--gecis), transform .22s var(--gecis); }
.bl-hekim:hover .izg-ok, .bl-hekim:focus-visible .izg-ok { opacity: 1; transform: translateX(3px); }
.bl-hekim:hover .ad, .bl-hekim:focus-visible .ad { color: var(--fx-yazi); }
.bl-hekim-hepsi { display: inline-flex; align-items: center; gap: var(--b-2); margin-top: var(--b-3); color: var(--ayrinti); font: var(--ag-vurgu) var(--yt-kucuk)/var(--sa-ui) var(--aile-baslik); text-decoration: none; }
.bl-hekim-hepsi .ikon { width: 16px; height: 16px; }
@media (max-width: 899px) {
  .bl-yan .bl-gorsel { aspect-ratio: auto; height: 35vh; max-height: 300px; }
  .bl-hekimler { display: none; }
}

/* sol metin kuralları ortak dosyada: tarif/ek_metin.css (bölüm + blog yazısı + kurumsal sayfa) */
.bl-yazi { min-width: 0; }
@media (min-width: 1024px) { .bl-yan { position: static; } }
/* @rehberliste · Sağlık Rehberi listesi: kategori içi arama, kaydırırken sabit A–Z şeridi */
.rh-bulunamadi[hidden], [data-rh-oge][hidden], [data-rh-grup][hidden] { display: none; }
.rh-ara-site { padding: 0; border: 0; background: none; color: var(--lacivert); font: inherit; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.rh-ara-site:hover, .rh-ara-site:focus-visible { color: var(--baslik); outline: none; }
/* A–Z şeridi: kaydırırken sabit üst bilginin hemen altında durur (üst bilgi sabit; yüksekliği --ku-h) */
.rh-harfler { position: sticky; top: var(--ku-h, 101px); z-index: 5; background: var(--yuzey); }
.rh-harf.bos { pointer-events: none; }
.rh-harf.pasif { opacity: .3; pointer-events: none; }
/* Liv «hastalıklar ve tedaviler» yapısı: sabit harf şeridi + harf başlığı altında sade liste; gruplar sütunlara akar (uzun K harfi boşluk bırakmaz) */
/* @metin (30 Eki): ORTAK metin tipografisi — bölüm (.bl-yazi .uzun-metin), blog yazısı ve kurumsal sayfa (.ic-yazi .sayfa-govde) tek kaynaktan: okuma ölçüsü, başlık basamakları, gerçek listeler */
:is(.bl-yazi .uzun-metin, .ic-yazi .sayfa-govde) { max-width: 72ch; font-size: var(--yt-govde); line-height: 1.75; color: var(--metin); }
:is(.bl-yazi .uzun-metin, .ic-yazi .sayfa-govde) > * { margin: 0 0 var(--b-5); }
:is(.bl-yazi .uzun-metin, .ic-yazi .sayfa-govde) h2 { margin: var(--b-8) 0 var(--b-4); font: var(--ag-vurgu) var(--yt-alt)/var(--sa-baslik) var(--aile-baslik); letter-spacing: var(--ha-baslik); color: var(--baslik); text-wrap: balance; }
:is(.bl-yazi .uzun-metin, .ic-yazi .sayfa-govde) h3 { margin: var(--b-7) 0 var(--b-3); font: var(--ag-vurgu) var(--yt-kart-b, var(--yt-kart))/1.25 var(--aile-baslik); color: var(--baslik); }
:is(.bl-yazi .uzun-metin, .ic-yazi .sayfa-govde) h4 { margin: var(--b-6) 0 var(--b-2); font: var(--ag-vurgu) var(--yt-kart)/1.3 var(--aile-baslik); color: var(--baslik); }
:is(.bl-yazi .uzun-metin, .ic-yazi .sayfa-govde) > :first-child { margin-top: 0; }
:is(.bl-yazi .uzun-metin, .ic-yazi .sayfa-govde) > p.p-ara-baslik > strong, :is(.bl-yazi .uzun-metin, .ic-yazi .sayfa-govde) > p.p-ara-baslik > b { display: block; margin-top: var(--b-7); font: var(--ag-vurgu) var(--yt-kart)/1.3 var(--aile-baslik); letter-spacing: var(--ha-kart); color: var(--baslik); }
:is(.bl-yazi .uzun-metin, .ic-yazi .sayfa-govde) > p.p-ara-baslik { margin-bottom: var(--b-3); }
:is(.bl-yazi .uzun-metin, .ic-yazi .sayfa-govde) ul, :is(.bl-yazi .uzun-metin, .ic-yazi .sayfa-govde) ol { padding-inline-start: 1.5em; }
:is(.bl-yazi .uzun-metin, .ic-yazi .sayfa-govde) ul { list-style: disc; }
:is(.bl-yazi .uzun-metin, .ic-yazi .sayfa-govde) ol { list-style: decimal; }
:is(.bl-yazi .uzun-metin, .ic-yazi .sayfa-govde) li { margin: 0 0 var(--b-2); padding-inline-start: .3em; }
:is(.bl-yazi .uzun-metin, .ic-yazi .sayfa-govde) li::before { content: none; }
:is(.bl-yazi .uzun-metin, .ic-yazi .sayfa-govde) li::marker { color: var(--ayrinti); }
:is(.bl-yazi .uzun-metin, .ic-yazi .sayfa-govde) li > ul, :is(.bl-yazi .uzun-metin, .ic-yazi .sayfa-govde) li > ol { margin: var(--b-2) 0 0; }
.bl-yazi .uzun-metin table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; }
.bl-yazi .uzun-metin th, .bl-yazi .uzun-metin td { padding: var(--b-2) var(--b-3); border: 1px solid var(--kenar); text-align: start; }

/* @sayfagenislik (30 Eki; yan sütun 320 px sabit, metin kalan alanı doldurur): kurumsal sayfa/yazı — metin sütunu yan sütuna kadar ızgarayı doldurur (arada boş şerit yok): sütun aralığı 56 px, satır ~80 karakter, yazı boyu Liv yazı sayfasıyla aynı (1.1875rem) */
.ic-duzen:not(:has(.lv-yan)) .ic-yazi .sayfa-govde { max-width: none; font-size: 1.1875rem; }
@media (min-width: 1100px) {
  .ic-duzen:not(.ic-tek):has(> .ic-ana.ic-yazi):not(:has(.lv-yan)) { grid-template-columns: minmax(0, 1fr) 320px; column-gap: 56px; }
}
/* @sagbosluk (31 Eki): yan sütunsuz (ic-tek) sayfada ikinci 320 px sütun hiç açılmaz; içerik üst bilgiyle aynı kapsayıcıda tam genişlik, düz metin satırı okunur boyda kalır */
.ic-duzen.ic-tek .ic-yazi:not(.grup-giris) .sayfa-govde > :is(p, ul, ol, h2, h3, h4, blockquote) { max-width: 80ch; }
/* @haberdetay (30 Eki; livhaber ile yan sütun düzeni değişti — yalnız metin kuralları kaldı): blog yazısı ayrıntısı — Liv yazı sayfasının YAPISI (başlık bandı, okuma sütunu, yapışkan yan sütun: kapak + içindekiler + ilgili, altta benzer yazılar); renk/marka alınmadı.
   Metin kuralları .ic-yazi kapsamında (ortak ek_metin.css birleşince bu bölüm oraya taşınır, cms-b5 sadeleştirir). */
.ic-yazi .sayfa-govde { max-width: 31em; font-size: var(--yt-govde); line-height: 1.75; color: var(--metin); }
.ic-yazi .sayfa-govde > * { margin: 0 0 var(--b-5); }
.ic-yazi .sayfa-govde > :first-child { margin-top: 0; }
.ic-yazi .sayfa-govde > p:first-child:has(+ h2, + h3) { font-size: calc(var(--yt-govde) * 1.06); color: var(--baslik); }
.ic-yazi .sayfa-govde h2 { margin: var(--b-7) 0 var(--b-4); padding-top: var(--b-5); border-top: 1px solid var(--kenar); font: var(--ag-vurgu) var(--yt-alt)/var(--sa-baslik) var(--aile-baslik); letter-spacing: var(--ha-baslik); color: var(--baslik); text-wrap: balance; }
.ic-yazi .sayfa-govde > h2:first-child { padding-top: 0; border-top: 0; }
.ic-yazi .sayfa-govde h3 { margin: var(--b-7) 0 var(--b-3); font: var(--ag-vurgu) var(--yt-kart-b, var(--yt-kart))/1.25 var(--aile-baslik); color: var(--baslik); }
.ic-yazi .sayfa-govde h4 { margin: var(--b-6) 0 var(--b-2); font: var(--ag-vurgu) var(--yt-kart)/1.3 var(--aile-baslik); color: var(--baslik); }
.ic-yazi .sayfa-govde > p.p-ara-baslik > strong, .ic-yazi .sayfa-govde > p.p-ara-baslik > b { display: block; margin-top: var(--b-6); font: var(--ag-vurgu) var(--yt-kart)/1.3 var(--aile-baslik); letter-spacing: var(--ha-kart); color: var(--baslik); }
.ic-yazi .sayfa-govde > p.p-ara-baslik { margin-bottom: var(--b-3); }
.ic-yazi .sayfa-govde ul, .ic-yazi .sayfa-govde ol { padding-inline-start: 1.5em; }
.ic-yazi .sayfa-govde ul { list-style: disc; }
.ic-yazi .sayfa-govde ol { list-style: decimal; }
.ic-yazi .sayfa-govde ul > li, .ic-yazi .sayfa-govde ol > li { margin: 0 0 var(--b-2); padding-inline-start: .3em; }
.ic-yazi .sayfa-govde ul > li::before { content: none; }
.ic-yazi .sayfa-govde li::marker { color: var(--ince); }
.ic-yazi .sayfa-govde li > ul, .ic-yazi .sayfa-govde li > ol { margin: var(--b-2) 0 0; }
.ic-yazi .sayfa-govde table { display: block; max-width: 100%; overflow-x: auto; }
.ic-yazi .sayfa-govde figure, .ic-yazi .sayfa-govde > p > img { max-width: 100%; }
/* @livhaber (30 Eki): yazı sayfası (blog yazısı + Sağlık Rehberi yazısı) — örnek yazı sayfasının DÜZENİ: başlıklı üst bant (sola hizalı), solda dar sütun
   (tarih · bu konuda uzman doktorlar · içindekiler · paylaş), sağda geniş içerik, kapak içerik sütununda geniş. Renk/yazı tipi Başarı'nın. */
/* ---- üst bant ---- */
.lv-yazi > .rs-ust { position: relative; padding: calc(var(--ku-h, 101px) + clamp(20px, 2.6vw, 34px)) 0 clamp(36px, 4.4vw, 64px); color: #fff;
  background: linear-gradient(120deg, var(--uclu-1) 0%, #24427a 55%, var(--uclu-2) 100%); overflow: hidden; isolation: isolate;
  min-height: calc(var(--ku-h, 101px) + clamp(120px, 10.4vw, 150px)); box-sizing: border-box; }
.lv-yazi > .rs-ust::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .09;
  background: repeating-linear-gradient(115deg, #fff 0 2px, transparent 2px 120px), linear-gradient(to bottom, rgb(255 255 255 / .5), transparent 70%); }
.lv-yazi > .rs-ust .rs-yol, .lv-yazi > .rs-ust .rs-yol a, .lv-yazi > .rs-ust .rs-yol [aria-current] { color: rgb(255 255 255 / .82); }
.lv-yazi > .rs-ust .rs-yol a { text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgb(255 255 255 / .35); }
.lv-yazi > .rs-ust .rs-yol a:hover, .lv-yazi > .rs-ust .rs-yol a:focus-visible { color: #fff; text-decoration-color: #fff; }
.lv-yazi > .rs-ust h1 { max-width: 28ch; margin: var(--b-3) 0 0; font: var(--ag-metin) clamp(1.75rem, 1.2rem + 2vw, 2.75rem)/1.2 var(--aile-baslik); letter-spacing: -.015em; color: #fff; text-wrap: balance; }
@media (min-width: 1100px) { .lv-yazi > .rs-ust h1 { max-width: 34ch; } }
/* ---- iki sütun ---- */
.lv-yazi > .rs-govde { padding-top: clamp(28px, 3vw, 44px); }
.lv-duzen { display: grid; grid-template-columns: minmax(0, 1fr); row-gap: var(--b-6); align-items: start; }
.lv-duzen > .lv-yan { display: flex; flex-direction: column; gap: var(--b-5); grid-column: 1; grid-row: 1; position: static; max-height: none; overflow: visible; min-width: 0; }
.lv-duzen > .lv-ana { grid-column: 1; grid-row: 2; min-width: 0; }
@media (min-width: 1100px) {
  .lv-duzen { grid-template-columns: minmax(300px, 380px) minmax(0, 1fr); column-gap: clamp(40px, 4.6vw, 64px); }
  .lv-duzen > .lv-yan { grid-column: 1; grid-row: 1; position: sticky; top: calc(var(--ku-h, 101px) + var(--b-5)); max-height: calc(100svh - var(--ku-h, 101px) - 2 * var(--b-5));
    overflow-y: auto; overflow-x: clip; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: var(--kenar) transparent; padding-right: 6px; }
  .lv-duzen > .lv-ana { grid-column: 2; grid-row: 1; }
}
.lv-yan > * { order: 0; }
.lv-yan .lv-yan-bas { margin: 0; font: var(--ag-baslik) 1.125rem/1.3 var(--aile-baslik); letter-spacing: 0; text-transform: none; color: var(--ince); }
.lv-tarih { display: flex; align-items: center; gap: 10px; margin: 0; font: var(--ag-metin) var(--yt-ui)/1.4 var(--aile-baslik); color: var(--soluk); }
.lv-tarih svg { flex: none; width: 20px; height: 20px; }
/* bu konuda uzman doktorlar */
.lv-hek ul { display: grid; gap: var(--b-4); margin: var(--b-4) 0 0; padding: 0; list-style: none; }
.lv-hek-sat { display: flex; align-items: center; gap: var(--b-4); min-height: 64px; padding: 4px 8px 4px 4px; margin: -4px -8px -4px -4px; border-radius: 999px; color: inherit; text-decoration: none; transition: background-color .15s ease; }
.lv-hek-sat:hover, .lv-hek-sat:focus-visible { background: var(--yuzey-2); outline: none; }
.lv-hek-foto { flex: none; display: block; width: 60px; height: 60px; border-radius: 50%; overflow: hidden; background: var(--yuzey-2); border: 2px solid var(--ince); }
.lv-hek-foto img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 12%; }
.lv-hek-metin { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.lv-hek-unvan { font: var(--ag-metin) .75rem/1.3 var(--aile-baslik); text-transform: uppercase; letter-spacing: .04em; color: var(--soluk); }
.lv-hek-ad { font: var(--ag-vurgu) 1.0625rem/1.3 var(--aile-baslik); color: var(--baslik); overflow-wrap: anywhere; }
.lv-hek-bolum { font: var(--ag-metin) .875rem/1.3 var(--aile-baslik); color: var(--soluk); }
/* içindekiler */
.lv-toc { padding-top: var(--b-5); border-top: 1px solid var(--kenar); }
.lv-toc > summary { display: flex; align-items: center; justify-content: space-between; min-height: 44px; cursor: pointer; list-style: none; }
.lv-toc > summary::-webkit-details-marker { display: none; }
.lv-toc > summary::after { content: ""; width: 8px; height: 8px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform .2s var(--gecis); }
.lv-toc[open] > summary::after { transform: rotate(225deg); }
.lv-toc .ic-liste { display: grid; align-content: start; gap: 2px; max-height: min(34svh, 320px); overflow-y: auto; overflow-x: clip; overscroll-behavior: contain; scrollbar-width: thin; margin: var(--b-2) 0 0; padding: 0; list-style: none; min-width: 0; }
.lv-toc .ic-liste a { display: block; box-sizing: border-box; min-width: 0; padding: 7px 10px; margin: 0; white-space: normal; overflow-wrap: anywhere; border-radius: 10px; font: var(--ag-metin) .9375rem/1.4 var(--aile-baslik); color: var(--ince); text-decoration: none; transition: background-color .15s ease, color .15s ease; }
.lv-toc .ic-liste a::before { content: none; }
.lv-toc .ic-liste a:hover, .lv-toc .ic-liste a:focus-visible { background: var(--yuzey-2); color: var(--fx-yazi); outline: none; }
.lv-toc .ic-liste a[aria-current="true"] { background: var(--yuzey-2); color: var(--fx-yazi); font-weight: 600; }
/* paylaş */
.lv-paylas { display: flex; gap: 12px; padding-top: var(--b-5); border-top: 1px solid var(--kenar); }
.lv-paylas > * { display: inline-grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid var(--kenar); border-radius: 10px; background: var(--yuzey); color: var(--baslik); cursor: pointer; text-decoration: none; transition: background-color .15s ease, color .15s ease; }
.lv-paylas > *:hover, .lv-paylas > *:focus-visible { background: var(--uclu-1); color: #fff; outline: none; }
.lv-paylas > [data-ok] { background: var(--uclu-1); color: #fff; }
.lv-paylas svg { width: 20px; height: 20px; }
/* ---- içerik sütunu ---- */
.lv-ust { margin: 0 0 var(--b-4); padding: 16px 20px; border: 1px solid var(--kenar); border-radius: var(--r-l); background: var(--yuzey); }
.lv-guncel { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 0; font: var(--ag-metin) var(--yt-ui)/1.5 var(--aile-baslik); color: var(--ince); }
.lv-guncel b { font-weight: 600; }
.lv-guncel > span + span::before { content: "|"; margin-right: 14px; color: var(--kenar); }
.lv-ozet { margin: var(--b-3) 0 0; font: var(--ag-metin) var(--yt-govde)/1.7 var(--aile-baslik); color: var(--soluk); }
.lv-ust .rh-uyari { margin: var(--b-3) 0 0; max-width: none; }
.lv-ana .sayfa-govde { max-width: none; font-size: 1.1875rem; line-height: 1.75; }
.lv-ana .sayfa-govde h2 { margin: var(--b-6) 0 var(--b-3); padding: 0; border: 0; font: var(--ag-baslik) clamp(1.35rem, 1.15rem + .6vw, 1.625rem)/1.3 var(--aile-baslik); letter-spacing: -.01em; color: var(--ince); }
.lv-ana .sayfa-govde h3 { margin: var(--b-5) 0 var(--b-2); color: var(--ince); font-weight: 500; }
.lv-ana .sayfa-govde > p:first-child:has(+ h2, + h3) { font-size: 1.125rem; color: var(--metin); }
.lv-ana .sayfa-govde figure, .lv-ana .sayfa-govde img { max-width: 100%; height: auto; border-radius: var(--r-m); }
.lv-ana .sayfa-govde table { display: table; width: 100%; border-collapse: collapse; font-size: .9375rem; }
.lv-ana .sayfa-govde th, .lv-ana .sayfa-govde td { padding: 12px 16px; border: 1px solid var(--kenar); text-align: start; vertical-align: top; }
.lv-ana .sayfa-govde thead th, .lv-ana .sayfa-govde tr:first-child th { background: var(--yuzey-2); color: var(--baslik); text-transform: uppercase; font-size: .8125rem; letter-spacing: .02em; }
@media (max-width: 700px) { .lv-ana .sayfa-govde table { display: block; overflow-x: auto; } }
/* kapak: içerik sütununda geniş; küçük görsel büyütülmez */
.lv-ana .ic-kapak { margin: var(--b-5) 0; border-radius: var(--r-m); overflow: hidden; aspect-ratio: auto; }
.lv-ana .lv-kapak img { display: block; width: 100%; height: auto; max-height: 460px; object-fit: cover; }
.lv-ana .lv-kapak-kucuk { max-width: min(100%, 420px); }
.lv-ana .rk-kapak { aspect-ratio: 16 / 7; }
.lv-ana .rk-kapak img { height: 100%; }
.lv-ana .rk-tipo { min-height: 180px; }

/* @yazisol: simge + yazı dikey ortalı, 10 px boşluk; sol sütunda bölüm randevu düğmesi */
.lv-ust .rh-uyari { display: flex; align-items: center; gap: 10px; font: var(--ag-metin) var(--yt-ui)/1.5 var(--aile-baslik); color: var(--soluk); }
.lv-ust .rh-uyari .ikon { flex: none; width: 22px; height: 22px; margin: 0; color: var(--ince); }
.lv-ust .rh-uyari > span { min-width: 0; }
.lv-tarih { gap: 10px; }
.lv-tarih time { line-height: 1.4; }
.lv-randevu { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; box-sizing: border-box; min-height: 48px; text-align: center; white-space: normal; padding: 12px 22px; line-height: 1.3; border-radius: 24px; }
.lv-randevu svg { flex: none; width: 20px; height: 20px; }
.lv-randevu span { min-width: 0; overflow-wrap: anywhere; }

/* Sağlık Rehberi yazısı: yayın / güncelleme tarihi sayfanın en altında (içerikten sonra, ilgili yazılardan önce) */

/* @rehberc (30 Eki): Sağlık Rehberi yazısı «C · Rehber adımları» — solda sade numaralı adım listesi (okurken etkin adım renk + kalınlıkla), ortada metin,
   sağda kapak + hekim + randevu. Rozet/kutu/hap yok; hover yalnız renk; gölge, zıplama yok. 2'den az ara başlıkta liste çıkmaz. */
.rc-duzen { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--b-5); align-items: start; counter-reset: adim; }
.rc-duzen > .rc-adim { grid-column: 1; grid-row: 1; min-width: 0; }
.rc-duzen > .rc-ana { grid-column: 1; grid-row: 2; min-width: 0; }
.rc-ana .sayfa-govde { max-width: 70ch; }
.rc-duzen > .rc-yan { grid-column: 1; grid-row: 3; display: flex; flex-direction: column; gap: var(--b-5); min-width: 0; }
.rc-adimsiz:not(.rc-yanli) > .rc-ana { margin-inline: auto; max-width: 74ch; }
.rc-adimsiz:not(.rc-yanli) > .rc-ana .sayfa-govde { max-width: none; }
.rc-adim-bas { margin: 0 0 var(--b-3); font: var(--ag-vurgu) .8125rem/1.3 var(--aile-baslik); letter-spacing: .14em; text-transform: uppercase; color: var(--soluk); }
.rc-adim ol { counter-reset: s; margin: 0; padding: 0; list-style: none; }
.rc-adim li { counter-increment: s; margin: 0; }
.rc-adim li::before { content: none; }
.rc-adim a { display: flex; gap: .55em; box-sizing: border-box; padding: 8px 10px; border-radius: 10px; font: var(--ag-metin) .9375rem/1.4 var(--aile-baslik); color: var(--ince); text-decoration: none; overflow-wrap: anywhere; transition: background-color .15s ease, color .15s ease; }
.rc-adim a::before { content: counter(s) "."; flex: none; min-width: 1.4em; font-variant-numeric: tabular-nums; color: var(--soluk); }
.rc-adim a:hover, .rc-adim a:focus-visible { background: var(--yuzey-2); color: var(--fx-yazi); outline: none; }
.rc-adim a[aria-current="true"] { background: var(--yuzey-2); color: var(--fx-yazi); font-weight: 600; }
.rc-adim a[aria-current="true"]::before { color: var(--fx-yazi); }
/* başlıklarda yalnız düz küçük rakam */
.rc-adimli .sayfa-govde h2::before { counter-increment: adim; content: counter(adim) "."; margin-inline-end: .5em; font-size: .72em; font-weight: 500; letter-spacing: 0; color: var(--soluk); vertical-align: .12em; font-variant-numeric: tabular-nums; }
.rc-ana .sayfa-govde h2 { scroll-margin-top: calc(var(--ku-h, 101px) + 12px); }
.rc-yan .rk-kapak { margin: 0; aspect-ratio: 3 / 2; border-radius: var(--r-m); }
.rc-yan .rk-kapak img { height: 100%; }
.rc-yan .lv-hek ul { margin-top: var(--b-3); }
.rc-yan .lv-hek-sat { flex-wrap: nowrap; border-radius: 12px; }
/* telefon (≤900): adımlar üstte yatay kaydırılan sade şerit */
@media (max-width: 900px) {
  .rc-adim-bas { margin-bottom: var(--b-2); }
  .rc-adim ol { display: flex; gap: 4px; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; padding-bottom: 6px; border-bottom: 1px solid var(--kenar); }
  .rc-adim li { flex: none; }
  .rc-adim a { white-space: nowrap; min-height: 44px; align-items: center; padding-inline: 12px; }
}
/* 901-1239: solda adım listesi, sağdaki parçalar metnin altında */
@media (min-width: 901px) {
  .rc-adimli { grid-template-columns: 210px minmax(0, 1fr); column-gap: clamp(28px, 3.4vw, 48px); }
  .rc-adimli > .rc-adim { grid-column: 1; grid-row: 1 / span 2; }
  .rc-adimli > .rc-ana { grid-column: 2; grid-row: 1; }
  .rc-adimli > .rc-yan { grid-column: 2; grid-row: 2; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--b-5); }
  .rc-adimli > .rc-yan > .rk-kapak, .rc-adimli > .rc-yan > :only-child { grid-column: 1 / -1; }
  .rc-adimsiz > .rc-yan { grid-column: 1; grid-row: 3; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--b-5); }
}
@media (max-width: 1239.98px) { .rc-duzen > .rc-yan.yapisik { position: static !important; top: auto !important; } }
/* ≥1240: üç sütun */
@media (min-width: 1240px) {
  .rc-adimli.rc-yanli { grid-template-columns: 210px minmax(0, 1fr) 300px; column-gap: clamp(36px, 3.4vw, 52px); }
  .rc-adimli.rc-yanli > .rc-yan { grid-column: 3; grid-row: 1; display: flex; }
  .rc-adimli.rc-yanli > .rc-adim { grid-row: 1; } /* boş ikinci satır yok: üç sütunun alt kenarı randevu kartıyla aynı hizada biter */
  .rc-adimsiz.rc-yanli { grid-template-columns: minmax(0, 1fr) 300px; column-gap: clamp(36px, 3.4vw, 52px); }
  .rc-adimsiz.rc-yanli > .rc-ana { grid-column: 1; grid-row: 1; }
  .rc-adimsiz.rc-yanli > .rc-yan { grid-column: 2; grid-row: 1; display: flex; }
}

/* künye kartı (30 Eki): eklenme + güncelleme + okuma ve bilgilendirme notu tek kartta; not ince çizgiyle ayrılır */
.lv-ust .lv-guncel + .rh-uyari, .lv-ust .lv-ozet + .rh-uyari { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--kenar); }
.lv-guncel time { font-weight: 600; }
@media (max-width: 900px) { .lv-guncel { flex-direction: column; gap: 2px; } .lv-guncel > span + span::before { content: none; } }
/* yazı sonu randevu kartı (30 Eki): metinden ayrık, iç boşluk ferah */
.rc-ana > .ic-cagri { margin-top: clamp(36px, 4vw, 56px); padding: 28px 32px; }
.rc-ana > .ic-cagri .ic-kutu-bas { margin-bottom: 10px; }
.rc-ana > .ic-cagri .ic-cagri-metin { margin-bottom: 20px; }
@media (max-width: 600px) { .rc-ana > .ic-cagri { padding: 22px 20px; } }
/* boşluk ritmi (30 Eki): künye kartı ile ilk başlık arası, telefonda bloklar arası tek ölçü 24 px */
.lv-ust { margin-bottom: 24px; }
@media (max-width: 900px) { .rc-duzen { row-gap: 24px; } }

/* formlu ve iletişim sütunlu sayfa (30 Eki): metin formla aynı genişlikte; dar okuma ölçüsü bu düzende uygulanmaz */
.rs-duzen > .ic-ana .sayfa-govde { max-width: none; }
/* @formsira (31 Eki): form sayfasında yazı + form önce, iletişim sütunu sonra — .ic-ana order:1 telefonda iletişim kutusunu öne alıyordu */
.rs-duzen > .rs-iletisim { order: 2; }

/* @grupgiris (31 Eki): grup giriş sayfası (Hastanemiz, E-Hizmetler, Dilek ve Şikâyet Kutusu) — giriş yazısı + açıklamalı bağlantı kartları */
.ic-duzen > .grup-giris { grid-column: 1 / -1; }
.grup-giris .sayfa-govde { max-width: none; }
.grup-giris .sayfa-govde > p { max-width: 72ch; }
.grup-giris .sayfa-govde > ul { list-style: none; margin: var(--b-6) 0 0; padding: 0; display: grid; gap: 16px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); }
.grup-giris .sayfa-govde > ul > li { margin: 0; padding: 0; }
.grup-giris .sayfa-govde > ul > li::before { content: none; }
.grup-giris .sayfa-govde > ul > li > a { display: block; height: 100%; padding: 22px 24px; border-radius: 18px; background: var(--yuzey); border: 1px solid var(--kenar); color: var(--soluk); font-size: var(--yt-ui, 1rem); line-height: 1.55; text-decoration: none; transition: background-color .15s, color .15s; }
.grup-giris .sayfa-govde > ul > li > a strong { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 6px; color: var(--baslik); font: var(--ag-vurgu) var(--yt-kart)/1.3 var(--aile-baslik); transition: color .15s; }
.grup-giris .sayfa-govde > ul > li > a strong::after { content: "→"; flex: none; color: var(--vurgu); }
.grup-giris .sayfa-govde > ul > li > a:hover, .grup-giris .sayfa-govde > ul > li > a:focus-visible { background: var(--yuzey-2); color: var(--metin); }
.grup-giris .sayfa-govde > ul > li > a:hover strong { color: var(--vurgu); }
/* @livliste · Tıbbi Birimler, Doktorlar ve Sağlık Rehberi listeleri: ortak lacivert bant + hap arama çubuğu, fotoğraf içinde adlı doktor
   kartları, harf kutuları + dev harf + sütunlu liste. Düzen Liv listelerinin yapısıdır; renk (lacivert, altın) ve yazı tipi Başarı'nındır. */
.lb-bant { position: relative; overflow: hidden; padding-bottom: clamp(32px, 4vw, 56px); color: #fff; background: linear-gradient(180deg, #1c3261 0, #233f77 60%, #2f5e9e 140%); }
.lb-bant::before { content: ''; position: absolute; inset: 0; pointer-events: none; background:
  radial-gradient(55% 90% at 12% 15%, rgb(255 255 255 / .10), transparent 62%),
  radial-gradient(48% 80% at 88% 80%, rgb(47 94 158 / .6), transparent 66%),
  repeating-linear-gradient(115deg, rgb(255 255 255 / .04) 0 90px, transparent 90px 230px); }
.lb-bant .kap { position: relative; text-align: center; }
.lb-bant .rs-yol { justify-content: flex-start; margin-top: var(--b-3); text-align: left; color: rgb(255 255 255 / .8); }
.lb-bant .rs-yol a, .lb-bant .rs-yol [aria-current] { color: rgb(255 255 255 / .85); }
.lb-bant .rs-yol a:hover, .lb-bant .rs-yol a:focus-visible { color: #fff; }
.lb-bant h1 { margin: clamp(8px, 1.6vw, 24px) 0 0; color: #fff; text-align: center; }
.lb-bant .lb-acik { max-width: 62ch; margin: var(--b-4) auto 0; color: rgb(255 255 255 / .86); text-align: center; font-size: var(--yt-govde); line-height: var(--sa-govde); }
/* hap arama çubuğu: [metin | etiketli seçim | Ara] tek parça */
.lb-ara { display: flex; align-items: stretch; max-width: 780px; height: 58px; margin: clamp(24px, 3vw, 36px) auto 0; border-radius: 999px; overflow: hidden; background: var(--yuzey); text-align: left; }
.lb-ara-metin { position: relative; flex: 1 1 0; display: flex; align-items: center; min-width: 0; margin: 0; }
.lb-ara-metin svg { position: absolute; left: 22px; width: 20px; height: 20px; fill: none; stroke: var(--uclu-2, #2F5E9E); stroke-width: 2; stroke-linecap: round; pointer-events: none; }
.lb-ara input { -webkit-appearance: none; appearance: none; display: block; width: 100%; height: 100%; margin: 0; padding: 0 var(--b-3) 0 56px; border: 0; border-radius: 0; background: transparent; color: var(--baslik); font: var(--ag-metin) 1rem/1.2 var(--aile-baslik); outline: none; }
.lb-ara input::placeholder { color: var(--soluk); opacity: 1; }
.lb-ara input::-webkit-search-cancel-button { -webkit-appearance: none; display: none; }
.lb-ara-metin:hover, .lb-ara-metin:focus-within, .lb-ara-sec:hover, .lb-ara-sec:focus-within { background: var(--yuzey-2); }
.lb-ara-sec { position: relative; flex: 0 0 clamp(190px, 30%, 270px); display: block; margin: 0; padding: 0; border-left: 1px solid var(--kenar); cursor: pointer; }
.lb-et { position: absolute; z-index: 1; left: 20px; right: 44px; top: 11px; color: var(--soluk); font: 600 .6875rem/1.2 var(--aile-baslik); letter-spacing: .05em; text-transform: uppercase; pointer-events: none; }
/* seçim kutusu etiketin tamamını kaplar: etiket, değer ve ok her yerinden tek tıkla açılır */
.lb-ara select { -webkit-appearance: none; appearance: none; position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; margin: 0; padding: 22px 44px 0 20px; border: 0; border-radius: 0; background: transparent; color: var(--baslik); font: 600 .9375rem/1.3 var(--aile-baslik); text-overflow: ellipsis; cursor: pointer; outline: none; }
.lb-ara select option { background: var(--yuzey); color: var(--baslik); }
.lb-ara .lb-ok { position: absolute; right: 18px; top: 50%; width: 18px; height: 18px; margin-top: -9px; fill: none; stroke: var(--uclu-2, #2F5E9E); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; }
.lb-ara-dugme { -webkit-appearance: none; appearance: none; flex: none; margin: 0; padding: 0 clamp(24px, 3vw, 38px); border: 0; background: var(--uclu-3, #E3A72F); color: var(--uclu-3-yazi, #0E1A33); font: 700 1rem/1 var(--aile-baslik); cursor: pointer; transition: background-color .2s var(--gecis); }
.lb-ara-dugme:hover, .lb-ara-dugme:focus-visible { background: var(--uclu-3-hover, #EDB84A); outline: none; }
@media (max-width: 640px) {
  .lb-ara { flex-direction: column; height: auto; border-radius: 26px; }
  .lb-ara-metin { flex: none; height: 54px; }
  .lb-ara-sec { flex: none; height: 56px; border-left: 0; border-top: 1px solid var(--kenar); }
  .lb-ara-dugme { height: 52px; }
}
.rs-ust.lb-bant + .rs-govde { padding-top: clamp(32px, 4.5vw, 64px); }

/* Tıbbi Birimler: fotoğraf içinde başlıklı kartlar, 4 sütun */
@media (min-width: 1100px) { .bl-izgara { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.bl-kg { aspect-ratio: 4 / 3; }
.bl-yok:not([hidden]), .dr-bulunamadi:not([hidden]) { margin: var(--b-6) 0; padding: var(--b-6) var(--b-4); text-align: center; border: 1px dashed var(--kenar); border-radius: 14px; color: var(--baslik); }

/* Doktor kartı (ızgarada): fotoğraf tam, ad/unvan/bölüm fotoğrafın içinde altta koyu degrade üstünde, kartın içinde «Randevu al» hapı */
@media (min-width: 1100px) { .dr-izgara { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.dr-izgara { gap: var(--b-3); margin-inline: calc(-1 * var(--b-2)); width: calc(100% + 2 * var(--b-2)); }
.dr-izgara .dr-kart { position: relative; display: block; padding: var(--b-2); overflow: visible; border: 0; border-radius: var(--r-m); background: transparent; }
.dr-izgara .dr-foto-kutu { position: relative; z-index: 1; aspect-ratio: 7 / 9; border-radius: var(--r-s); background: linear-gradient(160deg, #e6edf8, #c9d8ee); }
.dr-izgara .dr-foto-kutu::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgb(10 20 44 / .96) 0, rgb(22 41 84 / .86) 26%, rgb(28 50 97 / .35) 48%, rgb(28 50 97 / 0) 66%); }
.dr-izgara .dr-yer { height: 70%; margin-top: 12%; }
.dr-izgara .dr-metin { position: absolute; z-index: 2; left: calc(var(--b-2) + var(--b-4)); right: calc(var(--b-2) + var(--b-4)); bottom: calc(var(--b-2) + var(--b-4)); flex: none; gap: 3px; padding: 0; color: #fff; pointer-events: none; }
.dr-izgara .dr-unvan { color: rgb(255 255 255 / .82); }
.dr-izgara .dr-ad { color: #fff; font-weight: 500; text-shadow: 0 1px 2px rgb(0 0 0 / .4); }
.dr-izgara .dr-ad a, .dr-izgara .dr-dugmeler a { pointer-events: auto; }
.dr-izgara .dr-ad a:hover, .dr-izgara .dr-ad a:focus-visible { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.dr-izgara .dr-alt { color: rgb(255 255 255 / .86); }
.dr-izgara .dr-dugmeler { display: flex; margin: 0; padding-top: var(--b-3); }
.dr-izgara .dr-dugmeler .dugme:not(.dr-randevu) { display: none; }
.dr-izgara .dr-dugmeler .dr-randevu { width: auto; min-height: 0; height: 32px; padding: 0 var(--b-4); border: 1px solid var(--uclu-3, #E3A72F); border-radius: 999px; background: transparent; color: #fff; font: 600 .8125rem/1 var(--aile-baslik); transition: background-color .2s var(--gecis, ease), color .2s var(--gecis, ease); }
.dr-izgara .dr-dugmeler .dr-randevu:hover, .dr-izgara .dr-dugmeler .dr-randevu:focus-visible { background: rgb(255 255 255 / .16); color: #fff; }

/* Sağlık Rehberi: harf kutuları satırı (kaydırırken sabit) + dev harf, sağda üst çizgi ve sütunlu yazı listesi */
.rh-harfler { display: flex; flex-wrap: nowrap; justify-content: space-between; gap: 8px; margin: 0 0 var(--b-6); padding: var(--b-4) 0; border: 0; border-radius: 0; background: var(--yuzey); overflow-x: auto; scrollbar-width: none; }
.rh-harfler::-webkit-scrollbar { display: none; }
.rh-harfler .rh-harf { flex: 1 1 0; min-width: 34px; max-width: 48px; min-height: 0; height: 46px; border: 1px solid var(--kenar); border-radius: 6px; background: var(--yuzey); color: var(--baslik); font: 500 1rem/1 var(--aile-baslik); }
.rh-harfler .rh-harf.bos { opacity: .4; border-color: var(--kenar); }
.rh-harfler .rh-harf.pasif { opacity: .25; }
.rh-dizin { display: block; column-count: 1; }
.rh-dizin .rh-grup { display: grid; grid-template-columns: clamp(56px, 8vw, 112px) minmax(0, 1fr); column-gap: clamp(8px, 1.6vw, 24px); align-items: start; margin: 0 0 clamp(36px, 5vw, 72px); break-inside: auto; }
.rh-dizin .rh-grup-harf { margin: 0; padding: 0; border: 0; color: var(--uclu-2, #2F5E9E); font: 300 clamp(3.5rem, 7vw, 6.25rem)/.9 var(--aile-baslik); letter-spacing: 0; }
.rh-dizin .rh-grup > .fx-rail { min-width: 0; padding-top: var(--b-2); border-top: 1px solid var(--uclu-2, #2F5E9E); }
.rh-dizin .rh-liste { display: block; column-count: 1; column-gap: clamp(24px, 4vw, 64px); margin: 0; padding: 0; list-style: none; }
@media (min-width: 700px) { .rh-dizin .rh-liste { column-count: 2; } }
@media (min-width: 1100px) { .rh-dizin .rh-liste { column-count: 3; } }
.rh-dizin .rh-liste li { break-inside: avoid; margin: 0; padding: 0; border: 0; }
.rh-dizin .rh-liste a { display: block; min-height: 0; margin-inline: 0; padding: 5px var(--b-3); color: var(--soluk); font: var(--ag-metin) 1.0625rem/1.4 var(--aile-baslik); }
.rh-dizin .rh-liste a:hover, .rh-dizin .rh-liste a:focus-visible { color: var(--fx-yazi); }
.rh-grup { scroll-margin-top: calc(var(--ku-h, 101px) + 46px + var(--b-6)); }
@media (max-width: 520px) {
  .rh-harfler { justify-content: flex-start; }
  .rh-dizin .rh-grup { grid-template-columns: 44px minmax(0, 1fr); }
  .rh-dizin .rh-grup-harf { font-size: 3rem; }
}

/* rehberharf (30 Eki): dev harfler Baloo 2 (SIL OFL, yerel), Liste 2 sütun, boş harf bölümü gizli */
@font-face { font-family: 'Baloo 2'; font-style: normal; font-weight: 800; font-display: swap; src: url(/varlik/k/yazi/baloo2-800-latin-ext.woff2?v=d73eb61f07) format('woff2');
   unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Baloo 2'; font-style: normal; font-weight: 800; font-display: swap; src: url(/varlik/k/yazi/baloo2-800-latin.woff2?v=3e36c57e37) format('woff2');
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
.rh-dizin .rh-grup[hidden] { display: none; }
.rh-dizin .rh-grup-harf { font: 800 clamp(3.5rem, 7vw, 6.25rem)/.9 var(--aile-baslik), sans-serif; }
@media (min-width: 1100px) { .rh-dizin .rh-liste { column-count: 2; } }
@media (max-width: 699px) { .rh-dizin .rh-grup-harf { font-size: 3rem; } }

/* harfserit (30 Eki): A–Z şeridi zemini ve alt çizgisi ekranın iki kenarına tam genişlik; harf kutuları kap içinde, kabın tamamına eşit dağılır (gövde overflow-x:clip) */
.rh-harfler { margin-inline: calc(50% - 50vw); padding-inline: calc(50vw - 50%); border-bottom: 1px solid var(--kenar); box-sizing: content-box; }
.rh-harfler .rh-harf { max-width: none; }
@media (max-width: 699px) { .rh-harfler { padding-inline: max(var(--b-4, 16px), calc(50vw - 50%)); } }

/* harfserit ek (30 Eki): rehber yazı başlıklarında içi boş nokta (menülerle aynı 7 px) + hover'da dolar, ok kalır; başlıklar arası aralık ~1,5 kat */
.rh-dizin .rh-liste a { display: flex; align-items: flex-start; gap: var(--b-2); padding: 13px var(--b-3); }
.rh-dizin .rh-liste a::before { content: ""; display: block; flex: none; box-sizing: border-box; width: 7px; height: 7px; margin-top: calc((1.0625rem * 1.4 - 7px) / 2); border: 1.5px solid currentColor; border-radius: 50%; opacity: .5; transition: background-color .2s var(--gecis), opacity .2s var(--gecis); }
.rh-dizin .rh-liste a:hover::before, .rh-dizin .rh-liste a:focus-visible::before { background: currentColor; opacity: 1; }
.rh-dizin .rh-liste a .ad { flex: 1; min-width: 0; }
.rh-dizin .rh-liste a .izg-ok { flex: none; width: 16px; height: 16px; margin-top: calc((1.0625rem * 1.4 - 16px) / 2); stroke: currentColor; fill: none; stroke-width: 1.8; opacity: 0; transform: translateX(-4px); transition: opacity .22s var(--gecis), transform .22s var(--gecis); }
.rh-dizin .rh-liste a:hover .izg-ok, .rh-dizin .rh-liste a:focus-visible .izg-ok { opacity: 1; transform: none; }
/* @bantbirlik · TÜM içerik sayfalarında tek sayfa bandı (kırıntı, başlık ve açıklama sola yaslı). Doktor ayrıntısı hariç (sinif «sb-yok»).
   Arka plan YALNIZ bu değişkenlerdendir; açık ve koyu ayrı. Seçilen arka plan alternatifi bu iki bloğun değerlerini değiştirerek takılır (başka kural değişmez). */
/* Bant arka planı: seçenek 7 «Katmanlı formlar» (Beyefendi 30 Eki 05:2x) + alt kenarda sayfa zeminine geçiş. Koyu kipte renkler ANA SAYFANIN koyu tonlarıdır
   (zemin #06101F · yüzey #0C1A33/#0F2242 · bant #10284A); görsel yalnız parlaklık dokusu olarak karışır (luminosity), kendi mavisini taşımaz. */
:root {
  /* 30 Eki 17:0x: açık kipte bant sayfa zemininden net ayrılsın (önce neredeyse beyazdı) — lacivertin açık tonu, desen altta görünür, alt geçiş kısa */
  --sb-zemin: linear-gradient(180deg, #DDE6F3 0%, #CEDAEC 100%);
  --sb-desen: linear-gradient(rgb(206 218 236 / .58), rgb(214 225 240 / .66)), radial-gradient(ellipse 52% 100% at 50% 50%, rgb(232 238 247 / .30), transparent 100%), url(/varlik/k/a/gorsel/bant/bant-acik.webp?v=ddcbd978de);
  --sb-gecis: 14%;
  --sb-boyut: auto, auto, cover; --sb-konum: center, center, center; --sb-karisim: normal, normal, normal;
  --bant-yazi: #0E1A33; --bant-yazi-soluk: #2C3A52;
}
:root[data-theme="dark"] {
  --sb-zemin: radial-gradient(ellipse 70% 120% at 50% 0%, rgb(143 182 232 / .16), transparent 70%), linear-gradient(180deg, #10284A 0%, #0F2242 55%, #0C1A33 100%);
  --sb-desen: linear-gradient(rgb(6 16 31 / .26), rgb(6 16 31 / .26)), radial-gradient(ellipse 52% 100% at 50% 50%, rgb(6 16 31 / .40), transparent 100%), url(/varlik/k/a/gorsel/bant/bant-koyu.webp?v=190b87b9e4);
  --sb-karisim: normal, normal, luminosity; --sb-gecis: 88%;
  --bant-yazi: #fff; --bant-yazi-soluk: rgb(255 255 255 / .88);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --sb-zemin: radial-gradient(ellipse 70% 120% at 50% 0%, rgb(143 182 232 / .16), transparent 70%), linear-gradient(180deg, #10284A 0%, #0F2242 55%, #0C1A33 100%);
    --sb-desen: linear-gradient(rgb(6 16 31 / .26), rgb(6 16 31 / .26)), radial-gradient(ellipse 52% 100% at 50% 50%, rgb(6 16 31 / .40), transparent 100%), url(/varlik/k/a/gorsel/bant/bant-koyu.webp?v=190b87b9e4);
    --sb-karisim: normal, normal, luminosity; --sb-gecis: 88%;
    --bant-yazi: #fff; --bant-yazi-soluk: rgb(255 255 255 / .88);
  }
}
.rs-ust:not(.sb-yok), .lv-yazi > .rs-ust { position: relative; overflow: hidden; isolation: isolate; color: var(--bant-yazi); background: var(--sb-zemin); }
.rs-ust:not(.sb-yok)::before, .lv-yazi > .rs-ust::before { content: ''; position: absolute; inset: 0; z-index: -1; opacity: 1; pointer-events: none; background-image: var(--sb-desen); background-size: var(--sb-boyut); background-position: var(--sb-konum); background-repeat: no-repeat; background-color: #10284A; background-blend-mode: var(--sb-karisim); }
/* alt kenar sert bitmesin: bant aşağıda saydamlaşarak sayfa zeminine karışır */
.rs-ust:not(.sb-yok)::after, .lv-yazi > .rs-ust::after { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: var(--sb-gecis, 88%); z-index: 0; pointer-events: none; background: linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--zemin) 12%, transparent) 22%, color-mix(in srgb, var(--zemin) 32%, transparent) 42%, color-mix(in srgb, var(--zemin) 58%, transparent) 62%, color-mix(in srgb, var(--zemin) 82%, transparent) 80%, var(--zemin) 96%); }
.rs-ust:not(.sb-yok) > *, .lv-yazi > .rs-ust > * { position: relative; z-index: 1; }
.rs-ust:not(.sb-yok) { padding-bottom: clamp(32px, 4vw, 56px); }
.rs-ust:not(.sb-yok) .kap { position: relative; }
.rs-ust:not(.sb-yok) .rs-yol, .rs-ust:not(.sb-yok) .rs-yol a, .rs-ust:not(.sb-yok) .rs-yol [aria-current],
.lv-yazi > .rs-ust .rs-yol, .lv-yazi > .rs-ust .rs-yol a, .lv-yazi > .rs-ust .rs-yol [aria-current] { color: var(--bant-yazi-soluk); text-decoration: none; }
.rs-ust:not(.sb-yok) .rs-yol a:hover, .rs-ust:not(.sb-yok) .rs-yol a:focus-visible,
.lv-yazi > .rs-ust .rs-yol a:hover, .lv-yazi > .rs-ust .rs-yol a:focus-visible { color: var(--bant-yazi); text-decoration: none; }
.rs-ust:not(.sb-yok) h1, .lv-yazi > .rs-ust h1 { color: var(--bant-yazi); }
.rs-ust:not(.sb-yok) p, .rs-ust:not(.sb-yok) .ic-kunye, .lv-yazi > .rs-ust .ic-kunye { color: var(--bant-yazi-soluk); }
/* sola yaslı düzen: yol izi, başlık, alt cümle, künye ve arama çubuğu tek sol çizgide (üst bilgi kabıyla aynı .kap) */
.rs-ust:not(.sb-yok) .kap, .lb-bant .kap { text-align: left; }
.rs-ust:not(.sb-yok) .rs-yol, .lb-bant .rs-yol { justify-content: flex-start; text-align: left; margin-top: var(--b-3); }
.rs-ust:not(.sb-yok) h1, .lb-bant h1 { margin: clamp(8px, 1.6vw, 24px) 0 0; text-align: left; max-width: none; }
.rs-ust:not(.sb-yok) .rs-ust-alt, .rs-ust:not(.sb-yok) .lb-acik, .lb-bant .lb-acik { max-width: 62ch; margin: var(--b-4) 0 0; text-align: left; }
.rs-ust:not(.sb-yok) .ic-kunye { justify-content: flex-start; }
.rs-ust:not(.sb-yok) .rs-ust-etiket { text-align: left; }
.lb-bant .lb-ara { margin-inline: 0; }
.rs-ust:not(.sb-yok) + .rs-govde { padding-top: clamp(32px, 4.5vw, 64px); }
/* @islem-serit · YALNIZ Online Randevu ve E-Sonuç: büyük desenli bant yok, yerine alçak başlık şeridi; zemin öteki bantlarla aynı renk (desensiz), alt cümle tek satır.
   Sayfa listesi tek yerdedir: aşağıdaki iki aria-label (randevu ve e-sonuç sayfalarının gövde bölümü). Öteki sayfalara dokunmaz. */
.rs-ust:not(.sb-yok):has(+ .rs-govde[aria-label="Randevu adımları"]),
.rs-ust:not(.sb-yok):has(+ .rs-govde[aria-label="Sonuç sorgulama"]) {
  background: var(--sb-zemin); color: var(--bant-yazi); border-bottom: 0;
  padding-top: calc(var(--ku-h, 101px) + clamp(8px, 1.2vw, 16px)); padding-bottom: clamp(12px, 1.6vw, 20px);
}
.rs-ust:not(.sb-yok):has(+ .rs-govde[aria-label="Randevu adımları"])::before,
.rs-ust:not(.sb-yok):has(+ .rs-govde[aria-label="Sonuç sorgulama"])::before { content: ''; }
.rs-ust:not(.sb-yok):has(+ .rs-govde[aria-label="Randevu adımları"]) .rs-yol,
.rs-ust:not(.sb-yok):has(+ .rs-govde[aria-label="Sonuç sorgulama"]) .rs-yol { margin: 0; font-size: .875rem; }
.rs-ust:not(.sb-yok):has(+ .rs-govde[aria-label="Randevu adımları"]) .rs-yol a,
.rs-ust:not(.sb-yok):has(+ .rs-govde[aria-label="Sonuç sorgulama"]) .rs-yol a { min-height: 32px; color: var(--bant-yazi-soluk); }
.rs-ust:not(.sb-yok):has(+ .rs-govde[aria-label="Randevu adımları"]) .rs-yol [aria-current],
.rs-ust:not(.sb-yok):has(+ .rs-govde[aria-label="Sonuç sorgulama"]) .rs-yol [aria-current] { color: var(--bant-yazi); }
.rs-ust:not(.sb-yok):has(+ .rs-govde[aria-label="Randevu adımları"]) h1,
.rs-ust:not(.sb-yok):has(+ .rs-govde[aria-label="Sonuç sorgulama"]) h1 { margin: 2px 0 0; color: var(--bant-yazi); font-size: clamp(1.375rem, 1.1rem + 1vw, 1.875rem); line-height: 1.2; }
.rs-ust:not(.sb-yok):has(+ .rs-govde[aria-label="Randevu adımları"]) p,
.rs-ust:not(.sb-yok):has(+ .rs-govde[aria-label="Sonuç sorgulama"]) p { margin: 4px 0 0; color: var(--bant-yazi-soluk); font-size: 1rem; max-width: none; }
.rs-ust:not(.sb-yok):has(+ .rs-govde[aria-label="Randevu adımları"]) + .rs-govde,
.rs-ust:not(.sb-yok):has(+ .rs-govde[aria-label="Sonuç sorgulama"]) + .rs-govde { padding-top: clamp(20px, 2.6vw, 36px); }

/* yol satırı (30 Eki): her genişlikte tek satır; sığmazsa yana kaydırılır, başlık alt satıra inip tekrar gibi görünmez */
.rs-yol { flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; white-space: nowrap; scrollbar-width: none; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; }
.rs-yol::-webkit-scrollbar { display: none; }
.rs-yol > li { flex: none; }
/* telefon ve tablet (≤900): bant altı ve bant ile içerik arası aynı 24 px */
@media (max-width: 900px) { .rs-ust:not(.sb-yok), .lv-yazi > .rs-ust { padding-bottom: 24px; } .rs-ust:not(.sb-yok) + .rs-govde, .lv-yazi > .rs-ust + .rs-govde { padding-top: 24px; } }
/* @noktalar (30 Eki): düz bağlantı listelerinde Sağlık Rehberi ile AYNI içi boş nokta (7 px, hover/etkin'de dolar) + başlıklar arası aralık ~1,5 kat.
   Tek kaynak bu blok: yeni düz liste eklenirse yalnız aşağıdaki seçici listesine eklenir. Kart, hap, sekme ve menü çubukları bu işin dışındadır. */
@media (min-width: 900px) {
  .dr-gz:not(.dr-gz-randevu) .ikon { display: none; }
  .dr-gz:not(.dr-gz-randevu) { gap: var(--b-2); padding-block: 18px; }
  .dr-gz:not(.dr-gz-randevu)::before { content: ""; display: block; flex: none; box-sizing: border-box; width: 7px; height: 7px; border: 1.5px solid currentColor; border-radius: 50%; opacity: .5; transition: background-color .2s var(--gecis), opacity .2s var(--gecis); }
  .dr-gz:not(.dr-gz-randevu):hover::before, .dr-gz:not(.dr-gz-randevu):focus-visible::before, .dr-gz:not(.dr-gz-randevu)[aria-current="true"]::before { background: currentColor; opacity: 1; }
}
/* @hakkimizda — Hakkımızda sayfası, onaylı tam sayfa düzeni: lacivert giriş, rakam kutuları, galeri slaytı + hizmet kartları,
   çapraz Vizyon/Misyon, sekmeli politikalar, kalite kutusu. Renkler yalnız tema jetonları (açık/koyu kendiliğinden).
   Hover: zemin/yazı rengi (gölge/zıplama yok). Ritim: bölüm 72 · başlık→içerik 28 · kart arası 16. Başlık yazı tipi Baloo 2 (yerel). */
@font-face { font-family: 'Baloo 2'; font-style: normal; font-weight: 700; font-display: swap; src: url(/varlik/k/yazi/baloo2-700-latin-ext.woff2?v=1df28d1b81) format('woff2');
   unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Baloo 2'; font-style: normal; font-weight: 700; font-display: swap; src: url(/varlik/k/yazi/baloo2-700-latin.woff2?v=051ccab549) format('woff2');
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
html:has(.hk) { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html:has(.hk) { scroll-behavior: auto; } }
.hk-sayfa { display: block; }
.hk {
  --hk-baslik: var(--aile-baslik), system-ui, sans-serif;
  --hk-ik: var(--ust-zemin-dolu-2); --hk-altin-yazi: #8a5a00; --hk-dugme: var(--ust-zemin-dolu); --hk-dugme-ust: var(--ust-zemin-dolu-2);
  display: block; min-width: 0; padding-bottom: 88px;
}
:root[data-theme="dark"] .hk { --hk-ik: var(--amber); --hk-altin-yazi: var(--amber); --hk-dugme: var(--ust-zemin-dolu-2); --hk-dugme-ust: var(--mega-hover); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .hk { --hk-ik: var(--amber); --hk-altin-yazi: var(--amber); --hk-dugme: var(--ust-zemin-dolu-2); --hk-dugme-ust: var(--mega-hover); } }
.hk [id] { scroll-margin-top: 110px; }
.hk h1, .hk h2, .hk h3 { font-family: var(--hk-baslik); }
.hk-capa { display: block; }
.hk-etiket { display: block; font: 700 13px/1.2 var(--aile-baslik); letter-spacing: .12em; text-transform: uppercase; color: var(--hk-altin-yazi); }

/* lacivert giriş (yol izi girişin içinde) */
.hk-bas { background: var(--ust-zemin-dolu); color: #fff; position: relative; overflow: hidden; }
.hk-bas-ic { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 48px; align-items: center; padding-block: calc(var(--ku-h, 101px) + 40px) 56px; }
.hk-bas .hk-etiket { color: var(--amber); }
.hk-yol { margin: 0 0 14px; font-size: 14px; line-height: 1.5; color: rgb(255 255 255 / .75); }
.hk-yol a { color: rgb(255 255 255 / .75); text-decoration: none; transition: color .2s var(--gecis); }
.hk-yol a:hover, .hk-yol a:focus-visible { color: #fff; outline: none; }
.hk-bas h1 { margin: 6px 0 18px; font-weight: 700; font-size: clamp(2.6rem, 1.6rem + 3vw, 4.2rem); line-height: 1.02; letter-spacing: 0; color: #fff; text-wrap: balance; }
.hk-bas-giris { margin: 0 0 14px; font-size: clamp(1.12rem, 1rem + .4vw, 1.35rem); line-height: 1.6; color: #fff; }
.hk-bas-alt { margin: 0; line-height: 1.7; color: rgb(255 255 255 / .8); font-size: var(--yt-govde); }
.hk-bas-foto { border-radius: 22px; overflow: hidden; aspect-ratio: 4 / 3; max-width: 100%; min-width: 0; background: var(--ust-zemin-dolu-2); }
.hk-bas-foto img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* rakam kutuları */
.hk-istat { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; background: var(--kenar); border: 1px solid var(--kenar); border-top: 0; border-radius: 0 0 20px 20px; overflow: hidden; }
.hk-istat > div { background: var(--yuzey); padding: 22px 20px; display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.hk-istat b { font: 700 clamp(1.8rem, 1.3rem + 1.2vw, 2.5rem)/1 var(--hk-baslik); color: var(--hk-ik); font-variant-numeric: tabular-nums; }
.hk-istat span { color: var(--soluk); font-size: 15px; line-height: 1.5; }

/* bölüm iskeleti */
.hk-blok { padding-top: 72px; min-width: 0; }
.hk-bolum { padding-top: 72px; display: grid; gap: 72px; min-width: 0; }
.hk-blk-bas { display: grid; gap: 10px; margin-bottom: 28px; }
.hk-blk-bas h2 { margin: 0; font-weight: 700; font-size: clamp(2rem, 1.4rem + 1.8vw, 2.8rem); line-height: 1.1; letter-spacing: 0; color: var(--baslik); text-wrap: balance; }

/* 20 yıldır güvenle: galeri slaytı + hizmet kartları */
.hk-hizmet { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 32px; align-items: start; min-width: 0; }
.hk-hizmet-yan { min-width: 0; }
.hk-galeri { position: sticky; top: 110px; border-radius: 22px; overflow: hidden; aspect-ratio: 4 / 5; max-width: 100%; background: var(--yuzey-2); min-width: 0; }
.hk-sl { position: absolute; inset: 0; margin: 0; opacity: 0; transition: opacity .6s ease; }
.hk-sl.on { opacity: 1; }
.hk-sl img { width: 100%; height: 100%; object-fit: cover; display: block; }
.hk-sl figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 48px 20px 18px; color: #fff; font-weight: 600; background: linear-gradient(180deg, transparent, color-mix(in srgb, var(--ust-zemin-dolu) 78%, transparent)); }
.hk-gk-dug { position: absolute; top: 14px; right: 14px; display: flex; align-items: center; gap: 6px; background: color-mix(in srgb, var(--ust-zemin-dolu) 62%, transparent); border-radius: 999px; padding: 4px; }
.hk-gk-dug button { appearance: none; border: 0; background: transparent; font: inherit; cursor: pointer; width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; color: #fff; font-size: 20px; line-height: 1; transition: background-color .15s; }
.hk-gk-dug button:hover, .hk-gk-dug button:focus-visible { background: rgb(255 255 255 / .18); outline: none; }
.hk-gk-say { color: #fff; font-size: 13px; font-variant-numeric: tabular-nums; padding: 0 4px; }
.hk-kartlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.hk-hk { background: var(--yuzey); border: 1px solid var(--kenar); border-radius: 18px; padding: 24px; display: grid; gap: 10px; align-content: start; min-width: 0; transition: background-color .15s; }
.hk-hk:hover { background: var(--yuzey-2); }
.hk-ik2 { width: 44px; height: 44px; border-radius: 12px; background: var(--yuzey-2); display: grid; place-items: center; color: var(--hk-ik); transition: background-color .15s; }
.hk-hk:hover .hk-ik2 { background: var(--yuzey); }
.hk-ik2 svg { width: 22px; height: 22px; }
.hk-hk h3 { margin: 0; font-weight: 700; font-size: 1.35rem; line-height: 1.1; color: var(--baslik); }
.hk-hk p { margin: 0; color: var(--soluk); font-size: 15.5px; line-height: 1.6; }
.hk-konum { margin-top: 16px; background: var(--yuzey); border: 1px solid var(--kenar); border-radius: 18px; padding: 20px 22px; color: var(--soluk); line-height: 1.65; }
.hk-konum b { color: var(--metin); }

/* Vizyon / Misyon: çapraz tek blok; iki sıra arası boşluk yok, dış köşe yuvarlak */
.hk-capraz { display: grid; gap: 0; border-radius: 24px; overflow: hidden; min-width: 0; }
.hk-sira { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); background: var(--ust-zemin-dolu); color: #fff; min-width: 0; }
.hk-sira.hk-ters { background: var(--ust-zemin-dolu-2); }
.hk-metin { display: flex; flex-direction: column; justify-content: center; gap: 14px; padding: 40px 44px; min-width: 0; }
.hk-metin h2 { margin: 0; font-weight: 700; font-size: clamp(2rem, 1.3rem + 2vw, 3rem); line-height: 1.1; letter-spacing: 0; color: #fff; text-wrap: balance; }
.hk-metin p { margin: 0; font-size: clamp(1.02rem, .95rem + .3vw, 1.18rem); line-height: 1.6; color: #fff; }
.hk-sira .hk-etiket { color: var(--amber); }
.hk-foto { position: relative; min-width: 0; }
.hk-foto::before { content: ""; display: block; padding-top: 75%; } /* en az 4:3; yazı uzunsa satırla birlikte uzar */
.hk-foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.hk-numara { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.hk-numara li { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 14px; margin: 0; padding: 0; }
.hk-numara li span { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; background: rgb(255 255 255 / .1); color: var(--amber); font: 800 16px/1 var(--aile-baslik); }
.hk-numara li p { font-size: 1rem; line-height: 1.55; color: rgb(255 255 255 / .8); }

/* Politikalar: solda menü, sağda seçilen politikanın içeriği */
.hk-pol { display: grid; gap: 0; min-width: 0; }
.hk-pol-bas { display: grid; gap: 10px; margin-bottom: 28px; }
.hk-pol-bas h2 { margin: 0; font-weight: 700; font-size: clamp(2rem, 1.4rem + 1.8vw, 2.8rem); line-height: 1.1; letter-spacing: 0; color: var(--baslik); text-wrap: balance; }
.hk-pol-bas p { margin: 0; color: var(--soluk); font-size: var(--yt-govde); }
.hk-kutu { display: grid; grid-template-columns: 330px minmax(0, 1fr); background: var(--yuzey); border: 1px solid var(--kenar); border-radius: 24px; overflow: hidden; min-width: 0; }
.hk-menu { display: flex; flex-direction: column; gap: 6px; padding: 18px; background: var(--yuzey-2); }
.hk-menu button { appearance: none; border: 0; font: inherit; text-align: start; cursor: pointer; display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 14px; align-items: center; padding: 14px; border-radius: 16px; background: transparent; color: var(--metin); transition: color .15s, background-color .15s; }
.hk-ik { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; background: var(--yuzey); color: var(--hk-ik); transition: color .15s, background-color .15s; }
.hk-ik svg { width: 22px; height: 22px; }
.hk-menu strong { display: block; font: 700 16px/1.3 var(--aile-baslik); }
.hk-menu small { display: block; margin-top: 3px; font-size: 13.5px; line-height: 1.45; color: var(--soluk); transition: color .15s; }
.hk-menu button:hover, .hk-menu button:focus-visible { background: var(--yuzey); outline: none; }
.hk-menu button[aria-selected="true"] { background: var(--ust-zemin-dolu); color: #fff; }
.hk-menu button[aria-selected="true"] small { color: rgb(255 255 255 / .8); }
.hk-menu button[aria-selected="true"] .hk-ik { background: rgb(255 255 255 / .12); color: var(--amber); }
.hk-paneller { padding: 44px 48px; min-width: 0; }
.hk-panel[hidden] { display: none; }
.hk-bant { width: 100%; aspect-ratio: 21 / 8; max-width: 100%; border-radius: 18px; overflow: hidden; margin-bottom: 22px; background: var(--yuzey-2); }
.hk-bant img { width: 100%; height: 100%; object-fit: cover; display: block; }
.hk-panel h3 { margin: 8px 0 16px; font-weight: 700; font-size: clamp(1.9rem, 1.3rem + 1.6vw, 2.6rem); line-height: 1.1; letter-spacing: 0; color: var(--baslik); text-wrap: balance; }
.hk-giris-p, .hk-son { max-width: 68ch; }
.hk-giris-p p { margin: 0 0 var(--b-3); font-size: 1.12rem; line-height: 1.65; color: var(--metin); }
.hk-nokta { list-style: none; margin: 20px 0 0; padding: 0; display: grid; gap: 12px; max-width: 72ch; }
.hk-nokta li { position: relative; margin: 0; padding: 0 0 0 32px; font-size: var(--yt-govde); line-height: 1.7; color: var(--soluk); }
.hk-nokta li::before { content: ""; position: absolute; left: 6px; top: .62em; width: 8px; height: 8px; border-radius: 50%; background: var(--amber); }
.hk-son { margin-top: 18px; }
.hk-son p { margin: 0; font-weight: 600; color: var(--metin); font-size: var(--yt-govde); line-height: 1.7; }

/* kalite yönetim birimi */
.hk-kalite-blok { padding-top: 72px; }
.hk-kalite { background: var(--yuzey); border: 1px solid var(--kenar); border-radius: 24px; padding: 44px; min-width: 0; }
.hk-kalite .hk-blk-bas { margin-bottom: 20px; }
.hk-kalite-ust { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; margin-bottom: 28px; }
.hk-kalite-ust p { margin: 0; color: var(--soluk); line-height: 1.7; font-size: var(--yt-govde); }
.hk-maddeler { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.hk-maddeler li { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 10px; align-items: start; background: var(--zemin); border-radius: 14px; padding: 14px 16px; margin: 0; color: var(--metin); font-size: 15.5px; line-height: 1.55; transition: background-color .15s; }
.hk-maddeler li:hover { background: var(--yuzey-2); }
.hk-maddeler li i { width: 24px; height: 24px; border-radius: 50%; background: var(--hk-dugme); color: var(--amber); display: grid; place-items: center; font-style: normal; font-size: 13px; font-weight: 800; }
.hk-dugme { display: inline-flex; align-items: center; gap: 10px; margin-top: 28px; background: var(--hk-dugme); color: #fff; text-decoration: none; font-weight: 700; padding: 13px 22px; border-radius: 999px; transition: background-color .15s; }
.hk-dugme:hover, .hk-dugme:focus-visible { background: var(--hk-dugme-ust); outline: none; }

/* sayfada başka bölüm kalırsa (beklenmeyen h2) */
.hk-digerleri { display: grid; gap: 16px; }
.hk-kart { background: var(--yuzey); border: 1px solid var(--kenar); border-radius: 24px; padding: var(--b-6); min-width: 0; }
.hk-kart h2 { margin: 0 0 var(--b-3); font-weight: 700; font-size: var(--yt-alt); line-height: 1.2; color: var(--baslik); }
.hk-kart p, .hk-kart li { font-size: var(--yt-govde); line-height: 1.7; color: var(--metin); }

@media (max-width: 1100px) {
  .hk-bas-ic, .hk-hizmet, .hk-kalite-ust { grid-template-columns: minmax(0, 1fr); }
  .hk-galeri { position: relative; top: 0; aspect-ratio: 16 / 10; }
  .hk-istat { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hk-sira { grid-template-columns: minmax(0, 1fr); }
  .hk-foto { order: -1; }
  .hk-foto::before { padding-top: 62.5%; }
  .hk-metin { padding: 30px 22px; }
}
@media (min-width: 1100px) and (max-width: 1299px) {
  .hk-metin { padding: 24px 28px; gap: 10px; }
  .hk-metin h2 { font-size: 1.9rem; }
  .hk-metin p { font-size: .96rem; line-height: 1.5; }
  .hk-numara { gap: 8px; }
}
@media (max-width: 899px) {
  .hk-blok, .hk-bolum, .hk-kalite-blok { padding-top: 52px; }
  .hk-bolum { gap: 52px; }
  .hk { padding-bottom: 60px; }
  .hk-kutu { grid-template-columns: minmax(0, 1fr); }
  .hk-menu { flex-direction: row; overflow-x: auto; padding: 10px; gap: 8px; scrollbar-width: none; }
  .hk-menu::-webkit-scrollbar { display: none; }
  .hk-menu button { grid-template-columns: 36px auto; padding: 10px 14px 10px 10px; white-space: nowrap; flex: none; }
  .hk-ik { width: 36px; height: 36px; }
  .hk-menu small { display: none; }
  .hk-paneller { padding: 28px 22px; }
}
@media (max-width: 640px) {
  .hk-kartlar, .hk-maddeler { grid-template-columns: minmax(0, 1fr); }
  .hk-kalite { padding: 26px 20px; }
  .hk-bas-ic { padding-block: calc(var(--ku-h, 101px) + 24px) 36px; }
}
@media (prefers-reduced-motion: reduce) { .hk-sl { transition: none; } .hk * { transition: none !important; } }
/* @yapisik — bütün yan sütunlar: sayfayla kayar, sütunun SONU ekranın altına gelince yapışır (kısa sütun üstten). top değerini ic-pay.js hesaplar (--yapis-top) */
@media (min-width: 1100px) {
  .yapisik { position: sticky !important; top: var(--yapis-top, calc(var(--ku-h, 101px) + 24px)) !important; align-self: start; max-height: none !important; overflow: visible !important; padding-right: 0 !important; }
}
@media (max-width: 1099.98px) {
  .yapisik { position: static !important; top: auto !important; }
}

/* ── Üst bilgi üst satırı: sosyal grup (kapalıyken yalnız Instagram) — tarif/donusum_ustsatir.py ── */
@media (min-width:1200px){
.ku-sosyal-kap{position:relative;width:34px;height:34px;flex:none}
.ku-sosyal-kap .ku-sosyal{position:absolute;right:0;top:0;height:34px;gap:0;border-radius:8px;z-index:3;
  transition:background-color .2s var(--gecis, cubic-bezier(.2,.7,.2,1))}
.ku-sosyal-kap .ku-sosyal a{flex:none;overflow:hidden;transition:max-width .2s var(--gecis, cubic-bezier(.2,.7,.2,1)),opacity .2s var(--gecis, cubic-bezier(.2,.7,.2,1)),background-color .2s var(--gecis, cubic-bezier(.2,.7,.2,1)),color .2s var(--gecis, cubic-bezier(.2,.7,.2,1))}
.ku-sosyal-kap .ku-sosyal a:not([aria-label="Instagram"]){max-width:0;opacity:0;padding:0}
.ku-sosyal-kap.is-acik .ku-sosyal{background:var(--ust-zemin-dolu, transparent)}
.ku-sosyal-kap.is-acik .ku-sosyal a{max-width:34px;opacity:1}
.ku-sosyal-kap .ku-sosyal .fx-ind{display:none}
.ku-sosyal-kap .ku-sosyal a:hover,.ku-sosyal-kap .ku-sosyal a:focus-visible{background:var(--fx-hap-koyu, rgb(62 113 174 / .30));color:#fff}
}
@media (prefers-reduced-motion:reduce){.ku-sosyal-kap .ku-sosyal,.ku-sosyal-kap .ku-sosyal a{transition:none}}

/* ── Logo hizası (30 Eki, «ku--logo-hiza»): logo ~%18 büyük; «BAŞARI» üst satırın, «HASTANESİ» menü satırının dikey merkezinde.
   Satır aralığı = logo yazı aralığı (0,604 × logo); üst/alt boşluk havadar. GERİ ALMAK: bloğu sil ya da donusum_ustsatir.py HIZA = '' ── */
@media (min-width:1200px){
.ku--logo-hiza{--lh:clamp(57px,4.6vw,75px)}
.ku--logo-hiza .ku-ic{padding-block:10px;align-items:start;grid-template-rows:calc(var(--lh)*.604) calc(var(--lh)*.604)}
.ku--logo-hiza .ku-logo{padding-block:0;margin-top:calc(var(--lh)*.0724);align-self:start}
.ku--logo-hiza .ku-logo img{height:var(--lh)}
.ku--logo-hiza .ku-s1,.ku--logo-hiza .ku-s2{height:calc(var(--lh)*.604);min-height:0;box-sizing:border-box}
}
/* @blbos · Tıbbi Birimler listesi (/birimler/): boş kutu, fare gelince görsel (onaylı seçenek 10, K-GDFPA). Hareket YOK: yalnız opaklık ve renk geçişi.
   Dokunmatikte (hover yok) kutular görselsiz kalır. Kapsam: yalnız .bl-izgara kartları. */
.bl-izgara { position: relative; isolation: isolate; gap: 1px; margin-inline: 0; width: 100%; border: 0; }
/* çizgiler: her kutu kendi sağ ve alt çizgisini çizer (dolu katman yok); dış kenar yok, dışa uzanan uçlar saydamlaşarak söner.
   Sınıfları betik verir (görünür kutulara göre; süzmede yeniden hesaplanır): bl-d = sağda kutu yok, bl-a = altta kutu yok, bl-u = ilk satır, bl-s = ilk sütun */
.bl-izgara { gap: 0; }
.bl-izgara > li { background: transparent; position: relative; }
.bl-izgara > li::before, .bl-izgara > li::after { content: ""; position: absolute; z-index: 0; pointer-events: none; }
.bl-izgara > li::before { top: 0; right: 0; bottom: 0; width: 1px;
  background: linear-gradient(180deg, color-mix(in srgb, var(--kenar) var(--ut, 100%), transparent) 0, var(--kenar) var(--ub, 0%), var(--kenar) var(--ab, 100%), color-mix(in srgb, var(--kenar) var(--at, 100%), transparent) 100%); }
.bl-izgara > li::after { left: 0; right: 0; bottom: 0; height: 1px;
  background: linear-gradient(90deg, color-mix(in srgb, var(--kenar) var(--lt, 100%), transparent) 0, var(--kenar) var(--lb, 0%), var(--kenar) var(--rb, 100%), color-mix(in srgb, var(--kenar) var(--rt, 100%), transparent) 100%); }
.bl-izgara > li.bl-u { --ut: 0%; --ub: 45%; }
.bl-izgara > li.bl-a { --at: 0%; --ab: 55%; }
.bl-izgara > li.bl-s { --lt: 0%; --lb: 45%; }
.bl-izgara > li.bl-d { --rt: 0%; --rb: 55%; }
.bl-izgara > li.bl-d::before, .bl-izgara > li.bl-a::after { display: none; }
.bl-izgara > li { min-width: 0; }
.bl-izgara .bl-kart { display: flex; padding: 0; min-height: 250px; border-radius: 0; background: transparent; color: var(--baslik); border: 0; transition: color .9s ease; }
.bl-izgara .bl-kg { flex: 1; aspect-ratio: auto; min-height: 250px; border-radius: 0; background: transparent; align-items: flex-end; }
.bl-izgara .bl-kg img { opacity: 0; transform: none; transition: opacity .9s ease; }
.bl-izgara .bl-kg::after { background: linear-gradient(180deg, rgb(14 26 51 / .35) 0%, rgb(14 26 51 / .92) 100%); opacity: 0; transition: opacity .9s ease; }
.bl-izgara .bl-kart h2 { padding: 22px; font-weight: 500; font-size: clamp(1.3rem, 1rem + 1vw, 1.75rem); letter-spacing: -.02em; line-height: 1.28; color: var(--baslik); text-shadow: none; transition: color .9s ease; }
.bl-izgara .bl-kg { position: relative; }
.bl-izgara .bl-kart h2 { padding-right: 76px; }
/* ok: her kartta sağ altta aynı yerde (başlık satır sayısından bağımsız); duruşta yalın ok, fare gelince altın daire */
.bl-izgara .bl-kart h2 .ikon { position: absolute; right: 22px; bottom: 22px; z-index: 2; margin: 0; box-sizing: border-box; width: 36px; height: 36px; padding: 9px; border: 1px solid transparent; border-radius: 50%; background: transparent; transform: none; transition: background-color .9s ease, color .9s ease, border-color .9s ease; }
/* kayan vurgu: sitenin ortak .fx-ind davranışı; köşe 0, renk görsel perdesiyle uyumlu lacivert */
.bl-izgara { --fx-kose: 0px; }
.bl-izgara .fx-ind { background: rgb(14 26 51); border-radius: 0; }
@media (hover: hover) {
  /* açılış hızlı, kapanış (yukarıdaki .9 sn) yavaş */
  .bl-izgara .bl-kart:hover, .bl-izgara .bl-kart:hover .bl-kg img, .bl-izgara .bl-kart:hover .bl-kg::after, .bl-izgara .bl-kart:hover h2, .bl-izgara .bl-kart:hover h2 .ikon { transition-duration: .35s; }
  .bl-izgara .bl-kart:hover .bl-kg img, .bl-izgara .bl-kart:focus-visible .bl-kg img { opacity: 1; }
  .bl-izgara .bl-kart:hover .bl-kg::after, .bl-izgara .bl-kart:focus-visible .bl-kg::after { opacity: 1; background: linear-gradient(180deg, rgb(14 26 51 / .35) 0%, rgb(14 26 51 / .92) 100%); }
  .bl-izgara .bl-kart:hover h2, .bl-izgara .bl-kart:focus-visible h2 { color: #fff; }
  .bl-izgara .bl-kart:hover h2 .ikon, .bl-izgara .bl-kart:focus-visible h2 .ikon { background: var(--amber); color: #111; border-color: var(--amber); transform: none; }
}
.bl-izgara .bl-kart:focus-visible { outline: 3px solid var(--amber); outline-offset: -3px; }
@media (max-width: 980px) { .bl-izgara .bl-kart, .bl-izgara .bl-kg { min-height: 200px; } }
@media (prefers-reduced-motion: reduce) { .bl-izgara .bl-kart, .bl-izgara .bl-kg img, .bl-izgara .bl-kg::after, .bl-izgara h2, .bl-izgara h2 .ikon { transition: none !important; } .bl-izgara .fx-ind { display: none; } }

/* kayan vurgu bu ızgarada yok (göz yoruyor, 30 Eki 04:45); görsel yalnız belirip yavaşça söner */
.bl-izgara .fx-ind { display: none !important; }
/* @baloobaslik — bütün büyük başlıklar Baloo 2 (yerel, SIL OFL; K-WJCI6, 30 Eki). Kapsam: sayfa içeriği (main) içindeki h1–h4 =
   bant başlıkları, bölüm başlıkları, kart başlıkları. Gövde, menü, düğme, form ve küçük etiketler (Bu yazıda, yan başlık,
   ekran okuyucu/gizli başlık) değişmez. Yalnız yazı ailesi; boyut, ağırlık, renk kendi kurallarında kalır. */
body main :is(h1, h2, h3, h4):not(.sr-only):not(.gizli):not(.rc-adim-bas):not(.lv-yan-bas) {
  font-family: var(--aile-baslik), system-ui, sans-serif;
}
/* ana sayfa bölüm başlıkları (Tıbbi Birimlerimiz · Sık Okunanlar) summary öğesidir, h-etiketi değil */
body main details.izgara > summary { font-family: var(--aile-baslik), system-ui, sans-serif; }
/* @anlasmali (30 Eki): Anlaşmalı Kurumlar — arama + grup çipleri + logolu kart ızgarası. Logo kutusu her kipte açık zemin (logolar
   açık zemine çizilmiş); varsayılan gri ton, üstüne gelince renkli + katmanlı gölge. Kenar rengi değişmez, halka ve zıplama yok.
   Sütun sayısı kabın genişliğine göre: telefonda 2, tablette 3–4, masaüstünde 5–6 (sağ sütunlu düzende de doğru sayı). */
.ak { container-type: inline-size; --ak-ara: 24px; }
.ak-giris { margin: 0 0 var(--ak-ara); }
.ak-giris > :last-child { margin-bottom: 0; }
.ak-arac { display: flex; flex-direction: column; gap: 16px; margin: 0 0 var(--ak-ara); }
.ak-arac[hidden] { display: none; }
.ak-ara { position: relative; display: flex; align-items: center; margin: 0; }
.ak-ara > svg { position: absolute; left: 18px; width: 20px; height: 20px; fill: none; stroke: var(--soluk); stroke-width: 2; stroke-linecap: round; pointer-events: none; }
.ak-girdi { -webkit-appearance: none; appearance: none; width: 100%; min-height: 52px; padding: 0 52px 0 50px; border: 1px solid var(--kenar); border-radius: 999px; background: var(--yuzey); color: var(--metin); font: 500 1rem/1.2 var(--aile); transition: border-color .2s var(--gecis), background-color .2s var(--gecis); }
.ak-girdi::placeholder { color: var(--soluk); opacity: 1; }
.ak-girdi::-webkit-search-cancel-button { -webkit-appearance: none; display: none; }
.ak-girdi:hover { background: var(--yuzey-2); }
.ak-girdi:focus { outline: none; border-color: var(--ince); background: var(--yuzey); }
.ak-temizle { position: absolute; right: 6px; display: inline-grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 999px; background: transparent; color: var(--soluk); cursor: pointer; transition: background-color .2s var(--gecis), color .2s var(--gecis); }
.ak-temizle[hidden] { display: none; }
.ak-temizle svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; }
.ak-temizle:hover, .ak-temizle:focus-visible { background: var(--yuzey-2); color: var(--baslik); outline: none; }
/* 5 Kas: çipler her genişlikte tek satır, yana kayar — ortak hap şeridi (.hap-ray, @hapray) */
.ak-cipler { position: relative; display: flex; gap: 8px; }
.ak-cip { flex: 0 0 auto; white-space: nowrap; -webkit-appearance: none; appearance: none; display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border: 1px solid var(--kenar); border-radius: 999px; background: var(--yuzey); color: var(--baslik); font: 600 .9375rem/1.2 var(--aile-baslik); cursor: pointer; transition: background-color .2s var(--gecis), color .2s var(--gecis); }
.ak-cip:hover, .ak-cip:focus-visible { background: var(--yuzey-2); outline: none; }
.ak-cip[aria-pressed="true"] { background: var(--vurgu); color: var(--vurgu-ustu); }
.ak-durum { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
.ak-grup { margin: 0 0 var(--ak-ara); }
.ak-grup[hidden] { display: none; }
.ak-grup-baslik { display: flex; align-items: baseline; gap: 10px; margin: 0 0 16px; font: var(--ag-vurgu, 700) var(--yt-alt, 1.5rem)/var(--sa-baslik, 1.2) var(--aile-baslik); letter-spacing: var(--ha-baslik, -.01em); color: var(--baslik); scroll-margin-top: calc(var(--ku-h, 101px) + 16px); }
.ak-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ak-ara); margin: 0; padding: 0; list-style: none; }
@container (min-width: 480px) { .ak-izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@container (min-width: 640px) { .ak-izgara { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@container (min-width: 760px) { .ak-izgara { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
@container (min-width: 980px) { .ak-izgara { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.ak-kart { display: flex; flex-direction: column; gap: 12px; min-width: 0; margin: 0; padding: 12px 12px 14px; border: 1px solid var(--kenar); border-radius: var(--r-m); background: var(--yuzey); box-shadow: 0 1px 2px rgba(15, 30, 54, .05); transition: box-shadow .25s var(--gecis); }
.ak-kart[hidden] { display: none; }
.ak-logo { display: flex; align-items: center; justify-content: center; height: 76px; padding: 10px 12px; border-radius: var(--r-s); background: #FFFFFF; overflow: hidden; }
.ak-logo img { display: block; width: 100%; height: 100%; object-fit: contain; transition: filter .3s var(--gecis), opacity .3s var(--gecis); }
.ak-logosuz { background: #F3F6FA; }
.ak-logosuz > span { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; color: #1C3261; font: 700 .8125rem/1.2 var(--aile-baslik); text-align: center; overflow-wrap: anywhere; }
.ak-ad { display: block; min-height: 2.5em; color: var(--metin); font: 600 .9375rem/1.25 var(--aile-baslik); text-align: center; overflow-wrap: anywhere; }
.ak-bos { margin: 0 0 var(--ak-ara); padding: 20px; border: 1px dashed var(--kenar); border-radius: var(--r-m); color: var(--soluk); text-align: center; }
.ak-bos[hidden] { display: none; }
/* fare olan cihazda gri ton → üstüne gelince renkli; dokunmatik ekranda üzerine gelme olmadığından logolar baştan renkli */
@media (hover: hover) {
  .ak-logo img { filter: grayscale(1); opacity: .72; }
  .ak-kart:hover { box-shadow: 0 2px 4px rgba(15, 30, 54, .06), 0 12px 28px -10px rgba(15, 30, 54, .22), 0 24px 48px -22px rgba(15, 30, 54, .22); }
  .ak-kart:hover .ak-logo img { filter: none; opacity: 1; }
}
@container (max-width: 479px) { .ak-logo { height: 64px; padding: 8px 10px; } .ak-kart { padding: 10px 10px 12px; gap: 10px; } }
@media (prefers-reduced-motion: reduce) { .ak-kart, .ak-logo img, .ak-cip, .ak-girdi { transition: none; } }
/* koyu kip: kart koyu yüzey, logo kutusu açık zemin (logolar okunur), gölge koyu zemine göre */
:root[data-theme="dark"] .ak-kart { box-shadow: none; }
:root[data-theme="dark"] .ak-logo { background: #F5F7FB; }
@media (hover: hover) { :root[data-theme="dark"] .ak-kart:hover { box-shadow: 0 2px 4px rgba(0, 0, 0, .35), 0 14px 32px -12px rgba(0, 0, 0, .55); } :root[data-theme="dark"] .ak-logo img { opacity: .82; } }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .ak-kart { box-shadow: none; }
  :root:not([data-theme="light"]) .ak-logo { background: #F5F7FB; }
}
@media (prefers-color-scheme: dark) and (hover: hover) { :root:not([data-theme="light"]) .ak-kart:hover { box-shadow: 0 2px 4px rgba(0, 0, 0, .35), 0 14px 32px -12px rgba(0, 0, 0, .55); } :root:not([data-theme="light"]) .ak-logo img { opacity: .82; } }
/* @duzen (30 Eki): sayfa düzenleri kararı — haber Sağlık Rehberi kalıbında, kurumsal sayfalarda alt bilgi grubu menüsü + randevu,
   Başkanın Mesajı düzeni, aydınlatma metni okunur satır boyu. Bölüm sayfası telefonda önce yazı (ek_baglam'daki sıra kuralı kalktı). */
/* kurumsal sayfa menüsü: etkin satır kenar çizgisiyle değil zeminle */
.kd-menu .ic-liste a { border-radius: 10px; }
.kd-menu .ic-liste a[aria-current="page"] { background: var(--yuzey-2); color: var(--fx-yazi); font-weight: 600; }
.kd-menu .ic-liste a[aria-current="page"]::before { background: currentColor; opacity: 1; }
/* uzun kurumsal sayfa: başlıklar kendi numarasını taşıyor («1) …»), adım numarası ikinci kez yazılmaz */
.rc-sayfa .sayfa-govde h2::before, .rc-sayfa .rc-adim a::before { content: none; }
@media (max-width: 1099px) { .ic-duzen.kd-var { row-gap: 24px; } }
/* haber: paylaşım düğmeleri metnin üstünde, araları 24 px */
.rc-ana > .lv-paylas { padding-top: 24px; margin-bottom: 24px; }
/* Başkanın Mesajı */
.bm-ust { display: flex; align-items: center; gap: clamp(16px, 3vw, 28px); margin: 0 0 28px; }
.bm-foto { margin: 0; flex: none; width: clamp(104px, 26vw, 200px); }
.bm-foto img { display: block; width: 100%; height: auto; border-radius: var(--r-l, 16px); border: 1px solid var(--kenar); }
.bm-kim { min-width: 0; }
.bm-ad { margin: 0; font-weight: 800; font-size: clamp(1.25rem, 2.6vw, 1.75rem); line-height: 1.2; color: var(--baslik); }
.bm-unvan { margin: 4px 0 0; font-size: 1.05rem; color: var(--soluk); }
.bm-metin { padding-left: clamp(16px, 2.4vw, 24px); border-left: 3px solid var(--uclu-1); }
.bm-metin p { font-size: clamp(1.06rem, 1.2vw + .8rem, 1.2rem); line-height: 1.8; margin: 0 0 1.1em; }
.bm-metin p:first-child { font-size: clamp(1.15rem, 1.4vw + .85rem, 1.35rem); font-weight: 500; color: var(--baslik); }
.bm-kapanis { margin: 28px 0 0; font-weight: 700; font-style: italic; font-size: clamp(1.15rem, 1.4vw + .85rem, 1.35rem); line-height: 1.5; color: var(--baslik); }
.bm-imza { margin: 16px 0 0; padding-top: 16px; border-top: 1px solid var(--kenar); font-size: 1.05rem; color: var(--soluk); }
.bm-imza strong { color: var(--baslik); font-weight: 800; }
/* aydınlatma metni: tek sütun, satır boyu okunur genişlikte */
.ay-dar > * { max-width: 46rem; }
/* telefonda bloklar arası tek ölçü 24 px (haber ve kurumsal sayfa; Sağlık Rehberi yazısı kendi ritminde) */
@media (max-width: 1099px) {
  .lv-yazi:not(.rh-yazi) .rc-duzen, .rc-sayfa { row-gap: 24px; }
  .lv-yazi:not(.rh-yazi) .rc-duzen > .rc-yan, .rc-sayfa > .rc-yan { gap: 24px; }
}
/* @altakordeon (31 Eki): alt bilgi bağlantı sütunları <details> — geniş ekranda düz sütun, telefonda açılır başlık */
.alt-grup > summary { display: block; list-style: none; }
.alt-grup > summary::-webkit-details-marker { display: none; }
.alt-grup > summary .alt-ok { display: none; }
@media (min-width: 768px) { .alt-grup > summary { cursor: default; } }
@media (max-width: 767px) {
  .alt-ic { row-gap: 0; }
  .alt-ic > .alt-marka { margin-bottom: var(--b-6); }
  .alt-grup { border-top: 1px solid var(--alt-kenar); }
  .alt-grup + div { padding-top: var(--b-6); border-top: 1px solid var(--alt-kenar); }
  .alt-grup > summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 52px; cursor: pointer; transition: color .15s; }
  .alt-grup > summary h2 { margin: 0; }
  .alt-grup > summary .alt-ok { display: block; flex: none; width: 20px; height: 20px; color: var(--alt-baslik); transition: transform .2s; }
  .alt-grup[open] > summary .alt-ok { transform: rotate(180deg); }
  .alt-grup > ul.fx-rail { padding-bottom: var(--b-4); }
}
@media (max-width: 767px) and (prefers-reduced-motion: reduce) { .alt-grup > summary .alt-ok { transition: none; } }
/* @tonlar · alt bilgi renkleri TOKEN ile (30 Eki): açık kipte açık zemin + koyu yazı, koyu kipte bugünkü koyu hâl (ana sayfadaki #050C18). */
:root {
  --alt-zemin: var(--yuzey-2); --alt-yazi: #2C3A52; --alt-baslik: #1C3261; --alt-link: #2C3A52; --alt-link-hover: #1C3261;
  --alt-serit-zemin: rgb(28 50 97 / .07); --alt-serit-yazi: #3F4F6B; --alt-kenar: rgb(28 50 97 / .30); --alt-ikon: #0B7285;
  --alt-logo-filtre: brightness(0) saturate(100%) invert(15%) sepia(40%) saturate(2400%) hue-rotate(205deg) brightness(95%);
  --alt-hap-hover: rgb(28 50 97 / .08); --alt-fx: rgb(62 113 174 / .14);
}
:root[data-theme="dark"] {
  --alt-zemin: var(--alt-bilgi); --alt-yazi: #D6E2F0; --alt-baslik: #fff; --alt-link: #B9C9DD; --alt-link-hover: #fff;
  --alt-serit-zemin: rgba(0, 0, 0, .22); --alt-serit-yazi: #9FB2CA; --alt-kenar: rgba(255, 255, 255, .16); --alt-ikon: #7FD4E0;
  --alt-logo-filtre: brightness(0) invert(1); --alt-hap-hover: rgba(255, 255, 255, .12); --alt-fx: rgb(62 113 174 / .30);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --alt-zemin: var(--alt-bilgi); --alt-yazi: #D6E2F0; --alt-baslik: #fff; --alt-link: #B9C9DD; --alt-link-hover: #fff;
    --alt-serit-zemin: rgba(0, 0, 0, .22); --alt-serit-yazi: #9FB2CA; --alt-kenar: rgba(255, 255, 255, .16); --alt-ikon: #7FD4E0;
    --alt-logo-filtre: brightness(0) invert(1); --alt-hap-hover: rgba(255, 255, 255, .12); --alt-fx: rgb(62 113 174 / .30);
  }
}
.altbilgi { background: var(--alt-zemin); color: var(--alt-yazi); }
.altbilgi .alt-logo img, .altbilgi .alt-marka img { filter: var(--alt-logo-filtre); }
.alt-marka p, .altbilgi h2, .altbilgi h3, .kalite-ic b, .kalite-b { color: var(--alt-baslik); }
.altbilgi li a, .iletisim li, .kalite-ic span, .kalite-ic a:not(.kalite-b) { color: var(--alt-link); }
.kalite-ic span, .kalite-ic a:not(.kalite-b) { border-color: var(--alt-kenar); }
.altbilgi li a:hover, .altbilgi .fx-item:hover, .altbilgi .fx-item:hover a, .iletisim .adres a:hover, .iletisim .tek a:hover, .alt-serit .kp-imza a:hover { color: var(--alt-link-hover); }
.kalite-ic a:not(.kalite-b):hover { background: var(--alt-hap-hover); color: var(--alt-link-hover); }
.kalite-b:hover b { color: var(--alt-ikon); }
.iletisim .ikon { color: var(--alt-ikon); }
.altbilgi .fx-ind, .alt-serit .sosyal .fx-ind, .iletisim .fx-ind { background: var(--alt-fx); }
.alt-serit { background: var(--alt-serit-zemin); }
.alt-serit-ic { color: var(--alt-serit-yazi); }
/* koyu kip: ana sayfada olmayan lacivert tonlar kalktı; yalnız ana sayfanın tonları (#10284A · #0F2242 · #06101F · #1C3052) */
:root[data-theme="dark"] .ic-video-kap { background: radial-gradient(120% 90% at 30% 20%, #1C3052 0%, #10284A 55%, #06101F 100%); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .ic-video-kap { background: radial-gradient(120% 90% at 30% 20%, #1C3052 0%, #10284A 55%, #06101F 100%); } }
:root[data-theme="dark"] .rh-dizin .rh-grup > .fx-rail { border-top-color: var(--kenar); }
:root[data-theme="dark"] .rh-dizin .rh-grup-harf { color: var(--ince); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .rh-dizin .rh-grup > .fx-rail { border-top-color: var(--kenar); } :root:not([data-theme="light"]) .rh-dizin .rh-grup-harf { color: var(--ince); } }

/* @mobil31eki (31 Eki): telefonda buzlu cam arama çubuğu + mobil tema düğmesi (üst bilgi parçaları: ≤1199 px).
   Arama düğmesinin yeri baştan ayrılı (genişlik sabit 44 px): belirme yalnız opaklık + hafif ölçek, yerleşimi oynatmaz; çubuk aynı süre/eğriyle gider.
   6 Kas: çubuk sayfayla birlikte kayar (absolute, sabit değil) — kaydırmada bant içeriği (ekmek kırıntısı, başlık) çubuğun altına girmez, üst bilginin
   altına kayar; yazı satırı 1.4 (16px/1 satırda «y, ı, ğ» alt-üst 2 px kırpılıyordu, «arayın» «aravin» okunuyordu). */
.ku-ara-cam { display: none; }
.ku-mob-tema .tm-gunes { display: none; }
html[data-theme="dark"] .ku-mob-tema .tm-ay { display: none; }
html[data-theme="dark"] .ku-mob-tema .tm-gunes { display: block; }
@media (max-width: 1199px) {
  .ku-ara-cam { position: absolute; z-index: 59; top: 76px; left: 16px; right: 16px; display: flex; align-items: center; gap: 10px; height: 48px; padding: 0 16px; border-radius: 14px; color: var(--ust-yazi, #fff); background: rgb(12 24 48 / .34); -webkit-backdrop-filter: blur(16px) saturate(1.5); backdrop-filter: blur(16px) saturate(1.5); box-shadow: inset 0 0 0 1px rgb(255 255 255 / .28), 0 10px 24px -14px rgb(0 0 0 / .55); font: 500 16px/1 var(--kabuk-yazi-tipi); text-align: left; cursor: pointer; transition: opacity .2s ease-out, transform .2s ease-out, visibility 0s; }
  .ku-ara-cam svg { flex: none; }
  .ku-ara-cam span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; opacity: .85; line-height: 1.4; }
  html.ku-kaydi .ku-ara-cam { opacity: 0; transform: translateY(-8px); visibility: hidden; pointer-events: none; transition: opacity .2s ease-out, transform .2s ease-out, visibility 0s .2s; }
  .ku-mob .ku-mob-ara { flex: none; opacity: 0; transform: scale(.88); visibility: hidden; pointer-events: none; transition: opacity .2s ease-out, transform .2s ease-out, visibility 0s .2s; }
  html.ku-kaydi .ku-mob .ku-mob-ara { opacity: 1; transform: none; visibility: visible; pointer-events: auto; transition: opacity .2s ease-out, transform .2s ease-out, visibility 0s; }
}
@media (prefers-reduced-motion: reduce) { .ku-ara-cam, .ku-mob .ku-mob-ara { transition: none !important; } }

/* @mobilkenar (31 Eki): telefonda tek ortak yan boşluk — bölümler, kart sıraları, üst/alt bilgi aynı kenardan başlar (≥768 px değişmez) */
:root { --mobil-kenar: 20px; }
@media (max-width: 767px) { :root { --oluk: var(--mobil-kenar); } }

/* @kalitesade (31 Eki): alt bilgi «Kalite ve akreditasyon» — çerçevesiz, hapsız sade liste. Telefonda iki sütun + küçük onay işareti,
   bilgisayarda tek satır nokta ayraçlı metin. Hover yalnız renk. */
.kalite-ic { gap: var(--b-2) 0; }
.kalite-ic a:not(.kalite-b) { height: auto; padding: 0; border: 0; border-radius: 0; background: none; font-size: var(--yt-kucuk); line-height: 1.4; color: var(--alt-link); transition: color .15s; }
.kalite-ic a:not(.kalite-b):hover { background: none; color: var(--alt-link-hover); }
.kalite-b { margin-right: var(--b-4); }
.kalite-b b { margin: 0; }
@media (min-width: 768px) {
  .kalite-ic { flex-wrap: wrap; align-items: baseline; }
  .kalite-ic a:not(.kalite-b)::before { content: "·"; margin-inline: .6em; color: var(--alt-link); opacity: .6; }
  .kalite-b + a::before { content: none !important; }
}
@media (max-width: 767px) {
  .kalite-ic { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 10px; align-items: start; padding-block: var(--b-4); }
  .kalite-ic a:not(.kalite-b) { font-size: 13px; }
  .kalite-b { grid-column: 1 / -1; margin: 0 0 var(--b-1); }
  .kalite-ic a:not(.kalite-b) { display: flex; align-items: flex-start; gap: .45em; }
  .kalite-ic a:not(.kalite-b)::before { content: ""; flex: none; width: 14px; height: 14px; margin-top: .22em; background: var(--alt-ikon); -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='M5 12.5l4.5 4.5L19 7.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='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / contain no-repeat; }
}

/* @altimza (31 Eki): alt şeridin sağında üç satırlık imza — Web Tasarım Türk Bilişim / e-posta / Son Güncelleme.
   Bilgisayarda sağa yaslı, telefonda ortak yan boşlukta sola yaslı. Küçük punto, soluk renk, hover yalnız renk. */
.alt-imza { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; text-align: right; font-size: var(--yt-kucuk); line-height: 1.45; color: var(--alt-serit-yazi); }
.alt-imza a { color: inherit; text-decoration: none; transition: color .15s; }
.alt-imza a:hover { color: var(--alt-link-hover); }
.alt-imza .ai-ad { font-weight: 600; }
.alt-imza b { font-weight: 600; }
@media (max-width: 767px) { .alt-imza { align-items: flex-start; text-align: left; } }

/* Başvuru formları (Kariyer): seçim listesi, sayı ve dosya alanı iletişim formundaki kutularla aynı görünür. */
.il-kutu select { display: block; width: 100%; box-sizing: border-box; margin: 0; padding: 0 44px 0 var(--b-4); min-height: 52px; border-radius: 14px; border: 1px solid var(--kenar); color: var(--metin); font: 400 var(--yt-ui)/1.5 var(--aile); -webkit-appearance: none; appearance: none; outline: none; cursor: pointer; background: var(--yuzey-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237A8AA3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center / 20px; transition: background-color .2s var(--gecis), border-color .2s var(--gecis); }
.il-kutu select:hover, .il-kutu select:focus { border-color: var(--baslik); }
.il-kutu input[type="file"] { padding: 12px var(--b-4); min-height: 52px; cursor: pointer; }
.il-kutu input[type="file"]::file-selector-button { margin-right: 12px; padding: 8px 14px; border: 0; border-radius: 10px; background: var(--vurgu); color: var(--vurgu-ustu); font: 600 var(--yt-kucuk)/1 var(--aile-baslik); cursor: pointer; }
.il-kutu input[type="number"] { -moz-appearance: textfield; appearance: textfield; }
.il-kutu input[type="number"]::-webkit-outer-spin-button, .il-kutu input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.il-kutu .il-ipucu { display: block; margin-top: var(--b-2); color: var(--soluk); font-size: var(--yt-kucuk); }
@media (min-width: 900px) { .il-formkart.sayfa-formu { display: block; padding: var(--b-7); } }
/* @dosyagirdi — form dosya alanı: gizli girdi + «Dosya seç» düğmesi + seçilen ad; tarayıcının İngilizce varsayılan girdisi çizilmez */
.il-kutu .il-dosya-satir { position: relative; display: flex; align-items: center; gap: 14px; flex-wrap: wrap; box-sizing: border-box; min-height: 52px; padding: 4px 4px 4px 4px; border-radius: 14px; border: 1px solid var(--kenar); background: var(--yuzey-2); transition: background-color .2s var(--gecis), border-color .2s var(--gecis); }
.il-kutu .il-dosya-satir:hover, .il-kutu .il-dosya-satir:focus-within { border-color: var(--baslik); }
.il-kutu .il-dosya-satir input.il-dosya-girdi { position: absolute; width: 1px; height: 1px; min-height: 0; padding: 0; margin: -1px; border: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); opacity: 0; white-space: nowrap; }
.il-kutu label.il-dosya-dugme { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; flex: 0 0 auto; min-height: 44px; margin: 0; padding: 0 20px; border-radius: 10px; background: var(--vurgu); color: var(--vurgu-ustu); font: 600 var(--yt-kucuk)/1 var(--aile-baslik); cursor: pointer; transition: background-color .2s var(--gecis), color .2s var(--gecis); }
.il-kutu .il-dosya-satir:hover label.il-dosya-dugme, .il-kutu .il-dosya-satir:focus-within label.il-dosya-dugme { background: var(--baslik); color: var(--yuzey-2); }
.il-kutu .il-dosya-ad { flex: 1 1 140px; min-width: 0; padding-right: 12px; color: var(--soluk); font: 400 var(--yt-ui)/1.4 var(--aile); overflow-wrap: anywhere; }
.il-kutu .il-dosya-ad.secili { color: var(--metin); }

/* @cerezyer (2 Kas): çerez kartı ana sayfadaki sabit «Hekim Bul / Online Randevu» çubuğunun (nav.kb) üstünde durur;
   --kb-pay kabuk.js'te çubuğun ekranın altından kapladığı yükseklikten hesaplanır, çubuk yoksa 0 */
html section.kp-cerez { bottom: var(--kb-pay, 0px); }

/* @altsol (2 Kas): alt şeridin solunda telif satırı + altında «Yapay Zeka, Web Tasarım ve Yazılım : Türk Bilişim» imzası */
.alt-sol { display: flex; flex-direction: column; gap: 2px; }
.alt-sol .kp-imza { font-size: var(--yt-kucuk); line-height: 1.45; color: var(--alt-serit-yazi); }
.alt-sol .kp-imza a { white-space: nowrap; }

/* @hasta-rehberi-panel (3 Kas): Hasta Rehberi açılırı iki sütun — «Online işlemler» · «Medya ve hastane», başlıklı ve simgeli (K-6AKWG) */
.ku-acilir.hr-panel { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; min-width: 0; width: max-content; max-width: min(620px, calc(100vw - 48px)); padding: 18px 16px 16px; }
.hr-panel .hr-kol { min-width: 210px; }
.hr-panel .hr-kol + .hr-kol { border-left: 1px solid var(--mega-kenar); padding-left: 20px; }
.hr-panel .hr-bas { margin: 0 0 8px; padding: 0 12px; font: 700 .875rem/1.3 var(--kabuk-yazi-tipi); color: var(--mega-soluk); }
.hr-panel .fx-rail { display: grid; gap: 2px; position: relative; }
.hr-panel a { gap: 12px; white-space: nowrap; position: relative; z-index: 1; }
.hr-panel a svg { flex: none; color: var(--mega-soluk); transition: color .18s var(--gecis, cubic-bezier(.2,.7,.2,1)); }
.hr-panel a:hover svg { color: currentColor; }

/* @online-hizmetler-a (3 Kas, K-LTS2L): Online Hizmetler açılırı ikonlu satır + tek satır açıklama. Tek vurgu düzeni: satır zeminini
   yalnız kayan hap verir; simge kutusunun sarısı hapla aynı eğride, hap varınca gelir (iki efekt ayrı hızda çalışıp çakışmaz) */
.ku-acilir.oh { min-width: 330px; padding: 10px; gap: 2px; }
.ku-acilir.oh .oh-satir { display: flex; align-items: center; gap: 12px; min-height: 58px; padding: 8px 12px; border-radius: 10px; color: var(--mega-yazi); text-decoration: none; }
.ku-acilir.oh .oh-satir:hover { color: var(--mega-yazi); background: transparent; }
.ku-acilir.oh .oh-satir i { flex: none; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 10px; background: var(--mega-hover); color: var(--mega-yazi); transition: background-color .28s cubic-bezier(.2,.7,.2,1) .06s, color .28s cubic-bezier(.2,.7,.2,1) .06s; }
.ku-acilir.oh .oh-satir:hover i, .ku-acilir.oh .oh-satir:focus-visible i { background: var(--ehizmet-zemin); color: var(--ehizmet-yazi); }
.ku-acilir.oh .oh-satir b { display: block; font: 600 1rem/1.25 var(--kabuk-yazi-tipi); }
.ku-acilir.oh .oh-satir small { display: block; margin-top: 2px; font: 400 .875rem/1.3 var(--kabuk-yazi-tipi); color: var(--mega-soluk); }
.hr-panel a svg { transition: color .28s cubic-bezier(.2,.7,.2,1) .06s; }
@media (prefers-reduced-motion: reduce) { .ku-acilir.oh .oh-satir i, .hr-panel a svg { transition: none; } }

/* @ust-bilgi-d (3 Kas, K-EEQJX D + K-72P2B): masaüstü üst bilgi — sayfa başında ferah iki satır; kaydırınca (html.ku-kaydi, kabuk.js
   150/60 px histerezis) tek satıra YUMUŞAK iner. Izgara yeniden kurulmaz, display değişmez: üst satırın yüksekliği 0'a, logo scale ile
   küçülür, sağ grup menü satırına süzülür, Instagram'ın yerinde arama simgesi belirir (→ #ku-panel). Hepsi aynı eğri ve süre. Yalnız ≥1200 px */
@property --ku-duran { syntax: '<length>'; inherits: true; initial-value: 0px; }
.ku-kaydi-ara, .ku-panel { display: none; }
.ku-kat, .ku-kat-ic { display: contents; }
@media (min-width: 1200px) {
  .ku--logo-hiza { --lh: clamp(54px, 4.2vw, 70px); --ku-g: .36s cubic-bezier(.2,.7,.2,1); --ku-satir: clamp(44px, 3.3vw, 50px); --ku-pad: clamp(12px, .85vw, 16px); --ku-sag-ara: clamp(14px, 1.4vw, 24px); --ku-duran: calc(2 * var(--ku-pad) + 2 * var(--ku-satir) + 4px); }
  .ku--logo-hiza .ku-ic { padding-block: var(--ku-pad); row-gap: 4px; align-items: center; grid-template-rows: var(--ku-satir) var(--ku-satir); column-gap: clamp(40px, 3.8vw, 64px); transition: padding var(--ku-g), grid-template-rows var(--ku-g), row-gap var(--ku-g); }
  .ku--logo-hiza .ku-logo { margin-top: 0; align-self: center; transition: margin var(--ku-g); }
  .ku--logo-hiza .ku-logo img { transform-origin: 0 50%; transition: transform var(--ku-g); }
  .ku--logo-hiza .ku-s1, .ku--logo-hiza .ku-s2 { height: 100%; }
  .ku--logo-hiza .ku-s1 { gap: clamp(24px, 2.2vw, 36px); }
  .ku--logo-hiza .ku-sag { gap: var(--ku-sag-ara); transition: transform var(--ku-g); }
  .ku--logo-hiza .ku-ara { height: 44px; }
  .ku-menu > li + li::before { display: none; }
  .ku-menu { gap: clamp(2px, .5vw, 8px); }
  .ku-menu > li > a, .ku-menu > li > button { height: 44px; padding: 0 clamp(12px, 1.25vw, 20px); }
  .ku-menu > li:first-child > :is(a, button) { margin-left: calc(-1 * clamp(12px, 1.25vw, 20px)); }
  /* solan / gelen parçalar: görünürlük solma bitince kapanır, geri gelirken hemen açılır */
  .ku--logo-hiza :is(.ku-ara-kap, .ku-hap, .ku-kat-ic) { transition: opacity var(--ku-g), transform var(--ku-g), visibility 0s; }
  .ku--logo-hiza .ku-hap { transition: opacity var(--ku-g), visibility 0s, background-color .2s var(--gecis, cubic-bezier(.2,.7,.2,1)); }
  .ku--logo-hiza .ku-sosyal { transition: opacity var(--ku-g), visibility 0s, background-color .2s var(--gecis, cubic-bezier(.2,.7,.2,1)); }
  .ku--logo-hiza .ku-kat { display: grid; grid-template-columns: 1fr; transition: grid-template-columns var(--ku-g), margin var(--ku-g); }
  .ku--logo-hiza .ku-kat-ic { display: flex; align-items: center; gap: var(--ku-sag-ara); min-width: 0; }
  .ku--logo-hiza .ku-kaydi-ara { display: inline-flex; position: absolute; inset: 0; width: auto; height: auto; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity var(--ku-g), visibility 0s linear .36s, background-color .2s var(--gecis, cubic-bezier(.2,.7,.2,1)); }
  .ku-kaydi-ara[aria-expanded="true"] { background: rgb(62 113 174 / .30); }
  /* kaydırınca: tek satır */
  html.ku-kaydi .ku--logo-hiza .ku-ic { padding-block: clamp(10px, .75vw, 14px); row-gap: 0px; grid-template-rows: 0px var(--ku-satir); }
  html.ku-kaydi .ku--logo-hiza .ku-logo { margin-right: calc(var(--lh) * -.592); }
  html.ku-kaydi .ku--logo-hiza .ku-logo img { transform: scale(.74); }
  /* menü satırına inen sağ grup, aynı satırdaki .ku-s2 kutusunun üstünde kalır (tıklama ona gider) */
  html.ku-kaydi .ku--logo-hiza .ku-sag { position: relative; z-index: 2; transform: translateY(calc(var(--ku-satir) / 2)); }
  html.ku-kaydi .ku--logo-hiza :is(.ku-ara-kap, .ku-sosyal, .ku-hap, .ku-kat-ic) { opacity: 0; visibility: hidden; pointer-events: none; transition: opacity var(--ku-g), transform var(--ku-g), visibility 0s linear .36s; }
  html.ku-kaydi .ku--logo-hiza .ku-ara-kap { transform: translateY(-8px); }
  /* International hapı, üstüne süzülen telefonla aynı anda görünmesin: aynı eğri, daha kısa solma */
  html.ku-kaydi .ku--logo-hiza .ku-hap { transition: opacity .2s cubic-bezier(.2,.7,.2,1), visibility 0s linear .2s; }
  html.ku-kaydi .ku--logo-hiza .ku-kat { grid-template-columns: 0fr; margin-left: calc(-1 * var(--ku-sag-ara)); }
  html.ku-kaydi .ku--logo-hiza .ku-kat-ic { overflow: hidden; }
  html.ku-kaydi .ku--logo-hiza .ku-kaydi-ara { opacity: 1; visibility: visible; pointer-events: auto; transition: opacity var(--ku-g), visibility 0s, background-color .2s var(--gecis, cubic-bezier(.2,.7,.2,1)); }
  /* geniş arama paneli: üst bilginin altında, içerik kenarlarıyla hizalı; aynı canlı arama (Sayfalar · Birimler · Doktorlar · İçerikte) */
  .ku-panel { display: block; position: absolute; left: var(--oluk); right: var(--oluk); top: calc(100% + 8px); z-index: 7; background: var(--oneri-zemin, #fff); color: var(--mega-yazi); border-radius: 16px; padding: clamp(18px, 1.6vw, 28px); box-shadow: 0 24px 60px -24px rgb(0 0 0 / .6); max-height: calc(100vh - 120px); overflow: auto; overscroll-behavior: contain; opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity .28s cubic-bezier(.2,.7,.2,1), transform .28s cubic-bezier(.2,.7,.2,1), visibility 0s linear .28s; }
  .ku-panel[data-acik="1"] { opacity: 1; visibility: visible; transform: none; transition: opacity .28s cubic-bezier(.2,.7,.2,1), transform .28s cubic-bezier(.2,.7,.2,1), visibility 0s; }
  .ku-p-ust { display: flex; align-items: center; gap: 12px; }
  .ku-p-ara { flex: 1; display: flex; align-items: center; gap: 14px; height: 58px; padding: 0 20px; border-radius: 14px; background: var(--mega-hover); color: var(--mega-yazi); cursor: text; }
  .ku-p-ara svg { flex: none; color: var(--mega-soluk); }
  .ku-p-ara input { all: unset; flex: 1; min-width: 0; font: 500 19px/1.2 var(--kabuk-yazi-tipi); color: inherit; }
  .ku-p-ara input::placeholder { color: var(--mega-soluk); opacity: 1; }
  .ku-p-ara input::-webkit-search-cancel-button { display: none; }
  .ku-p-kapat { appearance: none; display: inline-grid; place-items: center; width: 48px; height: 48px; border: 0; border-radius: 12px; background: none; color: var(--mega-yazi); cursor: pointer; transition: background-color .15s; }
  .ku-p-kapat:hover, .ku-p-kapat:focus-visible { background: var(--mega-hover); outline: none; }
  .ku-p-kutu { margin-top: 22px; }
  .ku-p-bos:not([hidden]) { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: clamp(24px, 3vw, 56px); }
  .ku-panel [data-sonuclar] { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 28px; }
  .ku-panel [data-sonuclar] > .ku-grup-bas { grid-column: 1 / -1; }
  .ku-panel .ku-ipucu { margin: 14px 0 0; }
}
@media (prefers-reduced-motion: reduce) {
  .ku--logo-hiza :is(.ku-ic, .ku-logo, .ku-logo img, .ku-sag, .ku-ara-kap, .ku-sosyal, .ku-hap, .ku-kat, .ku-kat-ic, .ku-kaydi-ara), .ku-panel, .ku-panel[data-acik="1"] { transition: none !important; }
}

/* @tema-dugme-kaydi (5 Kas): açık/koyu düğmesi kaydırınca kaybolmaz — dil ile birlikte katlanan gruptan çıktı (.ku-tema-masa, .ku-sag'ın
   son öğesi); tek satırda telefonun yanında, arama simgesiyle aynı boyda kalır. 1200–1279 px'te sığması için YALNIZ kaydırılmış hâlde
   logo–menü aralığı ve menü iç boşluğu daralır (aynı eğri ve süre); sağ grubun aralıkları değişmez, ≥1280 px aynen kalır */
@media (min-width: 1200px) and (max-width: 1279.98px) {
  .ku--logo-hiza .ku-ic { transition: padding var(--ku-g), grid-template-rows var(--ku-g), row-gap var(--ku-g), column-gap var(--ku-g); }
  .ku--logo-hiza .ku-menu > li > :is(a, button) { transition: color .2s var(--gecis, cubic-bezier(.2,.7,.2,1)), padding var(--ku-g), margin var(--ku-g); }
  /* @logo-menu-cakisma (5 Kas): incelen logonun bağlantı kutusu görünen logodan .592×--lh taşar; menünün ilk öğesi o kutunun
     sağından başlasın (taşma + menü iç boşluğu 11 px + 4 px) — logo ile «Tıbbi Birimler» kutuları üst üste binmez */
  html.ku-kaydi .ku--logo-hiza .ku-ic { column-gap: calc(var(--lh) * .592 + 15px); }
  html.ku-kaydi .ku--logo-hiza .ku-menu > li > :is(a, button) { padding: 0 11px; }
  html.ku-kaydi .ku--logo-hiza .ku-menu > li:first-child > :is(a, button) { margin-left: -11px; }
}
@media (min-width: 1200px) and (max-width: 1279.98px) and (prefers-reduced-motion: reduce) {
  .ku--logo-hiza .ku-ic, .ku--logo-hiza .ku-menu > li > :is(a, button) { transition: none !important; }
}

/* @mega-hizasi (3 Kas): Tıbbi Birimler sütunları eşit genişlik (son sütun sağ kenara yapışmaz, adlar sarar); Hasta Rehberi paneli
   Tıbbi Birimler ile aynı iç boşluk, köşe ve üst bilgiden aynı uzaklık (--dd-ust: üst bilginin alt kenarı ile menü öğesi arası, kabuk.js) */
@media (min-width: 1200px) {
  .ku-mega .kap { grid-template-columns: minmax(0, 260px) minmax(0, 1fr); }
  .ku-mega ul { grid-template-columns: repeat(3, minmax(0, 1fr)); justify-content: stretch; column-gap: 24px; }
  .ku-mega li { justify-self: stretch; min-width: 0; }
  .ku-mega li a { white-space: normal; }
  .ku-s2 .ku-acilir.hr-panel { top: calc(100% + var(--dd-ust, 0px) + 8px); padding: 24px 24px 28px; border-radius: 12px; }
  .ku-s2 .ku-acilir.hr-panel::before { top: calc(-10px - var(--dd-ust, 0px)); height: calc(10px + var(--dd-ust, 0px)); }
}

/* @ust-arama-minimal (3 Kas, K-IWL3P): üst satırdaki arama — yarı saydam zemin, beyaz kenar YOK (hiçbir hâlde), köşe hafif (10 px);
   tıklayınca yer tutucu soluklaşmaz (okunurluk), zemin bir ton açılır */
@media (min-width: 1200px) {
  html body .ku--logo-hiza .ku-ara { padding: 0 16px; gap: 12px; border-radius: 10px; background: rgb(255 255 255 / .07); box-shadow: none; transition: background-color .18s ease-out, box-shadow .18s ease-out; }
  html body .ku--logo-hiza .ku-ara:hover { background: rgb(255 255 255 / .11); box-shadow: none; }
  html body .ku--logo-hiza .ku-ara:focus-within { background: rgb(255 255 255 / .14); box-shadow: none; }
  html body .ku--logo-hiza .ku-ara .ayrac, html body .ku--logo-hiza .ku-ara::after { display: none; }
  html body .ku--logo-hiza .ku-ara input::placeholder { color: rgb(255 255 255 / .8); opacity: 1; }
  html body .ku--logo-hiza .ku-ara input:focus::placeholder { opacity: 1; }
}

/* @ust-arama-boy (3 Kas): üst satırdaki arama kutusu satırı doldurmaz — 320–400 px (yer tutucu yazı en dar ekranda da sığar) (ekranın ~%24'ü); sağdaki düğmeler yerinde kalır */
@media (min-width: 1200px) {
  html body .ku--logo-hiza .ku-ara-kap { flex: 0 1 clamp(320px, 24vw, 400px); margin-right: auto; }
}

/* @hasta-rehberi-3sutun (3 Kas): Online işlemler · Rehber ve haberler · Medya ve hastane; ekrana sığmazsa sola kayar (--dd-kay, kabuk.js) */
@media (min-width: 1200px) {
  .ku-s2 .ku-acilir.hr-panel { grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: min(820px, calc(100vw - 48px)); margin-left: var(--dd-kay, 0px); }
}

/* @hasta-rehberi-orta (3 Kas): panel düğmesinin altına ortalı; kapanış/açılış transform'u ayrı kaldığı için translate kullanılır */
@media (min-width: 1200px) {
  .ku-s2 .ku-acilir.hr-panel { left: 50%; right: auto; translate: -50% 0; }
}

/* @healthturkiye (5 Kas): alt bilgi «Kalite ve akreditasyon» şeridinin sonunda Health Türkiye resmî logosu (hastanenin Health Türkiye
   sayfasına bağlantı). Logo olduğu gibi (renk/süzgeç yok); açık kipte zeminsiz, koyu kipte gri yazı okunsun diye beyaz küçük rozet içinde.
   Bilgisayarda şeridin sağ ucunda, telefonda kendi satırında solda. Hover yalnız zemin tonu. */
/* Health Türkiye resmî logosu: alt bilgi marka bloğunun altında, marka yazısıyla aynı sol hizada; koyu kipte beyaz zemin içinde */
:root { --alt-ht-zemin: transparent; --alt-ht-hover: transparent; --alt-ht-ic: 0; --alt-ht-op: .82; }
:root[data-theme="dark"] { --alt-ht-zemin: #fff; --alt-ht-hover: #E6ECF4; --alt-ht-ic: 4px 10px; --alt-ht-op: 1; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --alt-ht-zemin: #fff; --alt-ht-hover: #E6ECF4; --alt-ht-ic: 4px 10px; --alt-ht-op: 1; } }
.alt-marka a.alt-ht { display: inline-flex; margin-top: var(--b-5); padding: var(--alt-ht-ic); border-radius: 10px; background: var(--alt-ht-zemin); line-height: 0; transition: background-color .15s, opacity .15s; }
.alt-marka a.alt-ht:hover { background: var(--alt-ht-hover); opacity: var(--alt-ht-op); }
.altbilgi .alt-marka a.alt-ht img { display: block; width: 184px; max-width: 100%; height: auto; filter: none; }
@media (max-width: 767px) { .altbilgi .alt-marka a.alt-ht img { width: 156px; } }
/* @hapray (5 Kas): ortak hap / sekme şeridi — Anlaşmalı Kurumlar çipleri, yazı kategorileri, Sağlık Rehberi A–Z, doktor sayfası
   sekmeleri, Hakkımızda politika sekmeleri (telefonda). Her genişlikte tek satır; sığmayan yana kayar (telefonda parmak, masaüstünde
   fareyle sürükleme ya da yatay tekerlek; dikey tekerlek sayfayı kaydırır). Kaydırma çubuğu gizli; devamı olan kenarda yumuşak
   solma (betik data-tasar / data-sol / data-sag yazar), devamı yoksa solma yok. Çocukların genişliğine ve yerleşim yönüne dokunmaz. */
@property --hr-sol { syntax: "<length>"; inherits: false; initial-value: 0px; }
@property --hr-sag { syntax: "<length>"; inherits: false; initial-value: 0px; }
.hap-ray { --hr-sol: 0px; --hr-sag: 0px; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scrollbar-width: none; scroll-padding-inline: 40px; -webkit-user-select: none; user-select: none; transition: --hr-sol .2s var(--gecis), --hr-sag .2s var(--gecis); }
.hap-ray::-webkit-scrollbar { display: none; }
.hap-ray:not([data-tasar]) { -webkit-mask-image: none; mask-image: none; }
.hap-ray[data-tasar] { -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 var(--hr-sol), #000 calc(100% - var(--hr-sag)), transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 var(--hr-sol), #000 calc(100% - var(--hr-sag)), transparent 100%); }
.hap-ray[data-sol] { --hr-sol: 40px; }
.hap-ray[data-sag] { --hr-sag: 40px; }
.hap-ray a, .hap-ray img { -webkit-user-drag: none; }
@media (hover: hover) and (pointer: fine) { .hap-ray[data-tasar] { cursor: grab; } }
.hap-ray.hap-suruk, .hap-ray.hap-suruk * { cursor: grabbing; }
@media (prefers-reduced-motion: reduce) { .hap-ray { transition: none; } }
/* üst arama katmanı «Sık arananlar» çipleri (kabuk, her sayfada): tek satır şerit; çip daralmaz, ad tek satır */
.ku-cipler.hap-ray > .ku-cip { flex: 0 0 auto; white-space: nowrap; }
/* Sağlık Rehberi A–Z: yapışkan tam genişlik bant sarmalayıcıda; harf şeridi içte kayar ve solar (bandın zemini ve alt çizgisi solmaz) */
.rh-harfler-bant { position: sticky; top: var(--ku-h, 101px); z-index: 5; margin: 0 0 var(--b-6); margin-inline: calc(50% - 50vw); padding-inline: calc(50vw - 50%); border-bottom: 1px solid var(--kenar); background: var(--yuzey); box-sizing: content-box; }
@media (max-width: 699px) { .rh-harfler-bant { padding-inline: max(var(--b-4, 16px), calc(50vw - 50%)); } }
.rh-harfler-bant > .rh-harfler { position: relative; top: auto; z-index: auto; margin: 0; padding-inline: 0; border: 0; background: transparent; box-sizing: border-box; }

/* @whatsapp-c1 (5 Kas, K-V3BQ4): üst bilgide telefon + WhatsApp tek birleşik düğme (C1) — kenarsız, zeminsiz, iki yarı arasında ince
   ayraç; köşe 8 px, yükseklik 34 px (telefonda 44 px), hover zemini komşu simge düğmeleriyle aynı. Telefonda dururken arama simgesinin
   yeri WhatsApp'a verilir; kaydırınca arama geri gelir, numara ☎ simgesine iner. 1200–1679 px'te kaydırılmış hâlde «WhatsApp» yazısı,
   1200–1439 px'te numara simgeye iner; 1200–1279 px'te yazı dururken de gizli */
.ku-wa,.ku-mob-wa{text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent}
.ku-wa .wa-ik,.ku-mob-wa .wa-ik{flex:none;display:block}
.ku-mob-wa{display:none}
@media (max-width:1199px){
  .ku-mob .ku-mob-wa{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none}
  html:not(.ku-kaydi) .ku-mob .ku-mob-ara{display:none}
  html.ku-kaydi .ku-mob .ku-mob-tel .bsr{display:none}
  html.ku-kaydi .ku-mob .ku-mob-tel{width:44px;justify-content:center;padding:0}
}
@media (prefers-reduced-motion:reduce){.ku-wa,.ku-mob-wa,.wa-ikili a{transition:none!important}}
.wa-ikili{--wa-kw:0px;--wa-zem:transparent;--wa-kenar:transparent;--wa-ayrac:transparent;--wa-hover:rgb(62 113 174 / .30);--wa-hover-yazi:inherit;--wa-yesil:transparent;--wa-yesil-yazi:inherit;--wa-yesil-hover:var(--wa-hover)}
.wa-ikili{display:inline-flex;align-items:stretch;box-sizing:border-box;height:34px;border-radius:8px;overflow:hidden;flex:none;background:var(--wa-zem);border:var(--wa-kw) solid var(--wa-kenar)}
.wa-ikili>a{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:auto;border-radius:0;color:inherit;text-decoration:none;transition:background-color .15s,color .15s}
.wa-ikili>a:hover{background:var(--wa-hover);color:var(--wa-hover-yazi);opacity:1}
.wa-ikili .ku-tel{padding:0 12px 0 11px}
.wa-ikili .ku-wa{position:relative;padding:0 12px 0 11px;font:var(--ag-vurgu) var(--yt-govde)/1 var(--kabuk-yazi-tipi);white-space:nowrap;background:var(--wa-yesil);color:var(--wa-yesil-yazi)}
.wa-ikili .ku-mob-wa{position:relative;background:var(--wa-yesil);color:var(--wa-yesil-yazi)}
.wa-ikili :is(.ku-wa,.ku-mob-wa):hover{background:var(--wa-yesil-hover)}
.wa-ikili :is(.ku-wa,.ku-mob-wa)::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:1px;background:var(--wa-ayrac)}
.wa-ikili>a:hover~a::before,.wa-ikili :is(.ku-wa,.ku-mob-wa):hover::before{opacity:0}
.wa-ikili.mob{height:44px}
.wa-ikili.mob .ku-mob-tel{padding:0 8px 0 10px;height:auto}
.wa-ikili.mob .ku-mob-wa{display:inline-flex;width:44px;height:auto;padding:0}
.wa-ikili.mob .ku-mob-wa::before{top:12px;bottom:12px}
@media (max-width:379px){.wa-ikili.mob .ku-mob-tel{padding:0 5px 0 7px}}
@media (min-width:380px) and (max-width:1199px){.ku-mob .wa-ikili.mob{margin-right:4px}}
@media (max-width:1199px){html.ku-kaydi .ku-mob .wa-ikili.mob .ku-mob-tel{width:44px;padding:0}}
@media (min-width:1200px) and (max-width:1679px){html.ku-kaydi .wa-ikili .ku-wa .wa-yazi{display:none}html.ku-kaydi .wa-ikili .ku-wa{width:34px;padding:0}}
@media (min-width:1200px) and (max-width:1439px){html.ku-kaydi .wa-ikili .ku-tel .bsr{display:none}html.ku-kaydi .wa-ikili .ku-tel{width:34px;padding:0}}
@media (min-width:1200px) and (max-width:1279px){.wa-ikili .ku-wa .wa-yazi{display:none}.wa-ikili .ku-wa{width:34px;padding:0}}
.wa-ikili.c1{--wa-ayrac:rgb(255 255 255 / .28)}
/* @simge-boy (5 Kas): üst bilgi simgeleri tek ölçüde — çizim boyu ~16 px (telefon) / ~14 px (masaüstü), çizgi ~1,8 / 1,5 px; kutu her
   çizimin viewBox doluluğuna göre ayrı (telefon simgesi 17/24, ay ve büyüteç 18/24, güneş 20/24, menü 16/24, dolu WhatsApp 24/24 — çizgi kalınlığı kadar büyük: telefonda 18, masaüstünde 16).
   Telefonda simgeler arası görünür boşluk eşit (44 px dokunma kutuları bitişik, ayraçlar boşluğun ortasında, ikisi de 20 px);
   menü çiziminin sağ kenarı sayfa iç boşluğuna (logo sol boşluğu) hizalı. 379 px ve altında dururken numara yazısı gizli (kaydırılmış hâl gibi). */
@media (max-width:1199px){
  .ku-mob .ku-mob-tel .hz-ikon{width:23px;height:23px;stroke-width:1.91}
  .ku-mob .ku-mob-wa .wa-ik{width:18px;height:18px}
  .ku-mob .ku-mob-ara svg,.ku-mob .ku-mob-tema .tm-ay{width:22px;height:22px;stroke-width:2}
  .ku-mob .ku-mob-tema .tm-gunes{width:20px;height:20px;stroke-width:2.2}
  .ku-mob [data-cekmece-ac] svg{width:24px;height:24px;stroke-width:1.83}
  .ku-mob .wa-ikili.mob{margin-right:1px}
  .wa-ikili.mob .ku-mob-tel{padding:0 14px 0 6px;gap:6px}
  .wa-ikili.mob .ku-mob-wa::before{top:12px;bottom:12px}
  .ku-mob .dikey{height:20px;margin:0}
  .ku-mob{gap:0}
  .ku-mob [data-cekmece-ac]{margin-right:-14px}
}
@media (max-width:379px){html:not(.ku-kaydi) .ku-mob .ku-mob-tel .bsr{display:none}html:not(.ku-kaydi) .ku-mob .wa-ikili.mob .ku-mob-tel{width:44px;padding:0;justify-content:center}}
@media (min-width:1200px){
  .wa-ikili .ku-tel>svg{width:20px;height:20px;stroke-width:1.8}
  .wa-ikili .ku-wa .wa-ik{width:16px;height:16px}
  .ku-tema-masa svg{width:19px;height:19px;stroke-width:1.9}
}
/* @azdizin (5 Kas): A–Z dizin ortak düzeni — Sağlık Rehberi + Tıbbi Birimler (ortak parça bolum/harf-dizin.tsx, şerit .hap-ray).
   Harf tıklamasında grup başlığı yapışkan üst bilgi + harf şeridinin altında nefesli durur (şerit yüksekliği betikle ölçülür). */
.rh-dizin .rh-grup { scroll-margin-top: calc(var(--ku-h, 101px) + var(--az-bant-h, 80px) + var(--b-5, 20px)); }
/* rehber: liste satır satır okunur (soldan sağa, sonra alta) — sütun akışı satır okumasında sırayı karışık gösteriyordu */
.rh-dizin .rh-liste { display: grid; grid-template-columns: minmax(0, 1fr); column-count: auto; column-gap: clamp(24px, 4vw, 64px); align-items: start; }
@media (min-width: 700px) { .rh-dizin .rh-liste { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* birimler: rehberin harf düzeni (dev harf + üst çizgi), içinde bölüm kartları */
.az-dizin .rh-grup > .az-ic { min-width: 0; padding-top: var(--b-3); border-top: 1px solid var(--uclu-2, #2F5E9E); }
:root[data-theme="dark"] .az-dizin .rh-grup > .az-ic { border-top-color: var(--kenar); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .az-dizin .rh-grup > .az-ic { border-top-color: var(--kenar); } }
/* @bantarama (5 Kas): liste sayfalarında arama ve süzgeç hapları her zaman sayfa bandının içinde — Doktorlar emsal (Tıbbi Birimler,
   Sağlık Rehberi, Anlaşmalı Kurumlar, yazı listeleri aynı kural). Arama: ortak hap arama çubuğu (.lb-ara, ek_livliste.css). Haplar:
   aramanın hemen altında 16 px, aramasız sayfada başlığın altında aramayla aynı uzaklıkta; bandın tam içerik genişliğinde (arama
   çubuğu kendi 780 px genişliğinde kalır), tek satır (ortak hap şeridi .hap-ray: sığarsa kaydırma ve solma yok, sığmazsa yana kayar). Gölge ve zıplama yok; hover zemin rengi. */
.lb-bant .ak-arac { display: block; margin: 0; }
.lb-bant .lb-haplar { max-width: none; margin: 16px 0 0; }
.lb-bant h1 + .lb-haplar { margin-top: clamp(24px, 3vw, 36px); }
.lb-haplar .ic-suzgec, .lb-haplar .ak-cipler { gap: 8px; margin: 0; padding-inline: 0; }
/* kategori bağlantısı hapları grup çipleriyle tek görünüm: dolu yüzey, ince kenar; seçili vurgu zemini */
.lb-haplar .ic-suzgec > .fx-ind { display: none; }
.lb-haplar .ic-hap { min-height: 44px; padding: 0 16px; border: 1px solid var(--kenar); background: var(--yuzey); color: var(--baslik); font: 600 .9375rem/1.2 var(--aile-baslik); transition: background-color .2s var(--gecis), color .2s var(--gecis); }
.lb-haplar .ic-hap:hover, .lb-haplar .ic-hap:focus-visible { background: var(--yuzey-2); color: var(--baslik); outline: none; }
.lb-haplar .ic-hap[aria-current] { background: var(--vurgu); border-color: var(--vurgu); color: var(--vurgu-ustu); }
/* seçim kutusu olmayan arama (yalnız metin + Ara): telefonda da tek satır, masaüstü yüksekliğinde */
@media (max-width: 640px) {
  .lb-ara.lb-ara-tek { flex-direction: row; height: 58px; border-radius: 999px; }
  .lb-ara-tek .lb-ara-metin { flex: 1 1 0; height: auto; }
  .lb-ara-tek .lb-ara-dugme { height: auto; padding: 0 22px; }
}
/* yazılanı silen × (betik yazı varken açar) */
.lb-temizle { -webkit-appearance: none; appearance: none; position: absolute; right: 7px; display: inline-grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 999px; background: transparent; color: var(--soluk); cursor: pointer; transition: background-color .2s var(--gecis), color .2s var(--gecis); }
.lb-temizle[hidden] { display: none; }
.lb-temizle svg { position: static; width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; }
.lb-temizle:hover, .lb-temizle:focus-visible { background: var(--yuzey); color: var(--baslik); outline: none; }
.lb-ara-metin:has(.lb-temizle:not([hidden])) input { padding-right: 56px; }
/* yapışkan A–Z şeridi üst bilginin O ANKİ alt kenarına oturur (--ku-alt, betik ölçer): masaüstünde kaydırınca incelen üst bilgiyle
   arada boşluk kalmaz. --ku-h sayfa başındaki yüksekliği tutmaya devam eder (içerik payı ve atlama payı onu kullanır). */
.rh-harfler-bant { top: var(--ku-alt, var(--ku-h, 101px)); }
/* harf tıklaması (masaüstü): hedef grup sayfa başından hep aşağıda, varınca üst bilgi incelmiş olur → atlama payı incelmiş üst bilginin
   yüksekliğiyle (incelme kuralındaki ölçülerin aynısı: 2 × dikey iç boşluk + menü satırı); başlık şeridin altında telefondaki gibi nefesli durur */
@media (min-width: 1200px) { :root:has(#ku.ku--logo-hiza) .rh-dizin .rh-grup { scroll-margin-top: calc(2 * clamp(10px, .75vw, 14px) + clamp(44px, 3.3vw, 50px) + var(--az-bant-h, 80px) + var(--b-5, 20px)); } }
@media (prefers-reduced-motion: reduce) { .lb-haplar .ic-hap, .lb-temizle { transition: none; } }
/* @mobilbant (6 Kas): telefon ve tablet (≤1199) — üst bilginin altındaki sabit buzlu cam arama çubuğu (.ku-ara-cam: üstten 76 px, 48 px
   yüksek) bant içeriğinin üstünde durur; üst bilgi yüksekliği (--ku-h) çubuğu kapsamaz. Bant üst boşluğu çubuğun alt kenarından ölçülür:
   ekmek kırıntısı (ya da kırıntısız bantta başlık) çubuğun 16–20 px altında başlar. Tek ortak kural: liste/içerik bantları, yazı bandı,
   randevu ve e-sonuç şeridi, doktor sayfası yolu, Hakkımızda bandı. Görünüm yüksekliğine (vh) bağlı değil; ≥1200 değişmez. */
@media (max-width: 1199px) {
  :root { --ara-cam-alt: 124px; }
  .rs-ust { padding-top: max(calc(var(--ku-h, 101px) + clamp(28px, 3.4vw, 56px)), calc(var(--ara-cam-alt) + 8px)); }
  .lv-yazi > .rs-ust { padding-top: max(calc(var(--ku-h, 101px) + clamp(20px, 2.6vw, 34px)), calc(var(--ara-cam-alt) + 8px)); }
  .rs-ust:not(.sb-yok):has(+ .rs-govde[aria-label="Randevu adımları"]),
  .rs-ust:not(.sb-yok):has(+ .rs-govde[aria-label="Sonuç sorgulama"]) { padding-top: max(calc(var(--ku-h, 101px) + clamp(8px, 1.2vw, 16px)), calc(var(--ara-cam-alt) + 16px)); }
  .dv3-yol { padding-top: max(calc(var(--ku-h, 101px) + 24px), calc(var(--ara-cam-alt) + 20px)); }
  .hk-bas-ic { padding-top: max(calc(var(--ku-h, 101px) + 24px), calc(var(--ara-cam-alt) + 20px)); }
}