/* ============================================================
   tema.css - Gurlek Dis kalibinda premium klinik derisi
   Palet: KIRMIZI + MAVI + TURKUAZ (artı notr griler)
   core.css'in USTUNE biner; core.css'e dokunulmaz.
   Geri donus: build.py head_html icindeki css listesinden
   'tema' kaydini cikarmak yeterlidir.
   ============================================================ */

/* ---------- 1. Jetonlar: palet yeniden tanimi ---------- */
:root{
  /* --- marka maviler --- */
  --blue1:#0B3A6B;   /* ana lacivert  | beyaz metin 11.4:1 AAA */
  --blue2:#082A4F;   /* koyu zemin */
  --blue3:#05203C;   /* en koyu zemin */
  --blue-m:#114E8C;  /* orta mavi     | beyaz metin 8.4:1 */
  /* --- turkuaz vurgu --- */
  --turk:#0E7F8C;    /* acik zeminde vurgu metni/cizgi | 4.7:1 */
  --turk-d:#0B6A75;  /* kucuk punto turkuaz metin      | 6.3:1 */
  --turk-l:#5FD3DC;  /* KOYU zeminde vurgu             | lacivertte 6.5:1 */
  --turk-xl:#B9DCE3; /* yalnizca cizgi/zemin, METIN DEGIL */
  /* --- kirmizi: eylem + aciliyet --- */
  --red:#B81E14;     /* beyaz metin 6.5:1 */
  --red-d:#8E150D;
  --red-l:#E8635A;   /* koyu zeminde */
  /* --- notr --- */
  --krem:#EEF4F9;    /* acik mavi serit zemini */
  --krem2:#E2ECF3;
  --cam:rgba(255,255,255,.62);
  --cam-brd:rgba(255,255,255,.82);
  --cam-sh:0 16px 40px rgba(8,42,79,.10);
  --cam-blur:blur(18px) saturate(165%);

  /* --- core.css jetonlarinin yeniden baglanmasi --- */
  --paper:#FFFFFF;
  --navy:var(--blue1);
  --blue:var(--blue-m);
  --vurgu:var(--turk);
  --vurgu-text:var(--turk-d);
  --sage:var(--turk-xl);
  --alarm:var(--red);
  --ink:#15202B; --ink-2:#33414F; --ink-3:#5A6B7A;
  --line:#D8E4EC; --line-2:#EBF2F7; --white:#FFFFFF;
  --sage-bg:#EAF4F7; --alarm-bg:#FBEDEB; --vurgu-bg:#E4F4F6;
  --navy-08:rgba(11,58,107,.08);
  --sh:0 10px 28px rgba(8,42,79,.09);
  --sh-2:0 18px 44px rgba(8,42,79,.14);

  --serif:"Playfair Display",Georgia,"Times New Roman",serif;
  --wrap:1240px; --oluk:2rem;
  --r:16px; --r-sm:10px; --r-xl:22px;
  --bolum:clamp(4.5rem,8vw,6.9rem);  /* bolum ritmi (ref: 110px) */
}

