/* ============================================================
   Op. Dr. Gunes Tekten Muayenehanesi - core stylesheet
   Marka jetonlari + tam yerlesim. Tek dosya, bagimsiz.
   ============================================================ */

/* ---------- 1. Jetonlar ---------- */
:root{
  /* marka */
  --paper:#F6F3EE;
  --navy:#111178;
  --blue:#5965B8;
  --sage:#B9C7BF;
  --rose:#D8B9B6;
  --gold:#C2A46F;
  --gold-text:#7E5C22;   /* altin metin tonu: beyazda 6.1:1 */
  /* turetilmis notrler */
  --ink:#1A1A2E;
  --ink-2:#4A4A63;
  --ink-3:#63637A;
  --line:#E2DCD2;
  --line-2:#EFEAE2;
  --white:#FFFFFF;
  --sage-bg:#EDF2EF;
  --rose-bg:#F7EDEC;
  --gold-bg:#F5EEE1;
  --navy-08:rgba(17,17,120,.08);
  /* tipografi */
  --serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --sans:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  /* olcu */
  --wrap:1160px;
  --main-pt:2.1rem;      /* main ust dolgusu; tam genislik hero bunu geri ceker */
  --oluk:1.5rem;          /* sayfa sag/sol standart bosluk */
  --text-w:720px;
  --r:12px;
  --r-sm:8px;
  --hdr:74px;
  --sh:0 1px 2px rgba(26,26,46,.05),0 8px 24px rgba(26,26,46,.06);
  --sh-2:0 2px 6px rgba(26,26,46,.07),0 16px 40px rgba(26,26,46,.10);
}

/* ---------- 2. Temel ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--paper);color:var(--ink);
  overflow-x:clip;
  font-family:var(--sans);font-size:1.0625rem;line-height:1.75;
  font-weight:400;-webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--navy);text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:.06em}
a:hover{color:var(--blue)}
:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:3px}
hr{border:0;border-top:1px solid var(--line);margin:2.5rem 0}

h1,h2,h3,h4{font-family:var(--serif);color:var(--navy);line-height:1.18;margin:0;font-weight:600;letter-spacing:-.005em}
h1{font-size:clamp(2.05rem,1.35rem + 2.6vw,3.05rem);margin:.2rem 0 1.1rem;letter-spacing:-.015em}
h2{font-size:clamp(1.55rem,1.2rem + 1.25vw,2.1rem);margin:2.9rem 0 .95rem}
h3{font-family:var(--sans);font-size:1.115rem;font-weight:700;color:var(--ink);margin:1.9rem 0 .55rem;letter-spacing:-.005em}
h4{font-family:var(--sans);font-size:1rem;font-weight:700;margin:1.5rem 0 .4rem}
h2,h3,section[id],[id]{scroll-margin-top:calc(var(--hdr) + 18px)}

p{margin:0 0 1.05rem}
strong{font-weight:700;color:var(--ink)}
main ul,main ol{margin:0 0 1.25rem;padding-left:1.35rem}
main li{margin:0 0 .42rem}
main li::marker{color:var(--gold)}
main ol li::marker{color:var(--ink-3);font-variant-numeric:tabular-nums}
blockquote{margin:0}

/* ---------- 3. Erisilebilirlik ---------- */
.skip-link{
  position:fixed;top:0;left:1rem;z-index:10000;padding:.7rem 1.1rem;
  color:#fff;background:var(--navy);border-radius:0 0 var(--r-sm) var(--r-sm);
  text-decoration:none;font-weight:500;transform:translateY(-130%);transition:transform .18s ease;
}
.skip-link:focus{transform:translateY(0);color:#fff}

/* ---------- 4. Kapsayici ---------- */
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--oluk);width:100%}

/* ---------- 5. Ust bant ---------- */
.site-header{
  position:sticky;top:0;z-index:900;background:rgba(246,243,238,.92);
  backdrop-filter:saturate(1.6) blur(10px);-webkit-backdrop-filter:saturate(1.6) blur(10px);
  border-bottom:1px solid var(--line);
}
.site-header .wrap{
  display:flex;align-items:center;gap:1.1rem;min-height:var(--hdr);
}
.logo{flex:0 0 auto;display:flex;align-items:center;text-decoration:none}
.site-header > .wrap{max-width:1420px}
.logo img{width:auto;height:32px}
.main-nav{flex:1 1 auto}
.main-nav > ul{display:flex;flex-wrap:nowrap;gap:.05rem;list-style:none;margin:0;padding:0}
.main-nav > ul > li{margin:0}
.main-nav > ul > li > a{
  display:block;padding:.5rem .42rem;border-radius:var(--r-sm);white-space:nowrap;
  font-size:.835rem;font-weight:500;color:var(--ink);text-decoration:none;
  transition:background .16s ease,color .16s ease;
}
.main-nav > ul > li > a:hover{background:var(--navy-08);color:var(--navy)}
.site-header .btn{flex:0 0 auto}
/* ---------- 6. Dugmeler ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  padding:.66rem 1.35rem;border:1px solid transparent;border-radius:999px;
  font-family:var(--sans);font-size:.95rem;font-weight:700;line-height:1.3;
  text-decoration:none;cursor:pointer;white-space:nowrap;
  transition:background .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.btn-primary{background:var(--navy);color:#fff;box-shadow:0 2px 10px rgba(17,17,120,.22)}
.btn-primary:hover{background:#1a1a95;color:#fff;transform:translateY(-1px);box-shadow:0 4px 16px rgba(17,17,120,.28)}
.btn-primary:active{transform:translateY(0)}

/* ---------- 7. Ana yerlesim izgarasi ---------- */
main{
  display:grid;width:100%;max-width:var(--wrap);margin:0 auto;
  padding:var(--main-pt) var(--oluk) 4rem;
  grid-template-columns:
    [wide-start] minmax(0,1fr)
    [text-start] minmax(0,var(--text-w)) [text-end]
    minmax(0,1fr) [wide-end];
}
main > *{grid-column:text;min-width:0}
main > .silo-grup,
main > .home-list,
main > .card-grid,
main > .hub-grup,
main > .hub-diger,
main > .related,
main > .proc-cta-section{grid-column:wide}

/* ---------- 8. Ekmek kirintisi ---------- */
.breadcrumb{margin:0 0 1.4rem;font-size:.845rem;color:var(--ink-3)}
.breadcrumb ol{display:flex;flex-wrap:wrap;gap:.42rem;list-style:none;margin:0;padding:0}
.breadcrumb li{margin:0;display:flex;align-items:center;gap:.42rem}
.breadcrumb li + li::before{content:"/";color:var(--line);font-size:.9em}
.breadcrumb a{color:var(--ink-3);text-decoration:none}
.breadcrumb a:hover{color:var(--navy);text-decoration:underline}
.breadcrumb [aria-current]{color:var(--ink-2);font-weight:500}

/* ---------- 9. Kahraman gorsel ---------- */
.hero-fig{
  margin:0 0 2rem;border-radius:var(--r);overflow:hidden;
  background:var(--white);box-shadow:var(--sh);border:1px solid var(--line-2);
}
.hero-fig img{width:100%;aspect-ratio:16/9;object-fit:cover}
figure{margin:0 0 1.6rem}
figcaption{margin-top:.55rem;font-size:.855rem;color:var(--ink-3)}

/* ---------- 10. Yanit blogu (GEO) ---------- */
.answer-block{
  margin:0 0 2rem;padding:1.15rem 1.35rem;
  background:var(--sage-bg);border-left:4px solid var(--navy);
  border-radius:0 var(--r-sm) var(--r-sm) 0;
  font-size:1.09rem;line-height:1.68;color:var(--ink);
}

/* ---------- 11. Kunye tablosu ---------- */
.key-facts{
  width:100%;margin:0 0 2.1rem;border-collapse:collapse;
  background:var(--white);border:1px solid var(--line);border-radius:var(--r);
  overflow:hidden;font-size:.955rem;
}
.key-facts caption{
  caption-side:top;text-align:left;padding:.85rem 1.1rem;
  font-family:var(--sans);font-size:.775rem;font-weight:700;
  letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);
  background:var(--gold-bg);border-bottom:1px solid var(--line);
}
.key-facts th,.key-facts td{padding:.72rem 1.1rem;text-align:left;vertical-align:top;border-top:1px solid var(--line-2)}
.key-facts tbody tr:first-child th,.key-facts tbody tr:first-child td{border-top:0}
.key-facts th[scope=row]{width:38%;font-weight:500;color:var(--ink-2);background:#FCFAF7}
.key-facts td{color:var(--ink)}

/* ---------- 12. Genel tablo ---------- */
.table-scroll{overflow-x:auto;margin:0 0 2rem;-webkit-overflow-scrolling:touch}
.cs-table{width:100%;border-collapse:collapse;font-size:.95rem;background:var(--white);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.cs-table th,.cs-table td{padding:.7rem 1rem;text-align:left;border-top:1px solid var(--line-2)}
.cs-table thead th{background:var(--gold-bg);color:var(--ink);font-weight:700;border-top:0}

/* ---------- 13. Kart izgarasi ---------- */
.home-list,.silo-grup{margin:0 0 3rem}
.home-list>h2,.silo-grup>h2{margin-top:2.6rem}
.card-grid{
  display:grid;gap:1.15rem;list-style:none;margin:0 0 1.6rem;padding:0;
  grid-template-columns:repeat(auto-fill,minmax(min(268px,100%),1fr));
}
.card-grid li{margin:0}
.card{
  background:var(--white);border:1px solid var(--line);border-radius:var(--r);
  box-shadow:var(--sh);overflow:hidden;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
.card:hover{transform:translateY(-2px);box-shadow:var(--sh-2);border-color:var(--sage)}
.card > a{display:block;padding:1.25rem 1.3rem 1.35rem;text-decoration:none;color:inherit;height:100%}
.card h3{margin:0 0 .45rem;font-size:1.045rem;color:var(--navy);line-height:1.35}
.card:hover h3{color:var(--blue)}
.card p{margin:0;font-size:.895rem;line-height:1.6;color:var(--ink-2)}

/* Fotografli varyant: gorsel ustte 16:9, metin altta. */
.card-foto .card > a{display:flex;flex-direction:column;padding:0}
.k-foto{
  aspect-ratio:16/9;overflow:hidden;
  background:var(--line-2);border-bottom:1px solid var(--line);
}
.k-foto img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.card:hover .k-foto img{transform:scale(1.045)}
.k-gov{padding:1.05rem 1.2rem 1.25rem}

/* Vitrine girmeyen basliklar: ic link kaybolmasin diye duz metin listesi. */
.hl-tumu-bas{
  margin:1.6rem 0 .6rem;font-size:.74rem;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--ink-3);
}
.hl-tumu-bas a{color:var(--navy);text-decoration:none}
.hl-tumu-bas a:hover{text-decoration:underline}
.home-list-tumu{
  list-style:none;margin:0;padding:0;
  columns:3;column-gap:2.2rem;font-size:.865rem;line-height:1.5;
}
.home-list-tumu li{margin:0 0 .34rem;break-inside:avoid}
.home-list-tumu li::marker{content:none}
.home-list-tumu a{color:var(--ink-2);text-decoration:none}
.home-list-tumu a:hover{color:var(--navy);text-decoration:underline}
@media (max-width:900px){.home-list-tumu{columns:2}}
@media (max-width:560px){.home-list-tumu{columns:1}}

/* ---------- 14. Hekim kartlari ---------- */
.hekim-grid{
  display:grid;gap:1.4rem;list-style:none;margin:0 0 2.4rem;padding:0;
  grid-template-columns:repeat(auto-fill,minmax(min(292px,100%),1fr));
}
.hekim-kart{
  margin:0;padding:1.6rem;background:var(--white);border:1px solid var(--line);
  border-radius:var(--r);box-shadow:var(--sh);text-align:center;
}
.hekim-kart img{
  width:132px;height:132px;margin:0 auto .95rem;border-radius:50%;
  object-fit:cover;background:var(--sage-bg);border:3px solid var(--gold-bg);
}
.hekim-kart h3{margin:0 0 .18rem;font-family:var(--serif);font-size:1.28rem;font-weight:600;color:var(--navy)}
.hekim-kart h3 a{text-decoration:none;color:inherit}
.hekim-kart h3 a:hover{color:var(--blue)}
.hk-uzm{
  margin:0 0 .7rem;font-size:.755rem;font-weight:700;letter-spacing:.09em;
  text-transform:uppercase;color:#8A6E33;
}
.hk-bio{margin:0;font-size:.895rem;line-height:1.62;color:var(--ink-2)}
.hekim-portre{
  width:176px;height:176px;margin:0 0 1.6rem;border-radius:50%;object-fit:cover;
  background:var(--sage-bg);border:4px solid var(--gold-bg);box-shadow:var(--sh);
}

/* ---------- 15. Ilgili sayfalar ---------- */
.related{
  margin:3rem 0 0;padding:1.6rem 1.75rem;background:var(--white);
  border:1px solid var(--line);border-radius:var(--r);
}
.related h2{margin:0 0 .85rem;font-size:1.32rem}
.related ul{list-style:none;margin:0;padding:0;display:grid;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr))}
.related li{margin:0;font-size:.9rem;line-height:1.55;color:var(--ink-3);padding-left:.9rem;position:relative}
.related li::before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:50%;background:var(--gold)}
.related a{font-weight:500;text-decoration:none}
.related a:hover{text-decoration:underline}

