/* ============================================================
   Prof. Dr. Murat Tuncer Uroloji Klinigi - core stylesheet
   Tasarim sistemi: MURATTUNCER-LANDING referansi (glass + Playfair/DM Sans).
   Icerik ve bilesen adlari degismedi; yalnizca gorsel dil yenilendi.
   ============================================================ */

/* ---------- 1. Jetonlar ---------- */
:root{
  /* referans paleti */
  --green:#0f3b66;--green2:#0b2a4a;--green3:#071c33;
  --cream:#eaf4f6;--cream2:#dcebef;
  --gold:#0b7f79;--goldl:#6fd3cf;
  --ink:#13263a;--ink2:#33475b;--mut:#5b6b7a;
  --line:#d6e3e8;--sage:#b9ccda;
  /* eski jeton adlari: yeni palete baglanir */
  --paper:#ffffff;
  --navy:var(--green);
  --blue:#1f5c94;
  --rose:var(--goldl);
  --gold-text:var(--gold);
  --ink-2:var(--ink2);
  --ink-3:var(--mut);
  --line-2:#e6eef2;
  --white:#ffffff;
  --sage-bg:var(--cream);
  --rose-bg:var(--cream2);
  --gold-bg:var(--cream);
  --navy-08:rgba(15,59,102,.08);
  /* cam (acik) */
  --gl:rgba(255,255,255,.56);
  --gl-hi:rgba(255,255,255,.74);
  --gl-brd:rgba(255,255,255,.78);
  --gl-edge:rgba(214,227,232,.55);
  --gl-sh:0 18px 44px rgba(11,42,74,.09),inset 0 1px 0 rgba(255,255,255,.9);
  --gl-sh-hi:0 28px 60px rgba(11,42,74,.14),inset 0 1px 0 rgba(255,255,255,.95);
  --gl-blur:blur(18px) saturate(160%);
  /* cam (koyu zemin) */
  --gd:rgba(255,255,255,.055);
  --gd-hi:rgba(255,255,255,.09);
  --gd-brd:rgba(111,211,207,.24);
  --gd-sh:0 24px 50px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.08);
  --gd-blur:blur(16px) saturate(140%);
  /* tipografi */
  --serif:'Playfair Display',Georgia,"Times New Roman",serif;
  --sans:'DM Sans',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --fh:var(--serif);--fb:var(--sans);
  /* olcu */
  --wrap:1240px;
  --oluk:32px;
  --text-w:740px;
  --r:16px;
  --r-sm:12px;
  --r-xs:8px;
  --hdr:72px;          /* yuzen ust bant yuksekligi */
  --nav-top:14px;      /* ust bantin ekrana uzakligi */
  --main-pt:calc(var(--hdr) + var(--nav-top) + 2.6rem);
  --dock-h:64px;       /* alt sabit eylem cubugu */
  --sh:var(--gl-sh);
  --sh-2:var(--gl-sh-hi);
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  :root{
    --gl:rgba(255,255,255,.92);--gl-hi:rgba(255,255,255,.97);
    --gd:rgba(11,42,74,.75);--gd-hi:rgba(11,42,74,.85);
  }
}

/* ---------- 2. Temel ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--hdr) + var(--nav-top) + 14px)}
body{
  margin:0;background:var(--paper);color:var(--ink);
  overflow-x:clip;
  font-family:var(--sans);font-size:1rem;line-height:1.7;
  font-weight:400;-webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--green);text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:.06em;text-decoration-color:rgba(15,59,102,.35)}
a:hover{color:var(--gold);text-decoration-color:currentColor}
:focus-visible{outline:3px solid var(--goldl);outline-offset:2px;border-radius:4px}
hr{border:0;border-top:1px solid var(--line);margin:2.5rem 0}

h1,h2,h3,h4{font-family:var(--serif);color:var(--green2);line-height:1.15;margin:0;font-weight:600;letter-spacing:-.01em;text-wrap:balance}
h1{font-size:clamp(2.1rem,1.3rem + 2.6vw,3.3rem);margin:.2rem 0 1.1rem;letter-spacing:-.02em;line-height:1.08}
h2{font-size:clamp(1.7rem,1.25rem + 1.6vw,2.5rem);margin:3rem 0 1rem}
h2 em,h1 em,.h2 em{font-style:italic;font-weight:500;color:var(--gold)}
h3{font-family:var(--serif);font-size:1.3rem;font-weight:600;color:var(--green2);margin:2rem 0 .6rem;letter-spacing:0}
h4{font-family:var(--sans);font-size:1rem;font-weight:700;margin:1.5rem 0 .4rem;color:var(--ink)}
h2,h3,section[id],[id]{scroll-margin-top:calc(var(--hdr) + var(--nav-top) + 18px)}

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

/* Goz hizasi etiketi (referans .ovl) */
.ovl{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.8rem}

/* ---------- 3. Erisilebilirlik ---------- */
.skip-link{
  position:fixed;top:0;left:1rem;z-index:10001;padding:.7rem 1.1rem;
  color:#fff;background:var(--green2);border-radius:0 0 var(--r-xs) var(--r-xs);
  text-decoration:none;font-weight:600;transform:translateY(-130%);transition:transform .18s ease;
}
.skip-link:focus{transform:translateY(0);color:#fff}
.gorsel-gizli{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

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

/* ---------- 5. Ust bant: yuzen cam kapsul ---------- */
.site-header{
  position:fixed;top:var(--nav-top);left:0;right:0;z-index:900;
  pointer-events:none;
}
.site-header .wrap{max-width:calc(var(--wrap) + 120px)}
.nav-in{
  pointer-events:auto;position:relative;
  display:flex;align-items:center;gap:.6rem;
  min-height:var(--hdr);padding:0 .7rem 0 1rem;
  border-radius:18px;
  background:var(--gl-hi);
  border:1px solid rgba(255,255,255,.8);
  box-shadow:0 14px 36px rgba(11,42,74,.10),inset 0 1px 0 rgba(255,255,255,.95);
  -webkit-backdrop-filter:blur(20px) saturate(170%);backdrop-filter:blur(20px) saturate(170%);
  transition:box-shadow .25s ease,background .25s ease;
}
.site-header.is-scrolled .nav-in{background:rgba(255,255,255,.88);box-shadow:0 18px 44px rgba(11,42,74,.14),inset 0 1px 0 rgba(255,255,255,.95)}
.logo{flex:0 0 auto;display:flex;align-items:center;text-decoration:none;margin-right:.2rem}
.logo img{width:auto;height:42px}
.main-nav{flex:1 1 auto;min-width:0}
.main-nav > ul{display:flex;flex-wrap:nowrap;gap:0;list-style:none;margin:0;padding:0}
.main-nav > ul > li{margin:0}
.main-nav > ul > li > :is(a,button){
  display:flex;align-items:center;gap:.2rem;
  padding:.5rem .42rem;border-radius:10px;white-space:nowrap;
  font-size:.8rem;font-weight:600;color:var(--ink2);text-decoration:none;
  transition:background .16s ease,color .16s ease;
}
/* Hub sayfasi olmayan birlesik baslik (Genel Uroloji): dugme, baglanti gibi gorunur. */
.main-nav > ul > li > button{appearance:none;background:none;border:0;font-family:inherit;line-height:inherit;cursor:pointer}
.main-nav > ul > li > :is(a,button):hover{background:rgba(15,59,102,.07);color:var(--green)}
.main-nav > ul > li > :is(a,button)[aria-current]{color:var(--green);background:rgba(15,59,102,.08)}
.site-header .btn{flex:0 0 auto}
.hdr-cta{padding:.6rem 1.1rem;font-size:.88rem}


/* ---------- 6. Dugmeler ---------- */
.btn,.b{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  padding:.8rem 1.75rem;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 .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease,border-color .18s ease;
}
.btn-primary,.b-green{background:var(--green);color:#fff;box-shadow:0 10px 24px rgba(15,59,102,.22)}
.btn-primary:hover,.b-green:hover{background:var(--green2);color:#fff;transform:translateY(-2px);box-shadow:0 14px 30px rgba(15,59,102,.28)}
.btn-primary:active{transform:translateY(0)}
.btn-gold,.b-gold{background:var(--gold);color:#fff;box-shadow:0 10px 24px rgba(11,127,121,.24)}
.btn-gold:hover,.b-gold:hover{background:#096e69;color:#fff;transform:translateY(-2px);box-shadow:0 14px 30px rgba(11,127,121,.3)}
.btn-gold:active{transform:translateY(0)}
.btn-white,.b-white{background:#fff;color:var(--green);box-shadow:0 10px 24px rgba(11,42,74,.12)}
.btn-white:hover,.b-white:hover{background:var(--cream);color:var(--green2);transform:translateY(-2px)}
.btn-line,.b-line{background:transparent;color:var(--green);border-color:rgba(15,59,102,.3)}
.btn-line:hover,.b-line:hover{background:rgba(15,59,102,.06);border-color:var(--green)}

/* ---------- 7. Ana yerlesim izgarasi ---------- */
main{
  display:grid;width:100%;max-width:var(--wrap);margin:0 auto;
  padding:var(--main-pt) var(--oluk) 5rem;
  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 > .tur,
main > .reh-filtre,
main > .related,
main > .hubk,
main > .hubk-ikili,
main > .hub-karusel,
main > .il-hero,
main > .hk-hero,
main > .hk-taahhut,
main > .hk-yardim,
main > .hk-kapanis,
main > .ik-izgara,
main > .kunye,
main > .ilke-izgara,
main > .dernek,
main > .belgeler,
main > .sb,
main > .hi-band,
main > .proc-cta-section{grid-column:wide}

/* ---------- 8. Ekmek kirintisi ---------- */
.breadcrumb{margin:0 0 1.4rem;font-size:.83rem;color:var(--mut)}
.breadcrumb ol{display:flex;flex-wrap:wrap;gap:.45rem;list-style:none;margin:0;padding:0}
.breadcrumb li{margin:0;display:flex;align-items:center;gap:.45rem}
.breadcrumb li + li::before{content:"/";color:var(--sage);font-size:.9em}
.breadcrumb a{color:var(--mut);text-decoration:none}
.breadcrumb a:hover{color:var(--green);text-decoration:underline}
.breadcrumb [aria-current]{color:var(--ink2);font-weight:600}

/* ---------- 9. Kahraman gorsel ---------- */
.hero-fig{
  margin:0 0 2rem;padding:8px;border-radius:calc(var(--r) + 8px);overflow:hidden;
  background:var(--gl);border:1px solid var(--gl-brd);box-shadow:var(--gl-sh);
  -webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);
}
.hero-fig img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r)}
figure{margin:0 0 1.6rem}
figcaption{margin-top:.55rem;font-size:.85rem;color:var(--mut)}

/* ---------- 10. Yanit blogu (GEO) ---------- */
.answer-block{
  position:relative;margin:0 0 2.2rem;
  padding:1.5rem 1.8rem 1.5rem 2rem;
  background:linear-gradient(135deg,rgba(234,244,246,.9) 0%,rgba(255,255,255,.7) 100%);
  border:1px solid var(--gl-brd);border-radius:var(--r);
  box-shadow:var(--gl-sh);
  -webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);
  font-size:1.08rem;line-height:1.72;color:var(--ink);
}
.answer-block::before{
  content:"";position:absolute;left:0;top:1.2rem;bottom:1.2rem;width:4px;
  border-radius:0 4px 4px 0;
  background:linear-gradient(180deg,var(--green) 0%,var(--gold) 100%);
}
.answer-block strong{color:var(--green2)}
@media (max-width:640px){
  .answer-block{padding:1.15rem 1.25rem 1.15rem 1.5rem;font-size:1.02rem}
}

/* ---------- 11. Kunye tablosu ---------- */
.key-facts{
  width:100%;margin:0 0 2.1rem;border-collapse:separate;border-spacing:0;
  background:var(--gl-hi);border:1px solid var(--gl-brd);border-radius:var(--r);
  overflow:hidden;font-size:.95rem;box-shadow:var(--gl-sh);
}
.key-facts caption{
  caption-side:top;text-align:left;padding:.85rem 1.2rem;
  font-family:var(--sans);font-size:.72rem;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:var(--gold);
  background:var(--cream);border:1px solid var(--line);border-bottom:0;border-radius:var(--r) var(--r) 0 0;
}
.key-facts th,.key-facts td{padding:.75rem 1.2rem;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:600;color:var(--ink2);background:rgba(234,244,246,.5)}
.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:separate;border-spacing:0;font-size:.95rem;background:var(--gl-hi);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.cs-table th,.cs-table td{padding:.75rem 1rem;text-align:left;border-top:1px solid var(--line-2)}
.cs-table thead th{background:var(--cream);color:var(--green2);font-weight:700;border-top:0;font-size:.85rem;letter-spacing:.02em}

/* ---------- 13. Kart izgarasi (cam kartlar) ---------- */
.home-list,.silo-grup{margin:0 0 3.2rem}
.home-list>h2,.silo-grup>h2{margin-top:2.6rem}
.card-grid{
  display:grid;gap:1.2rem;list-style:none;margin:0 0 1.6rem;padding:0;
  grid-template-columns:repeat(auto-fill,minmax(min(270px,100%),1fr));
}
.card-grid li{margin:0}
.card{
  position:relative;
  background:var(--gl);border:1px solid var(--gl-brd);border-radius:var(--r);
  box-shadow:var(--gl-sh);overflow:hidden;
  -webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease;
}
.card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px var(--gl-edge)}
.card:hover{transform:translateY(-4px);box-shadow:var(--gl-sh-hi);background:var(--gl-hi)}
.card > a{display:block;padding:1.4rem 1.45rem 1.5rem;text-decoration:none;color:inherit;height:100%}
.card h3{margin:0 0 .5rem;font-family:var(--serif);font-size:1.2rem;color:var(--green2);line-height:1.3}
.card:hover h3{color:var(--gold)}
.card p{margin:0;font-size:.9rem;line-height:1.6;color:var(--ink2)}
.card-foto .card > a{display:flex;flex-direction:column;padding:0}
.card > .k-ic{display:block;padding:1.4rem 1.45rem 1.5rem;color:inherit;height:100%}
.card-foto .card > .k-ic{display:flex;flex-direction:column;padding:0}
.kart-pasif:hover{transform:none;box-shadow:var(--gl-sh);background:var(--gl)}
.kart-pasif:hover .k-foto img{transform:none}
.k-foto{aspect-ratio:16/9;overflow:hidden;background:var(--cream);border-bottom:1px solid var(--gl-edge)}
.k-foto img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.card:hover .k-foto img{transform:scale(1.045)}
.k-gov{padding:1.15rem 1.3rem 1.35rem}

/* ---------- 13b. Vitrin karuseli ---------- */
.krs{position:relative;margin:0 0 1.6rem}
.krs .krs-serit{
  display:flex;gap:1.2rem;margin:0;
  padding:.5rem 2px 1.2rem;
  overflow-x:auto;overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory;scroll-padding-left:2px;
  scrollbar-width:none;-ms-overflow-style:none;
}
.krs .krs-serit::-webkit-scrollbar{display:none}
.krs .krs-serit > li{flex:0 0 calc((100% - 2 * 1.2rem) / 3);scroll-snap-align:start}
.krs-ok{
  position:absolute;top:34%;transform:translateY(-50%);
  display:grid;place-items:center;
  width:2.6rem;height:2.6rem;padding:0;
  border:1px solid var(--gl-brd);border-radius:50%;
  background:var(--gl-hi);color:var(--green);
  -webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);
  box-shadow:var(--gl-sh);cursor:pointer;z-index:2;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease;
}
.krs-ok:hover{background:var(--green);border-color:var(--green);color:#fff}
.krs-ok svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.krs-geri{left:-.9rem}
.krs-ileri{right:-.9rem}
@media (max-width:1000px){.krs .krs-serit > li{flex:0 0 calc((100% - 1.2rem) / 2)}}
@media (max-width:640px){.krs .krs-serit > li{flex:0 0 100%}.krs-ok{display:none}}

.sb-yalin{margin-bottom:1.9rem}

.hl-tumu-bas{
  margin:2.2rem 0 .9rem;padding-bottom:.6rem;
  border-bottom:1px solid var(--line);
  font-size:.72rem;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;color:var(--gold);
}
.hl-tumu-bas a{color:var(--green);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.6rem;column-rule:1px solid var(--line);
  font-size:.9rem;line-height:1.55;
}
.home-list-tumu li{margin:0;break-inside:avoid}
.home-list-tumu li::marker{content:none}
.home-list-tumu a{
  position:relative;display:block;
  padding:.32rem 0 .32rem 1rem;
  color:var(--ink2);text-decoration:none;
  border-radius:var(--r-xs);
  transition:color .18s ease,background-color .18s ease;
}
.home-list-tumu a::before{
  content:"";position:absolute;left:.1rem;top:50%;
  width:5px;height:5px;margin-top:-2.5px;border-radius:50%;
  background:var(--goldl);
  transition:opacity .18s ease,transform .18s ease;
}
.home-list-tumu a:hover,.home-list-tumu a:focus-visible{color:var(--green);background:var(--cream);text-decoration:none}
.home-list-tumu a:hover::before,.home-list-tumu a:focus-visible::before{background:var(--gold);transform:scale(1.4)}
@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.8rem;background:var(--gl);border:1px solid var(--gl-brd);
  border-radius:var(--r);box-shadow:var(--gl-sh);text-align:center;
  -webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);
}
.hekim-kart img{
  width:136px;height:136px;margin:0 auto 1rem;border-radius:50%;
  object-fit:cover;background:var(--cream);border:3px solid #fff;box-shadow:0 0 0 1px var(--goldl);
}
.hekim-kart h3{margin:0 0 .2rem;font-family:var(--serif);font-size:1.35rem;font-weight:600;color:var(--green2)}
.hekim-kart h3 a{text-decoration:none;color:inherit}
.hekim-kart h3 a:hover{color:var(--gold)}
.hk-uzm{margin:0 0 .7rem;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.hk-bio{margin:0;font-size:.9rem;line-height:1.62;color:var(--ink2)}
.hekim-portre{
  width:180px;height:180px;margin:0 0 1.6rem;border-radius:50%;object-fit:cover;
  background:var(--cream);border:4px solid #fff;box-shadow:0 0 0 1px var(--goldl),var(--gl-sh);
}

/* ---------- 15. Ilgili sayfalar ---------- */
.related{
  margin:3rem 0 0;padding:1.7rem 1.85rem;background:var(--gl);
  border:1px solid var(--gl-brd);border-radius:var(--r);box-shadow:var(--gl-sh);
  -webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);
}
.related h2{margin:0 0 .9rem;font-size:1.4rem}
.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(--mut);padding-left:.95rem;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:600;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.3rem 1.45rem;background:var(--cream);border-radius:var(--r);
  border:1px solid var(--line);
}
.content-trust img{flex:0 0 auto;width:64px;height:64px;border-radius:50%;object-fit:cover;background:#fff;border:2px solid #fff;box-shadow:0 0 0 1px var(--goldl)}
.content-trust p{margin:0 0 .3rem;font-size:.87rem;line-height:1.6;color:var(--ink2)}
.content-trust p:last-child{margin-bottom:0}
.content-trust strong{color:var(--ink)}

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

/* ---------- 17. Kaynaklar ---------- */
.cs-sources{margin:0 0 2.4rem;padding:1.6rem 1.85rem;background:var(--gl);border:1px solid var(--gl-brd);border-radius:var(--r);box-shadow:var(--gl-sh)}
.cs-sources h2{margin:0 0 .8rem;font-size:1.3rem}
.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(--mut)}
.cs-sources a{color:var(--ink2);text-decoration:underline;text-decoration-color:var(--line)}
.cs-sources a:hover{color:var(--green);text-decoration-color:currentColor}