/* ---------- 2. Temel ---------- */
body{background:#fff}
html{scroll-padding-top:96px}
h1,h2,h3,h4{letter-spacing:-.01em}
h1,h2{font-weight:600}
h2 em,h1 em,.ht-bas em,.hs-bas em,.sb em{
  font-style:italic;font-weight:500;color:var(--turk);
}
a{color:var(--blue-m)}
a:hover{color:var(--turk-d)}
main li::marker{color:var(--turk)}

/* ---------- 3. Dugmeler: hap formu ---------- */
.btn{
  padding:.92rem 1.75rem;font-size:.97rem;font-weight:700;
  border-radius:999px;letter-spacing:.005em;
  transition:transform .25s ease,background .25s ease,color .25s ease,
             border-color .25s ease,box-shadow .25s ease;
}
.btn-primary{background:var(--red);color:#fff;box-shadow:0 14px 30px rgba(184,30,20,.26)}
.btn-primary:hover{background:var(--red-d);color:#fff;transform:translateY(-2px);box-shadow:0 18px 38px rgba(184,30,20,.32)}
.btn-vurgu{background:var(--blue1);color:#fff;box-shadow:0 14px 30px rgba(11,58,107,.22)}
.btn-vurgu:hover{background:var(--blue2);color:#fff;transform:translateY(-2px);box-shadow:0 18px 38px rgba(11,58,107,.30)}
.btn-cizgi{background:transparent;color:var(--blue1);border-color:rgba(11,58,107,.28)}
.btn-cizgi:hover{background:var(--blue1);color:#fff;border-color:var(--blue1);transform:translateY(-2px)}

/* ---------- 4. Ust bant: sabit cam hap ---------- */
.site-header{
  position:sticky;top:12px;z-index:900;
  background:transparent;border-bottom:0;backdrop-filter:none;-webkit-backdrop-filter:none;
  padding:0 14px;margin-bottom:-1px;
}
.site-header .wrap{
  max-width:1500px;border-radius:999px;
  padding:.5rem .6rem .5rem 1.4rem;min-height:0;
  background:rgba(255,255,255,.66);
  backdrop-filter:blur(20px) saturate(170%);-webkit-backdrop-filter:blur(20px) saturate(170%);
  border:1px solid rgba(255,255,255,.86);
  box-shadow:0 14px 36px rgba(8,42,79,.11);
}
.logo img{height:58px}
@media (max-width:1100px){.logo img{height:46px}}
.main-nav > ul > li > a{
  padding:.52rem .5rem;border-radius:999px;font-size:.855rem;font-weight:600;color:var(--ink-2);
}
.main-nav > ul > li > a:hover{background:rgba(11,58,107,.07);color:var(--blue1)}
.site-header .btn{padding:.72rem 1.3rem;font-size:.9rem}

/* ---------- 5. Bolum ritmi ve on-dark ---------- */
.tema-bolum{padding:var(--bolum) 0;position:relative}
.tema-krem{background:var(--krem)}
.tema-yumusak{background:linear-gradient(180deg,#F7FBFD 0%,#fff 100%)}
.tema-koyu{
  background:
    radial-gradient(820px 460px at 12% 10%,rgba(95,211,220,.14),transparent 60%),
    linear-gradient(170deg,var(--blue1) 0%,var(--blue3) 100%);
  color:#E3EDF5;
}
.tema-koyu h2,.tema-koyu h3{color:#fff}
.tema-koyu p{color:rgba(227,237,245,.86)}
.tema-koyu a{color:var(--turk-l)}
/* nokta dokusu: koyu bantlarda hafif grafik katman */
.tema-koyu::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(rgba(95,211,220,.11) 1px,transparent 1px);
  background-size:28px 28px;
}
.tema-koyu > *{position:relative;z-index:1}

/* ---------- 6. Ustbaslik (eyebrow): cizgi + harf araligi ---------- */
.hh-ust,.ht-etiket,.hs-ust,.sb-et,.oz-etiket,.ph-ust,.hubk-no,.hi-kutu-et,.cs-rail-label{
  font-family:var(--sans);
  font-size:.76rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
  color:var(--turk-d);
}
.ht-etiket::before,.hs-ust::before,.sb-et::before,.oz-etiket::before,.hubk-no::before{
  content:"";display:inline-block;width:26px;height:1px;
  background:currentColor;vertical-align:middle;margin-right:10px;opacity:.85;
}
.tema-koyu .hs-ust,.tema-koyu .sb-et,.tema-koyu .oz-etiket,
.hh-ust,.ph-ust{color:var(--turk-l)}

/* ---------- 7. Cam katman: kart ve kutular ---------- */
.ht-kart,.hubk-govde,.hf-oge,.hf-form,.card,.hi-kutu,.sss-oge,
.key-facts,.answer-block,.content-trust,.cs-sources{
  background:var(--cam);
  backdrop-filter:var(--cam-blur);-webkit-backdrop-filter:var(--cam-blur);
  border:1px solid var(--cam-brd);
  box-shadow:var(--cam-sh);
}
@supports not (backdrop-filter:blur(2px)){
  .ht-kart,.hubk-govde,.hf-oge,.hf-form,.card,.hi-kutu,.sss-oge{background:rgba(255,255,255,.95)}
}

/* ============================================================
   8. ANASAYFA KAHRAMANI - acik, iki sutun, kemer portre
   ============================================================ */
.home-hero{
  position:relative;isolation:isolate;overflow:hidden;
  margin-top:0;margin-bottom:0;
  padding:clamp(3rem,6vw,5.4rem) 0 clamp(3.4rem,6vw,5.2rem);
  background:
    radial-gradient(1000px 520px at 84% 26%,rgba(95,211,220,.26),transparent 62%),
    radial-gradient(760px 480px at 6% 92%,rgba(11,58,107,.12),transparent 60%),
    linear-gradient(180deg,#F2F8FC 0%,#FBFDFE 58%,#fff 100%);
}
main > .home-hero:first-child{margin-top:calc(-1 * var(--main-pt))}
/* Nokta dokusu: ust yariya iner, asagi dogru silinir. */
.home-hero::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:radial-gradient(rgba(14,127,140,.16) 1px,transparent 1px);
  background-size:26px 26px;
  -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.55),transparent 68%);
  mask-image:linear-gradient(180deg,rgba(0,0,0,.55),transparent 68%);
}
.hh-video,.hh-still{
  position:absolute;inset:0;z-index:-2;width:100%;height:100%;
  object-fit:cover;opacity:.26;filter:saturate(.65) contrast(.96);
  border:0;pointer-events:none;
}
.hh-perde{
  position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,rgba(250,253,254,.94) 0%,rgba(250,253,254,.80) 42%,rgba(250,253,254,.30) 68%,rgba(250,253,254,.10) 100%);
}
.hh-grid{
  position:relative;z-index:1;
  max-width:var(--wrap);margin:0 auto;padding:0 var(--oluk);
  display:grid;grid-template-columns:1.06fr .94fr;
  gap:clamp(2rem,4.4vw,3.6rem);align-items:center;
}
.hh-media{margin:0}
/* core.css'teki eski koyu hero bandi sifirlanir: artik portre sutunu. */
.home-hero .hh-media{
  position:relative;isolation:auto;overflow:visible;
  min-height:0;display:block;padding:0;background:none;
}
.home-hero .hh-media::after{display:none;content:none}
.home-hero .hh-in{max-width:none;width:auto;margin:0;padding:0}
.home-hero .hh-ust{
  display:block;margin:0 0 1rem;color:var(--turk-d);
  font-size:.76rem;letter-spacing:.2em;
}
.home-hero .hh-ust::before{
  content:"";display:inline-block;width:26px;height:1px;
  background:currentColor;vertical-align:middle;margin-right:10px;
}
.hh-bas{
  margin:0 0 1.25rem;max-width:16ch;
  font-family:var(--serif);font-weight:600;color:var(--blue2);
  font-size:clamp(2.3rem,1.3rem + 3.1vw,4.05rem);line-height:1.07;letter-spacing:-.02em;
}
.hh-bas em{font-style:italic;font-weight:500;color:var(--turk)}
.hh-ack{
  margin:0 0 1.9rem;max-width:54ch;
  color:var(--ink-2);font-size:clamp(1rem,.95rem + .25vw,1.14rem);line-height:1.7;
}
.hh-cta-sat{display:flex;flex-wrap:wrap;align-items:center;gap:.85rem;margin:0 0 1.9rem}
.hh-cta{background:var(--red);color:#fff;box-shadow:0 14px 30px rgba(184,30,20,.26)}
.hh-cta:hover{background:var(--red-d);color:#fff}
.hh-alt-link{text-decoration:none}
/* Rozet seridi: referanstaki hero-checks hap listesi. */
.hh-rozet{
  list-style:none;margin:0;padding:0;
  display:flex;flex-wrap:wrap;gap:.6rem;
}
.hh-rozet li{
  display:inline-flex;align-items:center;gap:.5rem;margin:0;
  padding:.56rem 1.05rem;border-radius:999px;
  font-size:.86rem;font-weight:600;color:var(--blue2);line-height:1.35;
  background:rgba(255,255,255,.72);
  -webkit-backdrop-filter:var(--cam-blur);backdrop-filter:var(--cam-blur);
  border:1px solid rgba(255,255,255,.9);
  box-shadow:0 8px 22px rgba(8,42,79,.08);
}
.hh-ri{width:17px;height:17px;flex:none;color:var(--turk)}
/* Kemer portre: ustu yuvarlak, cift cerceveli. */
.hh-portre{
  position:relative;margin:0;padding:10px;
  border-radius:250px 250px 26px 26px;
  background:rgba(255,255,255,.42);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  box-shadow:0 40px 80px rgba(8,42,79,.20);
}
.hh-portre img{
  width:100%;height:100%;aspect-ratio:4/4.65;object-fit:cover;object-position:50% 22%;
  border-radius:240px 240px 18px 18px;display:block;
}
.hh-portre::after{
  content:"";position:absolute;inset:20px;pointer-events:none;
  border:1px solid rgba(14,127,140,.55);
  border-radius:232px 232px 12px 12px;
}

/* ============================================================
   9. BOLUM KARTLARI (dokuz silo) - referanstaki hizmet izgarasi
   ============================================================ */
.hh-hub-bolum{
  grid-column:wide;width:100vw;margin-left:calc(50% - 50vw);
  padding:var(--bolum) 0;
  background:linear-gradient(180deg,#fff 0%,#F7FBFD 100%);
}
.hh-hub-bolum > .sb,.hh-hub-bolum > .hh-hub{
  max-width:var(--wrap);margin-left:auto;margin-right:auto;padding-left:var(--oluk);padding-right:var(--oluk);
}
.hh-hub{
  position:static;margin:0 auto;z-index:auto;
  display:grid;gap:1.4rem;grid-template-columns:repeat(3,minmax(0,1fr));
}
/* Kart govdesi artik <li>: icinde uc ayri baglanti var (kapak, bolum
   sayfalari, "Bolume git") - ic ice <a> gecersiz HTML oldugu icin krom
   <a>'dan <li>'ye tasindi. core.css'in <a>'ya verdigi kart kromu
   (konum/oran/koyu zemin/beyaz yazi) kapakta sifirlanir. */
.hh-k{
  display:flex;flex-direction:column;height:100%;
  border-radius:var(--r-xl);background:#fff;
  border:1px solid var(--line-2);box-shadow:0 10px 30px rgba(8,42,79,.07);
  overflow:hidden;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.hh-k:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(8,42,79,.14);border-color:var(--turk-xl)}
.hh-k > a.hh-kkapak{
  position:static;display:block;overflow:visible;
  aspect-ratio:auto;border-radius:0;background:none;box-shadow:none;
  color:inherit;transform:none;
}
.hh-k > a.hh-kkapak:hover{transform:none;box-shadow:none}
.hh-k:hover .hh-kf{transform:scale(1.04)}
.hh-kf{position:static;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.hh-kg{
  position:static;display:flex;flex-direction:column;
  padding:1.5rem 1.5rem 0;background:none;
}
.hh-hub li:nth-child(even) .hh-kg{background:none}
.hh-ikon{
  display:flex;align-items:center;justify-content:center;
  width:52px;height:52px;margin:-3.4rem 0 1rem;padding:0;
  border-radius:16px;filter:none;object-fit:initial;
  color:var(--turk-l);
  background:linear-gradient(150deg,var(--blue-m),var(--blue2));
  box-shadow:0 12px 26px rgba(8,42,79,.30);position:relative;
}
.hh-ikon svg{width:26px;height:26px;display:block}
.hh-hub li:nth-child(even) .hh-ikon{filter:none;opacity:1}
.hh-kad,.hh-hub li:nth-child(even) .hh-kad{
  font-family:var(--serif);font-size:1.4rem;font-weight:600;color:var(--blue2);line-height:1.2;
}
.hh-koz,.hh-hub li:nth-child(even) .hh-koz{
  margin-top:.5rem;font-size:.94rem;line-height:1.6;color:var(--ink-3);
}
/* ---------- Kart ici bolum baglantilari ----------
   Kullanici istegi: her kartta "Bolume git" ustunde o bolumun sayfalari
   listelenir. Baslik uzunluklari Turkce'de 40+ karakteri buldugu icin tek
   sutun kalir; iki sutuna bolmek basliklari uc satira kiriyordu.
   Satir yuksekligi sikidir: en kalabalik bolum 17 baglanti tasiyor ve
   izgara satirindaki butun kartlarin boyunu o belirliyor. */
.hh-kbag{
  list-style:none;margin:.2rem 0 0;padding:0 1.5rem;
  border-top:1px solid var(--line-2);padding-top:.95rem;
}
.hh-k .hh-kbag{margin-top:1.05rem}
.hh-kbag li{margin:0}
.hh-kbag > li > a{
  position:relative;display:block;padding:.2rem 0 .2rem .85rem;
  font-size:.865rem;line-height:1.4;color:var(--ink-2);
  text-decoration:none;transition:color .2s ease;
}
.hh-kbag > li > a::before{
  content:"";position:absolute;left:0;top:.72em;
  width:5px;height:5px;border-radius:50%;background:var(--turk-xl);
  transition:background .2s ease;
}
.hh-kbag > li > a:hover{color:var(--turk-d)}
.hh-kbag > li > a:hover::before{background:var(--turk)}

/* "Bolume git" artik span degil <a>: core.css'in .hh-k > a kart kromu
   (koyu zemin, 16/11 oran, mutlak konum) acikca sifirlanir. */
.hh-k > a.hh-kgit{
  position:static;display:block;margin-top:auto;
  padding:1.1rem 1.5rem 1.4rem;
  aspect-ratio:auto;border-radius:0;background:none;box-shadow:none;
  overflow:visible;transform:none;
  font-size:.88rem;font-weight:700;color:var(--turk-d);
}
.hh-k > a.hh-kgit:hover{transform:none;box-shadow:none;color:var(--blue2)}
.hh-kgit::after{content:" →";transition:margin-left .25s ease}
.hh-k > a.hh-kgit:hover::after{margin-left:.25rem}

/* ============================================================
   10. BOLUM BASLIGI (.sb) - referanstaki section head
   ============================================================ */
.sb{margin:0 0 2.8rem;max-width:760px}
.sb-et{margin:0 0 1rem}
.sb h2{
  font-size:clamp(1.9rem,1.1rem + 2.2vw,2.85rem);line-height:1.16;
  letter-spacing:-.012em;color:var(--blue2);
}
.sb h2 em{font-style:italic;font-weight:500;color:var(--turk)}
.sb-ack{margin:1rem 0 0;font-size:1.05rem;line-height:1.7;color:var(--ink-3);max-width:640px}
.sb-sayi{
  margin-top:1rem;border-color:var(--turk-xl);background:var(--vurgu-bg);
  color:var(--turk-d);letter-spacing:.09em;text-transform:uppercase;font-size:.72rem;
}
/* Anasayfadaki bolum basliklari referanstaki gibi ortalanir. */
.hh-hub-bolum > .sb,.home-list > .sb,.hf-band .sb,.hi-band > .sb{
  text-align:center;max-width:760px;margin-left:auto;margin-right:auto;
}
.hh-hub-bolum > .sb .sb-ack,.home-list > .sb .sb-ack,
.hf-band .sb .sb-ack,.hi-band > .sb .sb-ack{margin-left:auto;margin-right:auto}

/* ============================================================
   11. HEKIM TANITIM BANDI - kemer portre + guven kartlari
   ============================================================ */
.hekim-tanitim{
  grid-column:wide;width:100vw;margin-left:calc(50% - 50vw);
  padding:var(--bolum) var(--oluk);
  background:var(--krem);
  grid-template-columns:minmax(0,.8fr) minmax(0,1fr);
  max-width:none;align-items:center;
}
.hekim-tanitim > *{max-width:none}
.ht-sol{max-width:460px;justify-self:end;width:100%}
.ht-foto{
  min-height:0;aspect-ratio:4/4.8;
  border-radius:230px 230px 20px 20px;
  box-shadow:0 36px 72px rgba(8,42,79,.20);
  object-position:50% 20%;
}
.ht-rozet{
  left:1.2rem;bottom:1.4rem;border-left:3px solid var(--turk);
  border-radius:var(--r-sm);background:rgba(255,255,255,.95);
}
.ht-rozet strong{color:var(--blue2)}
.ht-rozet span{color:var(--turk-d)}
.ht-sag{max-width:620px}
.ht-etiket{color:var(--turk-d);font-size:.76rem;letter-spacing:.2em}
.ht-etiket::before{width:26px;background:currentColor}
.ht-bas{
  font-size:clamp(2rem,1.1rem + 2.6vw,3rem);color:var(--blue2);
  line-height:1.16;letter-spacing:-.012em;
}
.ht-bas em{color:var(--turk);font-style:italic}
.ht-metin{color:var(--ink-2);font-size:1.02rem;line-height:1.78}
.ht-kgiris{color:var(--ink-3)}
.ht-kartlar{gap:1rem}
.ht-kart{
  border-radius:18px;padding:1.4rem 1.3rem 1.45rem;border-color:rgba(255,255,255,.9);
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.ht-kart:hover,.ht-kart:focus-visible{
  transform:translateY(-4px);border-color:var(--turk-xl);
  box-shadow:0 20px 44px rgba(8,42,79,.14);
}
.ht-ki{
  width:46px;height:46px;border-radius:14px;color:#fff;
  background:linear-gradient(150deg,var(--blue-m),var(--blue2));
}
.ht-kart:hover .ht-ki{background:linear-gradient(150deg,var(--turk),var(--blue1));color:#fff}
.ht-kb{font-size:1.1rem;color:var(--blue2)}
.ht-ko{color:var(--ink-3)}
.ht-link{
  border-bottom:0;padding:.92rem 1.75rem;border-radius:999px;
  background:var(--blue1);color:#fff;font-weight:700;font-size:.97rem;
  box-shadow:0 14px 30px rgba(11,58,107,.22);
  transition:transform .25s ease,background .25s ease,box-shadow .25s ease;
}
.ht-link:hover{background:var(--blue2);color:#fff;transform:translateY(-2px)}

/* ============================================================
   12. SUREC BANDI (.hs-band) - koyu lacivert adim kartlari
   ============================================================ */
.hs-band{
  background:
    radial-gradient(820px 460px at 14% 8%,rgba(95,211,220,.14),transparent 60%),
    linear-gradient(170deg,var(--blue1) 0%,var(--blue3) 100%);
  padding:var(--bolum) 0;margin-bottom:0;
}
/* Ust katman yalnizca turkuaz ve lacivert tasir: mavi radyal menekse bir
   kacirma yapiyordu, palet uc renkle sinirli kalmali. */
.hs-band::before{
  background:
    radial-gradient(88% 115% at 10% 0%,rgba(14,127,140,.26),transparent 58%),
    radial-gradient(80% 110% at 100% 100%,rgba(11,106,117,.26),transparent 62%),
    linear-gradient(180deg,rgba(5,32,60,.46) 0%,rgba(5,32,60,.20) 48%,rgba(5,32,60,.56) 100%);
}
/* Referanstaki ust etiket hap degil, cizgi + versal metindir. */
.hs-ust{
  border:0;background:none;padding:0;border-radius:0;
  color:var(--turk-l);letter-spacing:.2em;font-size:.76rem;
}
.hs-ust::before{
  background:var(--turk-l);box-shadow:none;
  width:26px;height:1px;border-radius:0;
}
.hs-bas{font-size:clamp(1.95rem,1.1rem + 2.3vw,2.9rem);letter-spacing:-.012em}
.hs-bas em{color:var(--turk-l);font-style:italic;font-weight:500}
.hs-ack{color:rgba(227,237,245,.82)}
.hs-liste li{border-radius:20px;padding:1.9rem 1.5rem 1.7rem}
.hs-liste li::before{background:linear-gradient(90deg,var(--turk-l),rgba(95,211,220,0))}
.hs-liste li::after{background:linear-gradient(90deg,rgba(95,211,220,.50),rgba(95,211,220,.08))}
.hs-liste li:hover{border-color:rgba(95,211,220,.45)}
.hs-no{
  font-size:3.2rem;color:transparent;
  -webkit-text-stroke:1.2px var(--turk-l);
  background:none;-webkit-background-clip:border-box;background-clip:border-box;
}
.hs-cta .btn-vurgu{background:var(--red);box-shadow:0 14px 30px rgba(184,30,20,.30)}
.hs-cta .btn-vurgu:hover{background:var(--red-d)}
.hs-alt{color:var(--turk-l)}

/* ============================================================
   13. OZET SERIT - alintilanabilir kisa cevap
   ============================================================ */
.ozet-serit{
  width:100vw;margin-left:calc(50% - 50vw);margin-bottom:0;
  padding:var(--bolum) var(--oluk);
  border:0;border-radius:0;background:linear-gradient(180deg,#fff 0%,#F7FBFD 100%);
}
.oz-govde{max-width:var(--wrap);margin:0 auto}
.oz-cevap{
  padding:clamp(1.8rem,3.4vw,2.8rem);border-radius:var(--r-xl);
  background:var(--cam);border:1px solid var(--cam-brd);
  -webkit-backdrop-filter:var(--cam-blur);backdrop-filter:var(--cam-blur);
  box-shadow:var(--cam-sh);border-top:3px solid var(--turk);
}
.oz-metin{font-size:1.14rem;line-height:1.75;color:var(--ink)}
/* Guven maddeleri iki satirlidir: hap degil esit genislikte kucuk kart. */
.oz-guven{
  list-style:none;margin:1.6rem 0 0;padding:0;
  display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;
}
.oz-guven li{
  margin:0;display:flex;align-items:flex-start;gap:.8rem;
  padding:1.15rem 1.25rem;border-radius:var(--r);
  background:#fff;border:1px solid var(--line-2);
  box-shadow:0 8px 22px rgba(8,42,79,.06);
}
.oz-gi{
  flex:none;display:flex;align-items:center;justify-content:center;
  width:38px;height:38px;border-radius:11px;
  background:var(--vurgu-bg);color:var(--turk-d);
}
.oz-gm{display:block;font-size:.9rem;line-height:1.6;color:var(--ink-2);font-weight:400}
.oz-gm strong{
  display:block;margin-bottom:.22rem;
  font-size:.97rem;font-weight:700;color:var(--blue2);
}
@media (max-width:980px){.oz-guven{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.oz-guven{grid-template-columns:1fr}}

/* ============================================================
   14. BOLUM KARTLARI (.hubk) ve vitrin kartlari (.card)
   ============================================================ */
.hubk{
  margin:0 0 2rem;border-radius:var(--r-xl);border-color:var(--line-2);
  box-shadow:0 10px 30px rgba(8,42,79,.07);
  transition:transform .3s ease,box-shadow .3s ease;
}
.hubk:hover{transform:translateY(-4px);box-shadow:0 24px 52px rgba(8,42,79,.13)}
/* Kapakta fotograf yok: 16/4.4 oran 340px bos lacivert birakiyordu.
   Yazi kadar yuksek, turkuaz dokunuslu bir seride indirildi. */
.hubk-kapak{
  aspect-ratio:auto;min-height:0;padding:0;
  background:
    radial-gradient(560px 220px at 6% 0%,rgba(95,211,220,.16),transparent 62%),
    linear-gradient(120deg,var(--blue2) 0%,var(--blue1) 58%,var(--blue-m) 100%);
}
.hubk-kapak::after{display:none;content:none}
.hubk-yazi{
  height:auto;max-width:min(70%,40rem);
  padding:clamp(1.9rem,3vw,2.6rem) clamp(1.4rem,2.6vw,2.3rem);
}
.hubk-no span{color:var(--turk-l)}
.hubk-no span::after{background:rgba(95,211,220,.55)}
.hubk-kapak h2 a:hover{color:var(--turk-l)}
.hubk-govde{padding:1.9rem clamp(1.4rem,2.6vw,2.3rem) 1.8rem;background:#fff;border:0;box-shadow:none}
.hubk-govde h2,.hubk-govde h3{color:var(--blue2)}
.hubk-git{font-weight:700;color:var(--turk-d)}
.home-list{padding:var(--bolum) 0 0}
.card{
  border-radius:var(--r-xl);border-color:var(--line-2);
  box-shadow:0 10px 30px rgba(8,42,79,.07);
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.card:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(8,42,79,.14);border-color:var(--turk-xl)}
.k-gov{padding:1.35rem 1.45rem 1.5rem}
.k-gov h3{font-family:var(--serif);font-size:1.22rem;font-weight:600;color:var(--blue2)}
.k-kat{color:var(--turk-d);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.7rem}
.hl-tumu-bas{color:var(--ink-3);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.74rem}

/* ============================================================
   15. SSS + FORM BANDI
   ============================================================ */
.hf-band{
  grid-column:wide;width:100vw;margin-left:calc(50% - 50vw);margin-bottom:0;
  padding:var(--bolum) 0;background:var(--krem);
}
.hf-in{max-width:var(--wrap);margin:0 auto;padding:0 var(--oluk)}
.hf-grid{grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:2rem 3rem}
.hf-oge{
  border-radius:18px;margin:0 0 .85rem;border-color:var(--cam-brd);
  transition:box-shadow .3s ease;
}
.hf-oge[open]{box-shadow:0 18px 42px rgba(8,42,79,.12)}
.hf-q{padding:1.3rem 1.4rem;font-size:1.02rem;font-weight:600;color:var(--blue2)}
.hf-ok{
  width:32px;height:32px;flex:none;padding:7px;border-radius:50%;
  background:rgba(11,58,107,.07);color:var(--blue1);
  transition:transform .3s ease,background .3s ease,color .3s ease;
}
.hf-oge[open] .hf-ok{transform:rotate(180deg);background:var(--blue1);color:var(--turk-l)}
.hf-a{padding:0 1.4rem 1.3rem}
.hf-a > *:first-child{padding-top:1rem;border-top:1px solid var(--line)}
.hf-not{color:var(--ink-3);font-size:.9rem}
.hf-form{
  padding:2rem 1.9rem 2.1rem;border-radius:var(--r-xl);
  position:sticky;top:104px;
}
.hf-form-bas{font-family:var(--serif);font-size:1.5rem;color:var(--blue2);margin:0 0 .5rem}
.hf-form-ack{color:var(--ink-3);font-size:.94rem}
.randevu-form input,.randevu-form select,.randevu-form textarea{
  border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.9);
}
.randevu-form input:focus,.randevu-form select:focus,.randevu-form textarea:focus{
  border-color:var(--turk);box-shadow:0 0 0 3px rgba(14,127,140,.16);outline:none;
}
.randevu-form .btn-primary{width:100%}
/* Onay kutulari: core.css'te yalin tarayici mavisi kaliyordu, cerez
   diyalogundaki isaretleme rengiyle ayni olsun. Kutu/radyo, metin
   alanlarinin cerceve-yuvarlatma kurallarindan muaf tutulur. */
.randevu-form input[type="checkbox"],.randevu-form input[type="radio"],
.f-consent input{accent-color:var(--turk)}
.randevu-form input[type="checkbox"],.randevu-form input[type="radio"]{
  border-radius:0;border:0;background:none;
}

/* ---------- Icerik sayfalarindaki SSS ---------- */
.sss-oge{
  border-bottom:0;border-radius:18px;margin:0 0 .85rem;overflow:hidden;
  background:var(--cam);border:1px solid var(--cam-brd);
  -webkit-backdrop-filter:var(--cam-blur);backdrop-filter:var(--cam-blur);
  box-shadow:var(--cam-sh);
}
.sss-q{padding:1.2rem 1.35rem;font-weight:600;color:var(--blue2)}
.sss-a{padding:0 1.35rem 1.2rem}

/* ============================================================
   16. ILETISIM BANDI
   ============================================================ */
.hi-band{
  grid-column:wide;width:100vw;margin-left:calc(50% - 50vw);
  padding:var(--bolum) var(--oluk) calc(var(--bolum) - 1rem);
  background:linear-gradient(180deg,#fff 0%,#F7FBFD 100%);
}
.hi-band > *{max-width:var(--wrap);margin-left:auto;margin-right:auto}
.hi-sahne{
  border-radius:var(--r-xl);border-color:var(--cam-brd);
  background:
    radial-gradient(700px 400px at 86% 18%,rgba(95,211,220,.22),transparent 62%),
    linear-gradient(140deg,var(--krem) 0%,#F7FBFD 100%);
  box-shadow:0 18px 44px rgba(8,42,79,.10);
}
.hi-kutu{border-left:4px solid var(--turk);border-radius:var(--r);}
.hi-kutu-et{color:var(--turk-d)}
.nap-ad{font-family:var(--serif);font-size:1.25rem;font-weight:600;color:var(--blue2)}
.hi-eylem{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem}
/* Harita koordinatlari gelene kadar sahne tek sutunlu: NAP solda, eylemler
   sagda. Aksi halde kartin sag yarisi bos kaliyor. */
.hi-haritasiz .hi-kutu{
  display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);
  align-items:center;column-gap:clamp(1.6rem,4vw,3.4rem);
  padding:clamp(1.8rem,3.4vw,2.6rem) clamp(1.6rem,3vw,2.4rem);
}
.hi-haritasiz .hi-kutu-et{grid-column:1;margin-bottom:.55rem}
.hi-haritasiz .nap{grid-column:1}
.hi-haritasiz .hi-eylem{
  grid-column:2;grid-row:1 / span 2;
  flex-direction:column;align-items:stretch;margin-top:0;
}
.hi-haritasiz .hi-eylem .btn{justify-content:center;text-align:center}
@media (max-width:860px){
  .hi-haritasiz .hi-kutu{grid-template-columns:1fr}
  .hi-haritasiz .hi-kutu-et,.hi-haritasiz .nap,.hi-haritasiz .hi-eylem{grid-column:1}
  .hi-haritasiz .hi-eylem{grid-row:auto;margin-top:1.5rem}
}

/* ============================================================
   17. SAYFA UST BANDI (ic sayfalar)
   ============================================================ */
.page-hero{margin-bottom:3.2rem}
.ph-media{
  min-height:clamp(260px,27vw,370px);
  padding:clamp(2.2rem,4vw,3.2rem) 0 clamp(2.2rem,4vw,3rem);
  background:linear-gradient(140deg,var(--blue1) 0%,var(--blue3) 100%);
}
.ph-media::after{
  background:
    radial-gradient(760px 420px at 88% 20%,rgba(95,211,220,.22),transparent 62%),
    linear-gradient(90deg,rgba(5,32,60,.90) 0%,rgba(5,32,60,.68) 50%,rgba(5,32,60,.34) 100%);
}
.ph-ust{color:var(--turk-l);font-size:.76rem;letter-spacing:.2em}
.ph-in h1{
  font-size:clamp(2rem,1.2rem + 2.3vw,3.05rem);letter-spacing:-.018em;line-height:1.1;
}
.ph-in h1 em{color:var(--turk-l);font-style:italic;font-weight:500}
.ph-oz{color:rgba(227,237,245,.86);font-size:1.02rem}
.ph-cta{gap:.8rem;margin-top:1.4rem}
.ph-cta .btn-primary{background:var(--red);box-shadow:0 14px 30px rgba(184,30,20,.30)}
.ph-cta .btn-primary:hover{background:var(--red-d)}
.ph-alt{color:var(--turk-l);text-decoration-color:rgba(95,211,220,.5)}
.ph-alt:hover{color:#fff;text-decoration-color:#fff}

/* ---------- Kurumsal sayfa acilisi (body.tip-kurumsal) ----------
   hakkimda / sss / iletisim / yasal sayfalari page-hero uretmiyor;
   dogrudan kirik ekmek + h1 ile aciliyor ve bantli acilan diger 100
   sayfanin yaninda tasarimsiz duruyordu. Bu sayfalarda fotograf yok,
   bu yuzden bant koyu degil acik: krem zemin + turkuaz kapanis cizgisi.
   Bant, ogelerin yerini DEGISTIRMEDEN cizilir: tam genislik pseudo ile
   boyanir, metin sutununda kalir. Pseudo z-index:-1 ile sayfa zemininin
   altina kacmasin diye ogeye z-index:0 verilip kendi yigin baglami
   kuruluyor - o zaman pseudo yalnizca ogenin kendi zemininin altinda
   kalir. */
body.tip-kurumsal main > .breadcrumb,
body.tip-kurumsal main > h1{position:relative;z-index:0}
body.tip-kurumsal main > .breadcrumb::before,
body.tip-kurumsal main > h1::before{
  content:"";position:absolute;z-index:-1;
  top:0;bottom:0;left:50%;width:100vw;margin-left:-50vw;
  background:var(--krem);
}
/* Bant, kirik ekmegin ustunden h1'in altina kesintisiz insin: aradaki
   bosluk sifirlanir, nefes payi pseudo'nun tasma degerleriyle verilir. */
body.tip-kurumsal main > .breadcrumb{margin-bottom:0}
body.tip-kurumsal main > .breadcrumb::before{top:-2.4rem}
body.tip-kurumsal main > h1{
  margin:0 0 3.2rem;padding:.55rem 0 0;
  font-size:clamp(1.95rem,1.2rem + 2.1vw,2.85rem);
  letter-spacing:-.018em;line-height:1.14;color:var(--blue2);
}
body.tip-kurumsal main > h1::before{
  bottom:-2.9rem;border-bottom:3px solid var(--turk);
}
@media (max-width:640px){
  body.tip-kurumsal main > .breadcrumb::before{top:-1.5rem}
  body.tip-kurumsal main > h1{margin-bottom:2.5rem}
  body.tip-kurumsal main > h1::before{bottom:-2rem}
}

/* ============================================================
   18. ICERIK GOVDESI
   ============================================================ */
.answer-block{
  border-left:0;border-top:3px solid var(--turk);border-radius:var(--r);
  padding:1.6rem 1.8rem;background:var(--vurgu-bg);
}
.key-facts,.cs-sources,.content-trust{border-radius:var(--r);padding:1.3rem 1.5rem}
.key-facts caption{font-family:var(--serif);color:var(--blue2)}
.cs-rail-label,.cs-rail-label-2{color:var(--turk-d);letter-spacing:.18em}
.related h2,.proc-cta-section h2{color:var(--blue2)}
.proc-cta-section{
  border-radius:var(--r-xl);
  background:
    radial-gradient(700px 380px at 84% 16%,rgba(95,211,220,.16),transparent 60%),
    linear-gradient(150deg,var(--blue1) 0%,var(--blue3) 100%);
}
.pc-metin h2,.pc-metin h3{color:#fff}
.pc-kanal .btn-primary{background:var(--red)}
.pc-kanal .btn-primary:hover{background:var(--red-d)}

/* ============================================================
   19. ALT BANT + WHATSAPP
   ============================================================ */
.site-footer{
  background:
    radial-gradient(120% 88% at 50% 30%,rgba(14,127,140,.12) 0%,rgba(11,58,107,0) 52%,rgba(5,32,60,.70) 100%),
    linear-gradient(170deg,var(--blue1) 0%,var(--blue3) 100%);
  color:#C3D6E6;padding-top:4.2rem;
}
.f-marka,.site-footer h2,.site-footer h3,.site-footer strong{color:#fff}
.site-footer a{color:#D7E6F0}
.site-footer a:hover{color:var(--turk-l)}
.f-sb{color:var(--turk-l);letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;font-weight:700}
.f-sb{border-bottom-color:rgba(95,211,220,.45)}
/* Alt bant site haritasi: build.py her bolumu kendi sutununa koyar, sigmayan
   yedisi son sutunda ust uste yigiliyordu - dort sutun bos, besincisi bir
   metre uzunlugunda. Sarmalayici div'ler cozulur, bolumler dogrudan izgaraya
   akar; okuma sirasi (nav sirasi) satir satir korunur. */
.f-menu > div:not(.f-belge){display:contents}
/* Izgara yerine cok sutun: izgarada satir yuksekligi en uzun bolume gore
   kilitlendigi icin kisa bolumlerin altinda bir ekran bosluk kaliyordu.
   Cok sutun yuksege gore dengeler, okuma sirasi sutun sutun asagi iner. */
.f-menu{display:block;columns:5;column-gap:1.9rem}
/* core.css :last-child ile alt boslugu siliyor; sarmalayicilar cozulunce
   her bolum kendi div'inin tek cocugu kaldigi icin TUM bolumler bosluksuz
   kaliyordu. Kural geri alinir, bosluk bolumun kendisine baglanir. */
.f-menu .f-sec,.f-menu .f-sec:last-child{margin-bottom:2.3rem;break-inside:avoid}
.f-menu > .f-belge{column-span:all}
@media (max-width:1180px){.f-menu{columns:4}}
@media (max-width:900px){.f-menu{columns:3}}
@media (max-width:640px){.f-menu{columns:2}}
@media (max-width:460px){.f-menu{columns:1}}
.wa-float{
  padding:.85rem 1.3rem;font-weight:700;
  background:#128C4B;box-shadow:0 14px 32px rgba(18,140,75,.34);
}

/* ============================================================
   19b. BAGLANTI GRUPLARI (.hub-gruplar) - site haritasi seridi
   ============================================================ */
/* Dar metin sutununda dort kolon iki satira tasiyordu; serit tam
   genislige acilir ve kolon sayisi kendiliginden uyar. */
.hub-gruplar{
  grid-column:wide;width:100%;max-width:var(--wrap);margin-inline:auto;
  columns:4;column-gap:2.6rem;
}
.hg h3{border-bottom-color:var(--line)}
.hg h3 a{color:var(--turk-d);letter-spacing:.12em}
.hg h3 a:hover{color:var(--blue1)}
.hg li a{padding-left:1.5rem}
/* Isaret dosyadan degil satir ici veri adresinden gelir: madde-logo.svg
   surumsuz istendigi icin palet degisimi tarayicida eski renkle kaliyordu. */
.hg li a::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%230B3A6B' d='M12 2c3 4 8 5 8 11a8 8 0 0 1-16 0C4 7 9 6 12 2Z'/%3E%3Cpath fill='%230E7F8C' d='M12 8c1.5 2 4 2.5 4 5.5a4 4 0 0 1-8 0C8 10.5 10.5 10 12 8Z'/%3E%3C/svg%3E")}
.hg li a:hover,.hg li a:focus-visible{color:var(--blue1);background:var(--vurgu-bg)}
@media (max-width:1180px){.hub-gruplar{columns:3}}
@media (max-width:860px){.hub-gruplar{columns:2}}
@media (max-width:560px){.hub-gruplar{columns:1}}


/* ============================================================
   19c. CEREZ BANDI (.consent-*) - ucuncu katman
   ============================================================ */
/* consent-manager.css kalibin eski yesil-krem paletiyle geliyor (#253830
   yesil, #ded6ca krem). Dosyaya dokunulmaz; tema katmani en sonda
   yuklendigi icin burada yeniden boyanir. */
.consent-banner{
  border:1px solid var(--line);border-radius:var(--r);
  color:var(--ink);box-shadow:0 18px 50px rgba(8,42,79,.18);
}
.consent-banner-copy p,.consent-intro,.consent-category p,.consent-policy-links{color:var(--ink-3)}
.consent-banner-copy a,.consent-policy-links a{color:var(--turk-d)}
.consent-banner-copy a:hover,.consent-policy-links a:hover{color:var(--blue1)}
.consent-actions button,.consent-media-placeholder button{
  border:1px solid var(--blue1);border-radius:var(--r-sm);color:var(--blue1);
}
/* Ilk dugme onay dugmesidir: eylem rengi kirmizi, digerleri cerceveli kalir. */
.consent-actions button:first-child{
  border-color:var(--red);background:var(--red);color:#fff;
  box-shadow:0 8px 20px rgba(184,30,20,.26);
}
.consent-actions button:first-child:hover,
.consent-actions button:first-child:focus-visible{background:var(--red-d);border-color:var(--red-d)}
.consent-actions button:hover,.consent-actions button:focus-visible,
.consent-media-placeholder button:hover{background:var(--vurgu-bg)}
.consent-backdrop{background:rgba(5,32,60,.62)}
.consent-dialog{border-radius:var(--r);color:var(--ink)}
.consent-dialog h2{font-family:var(--serif);color:var(--blue1)}
.consent-close{border:1px solid var(--line);color:var(--blue1)}
.consent-close:hover{background:var(--vurgu-bg)}
.consent-category{border-top:1px solid var(--line-2)}
.consent-category input{accent-color:var(--turk)}
.consent-always{color:var(--turk-d)}
.consent-reopen{
  border:1px solid rgba(255,255,255,.28);border-radius:var(--r-sm);
  background:var(--blue1);box-shadow:0 8px 22px rgba(8,42,79,.26);
}
.consent-reopen:hover{background:var(--blue-m)}
.consent-media-placeholder{background:var(--krem);color:var(--blue1);border-radius:var(--r)}
.consent-media-placeholder span{color:var(--ink-3)}

/* ============================================================
   20. DUYARLI
   ============================================================ */
@media (max-width:1100px){
  .hh-hub{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:980px){
  .hh-grid{grid-template-columns:1fr;gap:2.4rem}
  .hh-media{max-width:420px;margin:0 auto}
  .hh-bas{max-width:none}
  .hekim-tanitim{grid-template-columns:1fr}
  .ht-sol{justify-self:center}
  .hf-grid{grid-template-columns:1fr}
  .hf-form{position:static}
  .hh-hub{margin-top:0}
}
@media (max-width:760px){
  :root{--oluk:1.25rem;--bolum:clamp(3.2rem,9vw,4.4rem)}
  .site-header{top:8px;padding:0 8px}
  .site-header .wrap{padding-left:1rem}
  .hh-hub{grid-template-columns:1fr}
  .ht-kartlar{grid-template-columns:1fr}
  .hh-cta-sat .btn{width:100%}
  .hi-eylem .btn{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .btn,.card,.ht-kart,.hubk,.hh-k,.hs-liste li{transition:none}
  .btn:hover,.card:hover,.ht-kart:hover,.hubk:hover,.hh-k:hover{transform:none}
}

.hc{
  grid-column:wide;position:relative;width:100vw;margin-left:calc(50% - 50vw);
  margin-top:calc(-1 * (var(--main-pt, 0px) + var(--hc-ust, 72px)));margin-bottom:3.2rem;
  height:calc(100vh + (var(--hc-n) - 1) * 85vh);
  background:#061B33;color:#fff;isolation:isolate;
}
.hc-sahne{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;align-items:center}
.hc-vids{position:absolute;inset:0;z-index:0}
.hc-v{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:0;transition:opacity 1s ease;background:#061B33;
}
.hc-v.is-on{opacity:1}
.hc-perde{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(6,27,51,.72) 0%,rgba(6,27,51,0) 26%),
    linear-gradient(0deg,rgba(6,27,51,.6) 0%,rgba(6,27,51,0) 28%),
    linear-gradient(90deg,rgba(6,27,51,.96) 0%,rgba(6,27,51,.82) 34%,rgba(6,27,51,.32) 64%,rgba(6,27,51,.08) 100%);
}
.hc-in{
  position:relative;z-index:2;width:100%;max-width:1500px;margin:0 auto;
  padding:calc(var(--hc-ust, 72px) + 3rem) clamp(1.25rem,4vw,3.5rem) 3rem;
}
.hc-metinler{display:grid}
.hc-metin{
  grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(18px);
  transition:opacity .6s ease,transform .6s ease,visibility 0s linear .6s;
}
.hc-metin.is-on{opacity:1;visibility:visible;transform:none;transition-delay:.15s,.15s,0s}
.hc-ust{
  display:flex;align-items:center;gap:.8rem;margin:0 0 1.3rem;
  font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.74);
}
.hc-cizgi{display:block;width:40px;height:1px;background:linear-gradient(90deg,transparent,var(--red-l))}
.hc-bas{
  max-width:17ch;margin:0 0 1.4rem;font-family:var(--serif);font-weight:600;
  font-size:clamp(2.4rem,1.6rem + 3vw,4.3rem);line-height:1.02;letter-spacing:-.02em;color:#fff;
  text-wrap:balance;
}
.hc-bas em{font-style:italic;color:#9FD3E0}
.hc-ack{max-width:52ch;margin:0 0 2rem;font-size:clamp(1rem,.95rem + .3vw,1.2rem);line-height:1.65;color:rgba(255,255,255,.88)}
.hc-sat{display:flex;flex-wrap:wrap;gap:.8rem;margin:0 0 2rem}
.hc-cta,.hc-ikincil{padding:1rem 1.9rem;font-size:1rem;border-radius:10px}
.hc-ikincil{border:1.5px solid rgba(255,255,255,.42);color:#fff;background:transparent}
.hc-ikincil:hover{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.7)}
.hc-rozet{display:flex;flex-wrap:wrap;gap:.5rem 1.6rem;margin:0;padding:0;list-style:none}
.hc-rozet li{display:flex;align-items:center;gap:.45rem;margin:0;font-size:.9rem;color:rgba(255,255,255,.8)}
.hc-rozet .hh-ri{width:16px;height:16px;flex:0 0 auto;color:#7FD0C2}
.hc-ilerleme{
  position:absolute;z-index:2;right:clamp(1rem,3vw,2.5rem);top:50%;transform:translateY(-50%);
  display:flex;flex-direction:column;gap:.7rem;
}
.hc-n{display:block;width:3px;height:26px;border-radius:3px;background:rgba(255,255,255,.28);transition:background .4s ease,height .4s ease}
.hc-n.is-on{height:44px;background:#fff}
.hc-dur{
  position:absolute;z-index:3;left:clamp(1rem,3vw,2.5rem);bottom:1.4rem;
  display:grid;place-items:center;width:42px;height:42px;padding:0;
  border:1px solid rgba(255,255,255,.35);border-radius:50%;
  background:rgba(6,27,51,.45);color:#fff;cursor:pointer;
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
}
.hc-dur:hover{background:rgba(6,27,51,.7)}
.hc-dur:focus-visible{outline:2px solid #fff;outline-offset:3px}
.hc-dur svg{width:16px;height:16px;fill:currentColor}
.hc-i-oyna,.hc-durdu .hc-i-dur{display:none}
.hc-durdu .hc-i-oyna{display:block}
@media (max-width:860px){
  .hc{height:calc(100svh + (var(--hc-n) - 1) * 70svh)}
  .hc-sahne{align-items:flex-end}
  .hc-perde{
    background:
      linear-gradient(180deg,rgba(6,27,51,.7) 0%,rgba(6,27,51,0) 30%),
      linear-gradient(0deg,rgba(6,27,51,.97) 0%,rgba(6,27,51,.86) 48%,rgba(6,27,51,.25) 80%,rgba(6,27,51,.1) 100%);
  }
  .hc-in{padding-bottom:4.6rem}
  .hc-bas{max-width:none}
  .hc-ilerleme{top:auto;bottom:1.9rem;right:1.25rem;transform:none;flex-direction:row}
  .hc-n{width:22px;height:3px}
  .hc-n.is-on{width:38px;height:3px}
  .hc-rozet{display:none}
}
@media (prefers-reduced-motion:reduce){
  .hc{height:auto}
  .hc-sahne{position:relative;min-height:100svh}
  .hc-v{transition:none}
  .hc-metin{transition:none}
  .hc-ilerleme{display:none}
}

.hj{
  grid-column:wide;position:relative;width:100vw;margin-left:calc(50% - 50vw);
  margin-top:3.2rem;margin-bottom:3.2rem;background:#061B33;color:#fff;isolation:isolate;
}
.hj-sahne{position:sticky;top:0;height:100vh;height:100svh;margin-bottom:-100vh;margin-bottom:-100svh;overflow:hidden;z-index:0}
.hj-foto{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 40%;
  opacity:0;transform:scale(1.04);transition:opacity 1s ease,transform 6s ease;
}
.hj-foto.is-on{opacity:1;transform:scale(1)}
.hj-perde{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(6,27,51,.95) 0%,rgba(6,27,51,.84) 32%,rgba(6,27,51,.42) 62%,rgba(6,27,51,.3) 100%),
    linear-gradient(0deg,rgba(6,27,51,.55) 0%,rgba(6,27,51,0) 30%),
    rgba(9,48,72,.28);
}
.hj-yol{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.hj-yol path{fill:none;stroke-linecap:round}
.hj-yol-iz{stroke:rgba(255,255,255,.18);stroke-width:1.2}
.hj-yol-dolu{stroke:url(#hj-renk);stroke-width:2.4;opacity:0;transition:stroke-dashoffset .25s linear}
.hj-hazir .hj-yol-dolu{opacity:1}
.hj-dugumler{position:absolute;inset:0}
.hj-d{
  position:absolute;display:grid;place-items:center;width:34px;height:34px;transform:translate(-50%,-50%);
  border-radius:50%;background:rgba(6,27,51,.82);border:1px solid rgba(255,255,255,.28);color:rgba(255,255,255,.55);
  transition:background .4s ease,border-color .4s ease,color .4s ease,box-shadow .4s ease;
}
.hj-d svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hj-d.is-on{border-color:#5FC9B8;color:#fff;background:#0B3A6B;box-shadow:0 0 0 6px rgba(95,201,184,.16)}
.hj-in{
  position:relative;z-index:2;max-width:1500px;margin:0 auto;
  padding:16vh clamp(1.25rem,4vw,3.5rem) 18vh;
}
.hj-in > *{max-width:560px}
.hj-ust{
  display:flex;align-items:center;gap:.8rem;margin:0 0 1.2rem;
  font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.72);
}
.hj-cizgi{display:block;width:40px;height:1px;background:linear-gradient(90deg,transparent,var(--red-l))}
.hj-bas{
  margin:0 0 1.2rem;font-family:var(--serif);font-weight:600;color:#fff;
  font-size:clamp(2.1rem,1.5rem + 2.4vw,3.5rem);line-height:1.06;letter-spacing:-.015em;text-wrap:balance;
}
.hj-ack{margin:0 0 2.6rem;font-size:clamp(1rem,.96rem + .25vw,1.15rem);line-height:1.7;color:rgba(255,255,255,.84)}
.hj-liste{list-style:none;margin:0;padding:0;counter-reset:none}
.hj-adim{
  margin:0;padding:2.4rem 0 2.6rem;min-height:44vh;border-top:1px solid rgba(255,255,255,.14);
  opacity:.38;transition:opacity .5s ease;
}
.hj-adim.is-on{opacity:1}
.hj-ust-satir{display:flex;align-items:center;gap:.9rem;margin:0 0 1rem}
.hj-n{
  display:grid;place-items:center;width:42px;height:42px;border-radius:50%;
  border:1px solid rgba(255,255,255,.4);font-size:.92rem;font-weight:700;color:#fff;font-variant-numeric:tabular-nums;
  transition:background .4s ease,border-color .4s ease;
}
.hj-adim.is-on .hj-n{background:#0B3A6B;border-color:#5FC9B8}
.hj-i{width:20px;height:20px;fill:none;stroke:#E2B26B;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hj-ad{margin:0 0 .7rem;font-family:var(--sans);font-size:clamp(1.25rem,1.1rem + .5vw,1.5rem);font-weight:700;color:#fff;letter-spacing:-.01em}
.hj-oz{margin:0;font-size:1rem;line-height:1.7;color:rgba(255,255,255,.8)}
.hj-cta{display:flex;flex-wrap:wrap;gap:.8rem;margin:1rem 0 0;padding-top:2.4rem;border-top:1px solid rgba(255,255,255,.14)}
.hj-cta .btn{padding:1rem 1.8rem;border-radius:10px}
.hj-ikincil{border:1.5px solid rgba(255,255,255,.42);color:#fff;background:transparent}
.hj-ikincil:hover{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.7)}
@media (max-width:860px){
  .hj-perde{background:linear-gradient(0deg,rgba(6,27,51,.92),rgba(6,27,51,.78)),rgba(9,48,72,.3)}
  .hj-yol,.hj-dugumler{display:none}
  .hj-in{padding:12vh 1.25rem 10vh}
  .hj-in > *{max-width:none}
  .hj-adim{min-height:38vh}
}
@media (prefers-reduced-motion:reduce){
  .hj-foto,.hj-adim,.hj-d,.hj-n{transition:none}
  .hj-foto{transform:none}
  .hj-yol-dolu{transition:none}
}

.br{
  grid-column:wide;position:relative;width:100vw;margin-left:calc(50% - 50vw);
  margin-top:3.2rem;margin-bottom:3.2rem;background:#0A1B2A;color:#fff;
}
.br-sahne{padding:clamp(3rem,7vh,5rem) 0 clamp(2.5rem,6vh,4rem);overflow:hidden}
.br-ust{
  display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;
  width:100%;box-sizing:border-box;max-width:1500px;margin:0 auto clamp(1.4rem,3.5vh,2.4rem);padding:0 clamp(1.25rem,4vw,3.5rem);
}
.br-et{
  display:flex;align-items:center;gap:.8rem;margin:0 0 .6rem;
  font-size:.75rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#D9B26F;
}
.br-cizgi{display:block;width:40px;height:1px;background:#D9B26F;opacity:.8}
.br-h{margin:0;font-family:var(--serif);font-weight:600;font-size:clamp(1.6rem,1.2rem + 1.4vw,2.5rem);line-height:1.1;color:#fff}
.br-tum{font-size:.92rem;font-weight:600;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:2px}
.br-tum::after{content:" →"}
.br-tum:hover{color:#D9B26F;border-color:#D9B26F}
.br-rayler{display:grid;gap:clamp(.9rem,2vh,1.4rem)}
.br-rayler > *{min-width:0}
.br-ray{
  display:flex;gap:clamp(.9rem,1.6vw,1.6rem);margin:0;padding:0 clamp(1.25rem,4vw,3.5rem);list-style:none;
  overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;
}
.br-ray::-webkit-scrollbar{display:none}
.br-k{flex:0 0 auto;margin:0;scroll-snap-align:start}
.br-k a{
  position:relative;display:block;width:clamp(260px,30vw,520px);aspect-ratio:16/9;
  border-radius:14px;overflow:hidden;color:#fff;text-decoration:none;background:#12304A;
  box-shadow:0 18px 40px rgba(0,0,0,.28);
}
.br-f{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.br-k a::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(6,20,33,.9) 0%,rgba(6,20,33,.45) 42%,rgba(6,20,33,.05) 75%);
}
.br-k a:hover .br-f,.br-k a:focus-visible .br-f{transform:scale(1.05)}
.br-k a:focus-visible{outline:3px solid #D9B26F;outline-offset:3px}
.br-kat{
  position:absolute;z-index:1;top:1rem;left:1.2rem;padding:.3rem .65rem;border-radius:999px;
  background:rgba(6,20,33,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  font-size:.72rem;font-weight:600;letter-spacing:.04em;color:rgba(255,255,255,.9);
}
.br-bas{
  position:absolute;z-index:1;left:1.3rem;right:3.6rem;bottom:1.1rem;margin:0;
  font-family:var(--sans);font-weight:700;font-size:clamp(1.05rem,.85rem + .7vw,1.55rem);line-height:1.2;
  letter-spacing:-.01em;color:#fff;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.br-no{position:absolute;z-index:1;right:1.3rem;bottom:1.25rem;font-size:.8rem;font-weight:700;color:#D9B26F;font-variant-numeric:tabular-nums}
.br-ilerle{
  position:relative;height:1px;max-width:1500px;margin:clamp(1.4rem,3.5vh,2.4rem) auto 0;
  background:rgba(255,255,255,.14);
}
.br-ilerle{margin-left:max(clamp(1.25rem,4vw,3.5rem),calc((100% - 1500px)/2 + clamp(1.25rem,4vw,3.5rem)));margin-right:max(clamp(1.25rem,4vw,3.5rem),calc((100% - 1500px)/2 + clamp(1.25rem,4vw,3.5rem)))}
.br-dolu{display:block;height:1px;background:#D9B26F;transform-origin:left;transform:scaleX(0)}
.br-js .br-sahne{position:sticky;top:0;height:100vh;height:100svh;display:flex;flex-direction:column;justify-content:center;padding-top:calc(var(--hc-ust,72px) + 1.5rem)}
.br-js .br-ray{overflow:visible;scroll-snap-type:none;will-change:transform}
.br-js .br-k a{width:auto;height:clamp(150px,30vh,300px)}
@media (max-width:640px){
  .br-js .br-k a{height:clamp(140px,26vh,220px)}
  .br-ust{align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){
  .br-f{transition:none}
}