/* ---------- 16. Guven kunyesi ---------- */
.content-trust{
  display:flex;gap:1.1rem;align-items:flex-start;margin:2.6rem 0 1.4rem;
  padding:1.25rem 1.4rem;background:var(--gold-bg);border-radius:var(--r);
  border:1px solid #E8DCC4;
}
.content-trust img{
  flex:0 0 auto;width:64px;height:64px;border-radius:50%;object-fit:cover;
  background:var(--white);border:2px solid var(--white);
}
.content-trust p{margin:0 0 .3rem;font-size:.87rem;line-height:1.6;color:var(--ink-2)}
.content-trust p:last-child{margin-bottom:0}
.content-trust strong{color:var(--ink)}

.post-disclaimer{
  margin:0 0 2.2rem;padding:1rem 1.25rem;background:var(--rose-bg);
  border-left:4px solid var(--rose);border-radius:0 var(--r-sm) var(--r-sm) 0;
  font-size:.88rem;line-height:1.62;color:var(--ink-2);
}
.post-disclaimer strong{color:var(--ink)}

/* ---------- 17. Kaynaklar ---------- */
.cs-sources{margin:0 0 2.4rem;padding:1.5rem 1.75rem;background:var(--white);border:1px solid var(--line);border-radius:var(--r)}
.cs-sources h2{margin:0 0 .8rem;font-size:1.25rem}
.cs-sources ol{margin:0;padding-left:1.3rem}
.cs-sources li{margin:0 0 .5rem;font-size:.86rem;line-height:1.6;color:var(--ink-3)}
.cs-sources a{color:var(--ink-2);text-decoration:underline;text-decoration-color:var(--line)}
.cs-sources a:hover{color:var(--navy);text-decoration-color:currentColor}