/* ---------- 18. Randevu bandi (koyu cam) ---------- */
.proc-cta-section{
  position:relative;isolation:isolate;overflow:hidden;
  margin:3.2rem 0 0;padding:clamp(1.8rem,3vw,2.6rem);text-align:left;
  background:linear-gradient(135deg,var(--green2) 0%,var(--green) 55%,#134a7c 100%);
  border-radius:var(--r);color:#e6f0f4;
  box-shadow:0 24px 50px rgba(7,28,51,.25);
}
.proc-cta-section::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(60% 80% at 100% 0%,rgba(111,211,207,.22),transparent 60%),
    radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);
  background-size:auto,22px 22px;
}
.proc-cta-section h2{margin:0 0 .6rem;color:#fff;font-size:clamp(1.5rem,1.1rem+1.2vw,2rem)}
.proc-cta-section p{margin:0 0 1.4rem;color:rgba(230,240,244,.82);font-size:1rem}
.proc-cta-section .btn-primary{background:var(--goldl);color:var(--green3);box-shadow:none}
.proc-cta-section .btn-primary:hover{background:#8be0dc;color:var(--green3)}
.pc-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,260px);gap:1.3rem 2.4rem;align-items:center}
.pc-metin h2{margin:0 0 .5rem}
.pc-ack{margin:0;color:rgba(230,240,244,.82);font-size:.97rem;line-height:1.6;max-width:56ch}
.pc-aksiyon{display:flex;flex-direction:column;gap:.75rem}
.pc-aksiyon .btn{width:100%}
.pc-kanal{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.2rem;margin:0}
.pc-kanal a{color:#fff;font-size:.9rem;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:1px}
.pc-kanal a:hover,.pc-kanal a:focus-visible{color:var(--goldl);border-bottom-color:var(--goldl)}
.pc-not{margin:0;text-align:center;font-size:.8rem;color:rgba(255,255,255,.62)}
@media (max-width:760px){
  .pc-in{grid-template-columns:1fr;gap:1.4rem}
  .proc-cta-section{text-align:center}
  .pc-ack{max-width:none}
}

/* ---------- 19. NAP ---------- */
.nap{
  margin:1.4rem 0 2rem;padding:1.6rem 1.85rem;background:var(--gl);
  border:1px solid var(--gl-brd);border-radius:var(--r);box-shadow:var(--gl-sh);
  -webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);
}
.nap p{margin:0 0 .5rem;font-size:.975rem}
.nap p:last-child{margin-bottom:0}
.nap p:empty{display:none}
.nap-ad{font-size:1.08rem;color:var(--green2)}
.nap-ad strong{color:var(--green2);font-family:var(--serif);font-size:1.3rem;font-weight:600}
.nap-adres{color:var(--ink2);line-height:1.6}
.nap-tel a,.nap-wa a,.nap-mail a{font-weight:600;text-decoration:none}
.nap-tel a:hover,.nap-wa a:hover,.nap-mail a:hover{text-decoration:underline}
.nap-saat{color:var(--mut);font-size:.9rem}

/* ---------- 20. Randevu formu ---------- */
.randevu-form{
  margin:1.4rem 0 2.4rem;padding:1.9rem;background:var(--gl);
  border:1px solid var(--gl-brd);border-radius:var(--r);box-shadow:var(--gl-sh);
  -webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);
}
.f-row{margin:0 0 1.05rem}
.f-row label{display:block;margin:0 0 .36rem;font-size:.85rem;font-weight:700;color:var(--ink2)}
.f-row input,.f-row select,.f-row textarea{
  width:100%;padding:.78rem .95rem;font:inherit;font-size:.975rem;color:var(--ink);
  background:rgba(255,255,255,.8);border:1px solid var(--line);border-radius:var(--r-sm);
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.f-row input:focus,.f-row select:focus,.f-row textarea:focus{outline:none;border-color:var(--gold);background:#fff;box-shadow:0 0 0 4px rgba(11,127,121,.12)}
.f-consent{display:flex;gap:.65rem;align-items:flex-start;margin:0 0 1.05rem;font-size:.855rem;line-height:1.55;color:var(--ink2)}
.f-consent input{width:auto;flex:0 0 auto;margin-top:.28rem;accent-color:var(--gold)}
.f-tuzak{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.f-note{margin:1rem 0 0;font-size:.82rem;line-height:1.55;color:var(--mut)}
.f-note-en{margin:0 0 2rem;padding:1rem 1.2rem;background:var(--cream);border:1px solid var(--line);border-radius:var(--r-sm)}
.f-note-en p{margin:0;font-size:.9rem;line-height:1.6;color:var(--ink2)}

/* ---------- 21. Alt bant (koyu, nokta izgarali) ---------- */
.site-footer{
  position:relative;isolation:isolate;overflow:hidden;
  margin-top:auto;padding:4.5rem 0 calc(1.6rem + var(--dock-h));color:rgba(234,244,246,.78);
  font-size:.9rem;line-height:1.7;
  /* JS calismazsa gorunen duragan zemin: lacivert -> turkuaz parilti (gunduzyildiz kalibi) */
  background:
    radial-gradient(120% 88% at 50% 30%,rgba(11,127,121,.16) 0%,rgba(11,42,74,0) 52%,rgba(3,14,26,.7) 100%),
    radial-gradient(60% 40% at 100% 100%,rgba(111,211,207,.22),transparent 70%),
    linear-gradient(170deg,var(--green2) 0%,var(--green3) 60%,#0a4a5a 100%);
}
.site-footer::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:24px 24px;
}
/* Canvas: simplex gurultusuyle akan lacivert-turkuaz gecis (footer-bg.js) */
.f-bg{position:absolute;inset:0;z-index:-1;display:block;width:100%;height:100%;pointer-events:none}
.site-footer > .wrap{position:relative;z-index:1}
.site-footer p{margin:0 0 .45rem}
.site-footer a{color:rgba(255,255,255,.86);text-decoration:none}
.site-footer a:hover{color:var(--goldl)}

/* ust satir: logo + slogan + sosyal */
.f-top{
  display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;
  gap:1.6rem 2.5rem;padding-bottom:2.4rem;margin-bottom:2.6rem;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.f-marka{max-width:34rem}
.f-marka img{width:auto;height:92px;margin:0 0 1rem}
.f-tag{margin:0;color:#fff;font-size:.95rem;line-height:1.6}
.f-tag span{color:var(--goldl)}
.f-social{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;font-size:.85rem}
.f-social a{
  display:inline-flex;align-items:center;gap:.4rem;
  padding:.5rem .95rem;border-radius:999px;
  background:var(--gd);border:1px solid var(--gd-brd);
  -webkit-backdrop-filter:var(--gd-blur);backdrop-filter:var(--gd-blur);
  font-weight:600;text-decoration:none;transition:background .18s ease,border-color .18s ease;
}
.f-social a:hover{background:var(--gd-hi);border-color:var(--goldl);color:#fff}
.f-social svg{width:15px;height:15px}
/* Hakkimizda: sosyal hapların başında içi boş (çerçeveli) buton */
.f-social a.f-hak{background:transparent;border-color:rgba(255,255,255,.55);-webkit-backdrop-filter:none;backdrop-filter:none}
.f-social a.f-hak:hover{background:rgba(111,211,207,.12);border-color:var(--goldl)}
/* İletişim ust satirda, logo ile sosyal butonlar arasinda */
.f-top{display:grid;grid-template-columns:auto minmax(22rem,1fr) auto;align-items:end}
.f-top .f-iletisim{min-width:0;max-width:27rem;justify-self:center}
.f-top .f-social{justify-content:flex-end}
@media (max-width:1100px){
  .f-top{grid-template-columns:auto minmax(0,1fr)}
  .f-top .f-iletisim{justify-self:end}
  .f-top .f-social{grid-column:1 / -1;justify-content:flex-start}
}
@media (max-width:720px){
  .f-top{grid-template-columns:minmax(0,1fr);align-items:start}
  .f-top .f-iletisim{justify-self:start}
}
.f-top .f-iletisim .fi:last-child{margin-bottom:0}

/* sutunlar */
.f-cols{display:grid;grid-template-columns:minmax(0,1fr);gap:2.4rem 3rem}
.f-kur-ic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 1.5rem}
.f-kur-ic ul{display:contents}
.f-cols h4,.f-sb,.f-kurumsal h4,.f-iletisim h4,.f-kurumsal h2,.f-iletisim h2{
  position:relative;display:block;margin:0 0 1.1rem;padding-bottom:.7rem;
  font-family:var(--serif);font-size:1.08rem;font-weight:600;letter-spacing:0;text-transform:none;
  color:#fff;border:0;
}
.f-cols h4::after,.f-sb::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:2px;border-radius:2px;background:var(--goldl)}
a.f-sb:hover{color:var(--goldl)}
.f-iletisim{display:block}
.f-iletisim div,.f-iletisim p{color:rgba(255,255,255,.88)}
.f-iletisim .lbl{color:var(--goldl);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-top:.9rem}
.f-iletisim .lbl:first-child{margin-top:0}
.f-iletisim a:hover{text-decoration:underline}
.fi{display:flex;gap:.7rem;align-items:flex-start;margin:0 0 .75rem}
.fi svg{flex:none;width:16px;height:16px;margin-top:.25rem;color:var(--goldl)}
.f-kurumsal ul,.f-liste{list-style:none;margin:0;padding:0}
.f-kurumsal li,.f-liste li{margin:0}
.f-kurumsal a,.f-liste a{display:block;padding:.22rem 0;font-size:.875rem;transition:padding-left .15s ease,color .15s ease}
.f-kurumsal a:hover,.f-liste a:hover{color:var(--goldl);padding-left:.35rem}

/* tedavi menusu */
.f-menu{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2.2rem 2rem;
  padding-top:2.6rem;margin-top:2.6rem;border-top:1px solid rgba(255,255,255,.12);
}
.f-menu > div{min-width:0}
.f-sec{margin-bottom:1.6rem}
.f-sec:last-child{margin-bottom:0}
.f-sec-genis{grid-column:1 / -1}
.f-liste-ic{display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem 1.5rem;list-style:none;margin:.75rem 0 0;padding:0}
.f-sec-genis .f-liste-ic{grid-template-columns:repeat(4,minmax(0,1fr))}
.f-sec-genis{padding-bottom:1.6rem;border-bottom:1px solid rgba(255,255,255,.08)}
.f-liste-ic li{margin:0;min-width:0}
.f-liste-ic a{
  position:relative;display:inline-block;padding-left:1.65rem;
  font-size:.85rem;line-height:1.55;color:rgba(255,255,255,.72);
  text-decoration:none;transition:color .14s ease;
}
.f-liste-ic a::before{
  content:"";position:absolute;left:0;top:.62em;transform:translateY(-50%);
  width:18px;height:14px;background:var(--goldl);
  -webkit-mask:url(/assets/img/favicon.svg) center/contain no-repeat;
  mask:url(/assets/img/favicon.svg) center/contain no-repeat;
  opacity:.75;transition:opacity .14s ease;
}
.f-liste-ic a:hover,.f-liste-ic a:focus-visible{color:#fff;text-decoration:underline}
.f-liste-ic a:hover::before,.f-liste-ic a:focus-visible::before{opacity:1}

/* yetki belgesi */
.f-belge{grid-column:1 / -1;margin-top:1.4rem;display:flex;justify-content:center}
.f-belge-g{
  display:block;width:min(100%,26rem);padding:8px;
  background:var(--gd);border:1px solid var(--gd-brd);border-radius:var(--r-sm);
  -webkit-backdrop-filter:var(--gd-blur);backdrop-filter:var(--gd-blur);
  box-shadow:var(--gd-sh);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.f-belge-g:hover,.f-belge-g:focus-visible{transform:translateY(-3px);border-color:var(--goldl)}
.f-belge-g img{display:block;width:100%;height:auto;border-radius:6px}

/* alt satir */
.f-bottom{margin-top:2.6rem;padding-top:1.6rem;border-top:1px solid rgba(255,255,255,.12)}
.f-disclaimer,.fdisc{
  margin:0 0 1.2rem;padding:1rem 1.2rem;max-width:none;
  font-size:.83rem;line-height:1.6;color:rgba(234,244,246,.7);
  background:var(--gd);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-sm);
}
.f-bottom-sat{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.6rem;font-size:.82rem;color:rgba(234,244,246,.62)}
.f-legal{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;margin-left:auto}
.f-kunye{
  margin:1.2rem 0 0;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08);
  text-align:center;font-size:.78rem;letter-spacing:.02em;color:rgba(234,244,246,.5);
}
.f-kunye a{color:rgba(234,244,246,.78);border-bottom:1px solid rgba(255,255,255,.25)}
.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(--goldl);background:rgba(111,211,207,.12)}

@media (max-width:1100px){.f-kur-ic{grid-template-columns:repeat(3,minmax(0,1fr))}.f-menu{grid-template-columns:repeat(3,minmax(0,1fr))}.f-sec-genis .f-liste-ic{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:820px){.f-menu{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:2rem}.f-sec-genis .f-liste-ic{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){
  .f-cols{grid-template-columns:1fr;gap:1.8rem}
  .f-kur-ic{grid-template-columns:repeat(2,minmax(0,1fr))}
  .f-menu{grid-template-columns:1fr;gap:1.4rem}
  .f-sec-genis .f-liste-ic{grid-template-columns:1fr}
  .f-belge-g{width:100%}
  .f-bottom-sat{flex-direction:column;align-items:flex-start}
  .f-legal{margin-left:0}
  .f-marka img{height:72px}
}

/* ---------- 22. Alt sabit eylem cubugu (referans .dock) ---------- */
.dock{
  position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:950;
  display:flex;align-items:center;gap:.4rem;
  padding:.4rem;border-radius:999px;
  background:var(--gl-hi);border:1px solid rgba(255,255,255,.8);
  box-shadow:0 16px 40px rgba(11,42,74,.16),inset 0 1px 0 rgba(255,255,255,.95);
  -webkit-backdrop-filter:blur(20px) saturate(170%);backdrop-filter:blur(20px) saturate(170%);
  transition:opacity .2s ease,transform .2s ease;
}
.dk{
  display:inline-flex;align-items:center;gap:.45rem;
  padding:.62rem 1.05rem;border-radius:999px;
  font-size:.88rem;font-weight:700;text-decoration:none;color:var(--green);
  white-space:nowrap;transition:background .16s ease,color .16s ease,transform .16s ease;
}
.dk svg{width:17px;height:17px;flex:none}
.dk:hover{background:rgba(15,59,102,.07);color:var(--green2)}
.dk-wa{background:#1b7f44;color:#fff}
.dk-wa:hover{background:#166b39;color:#fff}
.dk-rnd{background:var(--green);color:#fff}
.dk-rnd:hover{background:var(--green2);color:#fff}
/* Eski yuzen butonlar artik dock icinde; sinif adlari uyumluluk icin tutulur. */
.yuzen-eylem{display:none}
/* riza bandi ve yeniden-ac dugmesi dock'un ustune cikar */
.consent-banner{bottom:calc(var(--dock-h) + 1.2rem)!important}
.consent-reopen{bottom:calc(var(--dock-h) + 1rem)!important}
body:has(.has-mm:hover) .dock,body:has(.has-mm:focus-within) .dock,body:has(.has-mm.mm-acik) .dock{opacity:0;pointer-events:none}

/* ---------- 23. Duyarli ---------- */
@media (max-width:1360px){
  .main-nav{display:none}
  .nav-in{gap:.5rem}
  .site-header .btn{padding:.55rem 1.05rem;font-size:.875rem;margin-left:auto}
}
@media (max-width:640px){
  :root{--oluk:16px;--hdr:62px;--nav-top:10px;--dock-h:58px}
  body{font-size:.98rem}
  main{padding:var(--main-pt) var(--oluk) 3.5rem}
  h2{margin-top:2.3rem}
  .nav-in{padding:0 .5rem 0 .8rem;border-radius:16px}
  .logo img{height:36px}
  .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%}
  .dock{bottom:10px;max-width:calc(100vw - 20px)}
  .dk{padding:.58rem .85rem;font-size:.82rem}
}
@media (max-width:430px){
  .dk span{display:none}
  .dk-wa span,.dk-rnd span{display:inline}
  .dk{padding:.58rem .8rem}
}
@media (max-width:380px){
  .site-header .btn{display:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto}
}

/* ---------- 24. Kaydirmali gorunme (.rv) ---------- */
html.js .rv{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
html.js .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html.js .rv{opacity:1;transform:none;transition:none}}

/* ---------- 25. Okuma rayi ---------- */
.tip-blog main,.tip-uygulama main,.tip-durum main,.tip-karar main{--wrap:1240px}
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) + var(--nav-top) + 2.2rem);
  align-self:start;padding:1.35rem 0;
  border-top:2px solid var(--green);border-bottom:1px solid var(--line);
}
.cs-rail-label{margin:0 0 1.05rem;font-family:var(--sans);font-size:.66rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.cs-rail-label-2{margin-top:1.35rem}
.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(--mut);font-size:.8rem;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(--green)}
.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(--mut);font-size:.72rem;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(--green);font-family:var(--serif);font-size:.9rem}
.cs-flow section[id],.cs-flow h2[id],.cs-flow h3[id]{scroll-margin-top:calc(var(--hdr) + var(--nav-top) + 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}
}

/* ---------- 26. Baski ---------- */
@media print{
  .site-header,.gtm-btn,.gtm-panel,.gtm-overlay,.yuzen-eylem,.dock,.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 (kapsulun altinda cam panel) ---------- */
.has-mm{position:static}
.mm-ok{width:11px;height:11px;flex:0 0 auto;opacity:.5;transition:transform .18s ease}
.has-mm:hover > :is(a,button),.has-mm:focus-within > :is(a,button){background:rgba(15,59,102,.07);color:var(--green)}
.has-mm:hover > :is(a,button) .mm-ok,.has-mm:focus-within > :is(a,button) .mm-ok{transform:rotate(180deg);opacity:.85}

.mm{
  position:absolute;left:0;right:0;top:calc(100% + 10px);
  background:rgba(255,255,255,.985);
  border:1px solid rgba(255,255,255,.85);border-radius:20px;
  box-shadow:0 30px 70px rgba(11,42,74,.18),inset 0 1px 0 rgba(255,255,255,.95);
  -webkit-backdrop-filter:blur(24px) saturate(170%);backdrop-filter:blur(24px) saturate(170%);
  opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s;
  max-height:calc(100vh - var(--hdr) - var(--nav-top) - 30px);overflow-y:auto;overscroll-behavior:contain;
}
/* Kapsul ile panel arasindaki bosluk imleci kaybetmesin. */
.mm::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.has-mm:hover > .mm,.has-mm:focus-within > .mm,.has-mm.mm-acik > .mm{
  opacity:1;visibility:visible;transform:none;transition-delay:0s,0s,0s;
}
.mm-in{
  max-width:none;margin:0;padding:1.7rem 1.8rem 1.35rem;
  display:grid;grid-template-columns:minmax(0,1.95fr) minmax(0,1fr);gap:2.4rem;
}
.mm-b .mm-in{grid-template-columns:minmax(0,400px) minmax(0,1fr)}
.mm-bas{margin:0 0 .9rem;font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}

.mm-kartlar{display:grid;gap:.35rem;align-content:start}
.mm:not(.mm-b) .mm-kartlar{grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem .9rem;--mm-kartlar-iki:1}
.mm-k:not(:has(img)){grid-template-columns:minmax(0,1fr)}
.mm-k{
  display:grid;grid-template-columns:92px minmax(0,1fr);gap:.8rem;align-items:center;
  padding:.45rem;border-radius:var(--r-sm);text-decoration:none;color:inherit;
  border:1px solid transparent;
  transition:background .16s ease,border-color .16s ease;
}
.mm-k:hover,.mm-k:focus-visible{background:rgba(255,255,255,.75);border-color:var(--gl-edge)}
.mm-k img{width:92px;height:69px;object-fit:cover;border-radius:10px;display:block}
.mm-kt{display:block;min-width:0}
.mm-et{display:block;margin-bottom:.12rem;font-size:.68rem;font-weight:700;letter-spacing:.06em;color:var(--gold);font-variant-numeric:tabular-nums}
.mm-kt strong{display:block;font-family:var(--serif);font-size:.95rem;font-weight:600;line-height:1.3;color:var(--green2)}
.mm-kt small{display:block;margin-top:.15rem;font-size:.775rem;line-height:1.42;color:var(--mut)}

.mm-sut{display:grid;gap:.4rem 1.5rem;grid-template-columns:repeat(auto-fill,minmax(min(164px,100%),1fr))}
.mm:not(.mm-b) .mm-sut{grid-template-columns:minmax(0,1fr)}
.mm-g{min-width:0;break-inside:avoid;margin-bottom:.7rem}
.mm-gb{display:block;margin-bottom:.3rem;font-size:.845rem;font-weight:700;color:var(--green2);text-decoration:none}
.mm-gb:hover{color:var(--gold)}
.mm-g ul{list-style:none;margin:0;padding:0}
.mm-g li{margin:0}
.mm-g li a{display:block;padding:.17rem 0;font-size:.8rem;line-height:1.42;color:var(--ink2);text-decoration:none;transition:color .14s ease}
.mm-g li a:hover,.mm-g li a:focus-visible{color:var(--green);text-decoration:underline}
.mm-daha a{font-weight:600;color:var(--gold)}
.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(--mut);font-variant-numeric:tabular-nums}
.mm-b .mm-g li+li{border-top:1px solid var(--line-2)}

.mm-alt{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  border-top:1px solid var(--gl-edge);background:rgba(234,244,246,.55);
  padding:.8rem 1.8rem;border-radius:0 0 20px 20px;
}
.mm-tum{font-size:.855rem;font-weight:600;color:var(--green);text-decoration:none}
.mm-tum::after{content:" →"}
.mm-tum:hover{text-decoration:underline}
.mm-cta{padding:.5rem 1.1rem;font-size:.855rem}
.mm-tumler{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem}
.gtm-l3-tum{font-weight:600;color:var(--green)}

.mm-in-tek{grid-template-columns:minmax(0,1fr)}
.mm-duz ul{columns:1}
.mm-in-grup{grid-template-columns:minmax(0,1fr)}
/* Gruplar grid yerine cok sutunlu akista dizilir: uzun grup (or. Akupunktur)
   kendi sutununda uzar, kisa gruplar yan sutunlarda alt alta akar; satir
   boslugu olusmaz. Grup bolunmez (break-inside), sutun sayisi genislikten gelir. */
.mm:not(.mm-b) .mm-in-grup .mm-sut{display:block;columns:5 200px;column-gap:2rem;column-fill:balance}
.mm-in-grup .mm-g{display:block;break-inside:avoid;page-break-inside:avoid;margin:0 0 1.15rem}
.mm-in-grup .mm-g:last-child{margin-bottom:0}
.mm-in-grup .mm-gb-devam{color:var(--mut)}
.mm-in-grup .mm-gb-devam small{font-size:.62rem;font-weight:500;letter-spacing:.08em;text-transform:none}
.mm-in-grup .mm-gb{
  margin-bottom:.45rem;padding-bottom:.4rem;border-bottom:1px solid var(--gl-edge);
  font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);
}
.mm-in-grup .mm-g li a{position:relative;padding-left:1.15rem;font-size:.825rem;line-height:1.45}
.mm-in-grup .mm-g li a::before{
  content:"";position:absolute;left:0;top:.72em;transform:translateY(-50%);
  width:12px;height:9.4px;background:var(--gold);
  -webkit-mask:url(/assets/img/favicon.svg) center/contain no-repeat;
  mask:url(/assets/img/favicon.svg) center/contain no-repeat;opacity:.75;
}
.mm-in-grup .mm-g li a:hover::before{opacity:1}
.mm-ko{margin-bottom:1.1rem}
.mm-ko:last-child{margin-bottom:0}
.mm-ko > .mm-gb{
  margin-bottom:.5rem;padding-bottom:.35rem;border-bottom:1px solid var(--gl-edge);
  font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);
}
@media (max-width:1100px){
  .mm:not(.mm-b) .mm-in{grid-template-columns:minmax(0,1fr)}
  .mm:not(.mm-b) .mm-kartlar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mm:not(.mm-b) .mm-sut{grid-template-columns:repeat(auto-fill,minmax(min(164px,100%),1fr))}
}
@media (max-width:1360px){.mm{display:none}}
@media (prefers-reduced-motion:reduce){.mm,.mm-ok{transition-duration:.01ms}}

/* EN bayragi */
.en-nav ul{gap:.1rem}
.en-dil a{display:inline-flex;align-items:center;padding:.3rem .45rem;border-radius:10px;line-height:0;font-weight:700}
.en-dil a:hover,.en-dil a:focus-visible{background:rgba(15,59,102,.07)}
.dil-bayrak{display:block;width:24px;height:16px;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.16)}
.gtm-dil{display:flex;align-items:center;gap:.6rem;justify-content:flex-start}

/* ---------- 26. Mobil menu: off-canvas cam panel (3 seviye) ---------- */
.gtm-btn{
  display:none;align-items:center;justify-content:center;position:relative;
  flex:0 0 auto;width:44px;height:44px;padding:0;
  color:var(--green);background:rgba(255,255,255,.6);border:1px solid var(--gl-edge);
  border-radius:12px;cursor:pointer;transition:background .16s ease;
}
.gtm-btn:hover{background:rgba(15,59,102,.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)}

.gtm-overlay{
  position:fixed;inset:0;z-index:940;
  background:rgba(11,42,74,.38);
  backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
  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}

.gtm-panel{
  position:fixed;top:0;right:0;z-index:960;
  width:min(360px,100vw);height:100vh;height:100dvh;
  display:flex;flex-direction:column;overflow:hidden;
  background:rgba(255,255,255,.92);color:var(--ink);
  -webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);
  border-left:1px solid rgba(255,255,255,.85);
  box-shadow:-10px 0 50px rgba(11,42,74,.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}
body.gtm-lock .yuzen-eylem,body.gtm-lock .dock,body.gtm-lock .consent-reopen,body.gtm-lock .consent-banner{opacity:0;pointer-events:none;transition:opacity .2s ease}

.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:transparent;border-bottom:1px solid var(--line);
}
.gtm-head a{display:flex;align-items:center;text-decoration:none}
.gtm-head img{width:auto;height:40px}
.gtm-close{
  flex:0 0 auto;width:36px;height:36px;display:flex;align-items:center;justify-content:center;
  color:var(--green);background:rgba(15,59,102,.07);border:1px solid var(--line);
  border-radius:50%;cursor:pointer;transition:background .18s ease;
}
.gtm-close:hover{background:#fff}
.gtm-close svg{width:15px;height:15px}

.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:rgba(15,59,102,.15);border-radius:3px}

.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:transparent;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:rgba(15,59,102,.06);color:var(--green)}
.gtm-tog[aria-expanded="true"]{color:var(--green);background:rgba(15,59,102,.06)}
.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)}

.gtm-sub{max-height:0;overflow:hidden;background:rgba(234,244,246,.5);margin-left:1rem;border-left:2px solid var(--goldl);transition:max-height .34s ease}
.gtm-sub.is-open{max-height:6000px}
.gtm-all{
  display:block;padding:.7rem 1.15rem;
  font-size:.85rem;font-weight:700;font-style:italic;letter-spacing:.01em;
  color:var(--green);background:var(--cream);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(--cream2);padding-left:1.5rem}