/* ---------- 18. Randevu bandi ---------- */
.proc-cta-section{
  margin:3.2rem 0 0;padding:2.5rem 2rem;text-align:center;
  background:var(--navy);border-radius:var(--r);color:#EDEDF7;
}
.proc-cta-section h2{margin:0 0 .6rem;color:#fff;font-size:1.75rem}
.proc-cta-section p{margin:0 0 1.4rem;color:#C9C9E4;font-size:1rem}
.proc-cta-section .btn-primary{background:var(--gold);color:#231C0C;box-shadow:none}
.proc-cta-section .btn-primary:hover{background:#D2B685;color:#231C0C}

/* ---------- 19. NAP ---------- */
.nap{
  margin:1.4rem 0 2rem;padding:1.5rem 1.75rem;background:var(--white);
  border:1px solid var(--line);border-left:4px solid var(--sage);border-radius:0 var(--r) var(--r) 0;
}
.nap p{margin:0 0 .45rem;font-size:.975rem}
.nap p:last-child{margin-bottom:0}
.nap p:empty{display:none}
.nap-ad{font-size:1.08rem;color:var(--navy)}
.nap-ad strong{color:var(--navy);font-family:var(--serif);font-size:1.2rem;font-weight:600}
.nap-adres{color:var(--ink-2);line-height:1.6}
.nap-tel a,.nap-wa a,.nap-mail a{font-weight:500;text-decoration:none}
.nap-tel a:hover,.nap-wa a:hover,.nap-mail a:hover{text-decoration:underline}
.nap-saat{color:var(--ink-3);font-size:.9rem}

/* ---------- 20. Randevu formu ---------- */
.randevu-form{
  margin:1.4rem 0 2.4rem;padding:1.75rem;background:var(--white);
  border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);
}
.f-row{margin:0 0 1.05rem}
.f-row label{display:block;margin:0 0 .34rem;font-size:.875rem;font-weight:700;color:var(--ink-2)}
.f-row input,.f-row select,.f-row textarea{
  width:100%;padding:.66rem .85rem;font:inherit;font-size:.975rem;color:var(--ink);
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r-sm);
}
.f-row input:focus,.f-row select:focus,.f-row textarea:focus{border-color:var(--blue);background:var(--white)}
.f-consent{display:flex;gap:.65rem;align-items:flex-start;margin:0 0 1.05rem;font-size:.855rem;line-height:1.55;color:var(--ink-2)}
.f-consent input{width:auto;flex:0 0 auto;margin-top:.28rem}
.f-note{margin:1rem 0 0;font-size:.82rem;line-height:1.55;color:var(--ink-3)}

/* ---------- 21. Alt bant ---------- */
.site-footer{
  position:relative;isolation:isolate;overflow:hidden;
  margin-top:auto;padding:3.4rem 0 1.6rem;color:#C9C9E4;
  font-size:.9rem;line-height:1.7;
  /* JS kapaliyken ya da canvas cizmeden once gorulen duragan karsilik:
     footer-bg.js'in urettigi alanla ayni koyu marka rampasi. */
  background:
    radial-gradient(120% 88% at 50% 30%,rgba(194,164,111,.10) 0%,rgba(10,10,58,0) 52%,rgba(5,5,34,.62) 100%),
    radial-gradient(78% 120% at 78% 8%,#3A3F8E 0%,rgba(58,63,142,0) 62%),
    radial-gradient(64% 96% at 14% 92%,#191983 0%,rgba(25,25,131,0) 58%),
    linear-gradient(158deg,#0C0C4E 0%,#131382 46%,#0A0A3C 100%);
}
/* Canlı gradyan tuvali: negatif z-index sayesinde footer arka planinin
   ustunde, icerigin altinda kalir; icerige z-index vermek gerekmez. */
.f-bg{
  position:absolute;inset:0;z-index:-1;display:block;
  width:100%;height:100%;pointer-events:none;
}
.site-footer p{margin:0 0 .42rem}
.site-footer a{color:#DCDCF0;text-decoration:none}
.site-footer a:hover{color:#fff}

/* Ust satir: iletisim · ortada marka · kurumsal baglantilar */
.f-top{
  display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  gap:2rem 2.5rem;align-items:start;padding-bottom:2.6rem;
}
.f-iletisim{display:grid;grid-template-columns:repeat(2,auto);gap:.5rem 2.1rem;justify-content:start}
.f-iletisim div{color:#fff}
.f-iletisim .lbl{color:var(--gold)}
.f-iletisim a:hover{text-decoration:underline}

.f-marka{text-align:center;justify-self:center}
/* Footer hazir beyaz varyanti (logo-beyaz.svg) kullaniyor; renkli dosyayi
   silueta ceviren brightness/invert filtresine artik gerek yok. */
.f-marka img{width:min(300px,100%);height:auto;margin:0 auto .85rem}
.f-tag{margin:0;color:#fff;font-size:.9rem}
.f-tag span{color:var(--gold)}
.f-social{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin:.85rem 0 0;font-size:.85rem}
.f-social a{text-decoration:underline;text-underline-offset:.2em;text-decoration-color:rgba(255,255,255,.35)}

.f-kurumsal{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1.9rem;
  justify-self:end;width:100%;max-width:26rem;
}
.f-kurumsal ul{list-style:none;margin:0;padding:0}
.f-kurumsal li{margin:0}
.f-kurumsal a{display:block;padding:.2rem 0}
.f-kurumsal a:hover{color:#fff;text-decoration:underline}

/* Tedavi menusu: bes sutun, altin cizgili bolum basliklari */
.f-menu{
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2.1rem 1.9rem;
  padding-top:2.6rem;padding-bottom:.5rem;border-top:1px solid rgba(255,255,255,.16);
}
.f-menu > div{min-width:0}
.f-sec{margin-bottom:1.8rem}
.f-sec:last-child{margin-bottom:0}
.f-sb{
  display:block;margin:0 0 .6rem;padding-bottom:.5rem;
  font-size:.775rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:#fff;border-bottom:2px solid var(--gold);
}
.f-sb:hover{color:var(--gold)}
.f-liste{list-style:none;margin:0;padding:0}
.f-liste li{margin:0}
.f-liste a{display:block;padding:.2rem 0;font-size:.845rem;transition:padding-left .15s ease}
.f-liste a:hover{color:#fff;padding-left:.35rem}

/* Yetki belgesi: alt bantta yalnizca belgenin goruntusu durur. Kutu metni,
   belge no satiri ve dogrulama dugmesi kaldirildi; bilgi img alt metninde.
   Genislik min() ile kapali: dar ekranda sutuna sigar, genis ekranda buyuyup
   alt bandi ele gecirmez. */
.f-belge{grid-column:2 / span 3;margin-top:.6rem}
.f-belge-g{
  display:block;width:min(100%, 26rem);padding:6px;
  background:#fff;border-radius:var(--r-sm);
  box-shadow:0 10px 30px rgba(0,0,0,.30);
  transition:transform .16s ease,box-shadow .16s ease;
}
.f-belge-g:hover,.f-belge-g:focus-visible{
  transform:translateY(-2px);box-shadow:0 14px 38px rgba(0,0,0,.38);
}
.f-belge-g img{display:block;width:100%;height:auto;border-radius:3px}

/* Alt satir */
.f-bottom{margin-top:2rem;padding-top:1.4rem;border-top:1px solid rgba(255,255,255,.16)}
.f-disclaimer{margin-bottom:1rem;font-size:.83rem;color:#AEAECC;max-width:74ch}
.f-bottom-sat{
  display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.6rem;
  font-size:.83rem;color:#9E9EBE;
}
.f-legal{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;margin-left:auto}
/* Ajans kunyesi: alt satirin da altinda, ortada, kucuk ve kisik. */
.f-kunye{
  margin:1.15rem 0 0;padding-top:.95rem;border-top:1px solid rgba(255,255,255,.10);
  text-align:center;font-size:.79rem;letter-spacing:.02em;color:#9494B8;
}
.f-kunye a{color:#C6C6E2;border-bottom:1px solid rgba(198,198,226,.35)}
.f-kunye a:hover{color:#fff;border-bottom-color:#fff}
.f-up{
  width:2.4rem;height:2.4rem;flex:0 0 auto;border-radius:50%;
  border:1px solid rgba(255,255,255,.2);
  display:inline-flex;align-items:center;justify-content:center;font-size:1rem;
  transition:border-color .15s,background .15s;
}
.f-up:hover{border-color:var(--gold);background:rgba(194,164,111,.12)}

/* Yazi markasi genis (835x135) oldugu icin alt bant kusagi biraz genisletildi. */
.site-footer > .wrap{max-width:1280px}
.f-tumu{color:var(--gold)}
@media (max-width:1240px){
  .f-menu{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (max-width:1100px){
  .f-menu{grid-template-columns:repeat(3,minmax(0,1fr))}
  .f-belge{grid-column:1 / -1}
}
@media (max-width:1000px){
  .f-top{display:flex;flex-direction:column;align-items:flex-start;gap:1.8rem;padding-bottom:2rem}
  .f-marka{order:-1;text-align:left;justify-self:start}
  .f-marka img{margin:0 0 .85rem}
  .f-social{justify-content:flex-start}
  .f-iletisim{grid-template-columns:1fr;gap:.35rem}
  .f-kurumsal{justify-self:start;max-width:none}
}
@media (max-width:820px){
  .f-menu{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:2rem}
}
@media (max-width:560px){
  .f-menu{grid-template-columns:1fr;gap:1.4rem}
  .f-belge-g{width:100%}
  .f-bottom-sat{flex-direction:column;align-items:flex-start}
  .f-legal{margin-left:0}
}

/* ---------- 22. WhatsApp ---------- */
.wa-float{
  position:fixed;right:1.1rem;bottom:1.1rem;z-index:950;
  display:inline-flex;align-items:center;gap:.45rem;
  padding:.72rem 1.15rem;border-radius:999px;
  background:#1B7F44;color:#fff;font-size:.9rem;font-weight:700;
  text-decoration:none;box-shadow:0 4px 18px rgba(27,127,68,.35);
  transition:transform .16s ease,box-shadow .16s ease;
}
.wa-float:hover{color:#fff;transform:translateY(-2px);box-shadow:0 6px 24px rgba(27,127,68,.45)}

/* ---------- 23. Duyarli ---------- */
@media (max-width:1280px){
  .main-nav{display:none}
}
@media (max-width:960px){
  .site-header .wrap{gap:.75rem}
  .site-header .btn{padding:.55rem 1.05rem;font-size:.885rem}
}
@media (max-width:640px){
  body{font-size:1rem}
  :root{--oluk:1.15rem}
  .site-header .wrap{gap:.6rem}
  :root{--main-pt:1.5rem}
  main{padding:var(--main-pt) var(--oluk) 3rem}
  h2{margin-top:2.3rem}
  .logo img{height:24px}
  .content-trust{flex-direction:column;gap:.85rem}
  .related,.cs-sources,.nap,.randevu-form{padding:1.25rem 1.15rem}
  .proc-cta-section{padding:2rem 1.25rem}
  .key-facts th[scope=row]{width:44%}
  .wa-float{right:.85rem;bottom:.85rem;padding:.62rem 1rem;font-size:.85rem}
}
/* Cok dar ekran (<=380px): logo + CTA + hamburger tek satira sigmaz ve
   baslik yatay tasma yaratir. CTA mobil panelde ve WhatsApp balonunda
   zaten bulundugu icin basliktan dusurulur. */
@media (max-width:380px){
  .site-header .btn{display:none}
  :root{--oluk:1rem}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms;transition-duration:.01ms;scroll-behavior:auto}
}

/* ---------- 25. Okuma rayi (sol sticky kisa indeks + yazi listesi) ---------- */
/* Kart degil: ustte kalin, altta ince cizgi; baglantilar sol dikey hatta asili.
   Yukseklik sinirlanmaz -> ray icinde kaydirma cubugu olusmaz. */
.tip-blog main,.tip-uygulama main,.tip-durum main,.tip-karar main{--wrap:1220px}

main > .cs-layout{
  grid-column:wide;
  display:grid;
  grid-template-columns:220px minmax(0,var(--text-w));
  justify-content:center;
  column-gap:clamp(3rem,6vw,6.5rem);
}
.cs-flow{grid-column:2;min-width:0}
.cs-flow > *:first-child{margin-top:0}

.cs-rail{
  grid-column:1;grid-row:1;
  position:sticky;top:calc(var(--hdr) + 2.6rem);
  align-self:start;
  padding:1.35rem 0;
  border-top:2px solid var(--navy);
  border-bottom:1px solid var(--line);
}
.cs-rail-label{
  margin:0 0 1.05rem;
  font-family:var(--sans);font-size:.66rem;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;color:var(--gold-text);
}
.cs-rail-label-2{margin-top:1.35rem}
/* Yazi baglantilari tek satir: ray dikeyde buyumesin. */
.cs-rail-posts a{padding-top:.42rem;padding-bottom:.42rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-rail-nav,.cs-rail-posts{display:block}
.cs-rail a{
  position:relative;display:block;
  padding:.5rem 0 .5rem .9rem;
  border-left:1px solid var(--line);
  color:var(--ink-3);font-size:.78rem;line-height:1.45;
  text-decoration:none;
}
.cs-rail a::before{
  content:"";position:absolute;top:50%;left:-2px;
  width:3px;height:0;background:var(--gold);
  transform:translateY(-50%);transition:height .2s ease;
}
.cs-rail a:hover,
.cs-rail a:focus-visible,
.cs-rail a[aria-current="true"]{color:var(--navy)}
.cs-rail a:hover::before,
.cs-rail a:focus-visible::before,
.cs-rail a[aria-current="true"]::before{height:18px}
.cs-rail-note{
  margin-top:1.25rem;
  display:grid;grid-template-columns:24px 1fr;gap:.6rem;
  color:var(--ink-3);font-size:.7rem;line-height:1.6;
}
.cs-rail-note span{
  width:22px;height:22px;display:grid;place-items:center;
  border:1px solid var(--sage);border-radius:50%;
  color:var(--navy);font-family:var(--serif);font-size:.9rem;
}
/* Cipa hedefleri sabit basligin altinda kalmasin. */
.cs-flow section[id],.cs-flow h2[id],.cs-flow h3[id]{scroll-margin-top:calc(var(--hdr) + 1.2rem)}

@media (max-width:1080px){
  main > .cs-layout{grid-template-columns:minmax(0,1fr);column-gap:0}
  .cs-flow{grid-column:1}
  .cs-rail{
    grid-column:1;grid-row:auto;position:static;
    margin-bottom:2.6rem;padding:.65rem 0;border-top-width:1px;
  }
  .cs-rail-nav,.cs-rail-posts{
    display:flex;align-items:center;overflow-x:auto;scrollbar-width:none;
  }
  .cs-rail-nav::-webkit-scrollbar,.cs-rail-posts::-webkit-scrollbar{display:none}
  .cs-rail a{
    flex:0 0 auto;max-width:15rem;
    padding:.5rem .85rem;border-left:0;border-right:1px solid var(--line);
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  }
  .cs-rail a::before{display:none}
  .cs-rail-note{display:none}
}

/* ---------- 24. Baski ---------- */
@media print{
  .site-header,.gtm-btn,.gtm-panel,.gtm-overlay,.wa-float,.proc-cta-section{display:none}
  body{background:#fff;font-size:11pt}
  main{display:block;max-width:none;padding:0}
  a{text-decoration:none;color:#000}
}

/* ---------- 27. Masaustu mega menu ---------- */
/* Panel .site-header'a gore konumlanir: li static kalmali. */
.has-mm{position:static}
.main-nav > ul > li > a{display:flex;align-items:center;gap:.3rem}
.mm-ok{width:13px;height:13px;flex:0 0 auto;opacity:.5;transition:transform .18s ease}
.has-mm:hover > a,.has-mm:focus-within > a{background:var(--navy-08);color:var(--navy)}
/* bulunulan bolum (site-nav.js isaretler) */
.main-nav > ul > li > a[aria-current]{color:var(--navy);font-weight:700;background:var(--navy-08)}
.has-mm:hover > a .mm-ok,.has-mm:focus-within > a .mm-ok{transform:rotate(180deg);opacity:.85}

/* ---- masaustu mega menu: uc bolge, site kusagiyla ayni genislikte ---- */
.mm{
  position:absolute;top:calc(100% - 1px);left:50%;
  /* Panel bilerek site kusagindan genis: baslik listesi tek satira sigsin. */
  width:min(1300px,calc(100vw - 2rem));
  background:var(--white);
  border:1px solid var(--line);border-radius:0 0 var(--r) var(--r);
  box-shadow:0 26px 54px rgba(26,26,46,.16);
  opacity:0;visibility:hidden;transform:translate(-50%,-10px);
  transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s;
  /* Kisa ekranlarda (dizustu 768px) panel viewport'u asabilir: kendi icinde kaysin. */
  max-height:calc(100vh - var(--hdr));overflow-y:auto;overscroll-behavior:contain;
}
.has-mm:hover > .mm,.has-mm:focus-within > .mm,.has-mm.mm-acik > .mm{
  opacity:1;visibility:visible;transform:translate(-50%,0);transition-delay:0s,0s,0s;
}
.mm-in{
  padding:1.55rem var(--oluk) 1.4rem;
  display:grid;grid-template-columns:minmax(0,296px) minmax(0,1fr) 212px;gap:1.55rem;
  align-items:start;
}
.mm-bas{
  margin:0 0 .85rem;font-size:.72rem;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--ink-3);
}

/* sol bolge: 2x2 one cikan kartlar */
.mm-kartlar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem .8rem}
.mm-k{
  display:block;text-decoration:none;color:inherit;border-radius:var(--r-sm);
  transition:transform .16s ease;
}
.mm-k img{
  width:100%;aspect-ratio:4/3;height:auto;object-fit:cover;display:block;
  border-radius:var(--r-sm);
}
.mm-kt{
  display:block;margin-top:.42rem;font-size:.845rem;font-weight:600;line-height:1.34;
  color:var(--navy);
}
.mm-k:hover,.mm-k:focus-visible{transform:translateY(-2px)}
.mm-k:hover .mm-kt,.mm-k:focus-visible .mm-kt{text-decoration:underline;text-underline-offset:2px}

/* orta bolge: basliklar. Yapraklari sutunlara CSS boler, bassiz sutun olusmaz. */
.mm-altgrup{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));
  gap:.4rem 1.6rem;margin-bottom:1.15rem;
  padding-bottom:1.05rem;border-bottom:1px solid var(--line-2);
}
/* Tek alt hub varsa satiri tam kaplar; listesi de iki sutuna aksin. */
.mm-altgrup:has(> .mm-g:only-child) ul{columns:2;column-gap:1.6rem}
.mm-g{min-width:0;break-inside:avoid}
.mm-gb{
  display:block;margin-bottom:.35rem;font-size:.845rem;font-weight:700;
  color:var(--navy);text-decoration:none;
}
.mm-gb:hover{text-decoration:underline}
.mm-g ul{list-style:none;margin:0;padding:0}
.mm-iki{columns:2;column-gap:1.6rem}
.mm-g li{margin:0;break-inside:avoid}
.mm-g li a{
  display:block;padding:.235rem 0;font-size:.765rem;line-height:1.4;
  color:var(--ink-2);text-decoration:none;transition:color .14s ease;
}
.mm-g li a:hover,.mm-g li a:focus-visible{color:var(--navy);text-decoration:underline}
.mm-daha a{font-weight:600;color:var(--gold)}

/* sag bolge: lacivert randevu kutusu, panel yuksekligini doldurur */
.mm-yan{
  align-self:stretch;display:flex;flex-direction:column;
  background:var(--navy);color:#fff;border-radius:var(--r);padding:1.15rem 1.15rem 1.05rem;
}
.mm-yan-bas{margin:0 0 .5rem;font-size:1rem;font-weight:700;line-height:1.3;color:#fff}
.mm-yan-p{margin:0 0 1rem;font-size:.795rem;line-height:1.5;color:rgba(255,255,255,.82)}
.mm-yan-saat{
  margin:0 0 1rem;padding-top:.9rem;border-top:1px solid rgba(255,255,255,.18);
  font-size:.755rem;line-height:1.55;color:rgba(255,255,255,.72);
}
.mm-yan-saat b{display:block;font-size:.7rem;font-weight:700;letter-spacing:.09em;
  text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:.25rem}
.mm-yan-saat span{display:block}
.mm-yan-btn{
  margin-top:auto;width:100%;justify-content:center;padding:.62rem 1rem;font-size:.86rem;
  background:var(--white);color:var(--navy);border-color:var(--white);
}
.mm-yan-btn:hover,.mm-yan-btn:focus-visible{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.mm-yan-tel{
  display:block;margin-top:.55rem;text-align:center;font-size:.9rem;font-weight:600;
  color:var(--gold);text-decoration:none;font-variant-numeric:tabular-nums;
}
.mm-yan-tel:hover{text-decoration:underline}

/* alt serit */
.mm-alt{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  border-top:1px solid var(--line-2);background:#FCFAF7;
  border-radius:0 0 var(--r) var(--r);padding:.78rem var(--oluk);
}
.mm-tum{font-size:.855rem;font-weight:600;color:var(--navy);text-decoration:none}
.mm-tum::after{content:" →"}
.mm-tum:hover{text-decoration:underline}
.mm-alt-not{font-size:.775rem;color:var(--ink-3);letter-spacing:.02em}
/* Genis masaustunde baslik listesi kirilmaz; dar ekranda sutun daralinca
   tek satir zorlamasi tasma yapardi, orada tekrar sarmasina izin verilir. */
@media (min-width:1200px){
  .mm-g li a{white-space:nowrap}
}
@media (max-width:1199px){
  .mm-in{grid-template-columns:minmax(0,260px) minmax(0,1fr) 196px;gap:1.3rem}
}
body:has(.has-mm:hover) .wa-float,body:has(.has-mm:focus-within) .wa-float,
body:has(.has-mm.mm-acik) .wa-float{opacity:0;pointer-events:none}

@media (max-width:960px){
  .mm{display:none}
}
@media (prefers-reduced-motion:reduce){
  .mm{transition-duration:.01ms}
  .mm-ok{transition-duration:.01ms}
}

/* ---------- 26. Mobil menu: off-canvas, dallanmali (3 seviye) ----------
   Sadece <=960px'te calisir. Panel her sayfada aynidir; icerik agaci
   build.py icindeki mobil_panel_html() tarafindan bir kez uretilir.      */

/* hamburger: iki SVG ust uste, aria-expanded ile morph */
.gtm-btn{
  display:none;align-items:center;justify-content:center;position:relative;
  flex:0 0 auto;width:44px;height:44px;padding:0;margin-left:auto;
  color:var(--navy);background:transparent;border:1px solid var(--line);
  border-radius:var(--r-sm);cursor:pointer;
}
.gtm-btn:hover{background:var(--navy-08)}
.gtm-btn svg{position:absolute;top:50%;left:50%;transition:opacity .2s ease,transform .2s ease}
.gtm-ico-menu{opacity:1;transform:translate(-50%,-50%) scale(1)}
.gtm-ico-x{opacity:0;transform:translate(-50%,-50%) scale(.55);pointer-events:none}
.gtm-btn[aria-expanded="true"] .gtm-ico-menu{opacity:0;transform:translate(-50%,-50%) scale(.55)}
.gtm-btn[aria-expanded="true"] .gtm-ico-x{opacity:1;transform:translate(-50%,-50%) scale(1)}

/* perde */
.gtm-overlay{
  position:fixed;inset:0;z-index:940;
  background:rgba(17,17,120,.42);
  backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
  opacity:0;visibility:hidden;
  transition:opacity .28s ease,visibility 0s linear .28s;
}
.gtm-overlay.is-open{opacity:1;visibility:visible;transition:opacity .28s ease,visibility 0s}

/* panel */
.gtm-panel{
  position:fixed;top:0;right:0;z-index:950;
  width:min(360px,100vw);height:100vh;height:100dvh;
  display:flex;flex-direction:column;overflow:hidden;
  background:var(--white);color:var(--ink);
  border-left:1px solid var(--line);
  box-shadow:-6px 0 40px rgba(26,26,46,.22);
  transform:translateX(100%);visibility:hidden;
  transition:transform .32s cubic-bezier(.4,0,.2,1),visibility 0s linear .32s;
}
.gtm-panel.is-open{
  transform:translateX(0);visibility:visible;
  transition:transform .32s cubic-bezier(.4,0,.2,1),visibility 0s;
}
body.gtm-lock{overflow:hidden}
/* panel acikken sayfa ustundeki yuzen ogeler cakismasin */
body.gtm-lock .wa-float,body.gtm-lock .consent-reopen,body.gtm-lock .consent-banner{
  opacity:0;pointer-events:none;transition:opacity .2s ease}

/* panel basligi */
.gtm-head{
  flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;
  gap:.75rem;min-height:var(--hdr);padding:.7rem 1.1rem;
  background:var(--paper);border-bottom:1px solid var(--line);
}
.gtm-head a{display:flex;align-items:center;text-decoration:none}
.gtm-head img{width:auto;height:30px;max-width:66vw}
.gtm-close{
  flex:0 0 auto;width:36px;height:36px;display:flex;align-items:center;justify-content:center;
  color:var(--navy);background:var(--navy-08);border:1px solid var(--line);
  border-radius:50%;cursor:pointer;transition:background .18s ease;
}
.gtm-close:hover{background:var(--white)}
.gtm-close svg{width:15px;height:15px}

/* kaydirma alani */
.gtm-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.gtm-scroll::-webkit-scrollbar{width:3px}
.gtm-scroll::-webkit-scrollbar-thumb{background:var(--navy-08);border-radius:3px}

/* seviye 1: duz link ve dal acacagi */
.gtm-l1,.gtm-tog{
  display:flex;align-items:center;justify-content:space-between;gap:.5rem;
  width:100%;padding:.92rem 1.15rem;
  font-family:var(--sans);font-size:1rem;font-weight:600;line-height:1.35;
  color:var(--ink);background:var(--white);text-align:left;text-decoration:none;
  border:0;border-bottom:1px solid var(--line-2);border-radius:0;
  cursor:pointer;transition:background .2s ease,color .18s ease;
}
.gtm-l1:hover,.gtm-tog:hover,.gtm-l1:focus-visible,.gtm-tog:focus-visible{background:var(--navy-08);color:var(--navy)}
.gtm-tog[aria-expanded="true"]{color:var(--navy);background:var(--navy-08)}
.gtm-ic{flex:0 0 auto;width:16px;height:16px;color:var(--gold);transition:transform .24s ease}
.gtm-tog[aria-expanded="true"] .gtm-ic{transform:rotate(180deg)}

/* seviye 2 govdesi: altin dal cizgisi */
.gtm-sub{
  max-height:0;overflow:hidden;background:var(--paper);
  margin-left:1rem;border-left:2px solid var(--gold);
  transition:max-height .34s ease;
}
.gtm-sub.is-open{max-height:6000px}

/* "tumu" kisayolu */
.gtm-all{
  display:block;padding:.7rem 1.15rem;
  font-size:.85rem;font-weight:700;font-style:italic;letter-spacing:.01em;
  color:var(--navy);background:var(--gold-bg);text-decoration:none;
  border-bottom:1px solid var(--line-2);
  transition:padding-left .16s ease,background .2s ease;
}
.gtm-all:hover,.gtm-all:focus-visible{background:var(--gold);color:var(--navy);padding-left:1.5rem}

/* seviye 2: alt silo basligi */
.gtm-cat{
  display:flex;align-items:center;justify-content:space-between;gap:.5rem;
  width:100%;padding:.78rem 1.15rem;
  font-family:var(--sans);font-size:.82rem;font-weight:700;
  letter-spacing:.045em;text-transform:uppercase;text-align:left;line-height:1.35;
  color:var(--navy);background:transparent;
  border:0;border-bottom:1px solid var(--line-2);border-radius:0;
  cursor:pointer;transition:background .2s ease;
}
.gtm-cat:hover,.gtm-cat:focus-visible,.gtm-cat[aria-expanded="true"]{background:var(--navy-08)}
.gtm-cat .gtm-ic{width:13px;height:13px}
.gtm-cat[aria-expanded="true"] .gtm-ic{transform:rotate(180deg)}

/* seviye 3: sayfa linkleri */
.gtm-list{max-height:0;overflow:hidden;background:var(--white);transition:max-height .26s ease}
.gtm-list.is-open{max-height:2400px}
.gtm-l3{
  display:block;padding:.62rem 1.15rem .62rem 1.85rem;
  font-size:.9rem;font-weight:500;line-height:1.4;
  color:var(--ink-2);text-decoration:none;border-bottom:1px solid var(--line-2);
  transition:padding-left .16s ease,background .2s ease,color .18s ease;
}
.gtm-l3:hover,.gtm-l3:focus-visible{background:var(--navy-08);color:var(--navy);padding-left:2.1rem}
/* bulunulan sayfa */
.gtm-l1[aria-current],.gtm-l3[aria-current]{
  color:var(--navy);font-weight:700;background:var(--gold-bg);
  box-shadow:inset 3px 0 0 var(--gold)}

/* panel alt bandi: iletisim + sosyal + CTA */
.gtm-foot{flex:0 0 auto;padding:.8rem 1.15rem .9rem;background:var(--paper);border-top:1px solid var(--line)}
.gtm-cont{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.65rem}
.gtm-c{display:flex;align-items:center;gap:.6rem;color:var(--ink);text-decoration:none}
.gtm-c:hover .gtm-cv,.gtm-c:focus-visible .gtm-cv{color:var(--navy);text-decoration:underline;text-underline-offset:.18em}
.gtm-ci{
  flex:0 0 auto;width:30px;height:30px;display:flex;align-items:center;justify-content:center;
  color:var(--navy);background:var(--white);border:1px solid var(--line);border-radius:var(--r-sm);
}
.gtm-ci svg{width:15px;height:15px}
.gtm-cv{font-size:.83rem;font-weight:600;line-height:1.3;color:var(--ink);transition:color .18s ease}
.gtm-cv small{display:block;margin-top:.1rem;font-size:.72rem;font-weight:400;line-height:1.35;color:var(--ink-3)}
.gtm-soc{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.65rem}
.gtm-s{
  display:inline-flex;align-items:center;gap:.3rem;padding:.34rem .7rem;
  font-size:.78rem;font-weight:600;color:var(--navy);text-decoration:none;
  background:var(--white);border:1px solid var(--line);border-radius:999px;
  transition:background .18s ease,color .18s ease,border-color .18s ease;
}
.gtm-s:hover,.gtm-s:focus-visible{background:var(--navy);border-color:var(--navy);color:var(--white)}
.gtm-s svg{width:13px;height:13px}
.gtm-cta{
  display:block;padding:.75rem;
  font-size:.92rem;font-weight:700;text-align:center;text-decoration:none;
  color:var(--white);background:var(--navy);border:1px solid var(--navy);border-radius:999px;
  box-shadow:0 4px 18px rgba(17,17,120,.28);
  transition:transform .16s ease,box-shadow .16s ease;
}
.gtm-cta:hover,.gtm-cta:focus-visible{color:var(--white);transform:translateY(-1px);box-shadow:0 6px 24px rgba(17,17,120,.4)}

/* kirilim noktalari: masaustunde panel hic yok */
@media (min-width:1281px){
  .gtm-btn,.gtm-panel,.gtm-overlay{display:none!important}
}
@media (max-width:1280px){
  .gtm-btn{display:flex}
}
@media (prefers-reduced-motion:reduce){
  .gtm-panel,.gtm-overlay,.gtm-sub,.gtm-list,.gtm-ic,.gtm-btn svg{transition-duration:.01ms}
}

/* ---------- 28. Anasayfa video kahramani + hizmet hublari ---------- */
/* Tam genislik bant: main izgarasinin "wide" sutunundan tasar. Govde
   overflow-x:clip tasidigi icin 100vw yatay kaydirma yaratmaz. */
.home-hero{
  grid-column:wide;
  width:100vw;margin-left:calc(50% - 50vw);
  margin-top:.4rem;margin-bottom:3.2rem;
}
/* Bant sayfanin ilk ogesiyse main'in ust dolgusu kadar yukari cekilir:
   ust bandin altina kagit serit girmesin. */
main > .home-hero:first-child{margin-top:calc(-1 * var(--main-pt))}
.hh-media{
  position:relative;isolation:isolate;overflow:hidden;
  min-height:clamp(300px,40vw,470px);
  display:flex;align-items:flex-end;
  padding:clamp(2.2rem,5vw,4rem) 0 clamp(4.5rem,7vw,6.5rem);
  background:linear-gradient(120deg,#0C0C56 0%,var(--navy) 45%,var(--blue) 100%);
}
.hh-video,.hh-still{
  position:absolute;inset:0;z-index:-2;
  width:100%;height:100%;object-fit:cover;
  border:0;pointer-events:none;
}
/* Metnin okunurlugu videodan bagimsiz olmali: sabit koyu perde. */
.hh-media::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(8,8,54,.86) 0%,rgba(8,8,54,.62) 52%,rgba(8,8,54,.30) 100%);
}
.hh-in{
  position:relative;z-index:1;
  max-width:var(--wrap);width:100%;margin:0 auto;
  padding:0 var(--oluk);
}
.hh-ust{
  margin:0 0 .7rem;color:var(--gold);
  font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
}
.hh-bas{
  margin:0 0 .8rem;max-width:20ch;
  font-family:var(--serif);font-weight:600;color:#fff;
  font-size:clamp(1.9rem,1.2rem + 2.4vw,3rem);line-height:1.12;letter-spacing:-.015em;
}
.hh-ack{
  margin:0 0 1.6rem;max-width:52ch;
  color:rgba(255,255,255,.86);font-size:1.02rem;line-height:1.65;
}
.hh-cta-sat{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.5rem;margin:0}
.hh-cta{background:var(--gold);color:#231C0C;box-shadow:none}
.hh-cta:hover{background:#D2B685;color:#231C0C}
.hh-alt-link{
  color:#fff;font-weight:600;font-size:.95rem;
  text-decoration:underline;text-underline-offset:.25em;text-decoration-color:rgba(255,255,255,.45);
}
.hh-alt-link:hover{color:var(--gold);text-decoration-color:var(--gold)}

/* Hub kartlari: video bandinin alt kenarina binen dort giris. */
.hh-hub{
  position:relative;z-index:2;
  max-width:var(--wrap);margin:-3.6rem auto 0;padding:0 var(--oluk);
  display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr));
  list-style:none;
}
.hh-hub li{margin:0}
.hh-k > a{
  position:relative;display:block;overflow:hidden;
  aspect-ratio:16/11;border-radius:var(--r);
  background:var(--navy);box-shadow:var(--sh);
  text-decoration:none;color:#fff;
  transition:transform .16s ease,box-shadow .16s ease;
}
.hh-k > a:hover{transform:translateY(-3px);box-shadow:var(--sh-2)}
.hh-kf{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.hh-k > a:hover .hh-kf{transform:scale(1.05)}
/* Yazi katmani: fotografin altina koyu degrade, okunurluk fotografa birakilmaz. */
.hh-kg{
  position:absolute;inset:auto 0 0 0;z-index:1;display:block;
  padding:2.6rem 1.15rem 1.05rem;
  background:linear-gradient(180deg,rgba(8,8,54,0) 0%,rgba(8,8,54,.72) 45%,rgba(8,8,54,.93) 100%);
}
.hh-ikon{display:block;width:40px;height:40px;margin:0 0 .55rem;object-fit:contain;filter:drop-shadow(0 1px 3px rgba(10,10,40,.55))}
.hh-kad{
  display:block;font-family:var(--serif);font-size:1.3rem;font-weight:600;
  color:#fff;line-height:1.18;
}
.hh-koz{display:block;margin-top:.28rem;font-size:.82rem;line-height:1.45;color:rgba(255,255,255,.84)}
/* Dort hub kartinda sira sirasi renk degistirir: tek sirada lacivert perde,
   cift sirada "Randevu Al" dugmesinin altini. Altin zeminde beyaz yazi
   okunmadigi icin cift kartlarda yazi ve marka isareti koyuya doner. */
.hh-hub li:nth-child(even) .hh-kg{
  background:linear-gradient(180deg,rgba(194,164,111,0) 0%,rgba(194,164,111,.78) 42%,rgba(200,172,121,.97) 100%);
}
.hh-hub li:nth-child(even) .hh-kad{color:#231C0C}
.hh-hub li:nth-child(even) .hh-koz{color:rgba(35,28,12,.80)}
.hh-hub li:nth-child(even) .hh-ikon{filter:brightness(0);opacity:.84}

@media (max-width:980px){
  .hh-hub{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:-2.4rem}
  .hh-media{padding-bottom:clamp(3.6rem,9vw,5rem)}
}
@media (max-width:640px){
  .home-hero{margin-bottom:2.4rem}
  .hh-media{min-height:0;padding:2.4rem 0 2.6rem}
  .hh-bas{max-width:none}
  .hh-hub{grid-template-columns:1fr;margin-top:1rem;gap:.75rem}
  .hh-k > a{aspect-ratio:16/8}
  .hh-kad{font-size:1.18rem}
}
/* Hareket azaltma tercihi: video hic oynatilmaz, marka gradyani kalir. */
@media (prefers-reduced-motion:reduce){
  .hh-video{display:none}
}

/* ---------- 29. Sayfa ust bandi (silo + icerik sayfalari) ---------- */
/* Anasayfadaki video bandinin dar kardesi: ayni marka gradyani, ayni perde
   degerleri; yalniz yukseklik ve tipografi kucultuldu. Ekmek kirintisi, H1,
   ozet ve CTA bandin icindedir. Gorsel yoksa gradyan tek basina kalir. */
.page-hero{
  grid-column:wide;
  width:100vw;margin-left:calc(50% - 50vw);
  margin-top:.4rem;margin-bottom:2.6rem;
}
/* Band sayfanin ilk ogesiyse main'in ust dolgusu geri cekilir. */
main > .page-hero:first-child{margin-top:calc(-1 * var(--main-pt))}
.ph-media{
  position:relative;isolation:isolate;overflow:hidden;
  min-height:clamp(196px,23vw,300px);
  display:flex;align-items:flex-end;
  padding:clamp(1.6rem,3.2vw,2.5rem) 0 clamp(1.7rem,3.2vw,2.6rem);
  background:linear-gradient(120deg,#0C0C56 0%,var(--navy) 45%,var(--blue) 100%);
}
.ph-foto{
  position:absolute;inset:0;z-index:-2;
  width:100%;height:100%;object-fit:cover;
  border:0;pointer-events:none;
}
/* Metnin okunurlugu fotografa birakilmaz: anasayfayla ayni sabit perde. */
.ph-media::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(8,8,54,.86) 0%,rgba(8,8,54,.62) 52%,rgba(8,8,54,.30) 100%);
}
.ph-in{
  position:relative;z-index:1;
  max-width:var(--wrap);width:100%;margin:0 auto;
  padding:0 var(--oluk);
}
.ph-in .breadcrumb{margin:0 0 .75rem;color:rgba(255,255,255,.70)}
.ph-in .breadcrumb a{color:rgba(255,255,255,.82)}
.ph-in .breadcrumb a:hover{color:#fff}
.ph-in .breadcrumb [aria-current]{color:#fff;font-weight:600}
.ph-in .breadcrumb li + li::before{color:rgba(255,255,255,.38)}
.ph-ust{
  margin:0 0 .45rem;color:var(--gold);
  font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
}
.ph-in h1{
  margin:0 0 .6rem;max-width:24ch;
  font-family:var(--serif);font-weight:600;color:#fff;
  font-size:clamp(1.7rem,1.1rem + 1.8vw,2.5rem);line-height:1.14;letter-spacing:-.015em;
}
.ph-oz{margin:0 0 1.2rem;max-width:56ch;color:rgba(255,255,255,.86);font-size:.97rem;line-height:1.6}
.ph-cta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.4rem;margin:0}
.ph-cta .btn-primary{background:var(--gold);color:#231C0C;box-shadow:none}
.ph-cta .btn-primary:hover{background:#D2B685;color:#231C0C}
.ph-alt{
  color:#fff;font-weight:600;font-size:.92rem;
  text-decoration:underline;text-underline-offset:.25em;
  text-decoration-color:rgba(255,255,255,.45);
}
.ph-alt:hover{color:var(--gold);text-decoration-color:var(--gold)}
/* Band bir sonraki ogeyle bitisiktir; capa sabit basligin altina kacmasin. */
#sayfa-govde{scroll-margin-top:calc(var(--hdr) + 1rem)}

@media (max-width:640px){
  .page-hero{margin-bottom:2rem}
  .ph-media{min-height:0;padding:1.5rem 0 1.7rem}
  .ph-in h1{max-width:none}
  .ph-oz{margin-bottom:1rem;font-size:.94rem}
}
/* Baskida fotograf ve perde dusurulur; metin siyaha doner. */
@media print{
  .ph-media{background:none;min-height:0;padding:0}
  .ph-foto,.ph-media::after,.ph-cta{display:none}
  .ph-in h1,.ph-oz,.ph-ust,.ph-in .breadcrumb,.ph-in .breadcrumb a{color:#000}
}

/* ---------- 30. Sikca sorulan sorular (acilir-kapanir) ---------- */
/* Yapi <details>/<summary>: JS kapaliyken de her soru acilabilir kalir.
   Gorsel dil referans kalibin aynisi: ince ayrac cizgileri, serif soru,
   sagda acilinca 180 donen altin sevron. Cevap kapali durumda tarayici
   tarafindan gizlenir; ayrica CSS ile gizlemeye gerek yoktur. */
.sss-liste{display:flex;flex-direction:column;gap:0;margin-top:1.5rem}
.sss-oge{border-bottom:1px solid var(--line)}
.sss-oge:first-child{border-top:1px solid var(--line)}
.sss-q{
  width:100%;text-align:left;padding:1.25rem 0;
  display:flex;justify-content:space-between;align-items:center;
  gap:1rem;cursor:pointer;background:none;border:0;
  list-style:none;
}
/* Tarayicinin varsayilan ucgen isareti: iki motorda da kaldirilir. */
.sss-q::-webkit-details-marker{display:none}
.sss-q::marker{content:""}
.sss-q h3{
  margin:0;font-family:var(--serif);font-size:1.05rem;font-weight:600;
  color:var(--ink);line-height:1.3;letter-spacing:0;
  /* Capa ile gelindiginde yapiskan baslik soruyu ortmesin. */
  scroll-margin-top:calc(var(--hdr) + 1.25rem);
}
.sss-q:hover h3,.sss-oge[open] .sss-q h3{color:var(--navy)}
.sss-q:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:2px}
.sss-ok{
  width:18px;height:18px;flex-shrink:0;
  fill:none;stroke:var(--gold);stroke-width:2;
  transition:transform .25s;
}
.sss-oge[open] .sss-ok{transform:rotate(180deg)}
.sss-a{font-size:.9rem;color:var(--ink-2);line-height:1.8;padding-bottom:1.25rem}
.sss-a p{margin:0;max-width:72ch}
.sss-a p + p{margin-top:.7rem}
@media (prefers-reduced-motion:reduce){.sss-ok{transition:none}}
@media (max-width:640px){
  .sss-q{padding:1.05rem 0}
  .sss-q h3{font-size:1.02rem}
}
/* Yazdirmada tum sorular JS ile acilir (site-nav.js); sevron gereksizdir. */
@media print{
  .sss-ok{display:none}
  .sss-oge{break-inside:avoid}
}

/* ---------- 31. Anasayfa hekim tanitim bandi ---------- */
/* Hero'nun hemen altinda duran iki sutunlu tanitim: solda portre, sagda
   egitim/yaklasim metni. Metin sutunu 720px'lik okuma kolonundan tasar,
   bu yuzden "wide" sutununa oturur. */
.hekim-tanitim{
  grid-column:wide;
  display:grid;gap:clamp(1.8rem,4vw,3.4rem);
  grid-template-columns:minmax(0,.78fr) minmax(0,1fr);
  /* Portre metin sutunuyla ayni yuksekligi doldurur: ortalanmis birakildiginda
     kartlar sutunu uzadikca fotografin altinda ve ustunde bos serit kaliyordu. */
  align-items:stretch;
  margin:0 0 3.4rem;
}
.ht-sol{position:relative;isolation:isolate;display:flex}
.ht-foto{
  display:block;width:100%;height:100%;min-height:clamp(380px,42vw,560px);
  object-fit:cover;object-position:50% 16%;
  border-radius:var(--r);box-shadow:var(--sh-2);
}
/* Ad serdi fotografin alt kenarina oturur. Onceki hali portrenin uzerine
   tam genislikte koyu lacivert bir kutu koyuyordu; goruntuyu bastiriyordu.
   Yerine sol kenardan cikan, altin seritli acik kart: daha hafif duruyor ve
   tipografisi sayfanin geri kalaniyla ayni dili konusuyor. */
.ht-rozet{
  position:absolute;left:0;bottom:1.6rem;max-width:calc(100% - 2rem);
  display:flex;flex-direction:column;gap:.22rem;
  padding:.85rem 1.5rem .9rem 1.15rem;
  border-left:3px solid var(--gold);
  border-radius:0 var(--r-sm) var(--r-sm) 0;
  background:rgba(255,255,255,.94);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  box-shadow:0 16px 38px rgba(12,12,60,.22);
}
.ht-rozet strong{
  font-family:var(--serif);font-size:1.14rem;font-weight:600;
  line-height:1.2;color:var(--navy);
}
.ht-rozet span{
  font-size:.72rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;
  color:var(--gold-text);
}

.ht-etiket{
  margin:0 0 .9rem;display:flex;align-items:center;gap:.7rem;
  font-size:.78rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gold);
}
.ht-etiket::before{content:"";width:44px;height:1px;background:var(--gold);flex:none}
.ht-bas{
  margin:0 0 1.15rem;font-family:var(--serif);font-weight:600;
  font-size:clamp(1.95rem,3.4vw,2.9rem);line-height:1.14;color:var(--ink);
}
.ht-bas em{display:block;font-style:italic;font-weight:500;color:var(--ink-2)}
.ht-bas em span{display:block}
.ht-metin{margin:0 0 1.6rem;color:var(--ink-2);max-width:60ch}

/* Alan kartlari: anasayfadaki dort silo girisi. Hero'daki fotografli hub
   kartlarinin tekrari olmasin diye burada metin agirlikli, ince cerceveli
   kompakt kart kullanilir. */
.ht-kgiris{margin:0 0 1.15rem;color:var(--ink-3);font-size:.95rem;line-height:1.6;max-width:58ch}
.ht-kartlar{
  list-style:none;margin:0 0 1.7rem;padding:0;
  display:grid;gap:.85rem;grid-template-columns:repeat(2,minmax(0,1fr));
}
.ht-kartlar li{margin:0}
.ht-kart{
  display:flex;flex-direction:column;gap:.5rem;height:100%;
  padding:1.05rem 1.15rem 1.15rem;
  border:1px solid var(--line);border-radius:var(--r-sm);
  background:var(--white);text-decoration:none;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.ht-kart:hover,.ht-kart:focus-visible{
  border-color:var(--gold);transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(12,12,60,.11);
}
.ht-ki{
  display:grid;place-items:center;width:38px;height:38px;
  border-radius:var(--r-sm);background:var(--gold-bg);color:var(--navy);
  transition:background .16s ease,color .16s ease;
}
.ht-kart:hover .ht-ki{background:var(--gold);color:#231C0C}
.ht-kb{font-family:var(--serif);font-size:1.08rem;font-weight:600;line-height:1.25;color:var(--navy)}
.ht-ko{font-size:.88rem;line-height:1.5;color:var(--ink-3)}

.ht-link{
  display:inline-flex;align-items:center;gap:.5rem;
  padding-bottom:.35rem;border-bottom:1px solid var(--line);
  font-weight:500;color:var(--navy);text-decoration:none;
}
.ht-link:hover{border-bottom-color:var(--navy)}

@media (max-width:900px){
  .hekim-tanitim{grid-template-columns:1fr;gap:1.9rem;margin-bottom:2.8rem}
  /* Dar ekranda tam boy portre ekranin tamamini yer; ust sinir konur. */
  .ht-foto{height:auto;min-height:0;aspect-ratio:1/1;max-height:78vh}
  .ht-sol{max-width:520px}
}
@media (max-width:520px){
  .ht-kartlar{grid-template-columns:1fr}
}


/* ---------- 32. Anasayfa ozet serit ---------- */
/* Ust satir: arama motoru ve yapay zeka araclarinin alintiladigi kisa cevap.
   Alt satir: hekim bandindan tasinan uc guven maddesi. Ikisi tek bir dar
   bantta durur; hekim bandi ile uygulamalar listesi arasina girer. */
/* Iki sutun: solda alintilanabilir kisa cevap karti, sagda muayenehanede
   cekilmis dijital olcu videosu. Sutunlar stretch: iki kutunun alt kenari
   ayni hizada biter, video yuksekligi karta gore ayarlanir. */
.ozet-serit{
  grid-column:wide;
  margin:0 0 3.4rem;
  display:grid;gap:clamp(.9rem,1.8vw,1.5rem);
  grid-template-columns:minmax(0,1fr) clamp(200px,23%,310px);
  align-items:stretch;
}
.oz-kart{
  min-width:0;padding:1.6rem clamp(1.2rem,3vw,2.2rem);
  border:1px solid var(--line);border-top:2px solid var(--gold);
  border-radius:var(--r);background:var(--gold-bg);
}
.oz-video{
  position:relative;margin:0;overflow:hidden;min-height:0;
  border:1px solid var(--line);border-top:2px solid var(--gold);
  border-radius:var(--r);background:var(--navy);
}
/* Dikey cekim dar sutuna oturuyor: tasan kenarlar kirpilir, kadrajin ilgi
   merkezi (tarayici ucu ve ekran) ortada tutulur. */
.oz-video video{
  display:block;width:100%;height:100%;
  object-fit:cover;object-position:50% 45%;
}
.oz-vac{
  position:absolute;left:0;right:0;bottom:0;
  padding:1.6rem .85rem .7rem;
  font-size:.76rem;line-height:1.35;color:#fff;
  background:linear-gradient(to top,rgba(10,10,60,.82),rgba(10,10,60,0));
}
/* Hareket azaltma tercihi: video hic oynatilmaz, poster karesi kalir. */
@media (prefers-reduced-motion:reduce){
  .oz-video video{display:none}
  .oz-video{
    background:var(--navy) url("/assets/video/seffaf-plak-tarayici-simulasyonu-poster.webp")
      center/cover no-repeat;
    aspect-ratio:3/4;
  }
}
.oz-etiket{
  margin:0 0 .5rem;font-size:.72rem;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;color:var(--gold-text);
}
.oz-metin{
  margin:0;max-width:78ch;
  font-family:var(--serif);font-size:clamp(1.12rem,1.7vw,1.34rem);
  line-height:1.5;color:var(--ink);
}
/* Cevap ve guven maddeleri ayni bantta ama ayri okuma birimi: sac teli
   kalinliginda bir cizgi ikisini ayirir, kutu bolmeye gerek kalmaz. */
.oz-guven{
  list-style:none;margin:1.35rem 0 0;padding:1.35rem 0 0;
  border-top:1px solid var(--line);
  display:grid;gap:1rem clamp(1.2rem,3vw,2.4rem);
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.oz-guven li{margin:0;display:flex;gap:.75rem;align-items:flex-start}
.oz-gi{
  flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;
  border-radius:50%;background:var(--white);color:var(--gold-text);
  box-shadow:0 1px 2px rgba(26,26,46,.06);
}
.oz-gm{display:block;min-width:0;font-size:.86rem;line-height:1.5;color:var(--ink-2)}
.oz-gm strong{
  display:block;margin-bottom:.18rem;
  font-size:.94rem;font-weight:600;line-height:1.3;color:var(--navy);
}

/* Dar ekranda video sutunu kartin altina gecer; dikey cekim tam boyuna
   uzamasin diye 3/4 kadraja oturtulur. */
@media (max-width:1080px){
  .ozet-serit{grid-template-columns:minmax(0,1fr)}
  .oz-video{aspect-ratio:3/4;max-height:64vh}
}
@media (max-width:900px){
  .ozet-serit{margin-bottom:2.8rem}
  .oz-guven{grid-template-columns:1fr;gap:.9rem}
}

/* ---------- 30. Sayfa ust bandi (hero) ---------- */
/* Her sayfanin one cikarilan gorseli tam genislikte bant olur. Ekmek kirintisi,
   H1, ozet ve CTA bandin icindedir. Gorsel yoksa marka gradyani tek basina kalir. */
.page-hero{grid-column:wide;
  width:100vw;margin-left:calc(50% - 50vw);
  margin-top:.4rem;margin-bottom:2.6rem;}
main > .page-hero:first-child{margin-top:calc(-1 * var(--main-pt))}
.ph-media{position:relative;isolation:isolate;overflow:hidden;
  min-height:clamp(196px,23vw,300px);
  display:flex;align-items:flex-end;
  padding:clamp(1.6rem,3.2vw,2.5rem) 0 clamp(1.7rem,3.2vw,2.6rem);
  background:linear-gradient(120deg,#0C0C56 0%,var(--navy) 45%,var(--blue) 100%);}
.ph-foto{position:absolute;inset:0;z-index:-2;
  width:100%;height:100%;object-fit:cover;
  border:0;pointer-events:none;}
/* Metnin okunurlugu fotografa birakilmaz: sabit perde. */
.ph-media::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(9,9,60,.88) 0%,rgba(9,9,60,.64) 52%,rgba(9,9,60,.32) 100%);}
.ph-in{position:relative;z-index:1;
  max-width:var(--wrap);width:100%;margin:0 auto;
  padding:0 var(--oluk);}
.ph-in .breadcrumb{margin:0 0 .75rem;color:rgba(255,255,255,.72)}
.ph-in .breadcrumb a{color:rgba(255,255,255,.86);border-bottom:1px solid rgba(255,255,255,.28);padding-bottom:1px}
.ph-in .breadcrumb a:hover,.ph-in .breadcrumb a:focus-visible{color:#fff;border-bottom-color:var(--gold);text-decoration:none}
.ph-in .breadcrumb [aria-current]{color:#fff;font-weight:700}
.ph-in .breadcrumb li + li::before{color:rgba(255,255,255,.50)}
.ph-ust{margin:0 0 .45rem;color:var(--gold);
  font-family:var(--sans);
  font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;}
.ph-in h1{margin:0 0 .6rem;max-width:24ch;
  font-family:var(--serif);font-weight:600;color:#fff;
  font-size:clamp(1.7rem,1.1rem + 1.8vw,2.5rem);line-height:1.14;letter-spacing:-.015em;}
.ph-oz{margin:0 0 1.2rem;max-width:56ch;color:rgba(255,255,255,.87);font-size:.97rem;line-height:1.6}
.ph-cta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.4rem;margin:0}
.ph-cta .btn-primary{background:var(--gold);color:#231C0C;box-shadow:none}
.ph-cta .btn-primary:hover{background:#D2B685;color:#231C0C}
.ph-alt{color:#fff;font-weight:600;font-size:.92rem;
  text-decoration:underline;text-underline-offset:.25em;
  text-decoration-color:rgba(255,255,255,.45);}
.ph-alt:hover{color:var(--gold);text-decoration-color:var(--gold)}

/* ---------- 31. Sol ray: sayfa ici indeks + blog ---------- */
main > .cs-layout{grid-column:wide;
  display:grid;
  grid-template-columns:220px minmax(0,var(--text-w));
  justify-content:center;
  column-gap:clamp(3rem,6vw,6.5rem);}
.cs-flow{grid-column:2;min-width:0}
.cs-flow > *:first-child{margin-top:0}
.cs-rail{grid-column:1;grid-row:1;
  position:sticky;top:calc(var(--hdr) + 2.6rem);
  align-self:start;
  padding:1.35rem 0;
  border-top:2px solid var(--navy);
  border-bottom:1px solid var(--line);}
.cs-rail-label{margin:0 0 1.05rem;
  font-family:var(--sans);font-size:.66rem;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;color:var(--gold-text);}
.cs-rail-label-2{margin-top:1.35rem}
.cs-rail-nav,.cs-rail-posts{display:block}
/* Baglanti metinleri tek satir: ray dikeyde buyumesin. */
.cs-rail-posts a{padding-top:.42rem;padding-bottom:.42rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-rail a{position:relative;display:block;
  padding:.5rem 0 .5rem .9rem;
  border-left:1px solid var(--line);
  color:var(--ink-3);font-size:.78rem;line-height:1.45;
  text-decoration:none;}
.cs-rail a::before{content:"";position:absolute;top:50%;left:-2px;
  width:3px;height:0;background:var(--gold);
  transform:translateY(-50%);transition:height .2s ease;}
.cs-rail a:hover,
.cs-rail a:focus-visible,
.cs-rail a[aria-current="true"]{color:var(--navy)}
.cs-rail a:hover::before,
.cs-rail a:focus-visible::before,
.cs-rail a[aria-current="true"]::before{height:18px}
.cs-rail-note{margin-top:1.25rem;
  display:grid;grid-template-columns:24px 1fr;gap:.6rem;
  color:var(--ink-3);font-size:.7rem;line-height:1.6;}
.cs-rail-note span{width:22px;height:22px;display:grid;place-items:center;
  border:1px solid var(--sage);border-radius:50%;
  color:var(--navy);font-family:var(--serif);font-size:.9rem;}
/* Cipa hedefleri sabit basligin altinda kalmasin. */
.cs-flow section[id],.cs-flow h2[id],.cs-flow h3[id]{scroll-margin-top:calc(var(--hdr) + 1.2rem)}

@media(max-width:1080px){
  main > .cs-layout{grid-template-columns:minmax(0,1fr);column-gap:0}
  .cs-flow{grid-column:1}
  .cs-rail{grid-column:1;grid-row:auto;position:static;
    margin-bottom:2.6rem;padding:.65rem 0;border-top-width:1px;}
  .cs-rail-nav,.cs-rail-posts{display:flex;align-items:center;overflow-x:auto;scrollbar-width:none;}
  .cs-rail-nav::-webkit-scrollbar,.cs-rail-posts::-webkit-scrollbar{display:none}
  .cs-rail a{flex:0 0 auto;max-width:15rem;
    padding:.5rem .85rem;border-left:0;border-right:1px solid var(--line);
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .cs-rail a::before{display:none}
  .cs-rail-note{display:none}
}
@media(max-width:640px){
  .page-hero{margin-bottom:2rem}
  .ph-media{min-height:0;padding:1.5rem 0 1.7rem}
  .ph-in h1{max-width:none}
  .ph-oz{margin-bottom:1rem;font-size:.94rem}
}
@media print{
  .ph-media{background:none;min-height:0;padding:0}
  .ph-foto,.ph-media::after,.ph-cta{display:none}
  .ph-in h1,.ph-oz,.ph-ust,.ph-in .breadcrumb,.ph-in .breadcrumb a{color:#000;border-bottom:0}
  .cs-rail{display:none}
  main > .cs-layout{grid-template-columns:minmax(0,1fr)}
  .cs-flow{grid-column:1}
}

/* ---------- 33. Anasayfa: altin dugme + YouTube kahraman + monogram ---------- */
.btn-gold{background:var(--gold);color:#231C0C;box-shadow:0 2px 10px rgba(0,0,0,.20)}
.btn-gold:hover{background:#D2B684;color:#231C0C;transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,0,0,.26)}
.btn-gold:active{transform:translateY(0)}

/* YouTube kahraman: iframe object-fit tanimadigi icin "cover" elle kurulur.
   Bant tam genislikte (100vw) oldugundan vw birimi burada kapsayici birimidir:
   16:9 video en az bandin yuksekligi kadar buyutulup ortalanir, tasan kismini
   .hh-yt kirpar. --hh-h degeri .hh-media min-height ile ayni olmali. */
.hh-media{--hh-h:clamp(300px,40vw,470px)}
.hh-yt{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none}
.hh-yt iframe{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:max(100vw,calc(var(--hh-h) * 16 / 9));
  height:max(56.25vw,var(--hh-h));
  border:0;pointer-events:none;
}
@media (max-width:640px){.hh-media{--hh-h:440px}}
@media (prefers-reduced-motion:reduce){.hh-yt{display:none}}

/* Hekim bandinda gercek portre yoksa fotograf yerine marka monogramu durur.
   Hekim portresi yapay zeka ile uretilmez; bos img de basilmaz. */
.ht-mono{
  position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;
  width:100%;min-height:clamp(380px,42vw,560px);
  border-radius:var(--r);box-shadow:var(--sh-2);
  background:linear-gradient(150deg,#0C0C56 0%,var(--navy) 55%,var(--blue) 100%);
}
.ht-mono::after{
  content:"";position:absolute;inset:0;
  background:repeating-linear-gradient(115deg,rgba(255,255,255,.05) 0 1px,transparent 1px 9px);
}
.ht-mono img{position:relative;z-index:1;width:min(44%,210px);height:auto;opacity:.95}
@media (max-width:900px){
  .ht-mono{height:auto;min-height:0;aspect-ratio:1/1;max-height:78vh}
}

/* ---------- 34. Bolum basligi (anasayfa bantlari ortak) ---------- */
.sb{margin:2.9rem 0 1.5rem;max-width:64ch}
.home-list > .sb:first-child,.hb-in > .sb:first-child,.hf-in > .sb:first-child{margin-top:0}
.sb-et{margin:0 0 .5rem;font-size:.73rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--gold-text)}
.sb h2{margin:0 0 .5rem;font-family:var(--serif);font-size:clamp(1.5rem,1rem + 1.4vw,2.05rem);font-weight:600;line-height:1.18;color:var(--navy)}
.sb-ack{margin:0;font-size:.97rem;line-height:1.62;color:var(--ink-2)}
.sb-sayi{margin:.7rem 0 0;display:inline-block;padding:.18rem .6rem;border:1px solid var(--line);border-radius:999px;background:var(--white);font-size:.76rem;font-weight:700;letter-spacing:.04em;color:var(--ink-3)}
.home-list > .sb{margin-top:3.2rem}

/* ---------- 35. Surec bandi (gradyan zemin + adim kartlari) ---------- */
.hs-band{
  grid-column:wide;
  width:100vw;margin-left:calc(50% - 50vw);
  margin-bottom:3.4rem;
  position:relative;isolation:isolate;overflow:hidden;
  background:linear-gradient(150deg,#0C0C56 0%,var(--navy) 55%,#1B1B7A 100%);
  color:#fff;padding:clamp(3.4rem,6.4vw,5.2rem) 0;
}
/* Perde: beyaz metnin kontrastini sabitler. */
.hs-band::before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    radial-gradient(90% 120% at 12% 0%,rgba(194,164,111,.18),transparent 55%),
    radial-gradient(75% 105% at 100% 100%,rgba(89,101,184,.38),transparent 62%),
    linear-gradient(180deg,rgba(8,8,60,.52) 0%,rgba(8,8,60,.26) 45%,rgba(8,8,60,.58) 100%);
}
/* Ince egik tarama: zemine basili bir doku hissi. */
.hs-band::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:repeating-linear-gradient(115deg,rgba(255,255,255,.035) 0 1px,transparent 1px 7px);
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent);
  mask-image:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent);
}
.hs-in{position:relative;z-index:2;max-width:var(--wrap);margin:0 auto;padding:0 var(--oluk)}
.hs-ust{
  display:inline-flex;align-items:center;gap:.55rem;
  margin:0 0 .9rem;padding:.32rem .82rem .32rem .62rem;
  border:1px solid rgba(194,164,111,.42);border-radius:999px;
  background:rgba(194,164,111,.10);
  color:#E6D2A8;font-size:.72rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;
}
.hs-ust::before{
  content:"";width:6px;height:6px;border-radius:50%;
  background:var(--gold);box-shadow:0 0 0 3px rgba(194,164,111,.20);
}
.hs-bas{margin:0 0 .75rem;font-family:var(--serif);font-size:clamp(1.85rem,1.1rem + 2vw,2.7rem);font-weight:600;line-height:1.12;color:#fff}
.hs-ack{margin:0 0 2.8rem;max-width:60ch;color:rgba(255,255,255,.82);font-size:1.02rem;line-height:1.65}
.hs-liste{
  list-style:none;margin:0;padding:0;
  display:grid;gap:1.1rem;
  grid-template-columns:repeat(5,minmax(0,1fr));
}
.hs-liste li{
  position:relative;
  padding:1.5rem 1.15rem 1.35rem;
  border:1px solid rgba(255,255,255,.13);
  border-radius:14px;
  background:linear-gradient(168deg,rgba(255,255,255,.085),rgba(255,255,255,.022));
  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
  transition:transform .28s cubic-bezier(.22,.61,.36,1),border-color .28s ease,background .28s ease;
}
/* Kartin ust kenarindaki altin cizgi; uzerine gelince tam genislige uzar. */
.hs-liste li::before{
  content:"";position:absolute;left:1.15rem;top:-1px;height:2px;width:2.1rem;
  border-radius:2px;
  background:linear-gradient(90deg,var(--gold),rgba(194,164,111,0));
  transition:width .32s cubic-bezier(.22,.61,.36,1);
}
/* Kartlar arasi baglayici: adimlarin sirali oldugunu gosterir. */
.hs-liste li::after{
  content:"";position:absolute;top:2.2rem;right:calc(-1.1rem - 1px);
  width:1.1rem;height:1px;
  background:linear-gradient(90deg,rgba(194,164,111,.55),rgba(194,164,111,.10));
}
.hs-liste li:last-child::after{display:none}
.hs-liste li:hover{
  transform:translateY(-4px);
  border-color:rgba(194,164,111,.45);
  background:linear-gradient(168deg,rgba(255,255,255,.125),rgba(255,255,255,.04));
}
.hs-liste li:hover::before{width:calc(100% - 2.3rem)}
.hs-no{display:block;font-family:var(--serif);font-size:2.1rem;line-height:1;font-weight:600;letter-spacing:.01em;color:var(--gold)}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .hs-no{
    background:linear-gradient(135deg,#EFDCB2,var(--gold) 52%,#9C7F4B);
    -webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;
  }
}
.hs-ad{display:block;margin:.62rem 0 .45rem;font-size:1.03rem;font-weight:700;color:#fff}
.hs-oz{display:block;font-size:.86rem;line-height:1.6;color:rgba(255,255,255,.76)}
.hs-cta{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin:2.9rem 0 0}
.hs-alt{color:#fff;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:2px}
.hs-alt:hover{border-bottom-color:var(--gold);color:var(--gold)}
@media (max-width:1024px){
  .hs-liste{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hs-liste li:nth-child(3n)::after{display:none}
  .hs-liste li:last-child::after{display:none}
}
@media (max-width:760px){
  .hs-liste{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hs-liste li:nth-child(3n)::after{display:block}
  .hs-liste li:nth-child(2n)::after{display:none}
  .hs-liste li:last-child::after{display:none}
}
@media (max-width:520px){
  .hs-liste{grid-template-columns:1fr;gap:.85rem}
  .hs-liste li{padding:1.25rem 1.1rem 1.15rem}
  .hs-liste li::after{display:none}
  .hs-band{margin-bottom:2.6rem}
}
@media (prefers-reduced-motion:reduce){
  .hs-liste li,.hs-liste li::before{transition:none}
  .hs-liste li:hover{transform:none}
}

/* ---------- 36. Kunye bandi (egitim + tescil) ---------- */
.hb-band{
  grid-column:wide;
  width:100vw;margin:0 0 3.4rem;margin-left:calc(50% - 50vw);
  background:var(--white);border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  padding:clamp(2.6rem,5vw,4rem) 0;
}
.hb-in{max-width:var(--wrap);margin:0 auto;padding:0 var(--oluk)}
.hk-satir{
  list-style:none;margin:0 0 2rem;padding:1.3rem 0 0;
  border-top:1px solid var(--line);
  display:grid;gap:1.2rem 1.6rem;grid-template-columns:repeat(4,minmax(0,1fr));
}
.hk-satir li{display:block;margin:0}
.hk-d{display:block;font-family:var(--serif);font-size:1.5rem;font-weight:600;color:var(--navy);line-height:1.1}
.hk-a{display:block;margin-top:.3rem;font-size:.85rem;line-height:1.5;color:var(--ink-2)}
.hb-grid{display:grid;gap:1.2rem;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.hb-k{
  display:flex;flex-direction:column;
  background:var(--white);border:1px solid var(--line);border-radius:var(--r);
  padding:1.35rem 1.4rem 1.5rem;
}
.hb-et{margin:0 0 .3rem;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.hb-ad{margin:0 0 .35rem;font-family:var(--serif);font-size:1.08rem;font-weight:600;color:var(--navy);line-height:1.3}
.hb-no{margin:0 0 .6rem;align-self:flex-start;display:inline-block;padding:.2rem .55rem;border-radius:999px;background:var(--gold-bg);color:var(--gold-text);font-size:.775rem;font-weight:700;letter-spacing:.02em}
.hb-oz{margin:0;font-size:.865rem;line-height:1.55;color:var(--ink-2)}
.hb-not{margin:1.3rem 0 0;font-size:.83rem;line-height:1.6;color:var(--ink-3)}
@media (max-width:900px){.hb-grid{grid-template-columns:1fr}}
@media (max-width:860px){.hk-satir{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.hk-satir{grid-template-columns:1fr}}

/* ---------- 37. Silo bloklari (anasayfa bolum dizini) ---------- */
/* Her silo tek bir kart: ustte bolum kapagi (gorsel + lacivert perde + baslik),
   altinda o bolumun tum basliklari sutunlara dagilmis halde. Kapagin tamami
   bolume giden bir baglantidir. */
.hubk{
  grid-column:wide;
  margin:0 0 1.7rem;
  background:var(--white);
  border:1px solid var(--line);border-radius:var(--r);overflow:hidden;
  box-shadow:0 1px 2px rgba(17,17,120,.05),0 20px 44px -32px rgba(17,17,120,.34);
}
.hubk:last-of-type{margin-bottom:3rem}
.hubk-kapak{
  position:relative;isolation:isolate;
  aspect-ratio:16/4.4;min-height:14rem;
  background:var(--navy);
}
.hubk-kapak img{
  position:absolute;inset:0;z-index:-2;
  width:100%;height:100%;object-fit:cover;object-position:50% 38%;
  transition:transform .5s ease;
}
/* Perde sabittir: baslik hangi gorsel gelirse gelsin okunur kalir. */
.hubk-kapak::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:
    linear-gradient(97deg,rgba(8,8,58,.93) 0%,rgba(9,9,62,.84) 34%,rgba(10,10,66,.42) 66%,rgba(12,12,72,.14) 100%),
    linear-gradient(180deg,rgba(8,8,58,.18) 0%,rgba(8,8,58,0) 40%);
}
.hubk:hover .hubk-kapak img{transform:scale(1.035)}
.hubk-yazi{
  position:relative;height:100%;
  display:flex;flex-direction:column;justify-content:center;
  gap:.15rem;max-width:min(58%,34rem);
  padding:1.5rem clamp(1.2rem,2.4vw,2.1rem);
}
.hubk-no{margin:0 0 .5rem;line-height:1}
.hubk-no span{
  display:inline-flex;align-items:center;gap:.55rem;
  font-family:var(--serif);font-size:1.05rem;letter-spacing:.14em;color:var(--gold);
}
.hubk-no span::after{content:"";width:2.1rem;height:1px;background:rgba(194,164,111,.65)}
.hubk-kapak h2{
  margin:0 0 .5rem;
  font-family:var(--serif);font-weight:600;line-height:1.16;
  font-size:clamp(1.55rem,1.05rem + 1.6vw,2.25rem);
}
/* Baglanti tum kapagi kapsar: kapak nereye tiklanirsa bolume gider. */
.hubk-kapak h2 a{color:#fff;text-decoration:none}
.hubk-kapak h2 a::after{content:"";position:absolute;inset:0}
.hubk-kapak h2 a:hover{color:var(--gold)}
.hubk-kapak h2 a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.hubk-ack{
  margin:0 0 .9rem;max-width:44ch;
  font-size:.925rem;line-height:1.55;color:rgba(255,255,255,.82);
}
.hubk-sayi{margin:0}
.hubk-sayi span{
  display:inline-block;padding:.3rem .72rem;border-radius:999px;
  background:rgba(194,164,111,.16);border:1px solid rgba(194,164,111,.42);
  font-size:.76rem;font-weight:700;letter-spacing:.05em;color:#E4CFA4;
}
.hubk-govde{padding:1.6rem clamp(1.2rem,2.4vw,2.1rem) 1.5rem}
.hubk-git{margin:.4rem 0 0;text-align:right}
.hubk-git a{
  font-size:.86rem;font-weight:700;color:var(--gold-text);text-decoration:none;
  border-bottom:1px solid var(--gold);padding-bottom:2px;
}
.hubk-git a:hover{color:var(--navy);border-bottom-color:var(--navy)}
.hub-gruplar{columns:4;column-gap:2.2rem}
.hg{break-inside:avoid;margin:0 0 1.5rem}
.hg-bassiz{padding-top:calc(.75rem + 1.4em)}
@media (max-width:900px){.hg-bassiz{padding-top:0}}
.hg h3{
  margin:0 0 .5rem;padding-bottom:.4rem;
  border-bottom:1px solid var(--line);
  font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
}
.hg h3 a{color:var(--ink-3);text-decoration:none}
.hg h3 a:hover{color:var(--navy)}
.hg ul{list-style:none;margin:0;padding:0;font-size:.875rem;line-height:1.5}
.hg li{margin:0}
.hg li a{
  position:relative;display:block;padding:.26rem 0 .26rem 1.45rem;
  color:var(--ink-2);text-decoration:none;border-radius:var(--r-sm);
  transition:color .18s ease,background-color .18s ease;
}
.hg li a::before{
  content:"";position:absolute;left:.05rem;
  /* Dikeyde ilk satira hizalanir (top:50% degil): iki satira tasan
     baslikta isaret ortada asili kalmasin. */
  top:calc(.26rem + .75em);transform:translateY(-50%);
  width:13px;height:13px;
  background:url(/assets/img/madde-logo.svg) center/contain no-repeat;
  opacity:.72;
  transition:opacity .18s ease;
}
.hg li a:hover,.hg li a:focus-visible{color:var(--navy);background:var(--line-2)}
.hg li a:hover::before,.hg li a:focus-visible::before{opacity:1}
@media (max-width:1180px){.hub-gruplar{columns:3}}
@media (max-width:900px){
  .hubk-kapak{aspect-ratio:16/7;min-height:13rem}
  .hubk-yazi{max-width:none}
  .hub-gruplar{columns:2}
}
/* Telefonda genis kapak dikeye doner; perde asagidan yukari koyulasir ki
   baslik gorselin uzerinde degil, kararmis alt seritte otursun. */
@media (max-width:600px){
  .hubk-kapak{aspect-ratio:4/3;min-height:0}
  .hubk-kapak::after{
    background:linear-gradient(180deg,rgba(8,8,58,.42) 0%,rgba(8,8,58,.72) 46%,rgba(8,8,58,.94) 100%);
  }
  .hubk-yazi{justify-content:flex-end}
  .hubk-ack{display:none}
  .hub-gruplar{columns:1}
  .hubk-git{text-align:left}
}
@media (prefers-reduced-motion:reduce){
  .hg li a,.hg li a::before{transition:none}
  .hubk-kapak img{transition:none}
  .hubk:hover .hubk-kapak img{transform:none}
}

/* ---------- 38. SSS bandi + randevu formu ---------- */
.hf-band{
  grid-column:wide;
  width:100vw;margin:1rem 0 3.2rem;margin-left:calc(50% - 50vw);
  background:var(--gold-bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  padding:clamp(2.6rem,5vw,4rem) 0;
}
.hf-in{max-width:var(--wrap);margin:0 auto;padding:0 var(--oluk)}
.hf-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,390px);gap:1.6rem 2.4rem;align-items:start}
.hf-liste{display:grid;gap:.6rem}
.hf-oge{background:var(--white);border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden}
.hf-q{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  cursor:pointer;list-style:none;padding:.95rem 1.15rem;
  font-weight:600;color:var(--navy);font-size:1rem;
}
.hf-q::-webkit-details-marker{display:none}
.hf-ok{width:20px;height:20px;flex:none;fill:none;stroke:var(--gold);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .22s ease}
.hf-oge[open] .hf-ok{transform:rotate(180deg)}
.hf-oge[open] .hf-q{border-bottom:1px solid var(--line)}
.hf-a{padding:.95rem 1.15rem}
.hf-a p{margin:0;font-size:.94rem;line-height:1.62;color:var(--ink-2)}
.hf-not{margin:1.1rem 0 0;font-size:.85rem;color:var(--ink-3)}
.hf-sag{position:sticky;top:calc(var(--hdr) + 1rem)}
.hf-form{margin:0;padding:1.5rem 1.55rem 1.6rem}
.hf-form-bas{margin:0 0 .35rem;font-family:var(--serif);font-size:1.2rem;font-weight:600;color:var(--navy)}
.hf-form-ack{margin:0 0 1.15rem;font-size:.88rem;line-height:1.55;color:var(--ink-2)}
.hf-form-alt{margin:1rem 0 0;font-size:.82rem;line-height:1.55;color:var(--ink-3)}
.hf-form .btn{width:100%}
@media (max-width:980px){
  .hf-grid{grid-template-columns:1fr}
  .hf-sag{position:static}
}
@media (prefers-reduced-motion:reduce){.hf-ok{transition:none}}

/* ---------- 39. Iletisim bandi ---------- */
.hi-band{grid-column:wide;margin:0 0 1rem}

/* Harita sahnesi: harita zemin, NAP karti solda yuzer. */
.hi-sahne{
  position:relative;margin:1.4rem 0 1.4rem;min-height:clamp(26rem,40vw,33rem);
  border:1px solid var(--line);border-radius:var(--r);overflow:hidden;
  background:var(--gold-bg);
  box-shadow:0 1px 2px rgba(17,17,120,.05),0 18px 40px -26px rgba(17,17,120,.30);
}
.hi-harita{position:absolute;inset:0;overflow:hidden}
.hi-harita iframe{
  position:absolute;top:0;bottom:0;display:block;height:100%;border:0;
  /* Pin'i kartin sagina kaydir: iframe kaptan genis olur, merkez saga kayar. */
  left:0;width:calc(100% + clamp(0px,12vw,220px));
}
/* hidden ozniteligi display:block'u ezemez; izin yokken cerceve gorunmesin. */
.hi-harita iframe[hidden]{display:none}
/* consent-manager.js'in bastigi kilit ekrani sahneyi doldursun, kartin
   altinda kalmasin diye metin saga kaydirilir. */
.hi-harita .consent-media-placeholder{
  position:absolute;inset:0;min-height:0;height:100%;
  padding:2rem 2rem 2rem min(46%,28rem);
}
.hi-kutu{
  position:relative;z-index:2;
  width:min(400px,100%);margin:clamp(1.1rem,2.4vw,1.9rem);
  padding:clamp(1.25rem,2.2vw,1.7rem);
  background:rgba(255,255,255,.94);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border:1px solid rgba(226,220,210,.9);border-left:4px solid var(--sage);
  border-radius:calc(var(--r) - 2px);
  box-shadow:0 22px 48px -20px rgba(17,17,120,.42);
}
.hi-kutu-et{
  margin:0 0 .55rem;font-size:.72rem;font-weight:700;letter-spacing:.13em;
  text-transform:uppercase;color:var(--gold-text);
}
.hi-kutu .nap{margin:0;padding:0;max-width:none;border:0;border-radius:0;background:transparent}
.hi-eylem{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.15rem 0 0}
.hi-eylem .btn{font-size:.9rem}
.hi-yol{
  display:inline-flex;align-items:center;gap:.3rem;margin:.85rem 0 0;
  padding:.34rem .72rem;border-radius:999px;background:var(--navy);color:#fff;
  font-size:.79rem;font-weight:600;text-decoration:none;white-space:nowrap;
}
.hi-yol:hover,.hi-yol:focus-visible{background:#1a1a95;color:#fff}
/* Koordinat yoksa sahne yok: kart yalin kutuya doner. */
.hi-sahne.hi-haritasiz{min-height:0;background:var(--white)}
.hi-sahne.hi-haritasiz .hi-kutu{
  width:auto;margin:0;background:transparent;box-shadow:none;
  -webkit-backdrop-filter:none;backdrop-filter:none;border-color:transparent;
  border-left-color:var(--sage);
}

.hi-notlar{display:grid;gap:1.4rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
.hi-notlar > div{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:1.35rem 1.4rem}
.hi-notlar h3{margin:0 0 .4rem;font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.hi-notlar p{margin:0;font-size:.92rem;line-height:1.6;color:var(--ink-2)}

@media (max-width:860px){
  /* Dar ekranda kart ustte, harita altta: bilgi once okunsun. */
  .hi-sahne{display:flex;flex-direction:column-reverse;min-height:0;background:var(--white)}
  .hi-harita{position:relative;inset:auto;height:17rem;border-top:1px solid var(--line)}
  .hi-harita iframe{left:0;width:100%}
  .hi-harita .consent-media-placeholder{position:relative;height:100%;padding:1.5rem}
  .hi-kutu{
    width:auto;margin:0;border:0;border-left:4px solid var(--sage);border-radius:0;
    background:var(--white);box-shadow:none;
    -webkit-backdrop-filter:none;backdrop-filter:none;
  }
  .hi-notlar{grid-template-columns:1fr}
}
@media (max-width:520px){
  .hi-eylem .btn{flex:1 1 auto;justify-content:center;text-align:center}
  .hi-yol{width:100%;justify-content:center}
}

/* ------------------------------------------------------------------ 40. Gorselsiz kart
   Her basligin fotografi yok. Uydurma/stok gorsel yerine marka paneli basilir;
   kart yuksekligi ve 16:9 orani bozulmaz. */
.k-foto.k-yok{position:relative;display:grid;place-items:center;border-bottom:1px solid var(--line);
  background:linear-gradient(150deg,#0C0C56 0%,var(--navy) 55%,var(--blue) 100%)}
.k-foto.k-yok::after{content:"";position:absolute;inset:0;
  background:repeating-linear-gradient(115deg,rgba(255,255,255,.055) 0 1px,transparent 1px 9px)}
.k-foto.k-yok img{position:relative;z-index:1;width:34%;max-width:96px;height:auto;
  object-fit:contain;opacity:.9;transition:none}
.card:hover .k-foto.k-yok img{transform:none}

/* ------------------------------------------------------------------ 41. Anasayfa H1
   Kahraman bandi <p> ile kurulur. Sayfanin tek H1'i gorsel duzende istenmiyor;
   SILINMEZ, yalnizca gorsel olarak gizlenir: ekran okuyucu ve tarayici okumaya
   devam eder (check.py --strict de sayfa basina tam 1 H1 arar). */
.home-h1{
  position:absolute;width:1px;height:1px;margin:-1px;padding:0;
  overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;
}

/* iframe object-fit'i yok sayar; --hh-h tahminine dayali kirpma bandin gercek
   yuksekligi degistiginde bosluk birakabiliyor. Kapsayici sorgusu destekleniyorsa
   olculer bandin kendisinden alinir; kirpma her yukseklikte tam olur. */
@supports (container-type:size){
  .hh-yt{container-type:size}
  .hh-yt iframe{
    width:max(100cqw,calc(100cqh * 16 / 9));
    height:max(100cqh,calc(100cqw * 9 / 16));
  }
}

/* ---------- 42. Blog listesi: kategori cipleri + one cikan yazi ---------- */
.blog-cip{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 2rem}
.bc{
  display:inline-flex;align-items:center;gap:.4rem;
  padding:.4rem .85rem;border:1px solid var(--line);border-radius:999px;
  background:var(--white);color:var(--ink-2);text-decoration:none;
  font-size:.85rem;font-weight:600;
  transition:background .16s ease,color .16s ease,border-color .16s ease;
}
.bc span{font-size:.74rem;font-weight:700;color:var(--ink-3)}
.bc:hover,.bc:focus-visible{background:var(--line-2);color:var(--navy);border-color:var(--gold)}
.bc-aktif{background:var(--navy);border-color:var(--navy);color:#fff}
.bc-aktif span{color:var(--gold)}
.bc-aktif:hover,.bc-aktif:focus-visible{background:var(--navy);color:#fff;border-color:var(--navy)}

.blog-lead{margin:0 0 2.2rem}
.bl-g{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
  background:var(--white);border:1px solid var(--line);border-radius:var(--r);
  overflow:hidden;text-decoration:none;box-shadow:var(--sh);
  transition:transform .18s ease,box-shadow .18s ease;
}
.bl-g:hover,.bl-g:focus-visible{transform:translateY(-2px);box-shadow:0 10px 30px rgba(17,17,120,.16)}
.bl-foto{margin:0;background:var(--gold-bg);overflow:hidden}
.bl-foto img{display:block;width:100%;height:100%;min-height:260px;object-fit:cover}
.bl-gov{padding:clamp(1.3rem,2.4vw,2rem);align-self:center}
.bl-et{
  margin:0 0 .5rem;font-size:.72rem;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--gold-text);
}
.bl-gov h2{
  margin:0 0 .5rem;font-family:var(--serif);
  font-size:clamp(1.3rem,1rem + 1.1vw,1.8rem);font-weight:600;line-height:1.2;color:var(--navy);
}
.bl-oz{margin:.7rem 0 0;font-size:.95rem;line-height:1.6;color:var(--ink-2)}
.bl-devam{
  display:inline-block;margin-top:1rem;font-size:.88rem;font-weight:700;
  color:var(--gold-text);border-bottom:1px solid var(--gold);padding-bottom:2px;
}
.bl-g:hover .bl-devam{color:var(--navy);border-bottom-color:var(--navy)}
@media (max-width:820px){
  .bl-g{grid-template-columns:1fr}
  .bl-foto img{min-height:200px;max-height:260px}
}

/* Gorseli olmayan yazi: one cikan kartta da marka paneli. */
.bl-foto.k-yok{
  position:relative;display:grid;place-items:center;min-height:260px;
  background:linear-gradient(150deg,var(--navy) 0%,#1B1B7A 55%,#2A2A96 100%);
}
.bl-foto.k-yok img{width:24%;max-width:110px;height:auto;min-height:0}

.card-meta{
  margin:0 0 .5rem;font-size:.8rem;color:var(--ink-3);
  display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;
}
.k-kat{
  display:inline-block;padding:.1rem .45rem;
  border-radius:999px;background:var(--gold-bg);color:var(--gold-text);
  font-size:.72rem;font-weight:700;
}
@media (prefers-reduced-motion:reduce){
  .bl-g,.bc{transition:none}
  .bl-g:hover,.bl-g:focus-visible{transform:none}
}

/* ---------- 43. Blog mega menusu (mm-b): son yazilar + kategoriler ---------- */
.mm-b .mm-in{grid-template-columns:minmax(0,420px) minmax(0,1fr)}
.mm-b .mm-kartlar{grid-template-columns:minmax(0,1fr);gap:.35rem;align-content:start}
.mm-b .mm-k{
  display:grid;grid-template-columns:92px minmax(0,1fr);gap:.8rem;align-items:center;
  padding:.4rem;transition:background .16s ease;
}
.mm-b .mm-k:hover,.mm-b .mm-k:focus-visible{background:var(--gold-bg);transform:none}
.mm-b .mm-k:hover .mm-kt,.mm-b .mm-k:focus-visible .mm-kt{text-decoration:none}
.mm-b .mm-k img{width:92px;height:69px;aspect-ratio:auto;object-fit:cover;border-radius:var(--r-sm)}
.mm-b .mm-kt{margin-top:0;min-width:0;font-size:inherit;font-weight:400}
.mm-et{
  display:block;margin-bottom:.12rem;font-size:.7rem;font-weight:600;
  letter-spacing:.04em;color:var(--gold);font-variant-numeric:tabular-nums;
}
.mm-b .mm-kt strong{display:block;font-size:.895rem;font-weight:600;line-height:1.32;color:var(--navy)}
.mm-b .mm-kt small{display:block;margin-top:.15rem;font-size:.775rem;line-height:1.42;color:var(--ink-3)}
.mm-sut{
  display:grid;gap:.4rem 1.5rem;
  grid-template-columns:repeat(auto-fill,minmax(min(164px,100%),1fr));
}
.mm-b .mm-g li a{display:flex;justify-content:space-between;gap:.6rem;font-size:.855rem;padding:.3rem 0}
.mm-b .mm-g li a span{color:var(--ink-3);font-variant-numeric:tabular-nums}
.mm-b .mm-g li + li{border-top:1px solid var(--line-2)}
.mm-cta{padding:.5rem 1.1rem;font-size:.855rem}

/* Hub kategori bloklari: baslik + gorselli kart izgarasi (docs/16 §6). */
.hub-grup{margin:0 0 2.2rem}
.hub-grup > h2{margin:2.7rem 0 1.05rem}
.hub-grup:first-of-type > h2{margin-top:1.6rem}
.hub-diger{margin:1.4rem 0 0}
.hub-diger > h2{margin:2.7rem 0 1.05rem}