.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:.78rem;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;text-align:left;line-height:1.35;
  color:var(--green2);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:rgba(15,59,102,.06)}
.gtm-cat .gtm-ic{width:13px;height:13px}
.gtm-cat[aria-expanded="true"] .gtm-ic{transform:rotate(180deg)}
.gtm-list{max-height:0;overflow:hidden;background:transparent;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(--ink2);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:rgba(15,59,102,.06);color:var(--green);padding-left:2.1rem}
.gtm-l1[aria-current],.gtm-l3[aria-current]{color:var(--green);font-weight:700;background:var(--cream);box-shadow:inset 3px 0 0 var(--gold)}

.gtm-foot{flex:0 0 auto;padding:.8rem 1.15rem .9rem;background:rgba(234,244,246,.6);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(--green);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(--green);background:#fff;border:1px solid var(--line);border-radius:10px}
.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(--mut)}
.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(--green);text-decoration:none;
  background:#fff;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(--green);border-color:var(--green);color:#fff}
.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:#fff;background:var(--green);border:1px solid var(--green);border-radius:999px;
  box-shadow:0 10px 24px rgba(15,59,102,.22);
  transition:transform .16s ease,box-shadow .16s ease;
}
.gtm-cta:hover,.gtm-cta:focus-visible{color:#fff;transform:translateY(-1px);box-shadow:0 14px 30px rgba(15,59,102,.3)}
@media (min-width:1361px){.gtm-btn,.gtm-panel,.gtm-overlay{display:none!important}}
@media (max-width:1360px){.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 kahramani: canli /landing/ hero birebir ---------- */
.home-hero{
  grid-column:wide;
  width:100vw;margin-left:calc(50% - 50vw);
  margin-top:0;margin-bottom:3.4rem;
  position:relative;isolation:isolate;overflow:hidden;
  padding:calc(var(--hdr) + var(--nav-top) + 3.4rem) 0 4.2rem;
  background:
    radial-gradient(1000px 520px at 82% 30%,rgba(111,211,207,.3),transparent 62%),
    radial-gradient(760px 480px at 8% 90%,rgba(15,59,102,.1),transparent 60%),
    linear-gradient(180deg,#f3f8fa 0%,#eaf4f6 100%);
}
.home-hero::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:radial-gradient(rgba(11,127,121,.14) 1px,transparent 1px);
  background-size:26px 26px;
  -webkit-mask-image:linear-gradient(rgba(0,0,0,.6),transparent 70%);
  mask-image:linear-gradient(rgba(0,0,0,.6),transparent 70%);
}
main > .home-hero:first-child{margin-top:calc(-1 * var(--main-pt))}
.hero-bg{
  position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;
  object-position:50% 55%;opacity:.9;filter:saturate(.8) contrast(.95);
}
.hero-veil{
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(243,248,250,.92) 0%,rgba(243,248,250,.74) 40%,rgba(243,248,250,.18) 68%,rgba(243,248,250,.12) 100%),
    linear-gradient(180deg,rgba(243,248,250,.3) 0%,rgba(243,248,250,0) 28%,rgba(243,248,250,0) 70%,rgba(234,244,246,.95) 100%);
}
.hh-in{position:relative;z-index:1;max-width:var(--wrap);width:100%;margin:0 auto;padding:0 var(--oluk)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.hero-copy{min-width:0}
.pill{
  display:inline-flex;align-items:center;gap:10px;
  background:rgba(255,255,255,.62);border:1px solid var(--gl-brd);border-radius:999px;
  padding:8px 16px;font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--green);
  box-shadow:var(--gl-sh);-webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);
}
.pill i{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(111,211,207,.35)}
.hero-h1{
  font-family:var(--fh);font-size:clamp(40px,5.2vw,70px);line-height:1.07;font-weight:600;
  color:var(--green2);letter-spacing:-.02em;margin:26px 0 22px;text-wrap:balance;
}
.hero-h1 em{font-style:italic;font-weight:500;color:var(--gold)}
.hero .lead{font-size:clamp(16px,1.3vw,18.5px);line-height:1.7;color:var(--ink2);max-width:580px;margin:0 0 34px}
.hero .lead strong{color:var(--green2)}
.hero-btns{display:flex;flex-wrap:wrap;gap:14px}
.hero .b,.hh-oz .b{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  border-radius:999px;padding:15px 30px;font-weight:700;font-size:.98rem;line-height:1.2;
  text-decoration:none;border:1px solid transparent;cursor:pointer;
  transition:transform .25s,background .25s,color .25s,border-color .25s,box-shadow .25s;
}
.hero .b svg,.hh-oz .b svg{flex:0 0 auto}
.hero .b-green{background:var(--green);color:#fff;border-color:var(--green);box-shadow:0 14px 30px rgba(11,42,74,.22)}
.hero .b-green:hover{background:var(--green2);color:#fff;transform:translateY(-2px)}
.hero .b-white{
  background:var(--gl);color:var(--green2);border:1px solid var(--gl-brd);box-shadow:var(--gl-sh);
  -webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);
}
.hero .b-white:hover{background:var(--gl-hi);box-shadow:var(--gl-sh-hi);border-color:#fff;color:var(--green2);transform:translateY(-2px)}
.hero-checks{
  display:inline-flex;flex-wrap:wrap;gap:10px 26px;margin:34px 0 0;padding:12px 20px;list-style:none;
  border-radius:16px;background:var(--gl);border:1px solid var(--gl-brd);box-shadow:var(--gl-sh);
  -webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);
}
.hero-checks li{display:flex;align-items:center;gap:8px;margin:0;font-size:.86rem;color:var(--mut);font-weight:500}
.hero-checks svg{color:var(--gold)}
.hero-media{position:relative;padding:40px 0}
.hero-photo{
  position:relative;overflow:hidden;aspect-ratio:4/4.6;padding:10px;border:0;
  border-radius:240px 240px 26px 26px;background:rgba(255,255,255,.38);
  -webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);
  box-shadow:0 40px 80px rgba(11,42,74,.22),inset 0 0 0 1px rgba(255,255,255,.85);
}
.hero-photo img{
  width:100%;height:100%;object-fit:cover;object-position:50% 34px;border-radius:230px 230px 18px 18px;
  background:radial-gradient(120% 80% at 50% 30%,#f7fbfc 0%,#e3f1f3 55%,#cfe5ea 100%);
}
.hero-photo::after{content:"";position:absolute;inset:20px;border:1px solid rgba(111,211,207,.7);border-radius:222px 222px 12px 12px;pointer-events:none}
/* Yuzen cam rozetler */
.stat{
  position:absolute;z-index:2;display:flex;align-items:center;gap:14px;
  background:rgba(255,255,255,.6);border:1px solid var(--gl-brd);border-radius:18px;
  padding:14px 22px 14px 14px;box-shadow:var(--gl-sh);
  -webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);
  animation:fl 6s ease-in-out infinite;
}
.stat .ic{
  width:46px;height:46px;border-radius:14px;color:var(--gold);display:grid;place-items:center;flex:0 0 auto;
  background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.9);
  box-shadow:inset 0 1px 0 #fff,0 6px 14px rgba(11,42,74,.06);margin:0;
}
.stat strong{display:block;font-family:var(--fh);font-size:1.45rem;line-height:1.1;color:var(--green2);font-weight:600}
.stat div > span{display:block;font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-top:3px}
.stat.s1{top:8%;left:-8%}
.stat.s2{top:46%;right:-7%;animation-delay:-2s}
.stat.s3{bottom:4%;left:4%;animation-delay:-4s}
@keyframes fl{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* Dort silo karti: kemerin altinda cam serit */
.hh-hub{
  position:relative;z-index:2;
  max-width:var(--wrap);margin:3.4rem 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;height:100%;
  border-radius:var(--r);padding:8px;
  border:1px solid var(--gl-brd);box-shadow:var(--gl-sh);
  -webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);
  text-decoration:none;color:var(--ink);
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease;
}
/* Donusumlu cam zemin: tek kart turkuaz, cift kart koyu mavi */
.hh-hub li:is(:nth-child(8n+1),:nth-child(8n+3),:nth-child(8n+6),:nth-child(8n+8)) > a{
  background:linear-gradient(160deg,rgba(111,211,207,.42),rgba(111,211,207,.22));
  border-color:rgba(111,211,207,.6);
}
.hh-hub li:is(:nth-child(8n+2),:nth-child(8n+4),:nth-child(8n+5),:nth-child(8n+7)) > a{
  background:linear-gradient(160deg,rgba(15,59,102,.82),rgba(11,42,74,.7));
  border-color:rgba(111,211,207,.28);box-shadow:var(--gd-sh);
}
.hh-k > a:hover,.hh-k > a:focus-visible{transform:translateY(-4px);box-shadow:var(--gl-sh-hi)}
/* Hero "Kisaca" degrade CTA karti (20 Eki): hub kartlarinin ustunde */
/* Beyaz zeminli ayri bolum (20 Eki): Kisaca karti + 8 hub karti, hero'dan bagimsiz */
.home-hub{
  grid-column:wide;width:100vw;margin:calc(-3.4rem) 0 3.4rem calc(50% - 50vw);
  background:#fff;padding:3.2rem 0 3.6rem;
}
.hh-oz{position:relative;z-index:2;max-width:var(--wrap);margin:0 auto;padding:0 var(--oluk)}
.hh-oz-in{
  position:relative;isolation:isolate;overflow:hidden;
  padding:clamp(1.4rem,2.6vw,2.2rem) clamp(1.3rem,2.8vw,2.4rem);
  border-radius:var(--r);color:#e6f0f4;
  background:linear-gradient(120deg,var(--green3) 0%,var(--green) 58%,#0b7f79 100%);
  border:1px solid rgba(111,211,207,.38);box-shadow:var(--gd-sh);
}
.hh-oz-in::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(60% 90% at 100% 0%,rgba(111,211,207,.28),transparent 62%),
    radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);
  background-size:auto,24px 24px;
}
.hh-oz-ust{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.6rem clamp(1.6rem,4vw,3.4rem);align-items:center}
.hh-oz-metin{min-width:0}
.hh-oz-et{margin:0 0 .6rem;display:flex;align-items:center;gap:.7rem;font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--goldl)}
.hh-oz-et::before{content:"";width:34px;height:2px;border-radius:2px;background:var(--goldl);flex:none}
.hh-oz-p{margin:0;max-width:72ch;font-family:var(--serif);font-size:clamp(1.05rem,.9rem + .6vw,1.32rem);line-height:1.5;color:#fff}
.hh-oz-cta{display:flex;flex-direction:column;gap:.6rem;align-items:stretch;min-width:220px}
.hh-oz-cta .b{justify-content:center;background:#fff;color:var(--green2);border-color:#fff;box-shadow:0 12px 28px rgba(0,0,0,.18)}
.hh-oz-cta .b:hover,.hh-oz-cta .b:focus-visible{background:var(--cream);color:var(--green);transform:translateY(-2px)}
.hh-oz-tel{text-align:center;font-weight:600;font-size:.95rem;color:#fff;text-decoration:none;letter-spacing:.02em}
.hh-oz-tel:hover{color:var(--goldl)}
.hh-oz-guven{list-style:none;margin:1.5rem 0 0;padding:1.35rem 0 0;border-top:1px solid rgba(255,255,255,.18);display:grid;gap:1rem 1.6rem;grid-template-columns:repeat(3,minmax(0,1fr))}
.hh-oz-guven li{margin:0;display:flex;gap:.8rem;align-items:flex-start}
.hh-oz-gi{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(111,211,207,.35);color:var(--goldl)}
.hh-oz-gm{display:block;min-width:0;font-size:.86rem;line-height:1.5;color:rgba(230,240,244,.76)}
.hh-oz-gm strong{display:block;margin-bottom:.18rem;font-size:.95rem;font-weight:700;line-height:1.3;color:#fff}
.hh-oz + .hh-hub{margin-top:1.1rem}
@media (max-width:980px){.hh-oz-ust{grid-template-columns:1fr}.hh-oz-cta{flex-direction:row;flex-wrap:wrap;align-items:center}.hh-oz-cta .b{flex:1 1 220px}.home-hub{padding:2.6rem 0 3rem}.hh-oz + .hh-hub{margin-top:1rem}}
@media (max-width:640px){.hh-oz-guven{grid-template-columns:1fr;gap:.9rem}.hh-oz-cta{flex-direction:column;align-items:stretch}.hh-oz-cta .b{flex:0 0 auto;width:100%}}
.hh-hub li:is(:nth-child(8n+1),:nth-child(8n+3),:nth-child(8n+6),:nth-child(8n+8)) > a:hover{background:linear-gradient(160deg,rgba(111,211,207,.52),rgba(111,211,207,.3))}
.hh-hub li:is(:nth-child(8n+2),:nth-child(8n+4),:nth-child(8n+5),:nth-child(8n+7)) > a:hover{background:linear-gradient(160deg,rgba(15,59,102,.9),rgba(11,42,74,.8));box-shadow:0 28px 60px rgba(0,0,0,.28)}
.hh-kf{position:relative;inset:auto;display:block;width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;border-radius:calc(var(--r) - 6px);transition:transform .5s ease}
.hh-k > a:hover .hh-kf{transform:none}
.hh-kg{position:relative;inset:auto;display:block;padding:1rem .7rem .6rem;background:none}
.hh-ikon{position:absolute;top:-24px;left:.7rem;display:grid;width:44px;height:44px;padding:9px;object-fit:contain;border-radius:12px;background:#fff;border:1px solid var(--gl-edge);box-shadow:0 8px 18px rgba(11,42,74,.12);filter:none}
.hh-kad{display:block;margin-top:.9rem;font-family:var(--serif);font-size:1.15rem;font-weight:600;color:var(--green2);line-height:1.22}
.hh-koz{display:block;margin-top:.3rem;font-size:.82rem;line-height:1.5;color:var(--ink2)}
.hh-hub li:is(:nth-child(8n+1),:nth-child(8n+3),:nth-child(8n+6),:nth-child(8n+8)) > a:hover .hh-kad{color:var(--gold)}
.hh-hub li:is(:nth-child(8n+2),:nth-child(8n+4),:nth-child(8n+5),:nth-child(8n+7)) .hh-kad{color:#fff}
.hh-hub li:is(:nth-child(8n+2),:nth-child(8n+4),:nth-child(8n+5),:nth-child(8n+7)) .hh-koz{color:rgba(255,255,255,.8)}
.hh-hub li:is(:nth-child(8n+2),:nth-child(8n+4),:nth-child(8n+5),:nth-child(8n+7)) > a:hover .hh-kad{color:var(--goldl)}

@media (max-width:1100px){
  .hero-grid{gap:30px}
  .stat.s1{left:-2%}.stat.s2{right:-2%}
}
@media (max-width:980px){
  .home-hero{padding-bottom:60px}
  .hero-veil{background:linear-gradient(180deg,rgba(243,248,250,.86) 0%,rgba(243,248,250,.78) 50%,rgba(234,244,246,.95) 100%)}
  .hero-grid{grid-template-columns:1fr}
  .hero-media{max-width:520px;margin:0 auto;width:100%}
  .hh-hub{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .home-hero{margin-bottom:2.4rem}
  .hero-h1{margin:20px 0 16px}
  .hero-btns .b{width:100%}
  .hero-checks{display:flex;padding:12px 14px;gap:10px}
  .stat{padding:10px 14px 10px 10px;gap:10px;border-radius:14px}
  .stat .ic{width:36px;height:36px;border-radius:11px}
  .stat strong{font-size:1.1rem}
  .stat div > span{font-size:.58rem}
  .stat.s1{top:4%;left:0}
  .stat.s2{right:0}
  .stat.s3{left:0;bottom:0}
  .hh-hub{grid-template-columns:1fr;gap:.85rem}
  .home-hub{margin-top:-2.4rem;padding:2.2rem 0 2.6rem}
  .hh-kf{aspect-ratio:16/8}
}
@media (prefers-reduced-motion:reduce){
  .stat{animation:none}
}

/* ---------- 29. Sayfa ust bandi: acik cam bant ---------- */
.page-hero{
  grid-column:wide;
  width:100vw;margin-left:calc(50% - 50vw);
  margin-top:0;margin-bottom:2.8rem;
  position:relative;isolation:isolate;overflow:hidden;
  padding:calc(var(--hdr) + var(--nav-top) + 2.4rem) 0 2.6rem;
  background:
    radial-gradient(55% 80% at 90% 10%,rgba(111,211,207,.20),transparent 60%),
    radial-gradient(40% 60% at 5% 100%,rgba(15,59,102,.08),transparent 60%),
    linear-gradient(180deg,#f3f9fa 0%,#ffffff 100%);
  border-bottom:1px solid var(--line-2);
}
.page-hero::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:radial-gradient(rgba(15,59,102,.09) 1px,transparent 1px);
  background-size:26px 26px;
  -webkit-mask-image:radial-gradient(70% 80% at 70% 30%,#000 20%,transparent 100%);
  mask-image:radial-gradient(70% 80% at 70% 30%,#000 20%,transparent 100%);
}
main > .page-hero:first-child{margin-top:calc(-1 * var(--main-pt))}
.ph-media{
  position:relative;min-height:0;
  max-width:var(--wrap);width:100%;margin:0 auto;padding:0 var(--oluk);
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,380px);
  gap:clamp(1.6rem,4vw,3.4rem);align-items:center;background:none;
}
.ph-media::after{content:none}
.ph-media:not(:has(.ph-foto)){grid-template-columns:minmax(0,1fr)}
.ph-foto{
  position:relative;inset:auto;z-index:0;order:2;
  width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;
  border-radius:var(--r);border:8px solid rgba(255,255,255,.7);
  box-shadow:var(--gl-sh-hi);pointer-events:none;background:var(--cream2);
}
.ph-in{position:relative;z-index:1;order:1;max-width:none;width:100%;margin:0;padding:0}
.ph-in .breadcrumb{margin:0 0 1rem;font-size:.84rem;color:var(--mut)}
.ph-in .breadcrumb a{color:var(--mut);font-weight:500;border:0;padding:0}
.ph-in .breadcrumb a:hover,.ph-in .breadcrumb a:focus-visible{color:var(--green);text-decoration:underline}
.ph-in .breadcrumb [aria-current]{color:var(--ink2);font-weight:600}
.ph-in .breadcrumb li + li::before{color:var(--sage)}
.ph-ust{margin:0 0 .7rem;color:var(--gold);font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.ph-in h1{
  margin:0 0 .8rem;max-width:22ch;
  font-family:var(--serif);font-weight:600;color:var(--green2);
  font-size:clamp(2rem,1.3rem + 2.4vw,3.2rem);line-height:1.08;letter-spacing:-.02em;
}
.ph-oz{margin:0 0 1.4rem;max-width:58ch;color:var(--ink2);font-size:1.02rem;line-height:1.65}
.ph-cta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.4rem;margin:0}
.ph-alt{color:var(--green);font-weight:600;font-size:.92rem;text-decoration:underline;text-underline-offset:.25em;text-decoration-color:rgba(15,59,102,.3)}
.ph-alt:hover{color:var(--gold);text-decoration-color:currentColor}
#sayfa-govde{scroll-margin-top:calc(var(--hdr) + var(--nav-top) + 1rem)}
@media (max-width:900px){
  .ph-media{grid-template-columns:minmax(0,1fr)}
  .ph-foto{order:2;max-width:520px;aspect-ratio:16/9}
}
@media (max-width:640px){
  .page-hero{margin-bottom:2rem;padding-bottom:1.9rem}
  .ph-in h1{max-width:none}
  .ph-oz{margin-bottom:1rem;font-size:.96rem}
  .ph-foto{border-width:5px}
}
@media print{
  .page-hero{background:none;border:0;padding:0}
  .ph-foto,.page-hero::before,.ph-cta{display:none}
  .ph-in h1,.ph-oz,.ph-ust,.ph-in .breadcrumb,.ph-in .breadcrumb a{color:#000;border-bottom:0}
}

/* ---------- 30. Sikca sorulan sorular (cam kartlar) ---------- */
.sss-liste{display:flex;flex-direction:column;gap:.7rem;margin-top:1.5rem}
.sss-oge{
  border:1px solid var(--gl-brd);border-radius:var(--r);
  background:var(--gl);box-shadow:var(--gl-sh);
  -webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);
  overflow:hidden;transition:background .2s ease;
}
.sss-oge:first-child{border-top:1px solid var(--gl-brd)}
.sss-oge[open]{background:var(--gl-hi)}
.sss-q{
  width:100%;text-align:left;padding:1.1rem 1.3rem;
  display:flex;justify-content:space-between;align-items:center;
  gap:1rem;cursor:pointer;background:none;border:0;list-style:none;
}
.sss-q::-webkit-details-marker{display:none}
.sss-q::marker{content:""}
.sss-q h3{
  margin:0;font-family:var(--serif);font-size:1.08rem;font-weight:600;
  color:var(--green2);line-height:1.3;letter-spacing:0;
  scroll-margin-top:calc(var(--hdr) + var(--nav-top) + 1.25rem);
}
.sss-q:hover h3,.sss-oge[open] .sss-q h3{color:var(--gold)}
.sss-q:focus-visible{outline:2px solid var(--goldl);outline-offset:-3px;border-radius:var(--r)}
.sss-ok{
  width:30px;height:30px;flex-shrink:0;padding:6px;border-radius:50%;
  background:var(--cream);fill:none;stroke:var(--gold);stroke-width:2;
  transition:transform .25s,background .2s;
}
.sss-oge[open] .sss-ok{transform:rotate(180deg);background:var(--gold);stroke:#fff}
.sss-a{font-size:.93rem;color:var(--ink2);line-height:1.75;padding:0 1.3rem 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:.95rem 1.05rem}.sss-q h3{font-size:1rem}.sss-a{padding:0 1.05rem 1.05rem}}
@media print{.sss-ok{display:none}.sss-oge{break-inside:avoid;box-shadow:none}}

/* ---------- 31. Anasayfa hekim tanitim bandi: koyu cam bant ---------- */
.hekim-tanitim{
  grid-column:wide;
  width:100vw;margin-left:calc(50% - 50vw);
  margin:0 0 3.4rem calc(50% - 50vw);
  position:relative;isolation:isolate;overflow:hidden;
  padding:clamp(3.4rem,6.4vw,5.4rem) 0;
  color:#e6f0f4;
  background:linear-gradient(135deg,var(--green3) 0%,var(--green2) 55%,var(--green) 100%);
}
.hekim-tanitim::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(60% 80% at 100% 0%,rgba(111,211,207,.18),transparent 60%),
    radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);
  background-size:auto,24px 24px;
}
.ht-in{
  max-width:var(--wrap);margin:0 auto;padding:0 var(--oluk);
  display:grid;gap:clamp(1.8rem,4vw,3.6rem);
  grid-template-columns:minmax(0,.78fr) minmax(0,1fr);align-items:stretch;
}
.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);border:1px solid var(--gd-brd);box-shadow:var(--gd-sh);
}
.ht-rozet{
  position:absolute;left:1rem;bottom:1.2rem;max-width:calc(100% - 2rem);
  display:flex;flex-direction:column;gap:.22rem;
  padding:.85rem 1.3rem .9rem;
  border-radius:var(--r-sm);
  background:var(--gl-hi);border:1px solid var(--gl-brd);
  -webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);
  box-shadow:var(--gl-sh);
}
.ht-rozet strong{font-family:var(--serif);font-size:1.14rem;font-weight:600;line-height:1.2;color:var(--green2)}
.ht-rozet span{font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--gold)}
.ht-sag{min-width:0}
.ht-etiket{margin:0 0 .9rem;display:flex;align-items:center;gap:.7rem;font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--goldl)}
.ht-etiket::before{content:"";width:34px;height:2px;border-radius:2px;background:var(--goldl);flex:none}
.ht-bas{margin:0 0 1.15rem;font-family:var(--serif);font-weight:600;font-size:clamp(1.95rem,1.2rem + 2.4vw,3rem);line-height:1.12;color:#fff}
.ht-bas em{display:block;font-style:italic;font-weight:500;color:var(--goldl)}
.ht-bas em span{display:block}
.ht-metin{margin:0 0 1.6rem;color:rgba(230,240,244,.84);max-width:60ch;font-size:1.02rem}
.ht-kgiris{margin:0 0 1.15rem;color:rgba(230,240,244,.7);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:.9rem;grid-template-columns:repeat(2,minmax(0,1fr))}
.ht-kartlar li{margin:0}
.ht-kart{
  position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;
  border-radius:var(--r);padding:0;
  background:var(--gd);border:1px solid var(--gd-brd);box-shadow:var(--gd-sh);
  -webkit-backdrop-filter:var(--gd-blur);backdrop-filter:var(--gd-blur);
  text-decoration:none;color:#fff;
  transition:transform .2s ease,background .2s ease,border-color .2s ease;
}
.ht-kart:hover,.ht-kart:focus-visible{transform:translateY(-3px);background:var(--gd-hi);border-color:rgba(111,211,207,.5)}
.ht-kf{position:relative;inset:auto;display:block;width:100%;aspect-ratio:16/8;height:auto;object-fit:cover;transition:transform .5s ease}
.ht-kart:hover .ht-kf{transform:scale(1.04)}
.ht-kg{position:relative;inset:auto;display:block;padding:.95rem 1rem 1.05rem;background:none}
.ht-ki{display:block;width:22px;height:22px;margin:0 0 .45rem;color:var(--goldl);filter:none;transition:color .16s ease}
.ht-kart:hover .ht-ki{color:#fff}
.ht-kb{display:block;font-family:var(--serif);font-size:1.05rem;font-weight:600;line-height:1.22;color:#fff}
.ht-ko{display:block;margin-top:.26rem;font-size:.84rem;line-height:1.48;color:rgba(230,240,244,.74)}
.ht-link{display:inline-flex;align-items:center;gap:.5rem;padding-bottom:.35rem;border-bottom:1px solid rgba(255,255,255,.35);font-weight:600;color:#fff;text-decoration:none}
.ht-link:hover{border-bottom-color:var(--goldl);color:var(--goldl)}
@media (max-width:900px){
  .ht-in{grid-template-columns:1fr;gap:1.9rem}
  .hekim-tanitim{margin-bottom:2.8rem}
  .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}}
/* Hekim bandi kunyesi (20 Eki): zaman satiri + koyu cam kartlar */
.ht-zaman{list-style:none;margin:0 0 1.25rem;padding:1.1rem 0 0;border-top:1px solid rgba(255,255,255,.16);display:grid;gap:.9rem 1.2rem;grid-template-columns:repeat(4,minmax(0,1fr))}
.ht-zaman li{margin:0}
.ht-zd{display:block;font-family:var(--serif);font-size:1.45rem;font-weight:600;line-height:1.1;color:var(--goldl)}
.ht-za{display:block;margin-top:.28rem;font-size:.78rem;line-height:1.45;color:rgba(230,240,244,.72)}
.ht-kunye{list-style:none;margin:0 0 1.7rem;padding:0;display:grid;gap:.9rem;grid-template-columns:repeat(2,minmax(0,1fr))}
.ht-kunye li{margin:0}
.ht-kk{
  position:relative;display:flex;flex-direction:column;align-items:flex-start;height:100%;
  padding:1.05rem 1.1rem 1.15rem 1.3rem;border-radius:var(--r);
  background:var(--gd);border:1px solid var(--gd-brd);box-shadow:var(--gd-sh);
  -webkit-backdrop-filter:var(--gd-blur);backdrop-filter:var(--gd-blur);
  color:#fff;text-decoration:none;
  transition:transform .2s ease,background .2s ease,border-color .2s ease;
}
.ht-kk::before{content:"";position:absolute;left:0;top:1.1rem;bottom:1.1rem;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,var(--goldl),rgba(111,211,207,.15))}
a.ht-kk:hover,a.ht-kk:focus-visible{transform:translateY(-3px);background:var(--gd-hi);border-color:rgba(111,211,207,.5)}
.ht-ket{display:block;margin-bottom:.35rem;font-size:.66rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--goldl)}
.ht-kad{display:block;font-family:var(--serif);font-size:1.05rem;font-weight:600;line-height:1.25;color:#fff}
a.ht-kk .ht-kad{text-decoration:underline;text-decoration-color:rgba(111,211,207,.55);text-decoration-thickness:1px;text-underline-offset:3px}
a.ht-kk:hover .ht-kad{color:var(--goldl)}
.ht-kno{display:inline-block;margin:.5rem 0 .55rem;padding:.16rem .6rem;border-radius:999px;background:rgba(111,211,207,.12);border:1px solid rgba(111,211,207,.38);color:var(--goldl);font-size:.72rem;font-weight:700;letter-spacing:.02em}
.ht-kozet{display:block;font-size:.84rem;line-height:1.5;color:rgba(230,240,244,.74)}
@media (max-width:860px){.ht-zaman{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.ht-kunye{grid-template-columns:1fr}.ht-zaman{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- 32. Anasayfa ozet serit (cam kart + dikey video) ---------- */
.ozet-serit{
  grid-column:wide;
  margin:0 0 3.4rem;padding:1.8rem clamp(1.2rem,3vw,2.4rem);
  border:1px solid var(--gl-brd);border-radius:var(--r);
  background:var(--gl);box-shadow:var(--gl-sh);
  -webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);
}
.ozet-serit.oz-videolu{
  display:grid;align-items:start;gap:clamp(1rem,2.2vw,1.7rem);
  grid-template-columns:minmax(0,1fr) clamp(235px,24vw,288px);
  margin:0 0 3.4rem;padding:0;border:0;border-radius:0;background:none;box-shadow:none;
  -webkit-backdrop-filter:none;backdrop-filter:none;
}
.ozet-serit.oz-videolu > .oz-govde{
  padding:1.8rem clamp(1.2rem,3vw,2.4rem);
  border:1px solid var(--gl-brd);border-radius:var(--r);
  background:var(--gl);box-shadow:var(--gl-sh);
  -webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);
}
.oz-govde{min-width:0}
.oz-video{
  position:relative;overflow:hidden;aspect-ratio:9/16;
  border:8px solid rgba(255,255,255,.7);border-radius:var(--r);
  background:var(--green2);box-shadow:var(--gl-sh-hi);
}
@supports not (aspect-ratio:9/16){.oz-video::before{content:"";display:block;padding-top:177.78%}}
.oz-vid{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.oz-etiket{margin:0 0 .6rem;font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.oz-metin{margin:0;max-width:78ch;font-family:var(--serif);font-size:clamp(1.15rem,1.7vw,1.4rem);line-height:1.5;color:var(--green2)}
.oz-guven{
  list-style:none;margin:1.4rem 0 0;padding:1.4rem 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:.8rem;align-items:flex-start}
.oz-gi{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--cream);color:var(--gold);border:1px solid var(--line)}
.oz-gm{display:block;min-width:0;font-size:.86rem;line-height:1.5;color:var(--ink2)}
.oz-gm strong{display:block;margin-bottom:.18rem;font-size:.95rem;font-weight:700;line-height:1.3;color:var(--green2)}
@media (min-width:901px) and (max-width:1160px){.ozet-serit.oz-videolu .oz-guven{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){
  .ozet-serit{margin-bottom:2.8rem}
  .oz-guven{grid-template-columns:1fr;gap:.9rem}
  .ozet-serit.oz-videolu{grid-template-columns:minmax(0,1fr);gap:1.2rem;margin-bottom:2.8rem}
  .oz-video{width:min(294px,80vw);margin:0 auto}
}

/* ---------- Surec bandi: koyu cam adim kartlari (referans .steps) ---------- */
.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,var(--green3) 0%,var(--green2) 55%,var(--green) 100%);
  color:#fff;padding:clamp(3.4rem,6.4vw,5.4rem) 0;
}
.hs-tuval{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:0;transition:opacity .9s ease}
.hs-canli > .hs-tuval{opacity:1}
.hs-band::before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    radial-gradient(90% 120% at 12% 0%,rgba(111,211,207,.16),transparent 55%),
    radial-gradient(75% 105% at 100% 100%,rgba(15,59,102,.45),transparent 62%),
    linear-gradient(180deg,rgba(7,28,51,.5) 0%,rgba(7,28,51,.22) 45%,rgba(7,28,51,.56) 100%);
}
.hs-band::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:24px 24px;
  -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:.36rem .9rem .36rem .66rem;
  border:1px solid var(--gd-brd);border-radius:999px;background:var(--gd);
  color:var(--goldl);font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
}
.hs-ust::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--goldl);box-shadow:0 0 0 3px rgba(111,211,207,.22)}
.hs-bas{margin:0 0 .75rem;font-family:var(--serif);font-size:clamp(1.85rem,1.1rem + 2.2vw,2.9rem);font-weight:600;line-height:1.12;color:#fff}
.hs-bas em{color:var(--goldl)}
.hs-ack{margin:0 0 2.8rem;max-width:60ch;color:rgba(230,240,244,.8);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 var(--gd-brd);border-radius:var(--r);
  background:var(--gd);box-shadow:var(--gd-sh);
  -webkit-backdrop-filter:var(--gd-blur);backdrop-filter:var(--gd-blur);
  transition:transform .28s cubic-bezier(.22,.61,.36,1),border-color .28s ease,background .28s ease;
}
.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(--goldl),rgba(111,211,207,0));transition:width .32s cubic-bezier(.22,.61,.36,1);
}
.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(111,211,207,.55),rgba(111,211,207,.1))}
.hs-liste li:last-child::after{display:none}
.hs-liste li:hover{transform:translateY(-4px);border-color:rgba(111,211,207,.5);background:var(--gd-hi)}
.hs-liste li:hover::before{width:calc(100% - 2.3rem)}
.hs-no{display:block;font-family:var(--serif);font-size:2.3rem;line-height:1;font-weight:700;letter-spacing:.01em;color:var(--goldl)}
@supports ((-webkit-text-stroke:1px #000)){
  .hs-no{color:transparent;-webkit-text-stroke:1px var(--goldl);-webkit-text-fill-color:transparent}
}
.hs-ad{display:block;margin:.62rem 0 .45rem;font-family:var(--serif);font-size:1.08rem;font-weight:600;color:#fff}
.hs-oz{display:block;font-size:.86rem;line-height:1.6;color:rgba(230,240,244,.74)}
.hs-cta{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin:2.9rem 0 0}
.hs-cta .btn-primary{background:var(--goldl);color:var(--green3);box-shadow:none}
.hs-cta .btn-primary:hover{background:#8be0dc;color:var(--green3)}
.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(--goldl);color:var(--goldl)}
@media (max-width:1024px){.hs-liste{grid-template-columns:repeat(3,minmax(0,1fr))}.hs-liste li:nth-child(3n)::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-tuval{transition:none}.hs-liste li,.hs-liste li::before{transition:none}.hs-liste li:hover{transform:none}}

/* ---------- Hekim bandi (hb) ve SSS bandi (hf): acik tam genislik ---------- */
.hb-band{
  grid-column:wide;width:100vw;margin:0 0 3.4rem calc(50% - 50vw);
  background:linear-gradient(180deg,#fff 0%,var(--cream) 100%);
  border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);
  padding:clamp(2.8rem,5vw,4.4rem) 0;
}
.hb-in{max-width:var(--wrap);margin:0 auto;padding:0 var(--oluk)}
.hb-bas{margin:0 0 1.3rem;font-family:var(--serif);font-size:clamp(1.55rem,1rem + 1.5vw,2.1rem);font-weight:600;color:var(--green2)}
.hb-grid{display:grid;gap:1.2rem;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:stretch}
.hb-k{
  background:var(--gl);border:1px solid var(--gl-brd);border-radius:var(--r);box-shadow:var(--gl-sh);
  -webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);
  padding:1.45rem 1.5rem 1.6rem;
}
.hb-et{margin:0 0 .3rem;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.hb-ad{margin:0 0 .35rem;font-family:var(--serif);font-size:1.12rem;font-weight:600;color:var(--green2);line-height:1.3}
.hb-no{margin:0 0 .6rem;display:inline-block;padding:.2rem .6rem;border-radius:999px;background:var(--cream);border:1px solid var(--line);color:var(--gold);font-size:.775rem;font-weight:700;letter-spacing:.02em}
.hb-oz{margin:0;font-size:.875rem;line-height:1.58;color:var(--ink2)}
.hb-yan{display:flex;flex-direction:column;gap:1.2rem}
.hb-yan .hb-k{flex:1 1 0;display:flex;flex-direction:column;justify-content:center}
.hb-yan .hb-k .hb-no{align-self:flex-start}
.hb-belge{margin:0;background:var(--gl);border:1px solid var(--gl-brd);border-radius:var(--r);overflow:hidden;box-shadow:var(--gl-sh)}
.hb-belge-g{display:block;padding:clamp(.9rem,1.6vw,1.5rem);background:rgba(234,244,246,.6);border-bottom:1px solid var(--line-2);transition:background .18s ease}
.hb-belge-g img{display:block;width:100%;height:auto;border-radius:6px;box-shadow:0 6px 20px rgba(11,42,74,.14);transition:transform .22s ease,box-shadow .22s ease}
.hb-belge-g:hover,.hb-belge-g:focus-visible{background:var(--cream2)}
.hb-belge-g:hover img,.hb-belge-g:focus-visible img{transform:scale(1.015);box-shadow:0 10px 26px rgba(11,42,74,.2)}
.hb-belge-alt{padding:1.25rem 1.4rem 1.4rem}
.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}
.hk-d{display:block;font-family:var(--serif);font-size:1.6rem;font-weight:600;color:var(--green2);line-height:1.1}
.hk-a{display:block;margin-top:.3rem;font-size:.85rem;line-height:1.5;color:var(--ink2)}
@media (max-width:900px){.hb-grid{grid-template-columns:1fr}.hb-yan .hb-k{display:block}}
@media (max-width:860px){.hk-satir{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.hk-satir{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.hb-belge-g img{transition:none}.hb-belge-g:hover img,.hb-belge-g:focus-visible img{transform:none}}

.hf-band{
  grid-column:wide;width:100vw;margin:1rem 0 3.2rem calc(50% - 50vw);
  background:linear-gradient(180deg,var(--cream) 0%,#fff 100%);
  border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);
  padding:clamp(2.8rem,5vw,4.4rem) 0;
}
.hf-in{max-width:var(--wrap);margin:0 auto;padding:0 var(--oluk)}
.hf-bas{margin:0 0 1.2rem;font-family:var(--serif);font-size:clamp(1.55rem,1rem + 1.5vw,2.1rem);font-weight:600;color:var(--green2)}
.hf-liste{display:grid;gap:.7rem;max-width:var(--text-w,72ch)}
.hf-oge{
  background:var(--gl);border:1px solid var(--gl-brd);border-radius:var(--r);overflow:hidden;box-shadow:var(--gl-sh);
  -webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);transition:background .2s ease;
}
.hf-oge[open]{background:var(--gl-hi)}
.hf-q{display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;list-style:none;padding:1.05rem 1.25rem;font-family:var(--serif);font-weight:600;color:var(--green2);font-size:1.05rem}
.hf-q::-webkit-details-marker{display:none}
.hf-q:hover{color:var(--gold)}
.hf-ok{width:30px;height:30px;flex:none;padding:6px;border-radius:50%;background:var(--cream);fill:none;stroke:var(--gold);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .22s ease,background .2s ease}
.hf-oge[open] .hf-ok{transform:rotate(180deg);background:var(--gold);stroke:#fff}
.hf-oge[open] .hf-q{border-bottom:1px solid var(--line-2)}
.hf-a{padding:.95rem 1.25rem 1.15rem}
.hf-a p{margin:0;font-size:.94rem;line-height:1.65;color:var(--ink2)}
.hf-not{margin:1.1rem 0 0;font-size:.85rem;color:var(--mut)}
.hf-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,390px);gap:1.6rem 2.4rem;align-items:start}
.hf-sag{position:sticky;top:calc(var(--hdr) + var(--nav-top) + 1.4rem)}
.hf-form{margin:0;padding:1.6rem 1.6rem 1.7rem}
.hf-form-bas{margin:0 0 .35rem;font-family:var(--serif);font-size:1.25rem;font-weight:600;color:var(--green2)}
.hf-form-ack{margin:0 0 1.15rem;font-size:.88rem;line-height:1.55;color:var(--ink2)}
.hf-form-alt{margin:1rem 0 0;font-size:.82rem;line-height:1.55;color:var(--mut)}
.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}}

.hi-band{margin:0}
.hi-band > h2{margin-top:0}
.hi-band .nap{max-width:none}

/* Bolum basligi */
.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 .6rem;font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.sb h2{margin:0 0 .6rem;font-family:var(--serif);font-size:clamp(1.7rem,1.1rem + 1.8vw,2.5rem);font-weight:600;line-height:1.15;color:var(--green2)}
.sb h2 em{font-style:italic;font-weight:500;color:var(--gold)}
.sb-ack{margin:0;font-size:1rem;line-height:1.65;color:var(--ink2)}
.sb-sayi{margin:.7rem 0 0;display:inline-block;padding:.2rem .65rem;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:.76rem;font-weight:700;letter-spacing:.04em;color:var(--mut)}
.home-list > .sb{margin-top:3.2rem}

/* ---------- Konum bandi: harita sahnesi + cam NAP karti ---------- */
.hi-sahne{
  position:relative;margin:1.4rem 0 2rem;min-height:clamp(26rem,40vw,33rem);
  border:1px solid var(--gl-brd);border-radius:var(--r);overflow:hidden;
  background:var(--cream);box-shadow:var(--gl-sh-hi);
}
.hi-harita{position:absolute;inset:0;overflow:hidden}
.hi-harita iframe{position:absolute;top:0;bottom:0;display:block;height:100%;border:0;left:0;width:calc(100% + clamp(0px,12vw,220px))}
.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:var(--gl-hi);border:1px solid var(--gl-brd);border-radius:var(--r);
  -webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);
  box-shadow:var(--gl-sh-hi);
}
.hi-kutu-et{margin:0 0 .55rem;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.hi-kutu .nap{margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.hi-eylem{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.15rem 0 0}
.hi-eylem .btn{font-size:.9rem;padding:.7rem 1.3rem}
.hi-yol{display:inline-flex;align-items:center;gap:.3rem;margin:.85rem 0 0;padding:.38rem .8rem;border-radius:999px;background:var(--green2);color:#fff;font-size:.79rem;font-weight:600;text-decoration:none;white-space:nowrap}
.hi-yol:hover{background:var(--green);color:#fff}
.hi-sahne.hi-haritasiz{min-height:0;background:#fff}
.hi-sahne.hi-haritasiz .hi-kutu{width:auto;box-shadow:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-color:transparent}
@media (max-width:860px){
  .hi-sahne{display:flex;flex-direction:column-reverse;min-height:0;background:#fff}
  .hi-harita{position:relative;inset:auto;height:17rem;border-top:1px solid var(--line)}
  .hi-harita iframe{left:0;width:100%}
  .hi-kutu{width:auto;margin:0;border-radius:0;border:0;background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
}
@media (max-width:520px){.hi-eylem .btn{flex:1 1 auto;justify-content:center;text-align:center}.hi-yol{width:100%;justify-content:center}}

/* ---------- Hub gruplari (favicon maskeli maddeler) ---------- */
.hub-gruplar{columns:4;column-gap:2.1rem}
.hg{break-inside:avoid;margin:0 0 1.5rem}
.hg h3{margin:0 0 .5rem;padding-bottom:.4rem;border-bottom:1px solid var(--line);font-family:var(--sans);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.hg h3 a{color:var(--gold);text-decoration:none}
.hg h3 a:hover{color:var(--green)}
.hg h3 .hg-n{margin-left:.3rem;font-weight:600;color:var(--mut);font-size:.7rem}
.hg-oz{margin:0;font-size:.86rem;line-height:1.55;color:var(--ink2)}
.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(--ink2);text-decoration:none;border-radius:var(--r-xs);transition:color .18s ease,background-color .18s ease}
.hg li a::before{
  content:"";position:absolute;left:.05rem;top:calc(.26rem + .75em);transform:translateY(-50%);
  width:15px;height:11.7px;background:var(--green);
  -webkit-mask:url(/assets/img/favicon.svg) center/contain no-repeat;
  mask:url(/assets/img/favicon.svg) center/contain no-repeat;
  opacity:.7;transition:opacity .18s ease,transform .18s ease;
}
.hg li a:hover,.hg li a:focus-visible{color:var(--green);background:var(--cream)}
.hg li a:hover::before,.hg li a:focus-visible::before{opacity:1;transform:translateY(-50%) scale(1.12)}
@media (prefers-reduced-motion:reduce){.hg li a,.hg li a::before{transition:none}.hg li a:hover::before,.hg li a:focus-visible::before{transform:none}}

/* ---------- Blog cipleri ve 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:.42rem .9rem;
  border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.7);
  color:var(--ink2);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(--mut)}
.bc:hover,.bc:focus-visible{background:var(--cream);color:var(--green);border-color:var(--gold)}
.bc-aktif{background:var(--green);border-color:var(--green);color:#fff}
.bc-aktif span{color:var(--goldl)}
.bc-aktif:hover,.bc-aktif:focus-visible{background:var(--green);color:#fff;border-color:var(--green)}
.blog-lead{margin:0 0 2.2rem}
.bl-g{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
  background:var(--gl);border:1px solid var(--gl-brd);border-radius:var(--r);
  overflow:hidden;text-decoration:none;box-shadow:var(--gl-sh);
  -webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);
  transition:transform .18s ease,box-shadow .18s ease;
}
.bl-g:hover,.bl-g:focus-visible{transform:translateY(-3px);box-shadow:var(--gl-sh-hi)}
.bl-foto{margin:0;background:var(--cream)}
.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:.18em;text-transform:uppercase;color:var(--gold)}
.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(--green2)}
.bl-oz{margin:.7rem 0 0;font-size:.95rem;line-height:1.6;color:var(--ink2)}
.bl-devam{display:inline-block;margin-top:1rem;font-size:.88rem;font-weight:700;color:var(--gold);border-bottom:1px solid var(--gold);padding-bottom:2px}
.bl-g:hover .bl-devam{color:var(--green);border-bottom-color:var(--green)}
.k-kat{display:inline-block;margin-left:.5rem;padding:.1rem .5rem;border-radius:999px;background:var(--cream);color:var(--gold);font-size:.72rem;font-weight:700}
@media (max-width:820px){.bl-g{grid-template-columns:1fr}.bl-foto img{min-height:200px;max-height:260px}}
@media (prefers-reduced-motion:reduce){.bl-g,.bc{transition:none}.bl-g:hover,.bl-g:focus-visible{transform:none}}

/* ---------- 33. Anasayfa bolum kartlari (resimli hub, cam) ---------- */
.hubk{
  margin:0 0 1.7rem;
  background:var(--gl);border:1px solid var(--gl-brd);border-radius:var(--r);overflow:hidden;
  box-shadow:var(--gl-sh);-webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);
}
.hubk:last-of-type{margin-bottom:3rem}
.hubk-kapak{position:relative;isolation:isolate;aspect-ratio:16/4.4;min-height:14rem;background:var(--green2)}
.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}
.hubk-kapak::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:
    linear-gradient(97deg,rgba(7,28,51,.92) 0%,rgba(11,42,74,.82) 34%,rgba(11,42,74,.4) 66%,rgba(15,59,102,.12) 100%),
    linear-gradient(180deg,rgba(7,28,51,.18) 0%,rgba(7,28,51,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(--goldl)}
.hubk-no span::after{content:"";width:2.1rem;height:1px;background:rgba(111,211,207,.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)}
.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(--goldl)}
.hubk-kapak h2 a:focus-visible{outline:2px solid var(--goldl);outline-offset:4px}
.hubk-ack{margin:0 0 .9rem;max-width:44ch;font-size:.925rem;line-height:1.55;color:rgba(230,240,244,.84)}
.hubk-sayi{margin:0}
.hubk-sayi span{display:inline-block;padding:.3rem .75rem;border-radius:999px;background:var(--gd);border:1px solid var(--gd-brd);font-size:.76rem;font-weight:700;letter-spacing:.05em;color:var(--goldl)}
.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-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:2px}
.hubk-git a:hover{color:var(--green);border-bottom-color:var(--green)}
/* Deneme (20 Eki): hub-ust — gruplar kapak gorselinin USTUNDE, 4 sutun, %30 kucuk, sik aralik */
.hubk-ust{position:relative;isolation:isolate;background:var(--green2)}
.hubk-ust .hubk-kapak{position:static;aspect-ratio:auto;min-height:0;background:none}
.hubk-ust .hubk-kapak img{z-index:-2}
.hubk-ust .hubk-kapak::after{
  background:
    linear-gradient(180deg,rgba(7,28,51,.82) 0%,rgba(7,28,51,.72) 45%,rgba(7,28,51,.86) 100%),
    linear-gradient(97deg,rgba(7,28,51,.55) 0%,rgba(11,42,74,.2) 60%,rgba(15,59,102,0) 100%);
}
.hubk-ust .hubk-yazi{height:auto;max-width:none;gap:.1rem;padding:1.4rem clamp(1.2rem,2.4vw,2.1rem) .2rem}
.hubk-ust .hubk-kapak h2{margin-bottom:.3rem}
.hubk-ust .hubk-ack{margin-bottom:.6rem}
.hubk-ust .hubk-govde{position:relative;padding:1rem clamp(1.2rem,2.4vw,2.1rem) 1.1rem}
.hubk-ust .hub-gruplar{columns:4;column-gap:1.6rem}
.hubk-ust .hg{margin:0 0 .85rem}
.hubk-ust .hg h3{margin:0 0 .3rem;padding-bottom:.25rem;border-bottom-color:rgba(255,255,255,.18);font-size:.52rem;letter-spacing:.12em}
.hubk-ust .hg h3 a{color:var(--goldl)}
.hubk-ust .hg h3 a:hover{color:#fff}
.hubk-ust .hg ul{font-size:.62rem;line-height:1.35}
.hubk-ust .hg li{margin:0 0 .18rem}
.hubk-ust .hg li a{color:rgba(236,244,247,.9)}
.hubk-ust .hg li a:hover{color:var(--goldl)}
.hubk-ust .hg li a{padding:.14rem 0 .14rem 1.1rem;min-height:24px}
.hubk-ust .hg li a::before{top:calc(.14rem + .72em);width:.72rem;height:.56rem;filter:brightness(0) invert(1);opacity:.6}
.hubk-ust .hg li a:hover,.hubk-ust .hg li a:focus-visible{color:var(--goldl);background:rgba(255,255,255,.08)}
.hubk-ust .hubk-git{margin-top:.2rem}
.hubk-ust .hubk-git a{color:var(--goldl);border-bottom-color:rgba(111,211,207,.5)}
.hubk-ust .hubk-git a:hover{color:#fff;border-bottom-color:#fff}
@media (max-width:900px){.hubk-ust .hub-gruplar{columns:2}}
@media (max-width:520px){.hubk-ust .hub-gruplar{columns:1}.hubk-ust .hg ul{font-size:.72rem}.hubk-ust .hg h3{font-size:.6rem}}
@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}}
@media (max-width:600px){
  .hubk-kapak{aspect-ratio:4/3;min-height:0}
  .hubk-kapak::after{background:linear-gradient(180deg,rgba(7,28,51,.42) 0%,rgba(7,28,51,.72) 46%,rgba(7,28,51,.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){.hubk-kapak img{transition:none}.hubk:hover .hubk-kapak img{transform:none}}

.hubk-ikili{display:grid;gap:1.7rem;margin:0 0 3rem;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.hubk-ikili .hubk{margin:0;display:flex;flex-direction:column}
.hubk-ikili .hubk-govde{flex:1 1 auto;display:flex;flex-direction:column}
.hubk-ikili .hubk-git{margin-top:auto;padding-top:.5rem}
.hubk-ikili .hubk:last-of-type{margin-bottom:0}
.hubk-ikili .hubk-kapak{aspect-ratio:16/8;min-height:11.5rem}
.hubk-ikili .hubk-yazi{max-width:none;padding:1.3rem clamp(1.1rem,1.8vw,1.6rem)}
.hubk-ikili .hubk-kapak h2{font-size:clamp(1.35rem,1rem + .9vw,1.75rem)}
.hubk-ikili .hubk-ack{max-width:38ch;font-size:.875rem;margin-bottom:.75rem}
.hubk-ikili .hubk-kapak::after{
  background:
    linear-gradient(97deg,rgba(7,28,51,.94) 0%,rgba(11,42,74,.86) 42%,rgba(11,42,74,.52) 74%,rgba(15,59,102,.2) 100%),
    linear-gradient(180deg,rgba(7,28,51,.2) 0%,rgba(7,28,51,0) 42%);
}
.hubk-ikili .hubk-govde{padding:1.3rem clamp(1.1rem,1.8vw,1.6rem) 1.2rem}
.hubk-ikili .hub-gruplar{columns:2;column-gap:1.5rem}
.hubk-ikili .hg{margin-bottom:1.2rem}
@media (max-width:900px){.hubk-ikili{grid-template-columns:minmax(0,1fr);gap:1.7rem}.hubk-ikili .hubk-kapak{aspect-ratio:16/7;min-height:13rem}}
@media (max-width:600px){.hubk-ikili .hubk-kapak{aspect-ratio:4/3;min-height:0}.hubk-ikili .hub-gruplar{columns:1}}

/* Hub vitrini */
.hub-karusel{margin:2.4rem 0 1rem}
.hub-karusel .sb{margin-bottom:1.1rem}
.hub-karusel .sb h2{margin:0;font-family:var(--serif);font-size:clamp(1.3rem,1rem + .8vw,1.65rem);font-weight:600;color:var(--green2)}
.hub-karusel .krs{margin:0}
@media (max-width:900px){.hub-karusel .krs .krs-serit > li{flex:0 0 calc((100% - 1.15rem) / 2)}}
@media (max-width:600px){.hub-karusel .krs .krs-serit > li{flex:0 0 86%}}
.krs-tumu{margin:.2rem 0 0}
.hl-sabit{margin:0 0 1.5rem;grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.hl-sabit{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.hl-sabit{grid-template-columns:minmax(0,1fr)}}

/* ---------- 34. Video izgarasi (YouTube, riza yonetimiyle) ---------- */
.yt-grid{display:grid;gap:1.15rem;margin:0 0 1.6rem;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr))}
.yt-card{background:var(--gl);border:1px solid var(--gl-brd);border-radius:var(--r);box-shadow:var(--gl-sh);overflow:hidden;-webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur)}
.yt-frame{position:relative;aspect-ratio:16/9;background:var(--cream2);border-bottom:1px solid var(--gl-edge)}
.yt-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.yt-frame .consent-media-placeholder{position:absolute;inset:0;min-height:0;padding:1rem;gap:.4rem}
.yt-frame .consent-media-placeholder strong{font-size:.85rem}
.yt-frame .consent-media-placeholder span{font-size:.72rem;max-width:none}
.yt-meta{padding:1rem 1.2rem 1.2rem}
.yt-meta h3{margin:0 0 .4rem;font-family:var(--serif);font-size:1.05rem;color:var(--green2);line-height:1.35}
.yt-sure{margin:0 0 .7rem;font-size:.78rem;color:var(--mut)}
.yt-izle{display:inline-block;font-size:.85rem;font-weight:600;color:var(--gold);text-decoration:underline;text-underline-offset:.2em}
.yt-izle:hover{color:var(--green)}
.yt-konu{margin:2.6rem 0 1.1rem}

/* ---------- Hakkimda: kunye, ilkeler, uyelikler, belgeler ---------- */
.kunye{
  margin:1.8rem 0 2.6rem;padding:1.9rem 2rem;
  background:var(--gl);border:1px solid var(--gl-brd);border-radius:var(--r);box-shadow:var(--gl-sh);
  -webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);
}
.kunye-et{margin:0 0 1.35rem;font-family:var(--sans);font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.ky-yol{display:grid;gap:1.15rem;margin:0;padding:0;list-style:none;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr))}
.ky-yol li{margin:0;padding:1rem 0 0;border-top:2px solid var(--goldl)}
.ky-yil{display:block;font-family:var(--sans);font-size:.78rem;font-weight:700;letter-spacing:.1em;color:var(--gold)}
.ky-yol h3{margin:.3rem 0 .25rem;font-family:var(--serif);font-size:1.08rem;font-weight:600;color:var(--green2)}
.ky-yol p{margin:0;font-size:.83rem;line-height:1.5;color:var(--mut)}
.ky-sayi{display:grid;gap:1rem;margin:1.75rem 0 0;padding:1.4rem 0 0;list-style:none;border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr))}
.ky-sayi li{margin:0;display:flex;flex-direction:column;gap:.1rem}
.ky-sayi strong{font-family:var(--serif);font-size:2.1rem;font-weight:600;line-height:1;color:var(--green2)}
.ky-sayi span{font-size:.8rem;line-height:1.45;color:var(--mut)}

.ilke-izgara{display:grid;gap:1.1rem;margin:1.4rem 0 2.4rem;padding:0;list-style:none;grid-template-columns:repeat(auto-fit,minmax(min(238px,100%),1fr))}
.ilke-k{margin:0;padding:1.45rem 1.5rem;background:var(--gl);border:1px solid var(--gl-brd);border-radius:var(--r);box-shadow:var(--gl-sh);-webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur)}
.ilke-i{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:.9rem;border-radius:12px;background:var(--cream);border:1px solid var(--line);color:var(--gold)}
.ilke-k h3{margin:0 0 .4rem;font-family:var(--serif);font-size:1.12rem;font-weight:600;color:var(--green2)}
.ilke-k p{margin:0;font-size:.88rem;line-height:1.6;color:var(--ink2)}

.dernek{margin:1.4rem 0 2.4rem;padding:1.7rem 1.85rem;background:var(--gl);border:1px solid var(--gl-brd);border-radius:var(--r);box-shadow:var(--gl-sh)}
.dernek-bas{margin:0 0 1rem;font-family:var(--sans);font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.dernek-liste{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}
.dernek-liste li{margin:0;padding:.45rem .9rem;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.75);font-family:var(--sans);font-size:.82rem;font-weight:500;color:var(--ink2)}

.belgeler{margin:1.4rem 0 2.6rem}
.bel-giris{margin:0 0 1.6rem;max-width:72ch;color:var(--ink2)}
.bel-bolum{margin:2rem 0 1rem;font-family:var(--sans);font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.bel-bolum:first-of-type{margin-top:0}
.bel-grid{display:grid;gap:1.5rem 1.35rem;margin:0 0 1.6rem;grid-template-columns:repeat(auto-fill,minmax(min(252px,100%),1fr))}
.bel-k{margin:0;display:flex;flex-direction:column}
.bel-g{display:block;padding:8px;background:var(--gl);border:1px solid var(--gl-brd);border-radius:var(--r);box-shadow:var(--gl-sh);overflow:hidden;transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease}
.bel-g:hover,.bel-g:focus-visible{border-color:var(--goldl);box-shadow:var(--gl-sh-hi);transform:translateY(-3px)}
.bel-g img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#fff;border-radius:calc(var(--r) - 6px)}
.bel-ad{margin-top:.7rem;display:flex;flex-direction:column;gap:.18rem;font-family:var(--sans);line-height:1.45}
.bel-ad strong{font-size:.9rem;font-weight:600;color:var(--ink)}
.bel-ad span{font-size:.79rem;color:var(--mut)}
.bel-ad .bel-no{font-size:.745rem;font-weight:600;color:var(--gold)}
@media (max-width:600px){
  .kunye{padding:1.4rem 1.25rem}
  .dernek{padding:1.3rem 1.25rem}
  .ky-sayi strong{font-size:1.7rem}
  .bel-grid{gap:1.25rem 1rem;grid-template-columns:repeat(auto-fill,minmax(min(160px,100%),1fr))}
}
@media (prefers-reduced-motion:reduce){.bel-g{transition:none}.bel-g:hover,.bel-g:focus-visible{transform:none}}

/* ---------- Hakkimda bantlari (il-hero, hk-*) ---------- */
.hk-bas{margin:0 0 .9rem;font-family:var(--serif);font-weight:600;color:var(--green2);font-size:clamp(1.7rem,1.1rem + 2.1vw,2.7rem);line-height:1.14;letter-spacing:-.01em}
.hk-bas em{font-style:italic;font-weight:500;color:var(--gold)}
.hk-metin{margin:0 0 1.4rem;color:var(--ink2);line-height:1.7}
.hk-cta{margin:1.5rem 0 0}
.hk-hero{display:grid;gap:clamp(1.6rem,3.4vw,3rem);grid-template-columns:minmax(0,1fr) minmax(0,.86fr);align-items:start;margin:0 0 3.4rem}
.hk-etiket{margin:0 0 .9rem;font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.hk-madde{list-style:none;margin:0 0 1.6rem;padding:0;display:grid;gap:.5rem}
.hk-madde li{position:relative;margin:0;padding-left:1.85rem;font-size:.95rem;line-height:1.5;color:var(--green2)}
.hk-madde li::before{
  content:"";position:absolute;left:0;top:.75em;transform:translateY(-50%);
  width:19px;height:14.8px;background:var(--gold);
  -webkit-mask:url(/assets/img/favicon.svg) center/contain no-repeat;
  mask:url(/assets/img/favicon.svg) center/contain no-repeat;
}
.hk-dernek{padding:1.2rem 1.35rem 1.3rem;border-radius:var(--r);border:1px solid var(--gl-brd);background:var(--gl);box-shadow:var(--gl-sh)}
.hk-dernek h3{margin:0 0 .7rem;font-family:var(--serif);font-size:1.05rem;font-weight:600;color:var(--green2)}
.hk-dernek ul{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.hk-dernek li{position:relative;margin:0;padding-left:1.4rem;font-size:.875rem;line-height:1.5;color:var(--ink2)}
.hk-dernek li::before{content:"\2713";position:absolute;left:0;top:0;color:var(--gold);font-weight:700;font-size:.85rem}
.hk-sag{position:sticky;top:calc(var(--hdr) + var(--nav-top) + 1.4rem)}
.hk-portre{
  display:block;width:100%;height:auto;
  padding:10px;border-radius:999px 999px 26px 26px;
  background:var(--gl);border:1px solid var(--gl-brd);box-shadow:var(--gl-sh-hi);
}
.hk-taahhut{display:grid;gap:clamp(1.6rem,3.4vw,3rem);grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:center;margin:0 0 3.4rem}
.hk-foto-kutu{position:relative;isolation:isolate}
.hk-kare{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:4/5;border-radius:var(--r);border:8px solid rgba(255,255,255,.7);box-shadow:var(--gl-sh-hi)}
.hk-foto-et{
  position:absolute;left:1.1rem;bottom:1.1rem;padding:.45rem .95rem;border-radius:999px;
  background:var(--gl-hi);border:1px solid var(--gl-brd);-webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);
  font-size:.66rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--green2);
}
.hk-vm{margin:1.3rem 0 0;padding-top:1.3rem;border-top:1px solid var(--line)}
.hk-vm h3{margin:0 0 .5rem;font-family:var(--serif);font-size:1.18rem;font-weight:600;color:var(--green2)}
.hk-vm h3 strong{font-weight:600;color:var(--gold)}
.hk-vm p{margin:0;font-size:.94rem;line-height:1.65;color:var(--ink2)}
.hk-yardim{display:grid;gap:clamp(1.6rem,3.4vw,3rem);grid-template-columns:minmax(0,.92fr) minmax(0,1fr);align-items:center;margin:0 0 3.4rem}
.hk-y-bas{margin:0 0 1.4rem;padding-bottom:1.4rem;border-bottom:1px solid var(--line);font-family:var(--serif);font-weight:600;color:var(--green2);font-size:clamp(1.7rem,1.1rem + 2.2vw,2.8rem);line-height:1.16}
.hk-y-bas strong{font-weight:500;font-style:italic;color:var(--gold)}
.hk-yer{margin:0 0 .5rem;font-family:var(--serif);font-size:1.2rem;font-weight:600;color:var(--green2)}
.hk-adres{margin:0 0 1.2rem;color:var(--ink2);line-height:1.65}
.hk-iletisim{margin:0;display:flex;flex-wrap:wrap;gap:.7rem 1.6rem}
.hk-iletisim a{font-size:.95rem;font-weight:600;color:var(--green);text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:.15rem}
.hk-iletisim a:hover{border-bottom-color:var(--gold);color:var(--gold)}
.hk-rozet{display:block;width:150px;height:auto;margin:1.6rem 0 0}
.hk-kapanis{margin:0 0 3.4rem;padding:clamp(2rem,4vw,3rem) clamp(1.2rem,3vw,2.4rem);border-radius:var(--r);text-align:center;border:1px solid var(--gl-brd);background:var(--gl);box-shadow:var(--gl-sh)}
.hk-kapanis .hk-bas{margin:0 auto;max-width:24ch}
.hk-hero:not(:has(.hk-portre)){grid-template-columns:minmax(0,1fr)}
.hk-hero:not(:has(.hk-portre)) .hk-sag{display:none}
.hk-taahhut:not(:has(.hk-kare)){grid-template-columns:minmax(0,1fr)}
.hk-taahhut:not(:has(.hk-kare)) .hk-foto-kutu{display:none}
.hk-yardim:not(:has(.hk-kare)){grid-template-columns:minmax(0,1fr)}
.hk-yardim:not(:has(.hk-kare)) .hk-y-foto{display:none}
@media (max-width:900px){
  .hk-hero,.hk-taahhut,.hk-yardim{grid-template-columns:1fr}
  .hk-sag{position:static}
  .hk-sag,.hk-foto-kutu,.hk-y-foto{max-width:520px}
}
@media (max-width:600px){.hk-cta .btn{width:100%}}

/* ---------- Iletisim sayfasi bantlari ---------- */
.il-bul .hk-kare{object-position:68% center}
.il-hero{
  margin:0 0 3rem;padding:clamp(1.8rem,3.4vw,2.8rem) 1rem clamp(1.8rem,3.4vw,2.6rem);
  text-align:center;border-radius:var(--r);
  background:linear-gradient(160deg,#f3f9fa 0%,var(--cream) 100%);border:1px solid var(--line-2);
}
.il-hero-bas{margin:0 0 .55rem;font-family:var(--serif);font-weight:600;color:var(--green2);font-size:clamp(2rem,1.2rem + 3vw,3.4rem);line-height:1.08;letter-spacing:-.02em}
.il-hero-et{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.il-hero-oz{max-width:74ch;margin:1.5rem auto 0}
.il-hero-oz .answer-block{margin:0;padding:0;background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;text-align:center;font-size:1.02rem;line-height:1.75;color:var(--ink2)}
.il-hero-oz .answer-block::before{content:none}
.il-g-ust{max-width:56ch;margin:0 0 1.6rem}
.il-g-et{margin:0 0 .6rem;font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.il-g-bas{margin:0;font-family:var(--serif);font-weight:600;color:var(--green2);font-size:clamp(1.45rem,1rem + 1.6vw,2.1rem);line-height:1.2}
.il-g-ack{margin:.6rem 0 0;font-size:.95rem;line-height:1.6;color:var(--ink2)}
.il-g-izgara{list-style:none;margin:0;padding:0;display:grid;gap:.75rem;grid-template-columns:repeat(4,minmax(0,1fr))}
.il-g-izgara li{margin:0}
.il-g-izgara li:first-child{grid-column:span 2;grid-row:span 2}
.ig-foto{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:4/3;border-radius:var(--r-sm);box-shadow:var(--gl-sh)}
.il-g-izgara li:first-child .ig-foto{aspect-ratio:1/1}
.il-kapanis{
  margin:0 0 3.4rem;padding:clamp(2.2rem,4.4vw,3.6rem) clamp(1.2rem,3vw,2.4rem);
  text-align:center;border-radius:var(--r);position:relative;isolation:isolate;overflow:hidden;
  background:linear-gradient(165deg,var(--green3) 0%,var(--green2) 60%,var(--green) 100%);
}
.il-kapanis::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:24px 24px}
.il-k-logo{display:block;width:clamp(74px,9vw,110px);height:auto;margin:0 auto 1.1rem;filter:brightness(0) invert(1);opacity:.92}
.il-k-bas{margin:0 auto;max-width:26ch;font-family:var(--serif);font-weight:500;font-size:clamp(1.4rem,1rem + 1.7vw,2.15rem);line-height:1.24;color:#fff}
.il-k-bas strong{font-weight:500;font-style:italic;color:var(--goldl)}
.il-k-cizgi{display:block;width:min(420px,70%);height:1px;margin:1.5rem auto;background:rgba(255,255,255,.28)}
.il-k-hizmet{margin:0;font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;line-height:1.9;color:var(--goldl)}
.il-k-rozet{display:block;width:150px;height:auto;margin:1.8rem auto 0;padding:.5rem .7rem;border-radius:var(--r-sm);background:#fff}
@media (max-width:820px){.il-g-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}.il-g-izgara li:first-child{grid-column:span 2;grid-row:auto}.il-g-izgara li:first-child .ig-foto{aspect-ratio:16/9}}
@media (max-width:640px){.il-hero-oz{margin-top:1.15rem}.il-hero-oz .answer-block{font-size:.97rem;text-align:left}}
@media (max-width:520px){.il-g-izgara{grid-template-columns:1fr}.il-g-izgara li:first-child{grid-column:auto}}

/* Iletisim: hizli eylem kartlari */
.ik-izgara{display:grid;gap:.9rem;margin:1.4rem 0 2.6rem;padding:0;list-style:none;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}
.ik-izgara li{margin:0}
.ik-kart{
  display:flex;align-items:center;gap:.85rem;height:100%;padding:1.05rem 1.15rem;
  background:var(--gl);border:1px solid var(--gl-brd);border-radius:var(--r);box-shadow:var(--gl-sh);
  -webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);
  text-decoration:none;color:inherit;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.ik-kart:hover,.ik-kart:focus-visible{border-color:var(--goldl);box-shadow:var(--gl-sh-hi);transform:translateY(-3px)}
.ik-i{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--cream);border:1px solid var(--line);color:var(--gold)}
.ik-i svg{width:20px;height:20px}
.ik-t{display:flex;flex-direction:column;gap:.1rem;min-width:0}
.ik-t strong{font-family:var(--sans);font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.ik-t > span{font-size:.95rem;font-weight:600;color:var(--green2);overflow-wrap:anywhere;hyphens:none}
.ik-kart[href^="tel:"] .ik-t > span,.ik-kart[href*="wa.me"] .ik-t > span{white-space:nowrap}
.ik-saat{padding:1.15rem 1.3rem;background:var(--cream);border:1px solid var(--line-2);border-radius:var(--r)}
.ik-saat-et{margin:0 0 .5rem;font-family:var(--sans);font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.ik-saat-v{margin:0;font-size:.92rem;line-height:1.75;color:var(--ink2)}
@media (prefers-reduced-motion:reduce){.ik-kart{transition:none}.ik-kart:hover,.ik-kart:focus-visible{transform:none}}

/* ---------- Rehber filtresi ---------- */
.reh-filtre{margin:0 0 2.1rem}
.rf-ara{
  position:relative;display:flex;align-items:center;max-width:34rem;margin:0 0 1rem;
  background:var(--gl-hi);border:1px solid var(--gl-brd);border-radius:999px;box-shadow:var(--gl-sh);
  transition:border-color .16s ease,box-shadow .16s ease;
}
.rf-ara:focus-within{border-color:var(--gold);box-shadow:0 0 0 4px rgba(11,127,121,.12)}
.rf-ikon{flex:none;width:18px;height:18px;margin:0 .1rem 0 1.05rem;color:var(--gold)}
.rf-ara input{flex:1 1 auto;min-width:0;padding:.8rem .9rem;border:0;background:none;border-radius:999px;font-family:var(--sans);font-size:.95rem;color:var(--ink)}
.rf-ara input:focus{outline:none}
.rf-ara input::-webkit-search-cancel-button{display:none}
.rf-sil{flex:none;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-right:.4rem;padding:0;border:0;border-radius:50%;background:none;color:var(--mut);cursor:pointer;transition:background .16s ease,color .16s ease}
.rf-sil svg{width:16px;height:16px}
.rf-sil:hover,.rf-sil:focus-visible{background:var(--cream);color:var(--green)}
.rf-cip{display:flex;flex-wrap:wrap;gap:.5rem}
.rf-cip .bc{font-family:var(--sans);cursor:pointer}
.rf-sonuc{margin:.95rem 0 0;font-size:.88rem;color:var(--ink2)}
@media (max-width:640px){
  .rf-ara{max-width:none}
  .rf-cip{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -1rem;padding:.15rem 1rem}
  .rf-cip::-webkit-scrollbar{display:none}
  .rf-cip .bc{flex:none}
}
@media (prefers-reduced-motion:reduce){.rf-ara,.rf-sil{transition:none}}

/* ---------- 360 derece panorama galerisi (referans .tour) ---------- */
.tur{margin:2.6rem 0 3rem}
.tur-ust{max-width:46rem;margin:0 0 1.2rem}
.tur-ust h2{margin:0 0 .5rem}
.tur-ust p{margin:0;color:var(--ink2)}
.tur-cerceve{
  position:relative;overflow:hidden;
  border:8px solid rgba(255,255,255,.7);border-radius:26px;box-shadow:var(--gl-sh-hi);
  background:var(--cream);aspect-ratio:21/9;
}
.tur-kapak{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.92) brightness(.94)}
.tur-sahne{position:absolute;inset:0;display:none}
.tur-acik .tur-sahne{display:block}
.tur-acik .tur-kapak{display:none}
.tur-nojs{position:absolute;left:0;right:0;bottom:0;margin:0;padding:.6rem 1rem;background:rgba(11,42,74,.8);color:#fff;font-size:.85rem;text-align:center}
/* Sahne secici: onizleme kartlari (20 Eki) */
.tur-nav{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.7rem;margin:1.1rem 0 0}
.tur-nav button{
  position:relative;display:block;padding:0;border:2px solid transparent;border-radius:14px;overflow:hidden;
  background:var(--cream);color:var(--ink2);cursor:pointer;text-align:left;
  font-family:var(--sans);font-size:.78rem;font-weight:600;line-height:1.25;
  box-shadow:0 6px 18px rgba(11,42,74,.08);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.tur-nav button img{display:block;width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;filter:saturate(.92);transition:transform .3s ease}
.tur-nav button span{display:block;padding:.5rem .6rem .55rem}
.tur-nav button:hover,.tur-nav button:focus-visible{transform:translateY(-3px);border-color:var(--gold);box-shadow:0 12px 26px rgba(11,42,74,.14);color:var(--green)}
.tur-nav button:hover img{transform:scale(1.05)}
.tur-nav .tur-aktif{border-color:var(--green);color:var(--green)}
.tur-nav .tur-aktif::after{content:"";position:absolute;right:.5rem;top:.5rem;width:10px;height:10px;border-radius:50%;background:var(--goldl);box-shadow:0 0 0 3px rgba(255,255,255,.85)}
@media (max-width:980px){.tur-nav{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:520px){.tur-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.tur-nav button{font-size:.74rem}}
@media (max-width:640px){
  .tur-cerceve{aspect-ratio:4/3;border-width:5px;border-radius:18px}
  .tur-nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:1rem -1rem 0;padding:.15rem 1rem}
  .tur-nav::-webkit-scrollbar{display:none}
  .tur-nav button{flex:none}
}
@media (prefers-reduced-motion:reduce){.tur-nav button,.tur-nav button img{transition:none}}

/* ---------- Sema ---------- */
.sema{margin:2.3rem 0;border:1px solid var(--gl-brd);border-radius:var(--r);overflow:hidden;background:var(--gl-hi);box-shadow:var(--gl-sh)}
.sema-bas{display:flex;align-items:center;gap:.55rem;padding:.65rem 1.15rem;background:var(--green2);color:#fff;font-family:var(--sans);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.sema-bas::before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:var(--goldl);flex:none}
.sema-ic{overflow-x:auto;padding:1.35rem 1.1rem .35rem}
.sema-ic svg{display:block;width:100%;min-width:33rem;height:auto}
.sema figcaption{padding:.35rem 1.25rem 1.15rem;text-align:center;font-size:.85rem;line-height:1.52;color:var(--gold)}

/* ---------- Hakkimda: muayene yolu bandi (hj, 20 Eki) ----------
   gunduzyildiz "hasta yolu" tasarimindan uyarlandi; renkler bu sitenin
   lacivert/turkuaz paletine cekildi. Sahne ekrana yapisir (sticky), adim
   degistikce tedavi fotografi capraz gecer; yol cizgisi kaydirdikca dolar. */
.hj{grid-column:wide;position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-top:3.2rem;margin-bottom:3.4rem;background:var(--green3);color:#fff;isolation:isolate;text-align:left}
.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(7,28,51,.95) 0%,rgba(7,28,51,.84) 32%,rgba(7,28,51,.42) 62%,rgba(7,28,51,.3) 100%),linear-gradient(0deg,rgba(7,28,51,.55) 0%,rgba(7,28,51,0) 30%),rgba(11,42,74,.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(7,28,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}
.hj-d.is-on{border-color:var(--goldl);color:#fff;background:var(--green);box-shadow:0 0 0 6px rgba(111,211,207,.16)}
.hj-in{position:relative;z-index:2;max-width:var(--wrap,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(--goldl))}
.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}
.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:var(--green);border-color:var(--goldl)}
.hj-i{display:inline-grid;color:var(--goldl)}
.hj-i svg{width:22px;height:22px;stroke-width:1.7}
.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(7,28,51,.92),rgba(7,28,51,.78)),rgba(11,42,74,.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}
}