@charset "UTF-8";
/* ==========================================================================
   Ankalife — stil sistemi v2
   Marka: logodan türetilmiş yeşil + altın, beyaz zemin. Karanlık tema YOK.
   Yazı tipleri self-host (assets/fonts) — CDN yok, cPanel'de dış bağımlılık yok.
   ========================================================================== */

/* ---------- @font-face (alt kümeler: latin, latin-ext, cyrillic) ---------- */
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/golos-text-400-cyrillic.woff2?v=2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/golos-text-400-latin-ext.woff2?v=2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/golos-text-400-latin.woff2?v=2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/golos-text-500-cyrillic.woff2?v=2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/golos-text-500-latin-ext.woff2?v=2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/golos-text-500-latin.woff2?v=2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/golos-text-700-cyrillic.woff2?v=2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/golos-text-700-latin-ext.woff2?v=2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/golos-text-700-latin.woff2?v=2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Literata';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/literata-400-cyrillic.woff2?v=2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Literata';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/literata-400-latin-ext.woff2?v=2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Literata';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/literata-400-latin.woff2?v=2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Literata';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/literata-600-cyrillic.woff2?v=2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Literata';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/literata-600-latin-ext.woff2?v=2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Literata';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/literata-600-latin.woff2?v=2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- Tokenlar ---------- */
:root{
  /* Palet logodan olculdu (2026-08-14, logo-transparent.png):
     ana yesil #395735, koyu yesil #204128, altin #DECC70. Onceki tonlar
     (#1A5632/#0F3A21/#0A2716) logodan belirgin koyu ve soguktu — kullanici
     geri bildirimi. Kontrast dogrulandi: beyaz/--green 8.1:1, beyaz/--green-d
     11.4:1, koyu metin/--gold 9+:1. --gold-t metin icin koyu kalir. */
  --green:#395735; --green-d:#204128; --green-dd:#16311D; --green-tint:#F1F6EF;
  --gold:#CDB456; --gold-t:#8A6A1C; --gold-l:#EDE0A0;
  --ink:#16201A; --ink-900:#0C1410; --mute:#5E6862; --line:#E4E8E3;
  --bg:#FFFFFF; --paper:#FAFAF7;

  --serif:'Literata', Georgia, 'Times New Roman', serif;
  --sans:'Golos Text', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;

  --wrap:1200px;
  --gut:clamp(20px, 4vw, 48px);
  /* 2026-08-15: 56/8vw/112 -> 44/5.5vw/84. Kullanici bolum ust/altlarini
     defalarca genis buldu; ayni-zemin komsu kurali (53px) degismedi. */
  --sec-y:clamp(44px, 5.5vw, 84px);
}

/* Geniş ekran ölçeği. Tasarım 1200px kabına göre kurulmuştu ve CSS'teki en
   yüksek breakpoint 1120px'di — 1120px ile 2560px arasında tek bir kural yoktu.
   Sonuç: 2000px ekranda içerik 1104px (ekranın %55'i) kalıyor, iki yanda
   440'ar piksel ölü alan oluşuyor ve sayfa "büyütülmüş 1280" gibi görünüyordu.
   Kap ve boşluklar burada büyür; .wrap tabanlı TÜM ızgaralar (grid--3, chips,
   bento, foot-cols, centre-list, branches-grid) bu tek değişiklikle birlikte
   genişler. */
@media(min-width:1600px){
  :root{--wrap:1400px;--gut:56px;--sec-y:clamp(56px,5.5vw,104px)}
}
@media(min-width:1920px){
  :root{--wrap:1560px;--gut:64px}
}

/* ---------- Reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.7 var(--sans);
  -webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,p,ul,ol,figure,blockquote{margin:0}
ul{list-style:none;padding:0}
button{font:inherit;cursor:pointer}
:focus-visible{outline:3px solid var(--green);outline-offset:3px}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--green);color:#fff;
  padding:12px 18px;z-index:200}
.skip-link:focus{left:12px;top:12px;border-radius:6px;outline-color:#fff}
#main:focus{outline:none}

.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:var(--gut)}
.sec{padding-block:var(--sec-y)}
.sec--paper{background:var(--paper)}
.sec--tint{background:var(--green-tint)}

/* ---------- Tipografi & Modern Pill Badges ---------- */
.eyebrow{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--green);
  font-weight:700;margin:0 0 18px;display:inline-flex;align-items:center;gap:8px;
  background:linear-gradient(135deg, rgba(26,86,50,0.08) 0%, rgba(26,86,50,0.03) 100%);
  border:1px solid rgba(26,86,50,0.12);padding:6px 16px;border-radius:50px;
  box-shadow:0 2px 8px rgba(26,86,50,0.04)}
.eyebrow::after{display:none}
.sec-head{max-width:62ch;margin-bottom:clamp(36px,4.5vw,64px)}
.sec-head h2{font-family:var(--serif);font-weight:400;font-size:clamp(28px,3.8vw,46px);
  line-height:1.15;letter-spacing:-.02em;text-wrap:balance}
.sec-lead{margin-top:18px;font-size:clamp(17px,1.6vw,20px);line-height:1.7;color:var(--mute);
  max-width:56ch}
.sec-head.center{margin-inline:auto;text-align:center}
.sec-head.center .eyebrow{justify-content:center}
.sec-head.center .sec-lead{margin-inline:auto}

/* ---------- Butonlar (Ultra-Modern Glossy Pill) ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;
  background:linear-gradient(135deg, #446A42 0%, var(--green) 100%);color:#fff;padding:15px 32px;min-height:50px;
  font-size:15px;font-weight:700;border:1px solid rgba(255,255,255,0.15);border-radius:999px;
  box-shadow:0 6px 20px rgba(26,86,50,.24);position:relative;overflow:hidden;
  transition:all .25s cubic-bezier(0.16, 1, 0.3, 1)}
.btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
  transition:left .6s ease}
.btn:hover::before{left:100%}
.btn:hover{background:linear-gradient(135deg, var(--green-d) 0%, var(--green-dd) 100%);transform:translateY(-3px);
  box-shadow:0 10px 28px rgba(26,86,50,.38)}
.btn:active{transform:translateY(-1px);box-shadow:0 4px 14px rgba(26,86,50,.2)}
.btn--out{background:transparent;color:var(--green);border:1.5px solid var(--green);border-radius:999px;box-shadow:none}
.btn--out:hover{background:var(--green-tint);border-color:var(--green-d);box-shadow:0 6px 18px rgba(26,86,50,.12);transform:translateY(-2px)}
.btn--light{background:#fff;color:var(--green);border-color:#fff;border-radius:999px;
  box-shadow:0 6px 20px rgba(0,0,0,.14)}
.btn--light:hover{background:var(--green-tint);border-color:var(--green-tint);transform:translateY(-2px)}
.btn--ghost{background:transparent;border-color:transparent;color:var(--green);
  padding-inline:0;min-height:auto;border-bottom:2px solid var(--gold-l);border-radius:0;box-shadow:none}
.btn--ghost:hover{background:transparent;border-bottom-color:var(--gold)}
.btnrow{display:flex;gap:16px;flex-wrap:wrap;align-items:center}

/* ---------- Üst şerit + header ---------- */
.topbar{background:linear-gradient(135deg, var(--green-dd) 0%, #102217 100%);color:rgba(255,255,255,.82);font-size:13px}
.topbar-in{display:flex;align-items:center;justify-content:space-between;gap:16px;
  min-height:42px;flex-wrap:wrap}
.topbar a{color:#fff;font-weight:500;text-decoration:none}
.topbar-meta{display:none;gap:20px;align-items:center}
.topbar-meta span{display:inline-flex;align-items:center;gap:7px;padding:0;background:none;border:0;border-radius:0}
.topbar-meta span+span{position:relative;padding-left:20px}
.topbar-meta span+span::before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:1px;background:rgba(255,255,255,.18)}
.topbar-phone{display:inline-flex;align-items:center;gap:7px;padding:0 20px 0 0;
  min-height:24px;
  background:none;border:0;border-right:1px solid rgba(255,255,255,.18);border-radius:0;
  transition:color .18s ease}
.topbar-phone:hover{background:none;color:var(--gold-l);transform:none}

/* Dil seçici: düz liste, iç içe pill yok. */
.lang-dropdown{position:relative;display:inline-block}
.lang-summary{display:inline-flex;align-items:center;gap:8px;padding:5px 0;
  min-width:44px;min-height:32px;
  background:none;border:0;border-radius:0;
  color:#fff;font-size:13px;font-weight:600;cursor:pointer;user-select:none;
  transition:color .18s ease}
.lang-summary:hover{background:none;color:var(--gold-l);transform:none}
.lang-summary::-webkit-details-marker{display:none}
.lang-flag{font-size:14px;line-height:1}
.lang-code{letter-spacing:.05em}
.lang-arrow{opacity:.75;transition:transform .2s}
.lang-dropdown[open] .lang-arrow{transform:rotate(180deg)}
.lang-menu{position:absolute;right:-8px;top:calc(100% + 10px);z-index:200;background:#fff;
  border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 34px rgba(10,39,22,.18);
  min-width:190px;padding:6px 0;display:flex;flex-direction:column;gap:0;overflow:hidden}
.topbar .lang-option{display:grid;grid-template-columns:24px 1fr 16px;align-items:center;gap:10px;padding:11px 16px;
  border-radius:0;color:var(--ink);font-size:14px;font-weight:500;text-decoration:none;
  border-left:3px solid transparent;transition:background .16s,color .16s}
.lang-option+.lang-option{border-top:1px solid #f0f2ef}
.topbar .lang-option:hover{background:var(--paper);color:var(--green-d)}
.topbar .lang-option.active{background:var(--green-tint);color:var(--green-d);font-weight:700;border-left-color:var(--green)}
.lang-option svg{margin-left:auto;color:var(--green)}

.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);
  -webkit-backdrop-filter:saturate(1.8) blur(16px);backdrop-filter:saturate(1.8) blur(16px);border-bottom:1px solid rgba(228,232,227,0.8);
  box-shadow:0 4px 20px rgba(10,39,22,0.03)}
.header-in{display:flex;align-items:center;justify-content:space-between;gap:16px;
  min-height:76px}
.brand{display:flex;align-items:center;gap:14px;flex:none;text-decoration:none}
.brand-img{width:46px;height:auto;object-fit:contain;flex:none;filter:drop-shadow(0 2px 4px rgba(26,86,50,0.1))}
.brand-img.brand-tree{width:58px;height:48px;object-fit:contain;filter:none}
.brand-text b{font-family:var(--serif);font-weight:600;font-size:23px;color:var(--green);
  letter-spacing:-.015em;line-height:1;display:block}
.brand-text sup{font-size:9px;color:var(--gold);vertical-align:super}
.brand-text em{font-style:normal;display:none;font-size:9.5px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--mute);margin-top:4px}

.nav{display:none;gap:clamp(14px,1.6vw,26px);font-size:15px;font-weight:500;align-items:center}
.nav-item{position:relative}
.nav-item.has-mega{position:static;align-self:stretch;display:flex;align-items:center}
.nav-link{display:inline-flex;align-items:center;gap:6px;padding:12px 0;font-size:15px;
  font-weight:600;color:var(--ink);border-bottom:2px solid transparent;text-decoration:none;
  transition:all .2s ease;white-space:nowrap}
.nav-link:hover,.nav-item:hover .nav-link{color:var(--green);border-bottom-color:var(--gold)}
.nav-arrow{opacity:.6;transition:transform .2s}
.nav-item:hover .nav-arrow,.nav-item:focus-within .nav-arrow{transform:rotate(180deg);opacity:1}

/* Mega Menü Panel (State-of-the-Art Glassmorphism) */
.mega-panel{position:absolute;left:0;right:0;top:100%;z-index:150;background:rgba(255,255,255,0.98);
  border-bottom:3px solid var(--gold);box-shadow:0 30px 60px rgba(10,39,22,.15);
  -webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;visibility:hidden;transform:translateY(12px);
  transition:all .25s cubic-bezier(0.16, 1, 0.3, 1);pointer-events:none}
.mega-panel::before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px;background:transparent}
.nav-item:hover .mega-panel,.nav-item:focus-within .mega-panel{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.mega-wrap{padding-block:26px}
.mega-head{margin-bottom:16px;border-bottom:1px solid var(--line);padding-bottom:10px;
  display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.mega-title{font-family:var(--serif);font-size:16px;font-weight:700;color:var(--green)}
.mega-subtitle{font-size:12.5px;color:var(--mute);margin-top:0}
.mega-subtitle::before{content:"·";margin-right:8px;color:var(--mute)}

.mega-grid{display:grid;grid-template-columns:2fr 1fr;gap:36px;align-items:start}
.mega-grid-split{grid-template-columns:1.8fr 1.2fr}
.mega-links-col{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 20px}
.mega-card-item{display:flex;align-items:start;gap:14px;padding:14px;border-radius:18px;
  text-decoration:none;color:inherit;transition:all .22s cubic-bezier(0.16, 1, 0.3, 1);
  border:1px solid rgba(26,86,50,0.06);background:#fff}
.mega-card-item:hover{background:var(--green-tint);border-color:rgba(26,86,50,.18);transform:translateY(-2px);box-shadow:0 8px 24px rgba(26,86,50,0.08)}
.mega-item-icon{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg, var(--green-tint) 0%, #e2eee6 100%);color:var(--green);
  display:grid;place-items:center;flex:none;transition:all .22s ease;box-shadow:inset 0 1px 2px rgba(255,255,255,0.8)}
.mega-card-item:hover .mega-item-icon{background:linear-gradient(135deg, var(--green) 0%, var(--green-d) 100%);color:#fff;transform:scale(1.08)}
.mega-item-title{font-size:14.5px;font-weight:700;color:var(--green-d);display:flex;align-items:center;gap:8px}
.mega-badge{font-size:9.5px;letter-spacing:.04em;font-weight:700;text-transform:uppercase;
  background:linear-gradient(135deg, #f2e7b8 0%, #e6d9a4 100%);color:var(--green-dd);padding:3px 10px;border-radius:50px}
.mega-item-desc{font-size:12.5px;color:var(--mute);line-height:1.45;margin-top:3px}

.mega-featured-card{background:linear-gradient(135deg,var(--green-dd) 0%,var(--green) 100%);
  color:#fff;padding:26px;border-radius:24px;box-shadow:0 14px 36px rgba(10,39,22,.28);border:1px solid rgba(255,255,255,0.15)}
.mega-card-badge{font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--gold-l);
  font-weight:700;margin-bottom:10px;background:rgba(255,255,255,.14);display:inline-block;
  padding:4px 12px;border-radius:50px}
.mega-card-title{font-family:var(--serif);font-size:19px;margin-bottom:8px;line-height:1.25}
.mega-card-text{font-size:13.5px;color:rgba(255,255,255,.86);line-height:1.55;margin-bottom:18px}
.mega-card-btn{width:100%;justify-content:center}

.mega-info-box{background:var(--paper);border:1px solid var(--line);padding:24px;border-radius:24px}
.mega-info-tag{font-family:var(--serif);font-size:18px;font-weight:600;color:var(--green);margin-bottom:8px}
.mega-info-box p{font-size:14px;color:var(--mute);line-height:1.6;margin-bottom:14px}
.link-arrow{font-size:14px;font-weight:700;color:var(--green);text-decoration:none}
.link-arrow:hover{color:var(--gold-t)}

.header-cta{display:none;white-space:nowrap}

@media (min-width:1120px){
  .nav{display:flex}
  .header-cta{display:inline-flex;min-height:42px;padding:10px 18px;border-radius:9px;font-size:14px;box-shadow:none}
  .mnav{display:none}          /* markup .mnav kullanıyor — .burger değil */
  .brand-text em{display:block}
  .topbar-meta{display:flex}
}

/* Mobil panel — <details>, JS gerektirmez */
.mnav{position:relative}
.mnav>summary{list-style:none;width:48px;height:48px;display:grid;place-items:center;
  border:1px solid var(--line);border-radius:50px;color:var(--green);background:var(--paper)}
.mnav>summary::-webkit-details-marker{display:none}
.mnav-panel{position:absolute;right:0;top:calc(100% + 12px);z-index:120;background:#fff;
  border:1px solid var(--line);border-radius:22px;box-shadow:0 20px 50px rgba(12,20,16,.2);min-width:280px;
  display:flex;flex-direction:column;padding:10px}
.mnav-panel a{padding:12px 16px;min-height:44px;font-size:15px;font-weight:600;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.mnav-panel a:last-child{border-bottom:0}
.mnav-sublink{font-size:14px!important;color:var(--mute)!important;padding-left:24px!important}
.mnav-panel .btn{margin-top:10px}
/* Eylem bloğu — her genişlikte menü içeriğinin sonunda, ayraç çizgisiyle */
.mnav-actions{display:grid;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.mnav-actions a{border-bottom:0}
.mnav-cta{display:flex;align-items:center;justify-content:center;min-height:50px;padding:13px 18px;
  border-radius:14px;background:var(--gold);color:var(--green-dd)!important;font:700 15.5px/1 var(--sans)}
.mnav-call{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 18px;
  border-radius:14px;border:1px solid var(--line);color:var(--green)!important;font:600 15.5px/1 var(--sans)}

/* Alt menü grupları (Tedaviler/Kurumsal) — <details>, JS gerektirmez.
   Kapalı başlar; alt sayfalar yalnız başlığa dokunulunca açılır. */
.mnav-group{border-radius:12px;overflow:hidden;flex-shrink:0}
.mnav-group a{display:block}
.mnav-group summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;
  font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;
  color:var(--gold-t);padding:12px 16px;background:var(--paper)}
.mnav-group summary::-webkit-details-marker{display:none}
.mnav-group summary::after{content:"";width:7px;height:7px;flex:none;
  border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
  transform:rotate(45deg);transition:transform .18s ease}
.mnav-group[open] summary::after{transform:rotate(-135deg)}

/* Telefon genişliğinde: header'ın (71px) hemen altından açılan, İÇERİK KADAR
   uzayan bir sheet + arkada karartma perdesi. Panel tüm ekranı kaplamaz —
   içerik bittiği yerde yuvarlak köşeyle biter, altında sayfa loş görünür.
   Uzun menüde kendi içinde kayar; <details> JS'siz çalışmaya devam eder. */
@media(max-width:600px){
  html:has(.mnav[open]){overflow:hidden}
  html:has(.mnav[open]) .mobile-bar{display:none}
  .mnav[open]::before{content:"";position:fixed;inset:71px 0 0 0;z-index:119;
    background:rgba(9,20,14,.55);animation:mnavBackdropIn .18s ease}
  .mnav-panel{position:fixed;top:71px;right:0;bottom:auto;left:0;z-index:120;
    width:100%;min-width:0;max-width:100%;height:auto;
    max-height:calc(100vh - 71px);max-height:calc(100dvh - 71px);
    border-radius:0 0 26px 26px;border:0;box-shadow:0 34px 70px rgba(9,20,14,.5);overflow-y:auto;
    padding:16px 16px calc(16px + env(safe-area-inset-bottom))}
}
@keyframes mnavBackdropIn{from{opacity:0}to{opacity:1}}

/* ---------- HERO (Ultra-Modern Glassmorphism) ---------- */
.hero{position:relative;isolation:isolate;color:#fff;background:linear-gradient(135deg, var(--green-dd) 0%, var(--green-d) 100%)}
.hero-media{position:absolute;inset:0;z-index:-2;overflow:hidden}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 42%}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(10,39,22,.88) 0%,rgba(10,39,22,.74) 40%,rgba(10,39,22,.92) 100%)}
.hero-in{padding-block:clamp(80px,13vw,160px);max-width:none}
.hero .eyebrow{color:var(--gold-l);background:rgba(230,217,164,.12);border-color:rgba(230,217,164,.3)}
.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(34px,5.8vw,72px);
  line-height:1.06;letter-spacing:-.025em;max-width:17ch;text-wrap:balance;margin-bottom:24px}
.hero h1 span{color:var(--gold-l);font-style:italic}
.hero-lede{font-size:clamp(17.5px,1.8vw,21px);line-height:1.7;color:rgba(255,255,255,.9);
  max-width:52ch;margin-bottom:38px}
.hero .btnrow .btn--out{color:#fff;border-color:rgba(255,255,255,.6)}
.hero .btnrow .btn--out:hover{background:rgba(255,255,255,.15);border-color:#fff}

/* Kimlik şeridi — Glassmorphism Cards */
.creds{background:linear-gradient(180deg, var(--green-d) 0%, var(--green-dd) 100%);color:#fff;border-top:1px solid rgba(255,255,255,.12)}
.creds-in{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:24px 0;max-width:var(--wrap);margin-inline:auto}
.creds-in>div{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);
  padding:24px clamp(18px,2.8vw,30px);border-radius:20px;backdrop-filter:blur(10px);
  transition:all .25s ease}
.creds-in>div:hover{background:rgba(255,255,255,0.1);transform:translateY(-3px);border-color:rgba(230,217,164,0.4)}
.creds b{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(20px,2.5vw,28px);
  color:var(--gold-l);line-height:1.15;margin-bottom:6px}
.creds p{font-size:14px;line-height:1.55;color:rgba(255,255,255,.76)}
@media (min-width:860px){.creds-in{grid-template-columns:repeat(4,1fr)}}

/* ---------- Doktor Profil Sayfası (Yeni Şablon) ---------- */
/* Hero bölümü */
.dr-hero{padding-block:clamp(48px,7vw,88px);background:var(--paper)}
.dr-hero-inner{display:flex;flex-direction:column;gap:clamp(36px,5vw,64px)}
@media (min-width:880px){.dr-hero-inner{flex-direction:row;align-items:flex-start}}

/* Fotoğraf alanı */
.dr-photo-wrap{flex:0 0 auto;text-align:center}
@media (min-width:880px){.dr-photo-wrap{width:360px}}
.dr-photo-frame{border-radius:24px;overflow:hidden;box-shadow:0 20px 60px rgba(26,86,50,.18);
  aspect-ratio:3/4;background:var(--green-tint);margin-bottom:18px}
.dr-photo-frame img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.dr-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:12px}
.dr-pill{background:#fff;border:1px solid rgba(26,86,50,.12);padding:5px 14px;
  border-radius:50px;font-size:12.5px;font-weight:600;color:var(--green-d);
  box-shadow:0 2px 8px rgba(26,86,50,.06)}
.dr-lang-row{display:flex;justify-content:center;gap:8px;font-size:20px}
/* Hero'nun 88px alt boslugu + bir sonraki .sec'in 132px ust boslugu genis ekranda
   220px bos alan biraikiyordu; ikisi de ayni zeminde oldugu icin sinir gorunmuyor,
   sadece sayfa kopuk duruyor. */
.dr-hero+.doctor-profile-sections{padding-top:clamp(36px,4vw,64px)}

/* Bio alanı */
.dr-bio{flex:1;min-width:0}
.dr-name{font-family:var(--serif);font-size:clamp(26px,3.5vw,44px);font-weight:400;
  line-height:1.15;margin:12px 0 6px;color:var(--ink);letter-spacing:-.02em}
.dr-subtitle{font-size:16px;color:var(--gold-t);font-weight:600;margin-bottom:28px;
  letter-spacing:.02em}

/* Stats şeridi */
/* inline-flex: seride birden fazla istatistik icin tasarlandi ama sablon yalnizca
   experience_years basiyor. display:flex + .dr-stat{flex:1} o tek kutuyu 864px'e
   geriyor, ortasinda "30+" olan bos bir bant cikiyordu. Icerige gore daralir. */
.dr-stats{display:inline-flex;flex-wrap:wrap;gap:2px;margin-bottom:32px;max-width:100%;
  border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;
  box-shadow:0 4px 16px rgba(26,86,50,.05)}
.dr-stat{flex:1;min-width:120px;padding:16px 18px;text-align:center;
  border-right:1px solid var(--line)}
.dr-stat:last-child{border-right:none}
.dr-stat b{display:block;font-family:var(--serif);font-size:22px;font-weight:400;
  color:var(--green-d);line-height:1.1;margin-bottom:4px}
.dr-stat span{font-size:12.5px;color:var(--mute);line-height:1.4;display:block}

/* Prose metni */
.dr-prose{margin-bottom:24px}
.dr-prose h2{font-family:var(--serif);font-size:clamp(20px,2.2vw,26px);font-weight:400;
  color:var(--green-d);margin-bottom:16px}
.dr-prose p{font-size:16px;line-height:1.78;color:var(--ink);margin-bottom:14px}

/* Alıntı */
.dr-quote{border-left:4px solid var(--gold);background:var(--green-tint);
  border-radius:0 16px 16px 0;padding:18px 22px 18px 24px;margin:24px 0 28px}
.dr-quote p{font-family:var(--serif);font-size:18px;font-style:italic;
  color:var(--ink);line-height:1.55;margin-bottom:8px}
.dr-quote footer{font-size:13px;font-weight:600;color:var(--mute);font-style:normal}

/* Uzmanlık kartları */
.dr-spec-card{background:#fff;border:1px solid rgba(26,86,50,.08);border-radius:20px;
  padding:26px 24px;box-shadow:0 6px 20px rgba(26,86,50,.04);
  transition:all .25s cubic-bezier(.16,1,.3,1)}
.dr-spec-card:hover{box-shadow:0 16px 36px rgba(26,86,50,.12);transform:translateY(-4px)}
.dr-spec-icon{font-size:32px;margin-bottom:12px;line-height:1}
.dr-spec-card h3{font-family:var(--serif);font-size:18px;font-weight:400;
  color:var(--green-d);margin-bottom:8px;line-height:1.3}
.dr-spec-card p{font-size:14.5px;line-height:1.65;color:var(--mute);margin:0}

/* Koyu istatistik bandı */
.dr-creds-band{background:linear-gradient(135deg,var(--green-d) 0%,var(--green-dd) 100%);
  padding-block:clamp(40px,6vw,72px)}
.dr-creds-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px}
@media (min-width:700px){.dr-creds-grid{grid-template-columns:repeat(4,1fr)}}
.dr-cred-item{text-align:center;padding:28px 20px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
  border-radius:0;transition:background .2s}
.dr-cred-item:hover{background:rgba(255,255,255,.08)}
.dr-cred-item b{display:block;font-family:var(--serif);font-size:clamp(28px,3.5vw,44px);
  font-weight:400;color:var(--gold-l);line-height:1;margin-bottom:8px}
.dr-cred-item span{font-size:13.5px;color:rgba(255,255,255,.7);line-height:1.4}

/* Eski uyumluluk — eski sınıflar (kullanılmıyor ama bırakıldı) */
.founder.split,.founder-image,.founder-text.prose{/* eski, yeni şablonda kullanılmıyor */}


/* ---------- Modern Kart Izgaraları ---------- */
.grid{display:grid;gap:clamp(20px,2.5vw,32px)}
.grid--2{grid-template-columns:1fr}
.grid--3{grid-template-columns:1fr}
.grid--4{grid-template-columns:repeat(2,1fr)}
@media (min-width:680px){.grid--2{grid-template-columns:repeat(2,1fr)}
  .grid--3{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.grid--3{grid-template-columns:repeat(3,1fr)}
  .grid--4{grid-template-columns:repeat(4,1fr)}}

.card{background:#fff;border:1px solid rgba(26,86,50,0.08);border-radius:24px;display:flex;flex-direction:column;
  overflow:hidden;box-shadow:0 10px 30px -5px rgba(26,86,50,0.05);
  transition:all .3s cubic-bezier(0.16, 1, 0.3, 1)}
.card:hover{box-shadow:0 24px 50px -10px rgba(26,86,50,.15);transform:translateY(-6px) scale(1.005);border-color:rgba(26,86,50,0.18)}
.card-media{display:block;overflow:hidden;aspect-ratio:3/2}
.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.card:hover .card-media img{transform:scale(1.06)}
.card-body{padding:24px 26px 28px;display:flex;flex-direction:column;flex:1}
.card em{font-style:normal;font-size:11px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--gold-t);font-weight:700;margin-bottom:10px;background:var(--green-tint);
  display:inline-block;padding:3px 10px;border-radius:50px;align-self:flex-start}
.card h2,.card h3{font-family:var(--serif);font-weight:400;font-size:21px;line-height:1.3;margin-bottom:10px}
.card p{font-size:15px;line-height:1.65;color:var(--mute);margin-bottom:18px}
.card .more{margin-top:auto;font-size:14px;font-weight:700;color:var(--green);
  align-self:flex-start;display:inline-flex;align-items:center;gap:6px}
.card .more::after{content:"→";transition:transform .2s}
.card:hover .more::after{transform:translateX(4px)}

/* Chips (Modern Rounded Grid) */
.chips{display:grid;gap:12px;background:transparent}
@media (min-width:620px){.chips{grid-template-columns:repeat(2,1fr)}}
@media (min-width:980px){.chips{grid-template-columns:repeat(4,1fr)}}
.chip{background:#fff;padding:24px 22px;display:flex;flex-direction:column;gap:8px;
  border-radius:20px;border:1px solid rgba(26,86,50,0.08);box-shadow:0 6px 20px rgba(26,86,50,0.04);
  transition:all .22s ease}
.chip:hover{background:var(--green-tint);transform:translateY(-3px);box-shadow:0 12px 30px rgba(26,86,50,0.1)}
.chip b{font-family:var(--serif);font-weight:400;font-size:18px;line-height:1.3;color:var(--green-d)}
.chip span{font-size:14px;color:var(--mute);line-height:1.6}

/* Soru-cevap (Glass Accordion Cards) */
.qa-item{display:grid;grid-template-columns:1fr;gap:12px;padding:clamp(24px,3vw,34px);
  background:#fff;border-radius:20px;margin-bottom:16px;border:1px solid rgba(26,86,50,0.08);
  box-shadow:0 6px 24px rgba(26,86,50,0.04);transition:all .22s ease}
.qa-item:hover{box-shadow:0 14px 36px rgba(26,86,50,0.1);border-color:rgba(26,86,50,0.18);transform:translateY(-2px)}
@media (min-width:900px){.qa-item{grid-template-columns:46px 1fr 240px;gap:28px;align-items:start}}
.qa-n{font-family:var(--serif);font-size:16px;color:var(--gold-t);font-weight:700;
  font-variant-numeric:tabular-nums;padding-top:4px}
.qa h3{font-family:var(--serif);font-weight:400;font-size:clamp(20px,2.2vw,25px);line-height:1.3;
  margin-bottom:14px;text-wrap:balance}
.qa .key{display:block;background:var(--green-tint);border-left:4px solid var(--green);
  padding:14px 18px;font-weight:600;font-size:16px;line-height:1.6;margin-bottom:12px;
  border-radius:0 14px 14px 0;max-width:62ch}
.qa p{font-size:15.5px;line-height:1.72;color:var(--mute);max-width:62ch}
.qa-side{font-size:13.5px}
@media (min-width:900px){.qa-side{border-left:1px solid var(--line);padding-left:24px}}
.qa-side b{display:block;font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--mute);font-weight:700;margin-bottom:7px}
.qa-side a{color:var(--green);font-weight:700;padding-bottom:2px}

/* ---------- Video ---------- */
.vid{position:relative;display:block;overflow:hidden;background:var(--green-dd)}
.vid img{width:100%;aspect-ratio:16/9;object-fit:cover;opacity:.82;transition:opacity .3s,transform .5s}
.vid:hover img{opacity:.66;transform:scale(1.04)}
.vid-play{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.vid-play span{width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.94);
  display:grid;place-items:center;color:var(--green)}
.vid-cap{margin-top:12px;font-size:14.5px;font-weight:500;line-height:1.5}

/* ---------- Şube / iletişim ---------- */
.branch{display:grid;gap:clamp(24px,3.5vw,52px)}
@media (min-width:900px){.branch{grid-template-columns:1fr 1fr;align-items:center}}
.info-rows{border-top:1px solid var(--line);margin-top:22px}
.info-rows div{display:flex;justify-content:space-between;gap:18px;padding:14px 0;
  border-bottom:1px solid var(--line);font-size:15.5px}
.info-rows span{color:var(--mute);flex:none}
.info-rows b{font-weight:500;text-align:right}

/* ---------- Çoklu Şube Kartları ---------- */
.branches-grid{display:grid;gap:28px;margin-top:40px}
@media (min-width:760px){.branches-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.branches-grid{grid-template-columns:repeat(3,1fr)}}
.branch-card{background:#fff;border-radius:24px;border:1px solid rgba(26,86,50,.08);
  box-shadow:0 8px 28px rgba(26,86,50,.05);overflow:hidden;display:flex;flex-direction:column;
  transition:all .3s cubic-bezier(.16,1,.3,1)}
.branch-card:hover{box-shadow:0 24px 52px rgba(26,86,50,.13);transform:translateY(-6px)}
.branch-card--main{border-color:rgba(26,86,50,.2);box-shadow:0 12px 36px rgba(26,86,50,.1)}
.branch-card-img{aspect-ratio:16/9;overflow:hidden;position:relative}
.branch-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.branch-card:hover .branch-card-img img{transform:scale(1.07)}
.branch-card-img-badge{position:absolute;top:14px;left:14px;background:var(--green);
  color:#fff;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  padding:5px 9px;border-radius:6px}
.branch-card-body{padding:26px 28px 30px;display:flex;flex-direction:column;flex:1}
.branch-card-name{font-family:var(--serif);font-size:21px;font-weight:400;
  color:var(--green-d);margin-bottom:6px;line-height:1.3}
.branch-card-subtitle{font-size:13.5px;color:var(--gold-t);font-weight:600;
  letter-spacing:.06em;text-transform:uppercase;margin-bottom:16px}
.branch-card-rows{border-top:1px solid var(--line);padding-top:16px;
  display:flex;flex-direction:column;gap:10px;flex:1}
.branch-card-row{display:flex;gap:12px;align-items:flex-start;font-size:14.5px}
.branch-card-row svg{flex:none;color:var(--green);margin-top:2px}
.branch-card-row span{color:var(--mute)}
.branch-card-row b{color:var(--ink);font-weight:500}
.branch-card-actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}
.branch-card-actions .btn{flex:0 0 auto;width:auto;min-height:40px;text-align:center;justify-content:center;
  font-size:13px;padding:8px 14px;border-radius:8px;box-shadow:none}

/* ---------- Galeri Bento Grid ---------- */
.bento{display:grid;gap:12px;grid-template-columns:repeat(4,1fr);
  grid-template-rows:auto}
.bento figure{margin:0;position:relative;overflow:hidden;border-radius:16px;
  background:var(--green-dd)}
.bento figure img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .6s cubic-bezier(.2,.7,.3,1),opacity .4s}
.bento figure:hover img{transform:scale(1.07);opacity:.88}
.bento figcaption{position:absolute;bottom:0;left:0;right:0;
  background:linear-gradient(0deg,rgba(10,39,22,.75) 0%,transparent 100%);
  color:#fff;font-size:13px;font-weight:500;padding:28px 16px 14px;
  opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s;
  letter-spacing:.02em}
.bento figure:hover figcaption{opacity:1;transform:none}
/* Bento boyutlandırma kuralları */
.bento-wide{grid-column:span 2}
.bento-tall{grid-row:span 2}
.bento-hero{grid-column:span 2;grid-row:span 2}
@media (max-width:899px){
  .bento{grid-template-columns:repeat(2,1fr)}
  .bento-wide,.bento-hero{grid-column:span 2}
  .bento-tall,.bento-hero{grid-row:span 1}
}
@media (max-width:499px){
  .bento{grid-template-columns:1fr 1fr;gap:8px}
}

/* ---------- Son CTA ---------- */
.cta-band{background:var(--green);color:#fff}
.cta-band .sec-head h2{color:#fff}
.cta-band .eyebrow{color:var(--gold-l)}
.cta-band .eyebrow::after{background:rgba(230,217,164,.4)}
.cta-band .sec-lead{color:rgba(255,255,255,.84)}

/* ========== PREMIUM FOOTER ========== */
.site-footer{background:var(--ink-900);color:rgba(255,255,255,.68)}

/* Üst iletişim bandı */
.foot-topband{background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.08)}
.foot-topband-in{display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:12px;padding-block:14px}
.foot-topband-brand{display:flex;align-items:center;gap:10px;
  font-family:var(--serif);font-size:20px;color:#fff;font-weight:600}
.foot-topband-brand sup{font-size:10px;color:var(--gold)}
.foot-topband-contacts{display:flex;gap:20px;flex-wrap:wrap}
.foot-topband-link{display:flex;align-items:center;gap:7px;font-size:14px;
  color:rgba(255,255,255,.78);transition:color .2s;font-weight:500;text-decoration:none}
.foot-topband-link:hover{color:#fff}
.foot-topband-link svg{flex:none;opacity:.7}

/* Ana grid */
.foot-main{padding-block:clamp(48px,6vw,80px)}
.foot-cols{display:grid;gap:clamp(32px,4vw,56px)}
@media (min-width:640px){.foot-cols{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.foot-cols{grid-template-columns:1.5fr 1fr 1fr 1.1fr}}

/* Marka kolonu */
.foot-col--brand{}
.foot-logo-lockup{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.foot-brand-name{font-family:var(--serif);font-size:22px;color:#fff;font-weight:600;line-height:1.1}
.foot-brand-name sup{font-size:10px;color:var(--gold)}
.foot-brand-tagline{font-size:12px;color:var(--gold-l);opacity:.8;margin-top:3px;font-weight:500}
.foot-brand-desc{font-size:14px;line-height:1.7;max-width:32ch;color:rgba(255,255,255,.55);margin-bottom:14px}
.foot-hours-row{display:flex;align-items:center;gap:7px;font-size:13.5px;
  color:rgba(255,255,255,.6);margin-bottom:16px}
.foot-hours-row svg{opacity:.5;flex:none}
.foot-lang-pills{display:flex;flex-wrap:wrap;gap:6px}
.foot-lang-pills span{font-size:12px;font-weight:600;padding:4px 10px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);
  border-radius:50px;color:rgba(255,255,255,.75);letter-spacing:.04em}

/* Link kolonları */
.foot-col-title{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#fff;
  font-weight:700;margin-bottom:18px;opacity:.5}
.foot-links{display:flex;flex-direction:column;gap:10px}
.foot-links li{font-size:14.5px}
.foot-links a{color:rgba(255,255,255,.62);transition:color .18s,padding-left .18s;
  text-decoration:none;display:block}
.foot-links a:hover{color:#fff;padding-left:4px}

/* İletişim kolonu özel */
.foot-links--contact li{display:flex;align-items:flex-start;gap:10px}
.foot-links--contact svg{flex:none;margin-top:3px;opacity:.45;color:#fff}
.foot-links--contact span,.foot-links--contact a{color:rgba(255,255,255,.62);font-size:14px;line-height:1.5}
.foot-links--contact a:hover{color:#fff;padding-left:0}

/* Kuruluş rozeti */
.foot-founded-badge{display:inline-flex;flex-direction:column;align-items:center;
  background:rgba(184,145,44,.12);border:1px solid rgba(184,145,44,.25);
  border-radius:16px;padding:12px 20px;margin-top:22px;text-align:center}
.foot-founded-year{font-family:var(--serif);font-size:28px;color:var(--gold-l);
  font-weight:400;line-height:1;letter-spacing:-.02em}
.foot-founded-text{font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  color:rgba(255,255,255,.68);margin-top:4px}

/* Tıbbi uyarı bandı */
.foot-disclaimer{background:rgba(255,255,255,.03);border-top:1px solid rgba(255,255,255,.07);
  border-bottom:1px solid rgba(255,255,255,.07);padding-block:18px}
.foot-disclaimer p{font-size:12.5px;line-height:1.7;color:rgba(255,255,255,.68);
  max-width:90ch;border-left:2px solid var(--gold);padding-left:14px;margin:0}

/* Alt bar */
.foot-bottom{padding-block:20px}
.foot-bottom-in{display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:12px 24px}
.foot-copy{font-size:13px;color:rgba(255,255,255,.68)}
.foot-bottom-nav{display:flex;align-items:center;gap:10px;font-size:13px}
.foot-bottom-nav a{color:rgba(255,255,255,.72);transition:color .2s;min-height:24px;display:inline-flex;align-items:center}
.foot-bottom-nav a:hover{color:rgba(255,255,255,.8)}
.foot-bottom-nav span{color:rgba(255,255,255,.2)}
.foot-bottom-langs{display:flex;gap:6px;flex-wrap:wrap}
.foot-bottom-langs a{font-size:12px;padding:4px 10px;border-radius:50px;
  min-height:28px;background:rgba(255,255,255,.05);color:rgba(255,255,255,.72);transition:all .18s;
  text-decoration:none;font-weight:500}
.foot-bottom-langs a:hover,.foot-bottom-langs a.active{background:rgba(255,255,255,.12);
  color:rgba(255,255,255,.9)}

/* Eski sınıfları temizle (geriye dönük uyumluluk) */
.foot-grid,.foot-brand,.medical-note{display:none}

/* ---------- Homepage editorial refresh (2026-08) ---------- */
.hero{min-height:clamp(520px,72vh,720px);display:flex;align-items:center;overflow:hidden}
.hero-media>img,.hero-media>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-media>img{z-index:0}
.hero-media>.hero-video{z-index:1;object-position:center center}
.hero::before{z-index:-1;background:linear-gradient(90deg,rgba(5,27,15,.88) 0%,rgba(5,27,15,.7) 42%,rgba(5,27,15,.2) 75%,rgba(5,27,15,.36) 100%)}
.hero-media{z-index:-2}
.hero-in{width:100%;padding-block:clamp(72px,9vw,116px)}
.hero h1{font-size:clamp(40px,5vw,66px);max-width:15ch;margin-bottom:20px}
.hero-lede{font-size:clamp(16px,1.35vw,19px);max-width:50ch;margin-bottom:30px}
.creds{background:var(--green-dd)} /* sabit #0a2f1a idi; palet degisiminde atlanmis */
.creds-in{display:block;padding:0 var(--gut)}
.creds-in>div{max-width:var(--wrap);margin:auto;padding:22px 0;border:0;border-radius:0;background:transparent;display:flex;align-items:baseline;gap:16px;backdrop-filter:none}
.creds-in>div:hover{transform:none;background:transparent;border-color:transparent}
.creds b{font-size:30px;margin:0}
.creds p{font-size:14px;margin:0}

/* max-width:none SART: .sec-head 62ch ile sinirli, bu da flex kutusunu ~720px'e
   kisiyordu — "Tum merkezler" baglantisi sayfanin ortasinda asili kaliyordu
   (kullanici, 2026-08-15). Ic >div zaten 720px'de kaliyor, yalniz baglanti
   icerik genisliginin sag ucuna gidiyor. */
.home-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;max-width:none}
.home-section-head>div{max-width:720px}
.text-link{flex:none;color:var(--green);font-size:14px;font-weight:700;text-decoration:none;margin-bottom:4px}
.content-empty{border:1px solid var(--line);background:#fff;padding:28px;color:var(--mute);font-size:15px}
.home-branch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.home-branch-card{display:grid;grid-template-columns:minmax(220px,.9fr) 1.1fr;background:#fff;
  border:1px solid rgba(26,86,50,.08);border-radius:20px;overflow:hidden;
  box-shadow:0 10px 30px -8px rgba(26,86,50,.08);transition:box-shadow .25s ease,transform .25s ease}
.home-branch-card:hover{box-shadow:0 20px 44px -10px rgba(26,86,50,.16);transform:translateY(-3px)}
.home-branch-media{min-height:260px;overflow:hidden}
.home-branch-media picture,.home-branch-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.home-branch-card:hover .home-branch-media img{transform:scale(1.05)}
/* 3 sube yayinda: 2 sutunlu izgarada ucuncu kart yarim genislikte tek basina
   kaliyor ve boyu farkli oluyordu. Genis ekranda 3 esit sutun; kart dikey duzene
   gecer (gorsel ustte).
   ⚠️ Bu blok temel .home-branch-card/.home-branch-media kurallarindan SONRA
   olmali: ayni ozgullukte oldugu icin once yazilirsa base kural onu ezer ve
   kart 2 sutunda kalir; o durumda 16/10 oran genisligi satir yuksekliginden
   turetip gorseli govdenin ustune tasirdi (2026-08-15'te yasandi). */
@media(min-width:1200px){
  .home-branch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .home-branch-card{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}
  .home-branch-media{min-height:0;aspect-ratio:16/10}
}
.home-branch-body{padding:clamp(22px,3vw,34px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.home-branch-body>span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--gold-t);margin-bottom:10px}
.home-branch-body h3{font:400 clamp(20px,2vw,26px)/1.2 var(--serif);margin-bottom:10px}
.home-branch-body p{color:var(--mute);line-height:1.6;margin-bottom:20px;font-size:14.5px}
.home-doctors .doctor-card{border-radius:20px}
.home-doctors .doctor-card-photo{aspect-ratio:3/4}
.home-doctors .doctor-card h2,.home-doctors .doctor-card h3{font-size:21px}

.foot-main{padding-block:clamp(44px,5vw,64px)}
.foot-cols{align-items:start}
.foot-brand-desc{font-size:14.5px;max-width:36ch;color:rgba(255,255,255,.68)}
.foot-links--contact strong{font-weight:600;color:rgba(255,255,255,.82)}

/* Hareketi azalt: video hic oynatilmaz, yerine sabit kare arka plan gelir.
   Arka plan url'si YALNIZ bu sorgu eslesirse indirilir — normal ziyaretci
   fazladan tek bayt indirmez. */
@media (prefers-reduced-motion:reduce){
  .hero-video{display:none}
  .hero-media{background:#16311D url("/assets/img/hero-lobby-v2-1280.webp") center 42%/cover no-repeat}
}
@media (max-width:900px){
  .hero{min-height:560px}
  .hero::before{background:linear-gradient(90deg,rgba(5,27,15,.88),rgba(5,27,15,.52))}
  .home-branch-grid{grid-template-columns:1fr}
}
@media (max-width:620px){
  .hero{min-height:540px;align-items:flex-end}
  .hero-in{padding-block:64px 52px}
  .hero h1{font-size:39px}
  .hero-lede{font-size:16px;line-height:1.58}
  .hero-media>.hero-video{object-position:58% center}
  .hero::before{background:linear-gradient(180deg,rgba(5,27,15,.25),rgba(5,27,15,.9) 63%,rgba(5,27,15,.96))}
  .creds-in>div{padding:17px 0;gap:10px}
  .creds b{font-size:24px}.creds p{font-size:12.5px}
  .home-section-head{display:block}.home-section-head .text-link{display:inline-flex;margin-top:18px}
  .home-branch-card{grid-template-columns:1fr}.home-branch-media{min-height:0;aspect-ratio:16/10}.home-branch-body{padding:22px}
}

/* ---------- Mobil sabit çubuk (Floating Pill Bar) ---------- */
.mobile-bar{position:fixed;left:14px;right:14px;bottom:14px;z-index:150;display:flex;
  align-items:center;gap:5px;padding:6px;background:var(--green-dd);
  border:1px solid rgba(255,255,255,.08);border-radius:50px;
  box-shadow:0 18px 40px rgba(6,16,10,.4);overflow:visible}
.mobile-bar a{flex:1;text-align:center;padding:9px 4px;font-size:11px;font-weight:700;
  color:rgba(255,255,255,.82);min-height:48px;display:flex;border-radius:50px;
  flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;
  transition:background .18s ease,color .18s ease}
.mobile-bar a:hover,.mobile-bar a:active{background:rgba(255,255,255,.1);color:#fff}
.mobile-bar a.p{flex:1.15;background:var(--gold);color:var(--green-dd);
  box-shadow:0 6px 16px rgba(0,0,0,.28)}
.mobile-bar a.p:hover{background:var(--gold-l)}
.mobile-bar svg{width:18px;height:18px}
body{padding-bottom:76px}
@media (min-width:1080px){.mobile-bar{display:none}body{padding-bottom:0}}

/* ---------- Uyarı bandı (çeviri bekleyen içerik) ---------- */
.notice{background:var(--green-tint);border-block:1px solid var(--line);padding:20px 0}
.notice p{font-size:15px;color:var(--ink)}

/* ---------- Scroll reveal ----------
   İçerik VARSAYILAN OLARAK GÖRÜNÜR. Gizleme yalnız JS hazır olduğunu
   ilan ettiğinde (.reveal-ready) devreye girer — böylece JS yüklenmezse,
   hata verirse veya IntersectionObserver yoksa sayfa yine de tam görünür.
   Eski Android / Telegram-Instagram içi tarayıcılar için kritik (§11.3). */
.reveal-ready [data-reveal]{opacity:0;transform:translateY(18px);
  transition:opacity .6s cubic-bezier(.2,.7,.3,1),transform .6s cubic-bezier(.2,.7,.3,1)}
.reveal-ready [data-reveal].in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .reveal-ready [data-reveal]{opacity:1;transform:none}
}

/* ========================================================================== 
   Responsive refinement v3
   Premium hissi korurken tablet ve mobilde dekorasyonu, bosluklari ve sabit
   elemanlari sakinlestirir. Ana yapi ve icerik degismez.
   ========================================================================== */

/* Daha sakin ortak yuzeyler */
.eyebrow{
  background:transparent;box-shadow:none;border-radius:8px;padding:5px 10px
}
.btn{
  background:var(--green);border-radius:12px;box-shadow:0 4px 14px rgba(26,86,50,.16)
}
.btn::before{display:none}
.btn:hover{
  background:var(--green-d);transform:translateY(-1px);box-shadow:0 7px 18px rgba(26,86,50,.22)
}
.btn--light{background:#fff;color:var(--green);border-color:#fff;border-radius:12px}
.btn--light:hover{background:var(--green-tint);color:var(--green-d);border-color:var(--green-tint)}
.btn--out{background:transparent;color:var(--green);border-radius:12px;box-shadow:none}
.btn--out:hover{background:var(--green-tint);color:var(--green-d);box-shadow:none}
.hero .btnrow .btn--out{background:transparent;color:#fff}
.hero .btnrow .btn--out:hover{background:rgba(255,255,255,.1);color:#fff}
.card,.branch-card{border-radius:16px;box-shadow:0 4px 18px rgba(26,86,50,.045)}
.card:hover,.branch-card:hover{
  transform:translateY(-2px);box-shadow:0 10px 28px rgba(26,86,50,.09)
}
.chip{border-radius:12px;box-shadow:none}
.chip:hover{transform:none;box-shadow:none;border-color:rgba(26,86,50,.18)}
.qa-item{border-radius:18px;box-shadow:none}
.qa-item:hover{transform:none;box-shadow:0 6px 18px rgba(26,86,50,.06)}
.bento figure{border-radius:10px}

/* Ana sayfadaki metin + gorsel bloklari. Sabit oran, lazy gorseller yuklenirken
   asagidaki anchor hedeflerinin yer degistirmesini de engeller. */
.split{display:grid;grid-template-columns:1fr;gap:32px;align-items:center}
.split-media{position:relative;aspect-ratio:3/2;overflow:hidden;border-radius:20px;background:var(--green-tint)}
.split-media img{width:100%;height:100%;object-fit:cover}
.split-media figcaption{position:absolute;left:14px;bottom:12px;background:rgba(10,39,22,.82);
  color:#fff;padding:5px 10px;border-radius:6px;font-size:12px;line-height:1.3}
section[id]{scroll-margin-top:96px}
@media (min-width:900px){
  .split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,76px)}
}

/* Masaustu olmayan ekranlarda ici bos kalan ust seridi kaldir. */
@media (max-width:1119px){
  .topbar{display:none}
  .site-header{background:#fff;backdrop-filter:none}
}

/* Tablet: buyutulmus telefon yerine kendine ait olculer. */
@media (min-width:768px) and (max-width:1119px){
  :root{--gut:32px;--sec-y:56px}
  .header-in{min-height:72px}
  .brand-img{width:40px}
  .brand-img.brand-tree{width:48px;height:40px}
  .brand-text b{font-size:22px}
  .header-cta{display:inline-flex;margin-left:auto;padding:12px 20px;min-height:44px}
  .hero-in{padding-block:92px 84px}
  .hero h1{font-size:clamp(48px,6vw,60px);max-width:16ch;margin-bottom:20px}
  .hero-lede{font-size:18px;line-height:1.65;max-width:55ch;margin-bottom:30px}
  .creds-in{padding:18px var(--gut);gap:10px}
  .creds-in>div{padding:18px 20px;border-radius:12px;backdrop-filter:none}
  .creds p{font-size:13px}
  .grid{gap:20px}
  .card-body{padding:20px 22px 24px}
  .chip{padding:20px}
  .mobile-bar{display:none}
  body{padding-bottom:0}
}

/* Telefon: ilk ekrani kisalt, baslik ritmini ve dokunma alanlarini duzelt. */
@media (max-width:767px){
  .reveal-ready [data-reveal]{opacity:1;transform:none}
  :root{--gut:20px;--sec-y:44px}
  body{font-size:16px;padding-bottom:66px}
  .header-in{min-height:70px}
  .brand{gap:10px}
  .brand-img{width:38px}
  .brand-img.brand-tree{width:44px;height:36px}
  .brand-text b{font-size:21px}
  .mnav>summary{width:44px;height:44px}
  .hero-in{padding-block:64px 58px}
  .hero-media img{object-position:58% center}
  .hero::before{background:linear-gradient(180deg,rgba(10,39,22,.8),rgba(10,39,22,.9))}
  .hero .eyebrow{margin-bottom:20px;padding:5px 8px;line-height:1.45}
  .hero h1{font-size:clamp(35px,10.2vw,43px);line-height:1.08;max-width:13ch;margin-bottom:20px;text-wrap:pretty}
  .hero-lede{font-size:16.5px;line-height:1.62;margin-bottom:28px;max-width:34ch}
  .hero .btnrow{gap:10px}
  .hero .btnrow .btn{width:auto;min-height:48px;padding:12px 18px;font-size:14px}
  .creds-in{gap:8px;padding:16px var(--gut)}
  .creds-in>div{padding:16px 14px;border-radius:10px;backdrop-filter:none}
  .creds b{font-size:20px;margin-bottom:4px}
  .creds p{font-size:12.5px;line-height:1.45}
  .sec-head{margin-bottom:32px}
  .sec-head h2{font-size:30px;line-height:1.18}
  .sec-lead{font-size:16px;line-height:1.62;margin-top:14px}
  .grid--4{grid-template-columns:1fr}
  .card-body{padding:20px}
  .chips{gap:8px}
  .chip{padding:18px 16px}
  .qa-item{padding:20px;margin-bottom:10px}
  .qa .key{padding:12px 14px;font-size:15px;border-radius:0 8px 8px 0}
  .bento{gap:6px}
  .mobile-bar{left:10px;right:10px;bottom:10px;padding:5px;gap:4px}
  .mobile-bar a{min-height:44px;padding:6px 2px;font-size:10px}
  .mobile-bar svg{width:16px;height:16px}
}

@media (max-width:420px){
  .hero .btnrow{align-items:stretch;flex-direction:column;max-width:250px}
  .hero .btnrow .btn{width:100%}
}

/* ---------- Doktor listeleme ve dinamik profil ---------- */
.doctors-page .sec-head h1{font-family:var(--serif);font-size:clamp(34px,4.4vw,56px);font-weight:400;line-height:1.12}
/* Genis ekranda --sec-y 132px'e cikiyor; tek kartlik kisa bir sayfada baslik
   ekranin ortasina dogru itiliyordu. Ust dolgu ve baslik-izgara araligi kisaldi. */
.doctors-page{padding-top:clamp(40px,4.5vw,72px)}
.doctors-page .sec-head{margin-bottom:clamp(26px,3vw,40px)}
.doctors-page .sec-lead{margin-top:14px}
/* justify-content:center idi: su an tek hekim yayinda oldugu icin kart sayfa
   ortasina kaciyor, baslik solda kaliyordu (1900px'de 484px kayma). Sola hizali
   olunca kart sayisi kac olursa olsun basligin hizasindan baslar. */
.doctors-grid{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:24px}
/* İnce kenarlık + yumuşak gölge. Fotoğraf üst kenara tam oturur (iç boşluklu
   çerçeve yok); köşeleri kartın overflow:hidden'ı kırpar. */
.doctor-card{flex:0 1 320px;max-width:380px;background:#fff;
  border:1px solid rgba(26,86,50,.09);border-radius:20px;overflow:hidden;
  box-shadow:0 1px 2px rgba(14,52,31,.04),0 10px 26px -14px rgba(14,52,31,.22);
  transition:box-shadow .25s ease,transform .25s ease;
  display:flex;flex-direction:column}
.doctor-card:hover{transform:translateY(-3px);
  box-shadow:0 1px 2px rgba(14,52,31,.05),0 18px 38px -16px rgba(14,52,31,.3)}
/* Portre fotoğrafları dikeydir; yatay orana zorlamak gövdeyi kesip yanları
   kırpıyordu. Kart penceresi de portre oranında. */
.doctor-card-photo{display:block;aspect-ratio:3/4;background:var(--green-tint);overflow:hidden}
.doctor-card-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .35s ease}
.doctor-card:hover .doctor-card-photo img{transform:scale(1.025)}
.doctor-card-body{padding:18px 20px 22px;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.doctor-role{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-t);font-weight:700;margin-bottom:10px}
.doctor-card h2,.doctor-card h3{font-family:var(--serif);font-size:22px;font-weight:400;line-height:1.25;margin:0 0 8px}
.doctor-card p{font-size:14.5px;color:var(--mute);line-height:1.55;margin:0 0 14px}
.doctor-card small{font-size:12.5px;color:var(--mute);margin-bottom:18px}
.doctor-link{margin-top:auto;color:var(--green);font-size:14px;font-weight:700}
.doctor-placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(145deg,#edf4ef,#dbe9df);color:var(--green);font:600 clamp(52px,8vw,92px)/1 var(--serif)}

/* ========================================================================== 
   UI polish v4 — tek, sakin ve tutarlı görsel dil
   ========================================================================== */
.reveal-ready [data-reveal]{opacity:1;transform:none}
.btn{min-height:44px;padding:11px 22px;border:1px solid var(--green);border-radius:999px;
  box-shadow:none;font-size:14px;line-height:1.25;transition:background .18s,color .18s,border-color .18s,transform .18s}
.btn:hover{transform:translateY(-1px);box-shadow:none}
.btn--gold{background:var(--gold-t);border-color:var(--gold-t);color:#fff}
.btn--gold:hover{background:#6f5314;border-color:#6f5314}
.btn--out{border-width:1px;border-radius:999px}
.eyebrow{border:0;border-left:2px solid currentColor;border-radius:0;padding:1px 0 1px 10px;
  margin-bottom:14px;background:none;line-height:1.45}
.sec-head{margin-bottom:clamp(28px,4vw,48px)}
.sec-head.center .eyebrow{justify-content:flex-start}
.sec-head.center{max-width:680px}
.sec-head.center h2{text-align:center}

/* Yuvarlak, modern kart dili — ağır gölge yok ama köşeler yumuşak. */
.card,.branch-card,.dr-spec-card{border-radius:20px;border-color:rgba(26,86,50,.09);
  box-shadow:0 1px 2px rgba(14,52,31,.04),0 10px 26px -16px rgba(14,52,31,.2)}
.card:hover,.branch-card:hover,.dr-spec-card:hover{transform:translateY(-3px);
  box-shadow:0 1px 2px rgba(14,52,31,.05),0 18px 38px -18px rgba(14,52,31,.28)}
.card em{padding:0;border-radius:0;background:none}
.card-body{padding:22px 22px 24px}
.card h2,.card h3{font-size:20px}
.card p{margin-bottom:14px}

/* Tedavi liste ve detay sayfası. */
.treatment-hero{padding-block:clamp(60px,8vw,96px);background:var(--green-dd);color:#fff}
.treatment-hero-inner{text-align:center}
.treatment-hero-inner--visual{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:clamp(36px,6vw,80px);align-items:center;text-align:left}
.treatment-hero-inner--visual .treatment-hero-lead{margin-inline:0}.treatment-hero-copy>a{display:block;width:fit-content;margin-bottom:16px;color:rgba(255,255,255,.78)}
.treatment-hero-media{margin:0;position:relative;overflow:hidden;border-radius:22px;aspect-ratio:4/3}.treatment-hero-media img{width:100%;height:100%;object-fit:cover}.treatment-hero-media figcaption{position:absolute;left:16px;bottom:16px;padding:7px 10px;background:rgba(5,43,25,.86);color:#fff;font-size:12px}
.treatment-hero .eyebrow{color:var(--gold-l)}
.treatment-hero h1{font-family:var(--serif);font-size:clamp(36px,5vw,58px);font-weight:400;
  line-height:1.12;letter-spacing:-.025em;max-width:30ch;margin:0 auto 20px;text-wrap:balance}
.treatment-hero-lead{max-width:62ch;margin:0 auto 28px;color:rgba(255,255,255,.82);font-size:18px;line-height:1.65}
.treatment-hero-actions,.treatment-cta .btnrow{justify-content:center}
.treatment-hero .btn--out,.treatment-cta .btn--out{color:#fff;border-color:rgba(255,255,255,.5)}
.treatment-hero .btn--out:hover,.treatment-cta .btn--out:hover{background:rgba(255,255,255,.08);border-color:#fff;color:#fff}

/* Patient questions: keep labels and controls readable on every viewport. */
main form[method="get"].card .card-body,
main aside form[method="post"]{display:grid;gap:14px}
main form[method="get"].card label,
main aside form[method="post"] label{display:grid;gap:7px;font-weight:700;color:var(--ink)}
main form[method="get"].card input,
main form[method="get"].card select,
main aside form[method="post"] input,
main aside form[method="post"] select,
main aside form[method="post"] textarea{display:block;width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font:inherit}
main aside form[method="post"] textarea{min-height:150px;resize:vertical}
main aside form[method="post"] p{margin:0;color:var(--muted);line-height:1.6}
main aside form[method="post"] .btn{justify-self:start}
.treatment-card{height:100%}
.treatment-card-icon{font-size:30px;line-height:1;margin-bottom:18px}
.treatment-card-footer{padding:0 22px 22px;margin-top:auto}
.treatment-card-footer .more{color:var(--green);font-size:14px;font-weight:700}
.treatment-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--line)}
.treatment-stat{padding:22px 20px;text-align:center;border-right:1px solid var(--line)}
.treatment-stat:last-child{border-right:0}
.treatment-stat strong{display:block;font:400 26px/1.2 var(--serif);color:var(--green-d);margin-bottom:5px}
.treatment-stat span{display:block;font-size:13.5px;color:var(--mute);line-height:1.4}
.treatment-faq{max-width:800px;margin-inline:auto;border-top:1px solid var(--line)}
.treatment-faq-item{border-bottom:1px solid var(--line)}
.treatment-faq-item summary{display:flex;justify-content:space-between;align-items:center;gap:20px;
  list-style:none;cursor:pointer;padding:19px 4px;min-height:44px;font-weight:600;line-height:1.45}
.treatment-faq-item summary::-webkit-details-marker{display:none}
.treatment-faq-item summary span{color:var(--green);font-size:22px;font-weight:400;transition:transform .18s}
.treatment-faq-item[open] summary span{transform:rotate(45deg)}
.treatment-faq-answer{padding:0 36px 20px 4px;color:var(--mute);font-size:15.5px;line-height:1.65}
.treatment-cta{background:var(--green);color:#fff;text-align:center;padding:clamp(34px,5vw,52px);border-radius:10px}
.treatment-cta h2{font-family:var(--serif);font-weight:400;font-size:clamp(27px,3vw,38px);line-height:1.2;margin-bottom:14px}
.treatment-cta>p{max-width:600px;margin:0 auto 28px;color:rgba(255,255,255,.82);line-height:1.65}

/* Şubeler: eşit yükseklik, daha net bilgi ritmi, pillsiz özellikler. */
.branches-grid{gap:20px}
.branch-card-body{padding:22px 22px 24px}
.branch-card-img-badge{top:12px;left:12px;border-radius:4px;padding:5px 8px}
.branch-card-name{font-size:20px}
.branch-card-subtitle{font-size:12px;margin-bottom:14px}
.branch-card-row{gap:10px;font-size:14px;line-height:1.55}
.branch-card-actions{margin-top:18px}
.direction-card{display:grid;grid-template-columns:52px 1fr;gap:18px;align-items:center;padding:22px}
.direction-icon{width:48px;height:48px;border-radius:8px;background:var(--green);color:#fff;display:grid;place-items:center;font-size:20px}
.appointment-card{position:relative;padding:clamp(30px,4vw,44px);border-radius:28px;
  border:1px solid rgba(22,88,50,.1);background:#fff;
  box-shadow:none;overflow:hidden}
.appointment-card::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;
  background:linear-gradient(90deg,var(--green) 0%,var(--gold) 100%)}
.appointment-card input:focus-visible,.appointment-card textarea:focus-visible{border-color:var(--green)!important;outline:3px solid rgba(26,86,50,.22);outline-offset:1px}
.form-status{margin-top:14px;min-height:1.7em;font-size:14px;font-weight:600;text-align:center}
.branch-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);background:#fff}
.branch-features span{padding:14px 16px;font-size:14px;font-weight:500;color:var(--green-d);border-right:1px solid var(--line)}
.branch-features span:last-child{border-right:0}

/* Doktor liste ve profil. */
.doctors-page{background:var(--paper)}
.doctors-page .sec-head{max-width:720px}
.doctor-card-photo{aspect-ratio:3/4}
.doctor-card-body{padding:16px 18px 20px}
.doctor-role{margin-bottom:8px}
.doctor-link{border-bottom:1px solid rgba(26,86,50,.28);padding-bottom:2px}
.dr-photo-frame{border-radius:10px;box-shadow:none}
.dr-pill{padding:3px 10px;border-radius:5px;box-shadow:none;font-size:12px}
.dr-stats{border-radius:8px;box-shadow:none}
.dr-stat{padding:14px}
.dr-quote{border-radius:0 8px 8px 0}
.dr-spec-card{padding:22px}
.dr-spec-icon{font-size:28px}

@media (min-width:768px) and (max-width:1119px){
  .branches-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .branch-card:last-child:nth-child(odd){grid-column:1/-1;display:grid;grid-template-columns:minmax(260px,.8fr) 1fr}
  .branch-card:last-child:nth-child(odd) .branch-card-img{height:100%;aspect-ratio:auto}
  .doctors-grid{gap:18px}
  .doctor-card-body{padding:18px}
  .treatment-stats{grid-template-columns:repeat(2,1fr)}
  .treatment-stat:nth-child(2){border-right:0}
  .treatment-stat:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .branch-features{grid-template-columns:repeat(2,1fr)}
  .branch-features span:nth-child(2){border-right:0}
  .branch-features span:nth-child(-n+2){border-bottom:1px solid var(--line)}
}

@media (max-width:767px){
  .btn{min-height:44px;padding:10px 15px}
  .eyebrow{font-size:10.5px;letter-spacing:.12em}
  .sec-head.center{text-align:left;margin-inline:0}
  .sec-head.center h2,.sec-head.center .sec-lead{text-align:left;margin-inline:0}
  .treatment-hero{padding-block:52px}
  .treatment-hero-inner{text-align:left}
  .treatment-hero h1{font-size:clamp(34px,10vw,42px);margin-inline:0;max-width:20ch;text-wrap:pretty}
  .treatment-hero-lead{font-size:16px;margin-inline:0}
  .treatment-hero-actions{justify-content:flex-start}
  .treatment-card-icon{font-size:27px}
  .treatment-stats{grid-template-columns:1fr 1fr}
  .treatment-stat{padding:18px 12px}
  .treatment-stat:nth-child(2){border-right:0}
  .treatment-stat:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .treatment-stat strong{font-size:22px}
  .treatment-cta{text-align:left;padding:28px 22px}
  .treatment-cta .btnrow{justify-content:flex-start}
  .branch-card-body{padding:20px}
  .branch-card-actions{gap:8px}
  .direction-card{grid-template-columns:44px 1fr;padding:18px;gap:14px}
  .direction-icon{width:42px;height:42px;font-size:18px}
  .appointment-card{padding:28px 20px}
  .branch-features{grid-template-columns:1fr}
  .branch-features span{border-right:0;border-bottom:1px solid var(--line);padding:12px 14px}
  .branch-features span:last-child{border-bottom:0}
  .doctors-page .sec-head h1{font-size:34px}
  .doctor-card{display:flex;grid-template-columns:none}
  .doctor-card-photo{height:auto;aspect-ratio:3/4}
  .doctor-card-body{padding:18px}
  .doctor-card h2,.doctor-card h3{font-size:20px}
  .doctor-card p{font-size:14px}
  .doctor-placeholder{font-size:58px}
  .dr-hero-inner{gap:28px}
  .dr-photo-wrap{max-width:280px;margin-inline:auto}
  .dr-name{font-size:32px}
  .dr-stats{display:grid;grid-template-columns:1fr 1fr}
  .dr-stat{min-width:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
  .dr-stat:nth-child(even){border-right:0}
  .dr-stat:nth-last-child(-n+2){border-bottom:0}
}

/* Hero son rötuş: videodaki yüzleri kırpmadan göster, metni hero merkezine taşı. */
@media (min-width:768px){
  .hero{min-height:clamp(620px,72vh,760px)}
  .hero-media>.hero-video{object-position:center 18%}
  .hero::before{background:linear-gradient(90deg,rgba(5,27,15,.9) 0%,rgba(5,27,15,.72) 42%,rgba(5,27,15,.24) 76%,rgba(5,27,15,.32) 100%)}
  .hero-in{max-width:var(--wrap);margin-inline:auto;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding-inline:var(--gut)}
  .hero h1{max-width:14ch;margin-inline:0}
  .hero-lede{max-width:52ch;margin-inline:0}
  .hero .btnrow{justify-content:flex-start}
}

@media (max-width:767px){
  .hero-media>.hero-video{object-position:62% 20%}
}

/* Hero güven şeridi: doğrulanabilir dört bilgiyi eşit hiyerarşide göster. */
.creds-in{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  max-width:var(--wrap);
  margin-inline:auto;
  padding:0 var(--gut);
}
.creds-in>div{
  min-width:0;
  margin:0;
  padding:22px clamp(16px,2vw,28px);
  border:0;
  border-right:1px solid rgba(255,255,255,.14);
  border-radius:0;
  background:transparent;
  display:block;
}
.creds-in>div:last-child{border-right:0}
.creds b{font-size:clamp(23px,2vw,30px);margin:0 0 6px}
.creds p{font-size:13px;line-height:1.45;margin:0}

@media (max-width:900px){
  .creds-in{grid-template-columns:repeat(2,minmax(0,1fr));padding-block:0}
  .creds-in>div:nth-child(2){border-right:0}
  .creds-in>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.14)}
}

@media (max-width:520px){
  .creds-in{padding-inline:var(--gut)}
  .creds-in>div{padding:16px 10px}
  .creds b{font-size:20px}
  .creds p{font-size:11.5px;line-height:1.4}
}

/* Appointment, laboratory and editorial content added in the completion pass. */
/* max-width sabit 1160px idi: site geri kalani genis ekranda --wrap ile 1400/1560px'e
   acilirken bu sayfa 1160'ta kaliyor, sol sutun ~410px'e dusup basliktan alt bilgiye
   kadar her sey alt alta diziliyordu. Artik --wrap'i izliyor, 1320px'de duruyor
   (form sayfasi tam genislikte gereksiz genis olur). */
.appointment-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,1.08fr);gap:clamp(44px,6vw,82px);align-items:center;max-width:min(var(--wrap),1320px)}
.appointment-intro{position:sticky;top:120px}
/* 12ch = 58px puntoda ~414px; baslik 4-5 satira bolunuyordu. */
.appointment-intro h1{font:400 clamp(40px,4.2vw,58px)/1.08 var(--serif);margin-bottom:18px;max-width:16ch}
.appointment-intro .sec-lead{max-width:500px;font-size:18px}
.appointment-direct{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.appointment-direct a{display:inline-flex;align-items:center;gap:9px;min-height:46px;padding:9px 18px 9px 15px;
  border:1px solid rgba(22,88,50,.16);border-radius:99px;background:#fff;color:var(--green);
  font-size:14px;font-weight:700;box-shadow:0 2px 8px rgba(14,52,31,.05);
  transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.appointment-direct a::before{content:"";width:18px;height:18px;flex:none;background-repeat:no-repeat;
  background-position:center;background-size:contain;opacity:.9}
.appointment-direct a[href^="tel:"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231A5632' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E")}
.appointment-direct a[href^="https://t.me"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231A5632' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='22' y1='2' x2='11' y2='13'/%3E%3Cpolygon points='22 2 15 22 11 13 2 9 22 2'/%3E%3C/svg%3E")}
.appointment-direct a[href^="https://wa.me"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231A5632' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z'/%3E%3C/svg%3E")}
.appointment-direct a:hover{background:var(--green-tint);border-color:rgba(22,88,50,.35);
  box-shadow:0 8px 18px rgba(14,52,31,.1);transform:translateY(-2px)}
/* flex idi: <strong> ile <span> yan yana iki dar sutuna bolunuyor, baslik
   ("Bir nechta ma'lumot yetarli") 2-3 satira kiriliyordu. Izgara ile ikon solda
   iki satiri kapsiyor, baslik ustte, aciklama altinda -- tasarimin niyeti buydu. */
.appointment-assurance{display:grid;grid-template-columns:22px minmax(0,1fr);gap:3px 12px;
  align-items:start;margin-top:26px;padding:16px 18px;
  border-radius:16px;background:var(--green-tint);border:1px solid rgba(26,86,50,.12)}
.appointment-assurance::before{content:"✓";grid-column:1;grid-row:1/3;display:grid;place-items:center;width:22px;height:22px;
  margin-top:1px;border-radius:50%;background:var(--green);color:#fff;font-size:12px;font-weight:700}
.appointment-assurance strong,.appointment-assurance span{grid-column:2}
.appointment-assurance strong{display:block;color:var(--green-d);font-size:15px}
.appointment-assurance span{font-size:13px;color:var(--mute);line-height:1.5}

.appointment-card form{display:grid;gap:20px}
.appointment-card label{display:grid;gap:9px;font-size:12.5px;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;color:var(--green-d)}
.appointment-card input,.appointment-card select,.appointment-card textarea{
  width:100%;min-height:54px;padding:14px 18px;border:1.5px solid rgba(22,88,50,.15);border-radius:16px;
  background:#fff;font:500 15.5px/1.4 var(--sans);letter-spacing:0;text-transform:none;color:var(--ink);
  box-shadow:0 1px 2px rgba(14,52,31,.03);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.appointment-card input::placeholder,.appointment-card textarea::placeholder{color:#9aa79e}
.appointment-card input:hover,.appointment-card select:hover,.appointment-card textarea:hover{border-color:rgba(22,88,50,.3)}
.appointment-card select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:44px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231A5632' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 16px center;background-size:16px}
.appointment-card textarea{resize:vertical;min-height:120px;line-height:1.6}
.doctor-filters label{display:grid;gap:7px;font-weight:700}
.doctor-filters input,.doctor-filters select{width:100%;min-height:50px;padding:12px 14px;
  border:1px solid rgba(22,88,50,.18);border-radius:10px;background:#fff;font:inherit;color:var(--ink);
  transition:border-color .2s,box-shadow .2s}
.appointment-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.contact-choice{display:inline-grid;grid-template-columns:repeat(3,auto);gap:3px;width:max-content;max-width:100%;margin:0;padding:4px;border:1px solid rgba(22,88,50,.14);border-radius:11px;background:#f4f7f4}
.contact-choice legend{width:100%;grid-column:1/-1;margin:0 0 5px -4px;padding:0;font-weight:700}
.contact-choice label{display:block}
.contact-choice input{position:absolute;opacity:0;pointer-events:none}
.contact-choice span{display:flex;align-items:center;justify-content:center;min-height:38px;padding:7px 13px;border:0;border-radius:7px;background:transparent;color:var(--green);cursor:pointer;font-size:14px;font-weight:700;transition:.2s ease}
.contact-choice input:checked+span{background:var(--green);color:#fff;box-shadow:none}
.contact-choice input:focus-visible+span{outline:3px solid rgba(26,86,50,.22);outline-offset:1px}
.appointment-submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;
  width:100%;min-height:56px;margin-top:4px;border-radius:16px;font-size:15.5px;letter-spacing:.01em}
.appointment-submit::after{content:"";width:18px;height:18px;background-repeat:no-repeat;background-position:center;
  background-size:contain;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3Cpolyline points='12 5 19 12 12 19'/%3E%3C/svg%3E");
  transition:transform .2s ease}
.appointment-submit:hover::after{transform:translateX(4px)}
.form-privacy{font-size:13px;color:var(--mute);line-height:1.55;margin:0}
.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important}
.laboratory-sections{max-width:980px}.laboratory-block,.treatment-content-section{display:grid;grid-template-columns:54px 1fr;gap:22px;padding:30px 0;border-bottom:1px solid var(--line)}.laboratory-block>span{font:400 22px/1 var(--serif);color:var(--gold-t)}.laboratory-block h2,.treatment-content-section h2{font:400 clamp(25px,3vw,34px)/1.2 var(--serif);margin-bottom:10px}.laboratory-block p{color:var(--mute);line-height:1.7;max-width:70ch}
/* Tedavi adımları — göz taraması için: numara rozeti + tek satır ana fikir + destek cümlesi */
.treatment-content-section{align-items:start;padding:26px 0}
.treatment-content-section>span{display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:50%;background:var(--green);color:#fff;
  font:600 19px/1 var(--sans);letter-spacing:0}
.treatment-content-section h2{margin-bottom:8px}
.treatment-key{margin:0;color:var(--ink);font-size:clamp(17px,1.9vw,19px);font-weight:600;line-height:1.55;max-width:52ch}
.treatment-detail{margin:7px 0 0;color:var(--mute);font-size:15.5px;line-height:1.7;max-width:58ch}
.treatment-intro{max-width:760px;margin:0 auto clamp(34px,5vw,58px);text-align:center}.treatment-intro h2{font:400 clamp(30px,4vw,44px)/1.15 var(--serif);margin:12px 0}.treatment-intro p{color:var(--mute);font-size:17px;line-height:1.7}.treatment-visual-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:10px 0 clamp(36px,5vw,60px)}.treatment-visual-pair figure{margin:0;background:#fff;border:1px solid rgba(26,86,50,.09);overflow:hidden;border-radius:20px}.treatment-visual-pair img{width:100%;aspect-ratio:16/10;object-fit:cover}
/* Laboratuvar klipleri: kaynak 16:9, 16/10'a zorlamak kadrajdan keserdi. */
.treatment-visual-pair video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--green-tint)}
.treatment-visual-pair figcaption{display:grid;gap:6px;padding:18px 20px}.treatment-visual-pair figcaption strong{font:400 24px/1.2 var(--serif);color:var(--green-d)}.treatment-visual-pair figcaption span{color:var(--mute);line-height:1.6}.treatment-note{margin:clamp(40px,5vw,64px) 0;padding:28px clamp(22px,4vw,40px);background:var(--green-dd);color:#fff;border-radius:20px}.treatment-note h2{font:400 clamp(26px,3vw,34px)/1.2 var(--serif);margin-bottom:10px}.treatment-note p{max-width:70ch;color:rgba(255,255,255,.82);margin:0}.related-treatments{margin-top:clamp(38px,5vw,64px)}
.treatment-family{display:grid;grid-template-columns:minmax(190px,.34fr) 1fr;gap:24px;padding:24px;margin-bottom:42px;background:#fff;border:1px solid rgba(26,86,50,.09);border-radius:20px}.treatment-family>div:first-child{display:grid;align-content:start;gap:8px}.treatment-family>div:first-child strong{font:400 22px/1.3 var(--serif);color:var(--green-d)}.treatment-family-links{display:flex;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;align-self:start;gap:9px}.treatment-family-links a{padding:10px 13px;border:1px solid rgba(26,86,50,.14);border-radius:999px;color:var(--green);font-size:14px;font-weight:700;background:var(--paper)}.treatment-family-links a:hover{border-color:var(--green);background:var(--tint)}.treatment-emotion{display:grid;grid-template-columns:1.1fr .9fr;margin:42px 0 0;background:#f1eee6;border-radius:22px;overflow:hidden}.treatment-emotion img{width:100%;height:100%;min-height:320px;object-fit:cover}.treatment-emotion figcaption{display:grid;align-content:center;gap:12px;padding:clamp(28px,5vw,56px)}.treatment-emotion figcaption strong{font:400 clamp(28px,4vw,42px)/1.18 var(--serif);color:var(--green-d)}
.treatment-onpage-label{margin:0 0 10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--mute)}
.treatment-onpage{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.treatment-onpage a{padding:8px 14px;border-radius:999px;border:1px solid var(--line);color:var(--green);background:#fff;font-size:13px;font-weight:700;text-decoration:none;transition:background .18s ease,border-color .18s ease}.treatment-onpage a:hover{background:var(--green-tint);border-color:var(--green)}.treatment-content-stack{margin-bottom:46px}.related-care,.related-articles,.doctor-related{margin-top:clamp(38px,5vw,64px)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.treatment-lead{padding:clamp(24px,4vw,40px) 0;background:var(--green-tint)}/* Blog makalesindeki form, yazinin govdesiyle ayni hizada dursun: govde .blog-article-shell ile 1180px'e sabit, form ise --wrap kullaniyordu (genis ekranda 1400-1560px) ve makaleden tasiyordu. */.blog-article .treatment-lead>.wrap{max-width:1180px}
.treatment-lead h2{font:400 clamp(21px,2.4vw,27px)/1.25 var(--serif);color:var(--green-d);margin-bottom:16px}
.treatment-lead-form{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px}
.treatment-lead-form input[name="name"],.treatment-lead-form input[name="phone"],.treatment-lead-form input[name="telegram_username"]{flex:1 1 170px;min-width:0;padding:13px 16px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:15px}
.treatment-lead-form .btn{flex:0 0 auto}
.treatment-lead-form .form-status{flex-basis:100%;margin:0;text-align:left}
.treatment-lead .form-privacy{margin-top:12px}
.treatment-fact-cards{margin-top:clamp(40px,5vw,64px)}.treatment-fact-cards .card-body{gap:8px}
.treatment-eval-cards{margin-top:clamp(36px,5vw,60px)}
.treatment-steps{margin-top:clamp(40px,5vw,64px)}.treatment-steps h2{font:400 clamp(25px,3vw,32px)/1.2 var(--serif);margin-bottom:26px}

/* Süreç zaman çizelgesi (jt) — ana sayfa döngü takvimi + tedavi sayfası adımları.
   Altın çizgi üzerinde gün/adım rozetleri; mobilde dikey raya döner. */
.jt{list-style:none;margin:0;padding:0;position:relative;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:34px 26px}
.jt::before{content:"";position:absolute;top:15px;left:6px;right:6px;height:2px;
  background:linear-gradient(90deg,rgba(184,145,44,0),rgba(184,145,44,.5) 7%,rgba(184,145,44,.5) 93%,rgba(184,145,44,0))}
.jt-step{position:relative;padding-top:52px;min-width:0}
.jt-days{position:absolute;top:0;left:0;display:inline-flex;align-items:center;max-width:100%;
  padding:8px 15px;border-radius:999px;background:var(--green-dd);color:var(--gold-l);
  font:700 12.5px/1.2 var(--sans);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;
  box-shadow:0 6px 16px rgba(10,39,22,.22)}
.jt-step h3{font:600 19px/1.25 var(--serif);color:var(--green-d);margin:0 0 7px}
.jt-step p{margin:0;color:var(--mute);font-size:14.5px;line-height:1.65}
.jt-foot{margin-top:36px;display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center;justify-content:space-between}
.jt-note{margin:0;color:var(--mute);font-size:13.5px;line-height:1.6;max-width:62ch;
  padding-left:16px;border-left:2px solid var(--gold)}
@media(max-width:760px){
  .jt{grid-template-columns:1fr;gap:26px}
  .jt::before{top:8px;bottom:8px;left:6px;right:auto;width:2px;height:auto;
    background:linear-gradient(180deg,rgba(184,145,44,0),rgba(184,145,44,.5) 6%,rgba(184,145,44,.5) 94%,rgba(184,145,44,0))}
  .jt-step{padding:0 0 0 34px}
  .jt-step::before{content:"";position:absolute;left:1px;top:9px;width:12px;height:12px;border-radius:50%;
    background:var(--gold);box-shadow:0 0 0 4px rgba(184,145,44,.16)}
  .jt-days{position:static;margin-bottom:10px}
  .jt-foot{margin-top:26px}
}
.treatment-fact-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;
  margin-bottom:6px;border-radius:50%;background:var(--green-tint);color:var(--green-d)}
/* Bölüm içine gömülü doktor listesi: başlık ve butonlar solda olduğu için
   kartlar da sol eksene hizalanır — tek kart ortada asılı kalmaz. */
.treatment-doctors-grid{margin-top:22px;justify-content:flex-start}
/* Kart artık çerçevesiz; buton satırı karta yapışmasın diye net ayrım. */
.related-care .btnrow{margin-top:34px}
/* Dikey dizilimde flex-basis ana eksen = YÜKSEKLİK olur; 170px'lik temel
   sıfırlanmazsa alanlar 170px boyunda dev kutulara dönüşür. */
@media(max-width:620px){.treatment-lead-form{flex-direction:column;align-items:stretch}
  .treatment-lead-form input[name="name"],.treatment-lead-form input[name="phone"],.treatment-lead-form input[name="telegram_username"]{flex:0 0 auto;width:100%}
  .treatment-lead-form .btn{width:100%}}
.laboratory-videos{margin:0 0 clamp(38px,5vw,64px)}.laboratory-videos h2{font:400 clamp(25px,3vw,34px)/1.2 var(--serif);color:var(--green-d);margin-bottom:8px}.laboratory-videos .video-grid{margin-top:18px}
.doctor-filters{display:grid;grid-template-columns:1fr 260px auto;gap:14px;align-items:end;margin-bottom:32px;padding:20px;border:1px solid var(--line);background:#fff}.doctor-card-actions{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:auto}.doctor-profile-sections h2{font:400 27px/1.2 var(--serif);margin-bottom:12px}.article-preview h3{font:400 22px/1.3 var(--serif);margin-bottom:10px}.article-preview small{display:block;margin-top:10px;color:var(--mute)}
/* Dikey (9/16) videolar tam sütun genişliğinde devasa görünüyordu; kart
   genişliği sınırlandı — satırda daha çok, daha küçük, düzenli kart. */
.story-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,240px));gap:18px}
.story-card{border-radius:22px;overflow:hidden;background:var(--green-dd);
  box-shadow:0 1px 2px rgba(14,52,31,.05),0 20px 44px -20px rgba(14,52,31,.35);
  border:1px solid rgba(255,255,255,.06);transition:transform .25s ease,box-shadow .25s ease}
.story-card:hover{transform:translateY(-4px);box-shadow:0 1px 2px rgba(14,52,31,.06),0 28px 56px -20px rgba(14,52,31,.45)}
.story-card video{width:100%;aspect-ratio:9/16;object-fit:cover;background:var(--green-dd);display:block}
.story-card h3{margin:0;padding:16px 18px 18px;font:400 16px/1.45 var(--serif);color:#fff;
  background:linear-gradient(180deg,var(--green-dd) 0%,#0d2417 100%)}
.story-facade{position:relative;aspect-ratio:9/16;background:var(--green-dd);cursor:pointer;overflow:hidden}
.story-facade img,.story-preview-clip{width:100%;height:100%;object-fit:cover;display:block}
.story-play-btn{position:absolute;inset:0;margin:auto;width:58px;height:58px;padding:0 0 0 4px;
  display:grid;place-items:center;border:1.5px solid rgba(255,255,255,.5);border-radius:50%;
  background:rgba(10,20,15,.35);backdrop-filter:blur(3px);color:#fff;font-size:20px;line-height:1;
  cursor:pointer;transition:background .2s ease,transform .2s ease,border-color .2s ease}
.story-facade:hover .story-play-btn{background:var(--gold);border-color:var(--gold);color:var(--green-dd);transform:scale(1.08)}
@media(max-width:820px){.story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .story-card h3{font-size:14.5px;padding:13px 14px 15px}.story-play-btn{width:48px;height:48px;font-size:17px}}
@media(max-width:520px){.story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media(max-width:1100px){.nav-link--secondary{display:none}.appointment-layout{grid-template-columns:1fr}.appointment-intro{position:static}.doctor-filters{grid-template-columns:1fr 1fr}.doctor-filters .btn{grid-column:1/-1;justify-self:start}}
@media(max-width:640px){.appointment-fields,.doctor-filters{grid-template-columns:1fr}.doctor-filters .btn{grid-column:auto}.laboratory-block{grid-template-columns:38px 1fr;gap:12px;padding:24px 0}.treatment-content-section{grid-template-columns:40px 1fr;gap:14px;padding:22px 0}.treatment-content-section>span{width:40px;height:40px;font-size:17px}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.appointment-card{padding:22px 18px;border-radius:15px}.appointment-intro h1{font-size:clamp(38px,10.5vw,48px);max-width:13ch}.appointment-direct{gap:7px}.appointment-direct a{padding:8px 11px}.contact-choice{display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:3px}.contact-choice span{padding:7px 5px;font-size:12px}.appointment-submit{width:100%}}
@media(max-width:820px){.treatment-hero-inner--visual{grid-template-columns:1fr}.treatment-hero-media{aspect-ratio:16/10}.treatment-visual-pair{grid-template-columns:1fr}.treatment-family,.treatment-emotion{grid-template-columns:1fr}.treatment-emotion img{min-height:0;aspect-ratio:16/10}}

/* Editorial blog system */
.blog-index-hero{padding-block:clamp(44px,5vw,64px)}.blog-index{min-height:520px;padding-top:clamp(22px,2.4vw,36px)}/* Bolum ustundeki --sec-y dolgusu (genis ekranda 132px) koyu hero ile filtre cipleri arasinda buyuk bos bir serit birakiyordu; hero zaten gorsel ayrimi sagladigi icin ust dolgu kisaltildi. */.blog-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:34px}.blog-card{display:grid;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.blog-card--featured{grid-column:1/-1;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr)}.blog-card-media{display:block;min-height:280px;overflow:hidden}/* Kapak metin sutununun boyuna gore esnemesin; kaynak orani 3:2. */.blog-card--featured .blog-card-media{min-height:0;align-self:stretch;min-width:0}.blog-card--featured .blog-card-media img{aspect-ratio:3/2;height:100%;width:100%;object-fit:cover}.blog-card--featured{align-items:stretch}.blog-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.blog-card:hover .blog-card-media img{transform:scale(1.02)}.blog-card-body{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(24px,4vw,42px)}.blog-card-body h2{font:400 clamp(23px,2.5vw,31px)/1.22 var(--serif);margin:12px 0 16px;max-width:26ch}/* 42px + 18ch, kart başlığını altı satıra sarıyordu: kart 633px'e uzuyor ve 3:2 yatay kapak 661x631 kareye sıkışıp ağır kırpılıyordu. */.blog-card-body p{color:var(--mute);line-height:1.7}.blog-card-meta{display:flex;gap:14px;flex-wrap:wrap;margin:10px 0 22px;color:var(--mute);font-size:13px}.blog-card-body .doctor-link{margin-top:auto}.related-articles>h2,.related-treatments>h2{font:400 clamp(25px,3vw,32px)/1.2 var(--serif);color:var(--green-d);margin-bottom:20px}.blog-article{background:var(--paper)}.blog-article-hero{padding:clamp(38px,4.5vw,58px) 0 clamp(30px,3.5vw,44px);background:var(--green-dd);color:#fff}.blog-article-hero-inner{max-width:1180px}.blog-breadcrumb{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:24px;color:rgba(255,255,255,.65);font-size:14px}.blog-breadcrumb a{color:inherit}.blog-category{display:inline-block;margin-bottom:16px;padding:7px 10px;border:1px solid rgba(224,196,119,.45);border-radius:999px;color:var(--gold-l);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.blog-article-hero h1{font:400 clamp(30px,3.6vw,46px)/1.12 var(--serif);max-width:32ch;margin:0 0 16px;text-wrap:balance}.blog-article-lead{max-width:820px;color:rgba(255,255,255,.78);font-size:17px;line-height:1.65}.blog-author-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px}.blog-author-avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--gold);color:var(--green-dd);font:700 20px/1 var(--serif);flex:none}/* Gercek fotograf varsa: yuvarlak kirpim, yuz ust tarafta kalsin. */.blog-author-avatar--photo{object-fit:cover;object-position:center 20%;background:var(--green-tint);border:1px solid rgba(255,255,255,.22)}.blog-author-line small{color:rgba(255,255,255,.6)}/* Yazar artik tiklanabilir: hekimin profil sayfasina gider. */.blog-author{display:inline-flex;align-items:center;gap:12px;color:inherit;text-decoration:none;border-radius:999px;transition:opacity .18s ease}a.blog-author:hover{opacity:.85}a.blog-author:hover strong{text-decoration:underline;text-underline-offset:3px}.blog-author-text{display:grid}/* clamp duzeltilince -72px gercekten uygulanmaya basladi ve kapak yazar satirinin uzerine biniyordu; bindirme guvenli araliga cekildi. */.blog-meta{display:flex;gap:9px;margin-left:auto;color:rgba(255,255,255,.68);font-size:14px}.blog-article-shell{max-width:1180px;padding-bottom:80px}.blog-cover{margin:clamp(-40px,-2.2vw,-22px) 0 clamp(32px,4vw,46px);border-radius:18px;overflow:hidden;box-shadow:0 18px 50px rgba(0,35,20,.15)}.blog-cover img{width:100%;max-height:650px;object-fit:cover}.blog-reading-layout{display:grid;grid-template-columns:260px minmax(0,760px);justify-content:center;gap:54px;align-items:start}/* Sutun 68ch ile de sinirli: 760px'te satir ~96 karaktere cikiyordu, sitenin kendi normu 56-62ch. Iki sutunlu duzene gecis 820px'de degil 1100px'de -- 821px'de sutun aniden 741px'ten 443px'e dusuyordu. */.blog-reading-layout aside{position:sticky;top:118px}.article-toc{padding:22px;border:1px solid var(--line);border-radius:12px;background:#fff}.article-toc strong{display:block;margin-bottom:12px;color:var(--green-d)}.article-toc ol{display:grid;gap:8px;padding-left:20px;margin:0}.article-toc a{color:var(--mute);font-size:13px;line-height:1.35}.blog-prose{font-size:17px;line-height:1.82;max-width:68ch}/* Satir uzunlugu sinirI BURADA: ch, okuma fontuna gore olculur. Izgara sutununda 760px ~91 karaktere denk geliyordu; sitenin normu 56-62ch. */.blog-prose h2{scroll-margin-top:120px;font:400 clamp(28px,4vw,38px)/1.2 var(--serif);margin:54px 0 16px;color:var(--green-d)}.blog-prose p,.blog-prose li{color:#3e4942}.blog-prose p{margin:0 0 1.15em}.blog-prose ul,.blog-prose ol{margin:0 0 1.15em}.blog-prose ul,.blog-prose ol{padding-left:24px}.blog-prose li{margin-bottom:8px}
@media(max-width:1100px){.blog-reading-layout{grid-template-columns:1fr}.blog-reading-layout aside{position:static}}
@media(max-width:820px){.blog-card-grid{grid-template-columns:1fr}.blog-card--featured{grid-template-columns:1fr}.blog-card-media{min-height:0;aspect-ratio:16/10}.blog-article-hero{padding:28px 0 32px}.blog-article-hero h1{font-size:clamp(30px,9vw,48px);margin-bottom:14px}.blog-breadcrumb{margin-bottom:14px}.blog-category{margin-bottom:10px}.blog-article-lead{font-size:16px}.blog-author-line{margin-top:18px}.blog-meta{width:100%;margin-left:0}.blog-reading-layout{grid-template-columns:1fr}.blog-reading-layout aside{position:static}.blog-cover{margin-top:-18px}.article-toc{margin-bottom:8px}}

/* Hover olmayan Safari/iPad ve diğer dokunmatik tarayıcılarda mega menü yerine
   tıklanabilir <details> mobil menüyü kullan. */
@media (hover:none), (pointer:coarse){
  .nav{display:none!important}
  .mnav{display:block!important}
  .header-cta{display:none!important}
  .site-header,.mega-panel{-webkit-backdrop-filter:none;backdrop-filter:none}
}

/* Desktop navigation: keep only primary decisions in the header. */
@media(min-width:1120px){
  .header-in{gap:clamp(14px,2vw,28px)}
  .nav{margin-left:auto;gap:clamp(16px,1.7vw,28px)}
  .nav-link{font-size:14.5px}
  .header-cta{flex:none}
}

/* ==========================================================================
   "YOL" premium katmanı — büyüyen altın çizgi + kemer motifi + gün doğumu
   Saf CSS + inline SVG; JS kütüphanesi yok, LCP'ye dokunmaz. Desteklemeyen
   tarayıcıda her öğe statik/çizili hâliyle kalır — hiçbir şey bozulmaz.
   ========================================================================== */

/* -- Doku: neredeyse görünmez film taneciği (SVG feTurbulence, data URI) -- */
:root{
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.1'/%3E%3C/svg%3E");
}

/* -- Hero: yönlü perde + gün doğumu ufku + tanecik ---------------------- */
/* Perde acildi (kullanici, 2026-08-15: "cok fazla yesil, hafif olsun ama yok da
   olmasin"). Onceden metin tarafi %94 opakti — video neredeyse gorunmuyordu.
   Yeni degerler EN KOTU DURUMA gore secildi (bembeyaz video karesi uzerinde
   beyaz metin): %68 perde -> 5.6:1 kontrast, AA esigi 4.5. Metnin olmadigi
   sag tarafta perde %16'ya kadar iniyor, video oradan net gorunuyor.
   %52 duragi rastgele degil: metin blogunun (h1/lede/butonlar) gradyan ekseni
   uzerinde uzandigi en uzak nokta olculdu — perde tam oraya kadar tasiniyor,
   dusus ondan SONRA basliyor. Ilk denemede dusus %44'te basliyordu ve metnin
   sag ucunda kontrast 2.4:1'e iniyordu. */
.hero::before{background:
  linear-gradient(112deg,rgba(10,39,22,.70) 0%,rgba(10,39,22,.68) 52%,rgba(10,39,22,.16) 82%,rgba(10,39,22,.30) 100%)}
/* Mobilde metin tam genislikte ve ALTTA duruyor; yatay perde ise oraya
   yetmiyor — dikey perde gerekir. Bu kural bilerek yukaridakinden SONRA:
   dosyanin basindaki mobil varyantlar (satir ~688, ~813) kosulsuz yazilan
   bu kuralin altinda kaliyordu, yani olu koddu.
   %18 duragi olculdu: mobilde h1 hero yuksekliginin %22'sinde basliyor, perde
   oraya kadar %68'e ulasmali. Ilk denemede %38'de ulasiyordu ve basligin ust
   satiri 3.3:1'de kaliyordu. Tepede %30 kalir — video oradan gorunur. */
@media (max-width:620px){
  .hero::before{background:
    linear-gradient(180deg,rgba(10,39,22,.30) 0%,rgba(10,39,22,.68) 18%,rgba(10,39,22,.84) 100%)}
}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    linear-gradient(180deg,transparent 55%,rgba(184,145,44,.10) 84%,rgba(230,217,164,.20) 100%),
    var(--grain);
  background-size:auto,180px 180px;opacity:1}
.hero::after{opacity:.9}
.hero .eyebrow{backdrop-filter:blur(4px)}
.hero h1 span{background:linear-gradient(100deg,#E6D9A4 8%,#C9A84C 46%,#F0E6BD 82%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--gold-l)}
@supports not (background-clip:text){.hero h1 span{background:none;-webkit-text-fill-color:currentColor;color:var(--gold-l)}}
@media(max-width:600px){.hero h1{font-size:clamp(40px,11.5vw,52px);line-height:1.04}}

/* -- Kimlik şeridi: cam kutulardan editoryal altın çizgilere ------------ */
.creds{position:relative;border-top:1px solid rgba(230,217,164,.22)}
.creds::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:var(--grain);background-size:180px 180px;opacity:.5}
/* Bant inceltildi ve ikonlar yana alindi (kullanici, 2026-08-15: "kalin duruyor,
   iconlari belki yana alabilirsin"). Onceden ikon metnin USTUNDE duruyordu ve
   her oge iki satir yer kapliyordu -> bant 230px. Artik izgara ikon | metin:
   ikon solda, basligin ilk satiriyla ayni hizada. */
.creds-in{gap:26px;padding:20px 0 18px}
.creds-in>div{background:transparent;border:0;border-left:1px solid rgba(230,217,164,.38);
  border-radius:0;padding:2px 0 2px 16px;backdrop-filter:none;
  display:grid;grid-template-columns:26px minmax(0,1fr);gap:2px 11px;align-items:start}
.creds-in>div:hover{background:transparent;transform:none;border-color:rgba(230,217,164,.7)}
.cred-icon{grid-row:1/3;width:26px;height:26px;margin:1px 0 0}
.creds b{font-size:clamp(17px,1.35vw,21px);margin:0 0 2px}
.creds p{font-size:13px;line-height:1.5}
@media(max-width:859px){
  .creds-in{gap:16px 24px;padding-inline:var(--gut)}
  .creds-in>div{grid-template-columns:22px minmax(0,1fr);gap:2px 9px;padding-left:13px}
  .cred-icon{width:22px;height:22px}
  .creds b{font-size:16px}
  .creds p{font-size:12.5px}
}
/* Mobilde alt aciklamalar gizlenir (kullanici, 2026-08-15): 4 kutu 2x2 dizilince
   bant 314px'e cikiyordu, baslik zaten mesaji tasiyor. 620px = sitenin kendi
   mobil esigi (.mobile-bar bu genislikte devreye giriyor). Ikon tek satirlik
   metnin hizasina alinir, yoksa iki satirlik izgarada yukarida asili kalir. */
@media(max-width:620px){
  .creds p{display:none}
  .creds-in>div{grid-template-rows:auto;align-items:center}
  .cred-icon{grid-row:auto;align-self:center}
}

}

/* Fotoğraf kart üst kenarına tam oturur; köşeyi kartın kendisi kırpar.
   (Hikâye kartlarındaki kemer motifi kaldırıldı — videolar düz yuvarlak
   köşeli kompakt kartlarda, kullanıcı geri bildirimi 2026-08-14.) */
.doctor-card-photo{margin:0;border-radius:0;overflow:hidden}
.home-doctors .doctor-card-photo{border-radius:0}

/* -- "Yol" çizgisi: bölümler arasında kendini çizen altın hat ----------- */
.yol{display:flex;justify-content:center;pointer-events:none;
  margin:calc(var(--sec-y)*-.30) 0 10px}
.yol img{width:min(400px,60vw);height:auto;display:block;opacity:.95} /* 520->400: kullanici kucultme istedi (2026-08-15) */
.yol--flip img{transform:scaleX(-1)}
/* Genis ekranda dal basligin KARSISINA gecer (kullanici, 2026-08-15): sag bosluga,
   asagidaki baslik satirinin hizasina sarkar. Kalin uc ekran kenarinda dursun
   diye tum dallar aynalanir (cift ayna = duz kalir diye --flip de zorlanir);
   clip-path yerel kutuda uygulandigi icin acilma yonu de iceri dogru doner.
   Mobil/tablet: ortali akista kalir. */
@media(min-width:1000px){
  .yol{justify-content:flex-end;max-width:var(--wrap);margin-inline:auto;
    padding-inline:var(--gut);margin-bottom:-66px}
  .yol img,.yol--flip img{transform:scaleX(-1);width:min(340px,25vw)}
  /* (Durumlar istisnasi kaldirildi: bolum standart kaliba gecince sag ust bosaldi.) */
}
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion: no-preference){
    /* Dal buyume yonunde acilir: clip-path eleman yerel kutusunda uygulanir,
       scaleX(-1) aynali kopyada yonu kendiliginden cevirir. */
    .yol img{clip-path:inset(0 100% 0 0);animation:yolGrow linear both;
      animation-timeline:view();animation-range:entry 10% cover 42%}
  }
}
@keyframes yolGrow{to{clip-path:inset(0 0 0 0)}}
@media(prefers-reduced-motion:reduce){.yol img{clip-path:none;animation:none}}
@keyframes yolDraw{to{stroke-dashoffset:0}}
@keyframes yolSeed{to{opacity:.85}}

/* -- Mobil menü: "bölüm dizini" — koyu yeşil perde ---------------------- */
.mnav>summary{transition:border-color .25s ease,background .25s ease}
.mnav>summary rect{transition:transform .3s ease,opacity .18s ease;
  transform-box:fill-box;transform-origin:center}
.mnav[open]>summary rect:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.mnav[open]>summary rect:nth-child(2){opacity:0}
.mnav[open]>summary rect:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

@media(max-width:600px){
  .mnav[open]>summary{background:rgba(230,217,164,.14);border-color:rgba(230,217,164,.4);color:var(--gold-l)}
  .mnav-panel{
    background:var(--grain),var(--green-dd);
    background-size:180px 180px,auto;
    padding:14px 24px calc(20px + env(safe-area-inset-bottom))}
  .mnav-panel a{color:rgba(255,255,255,.94);border-bottom:1px solid rgba(255,255,255,.09)}

  /* Eylem bloğu — içeriğin sonunda; menü kaydırılırsa alt kenara yapışık kalır */
  .mnav-actions{position:sticky;bottom:0;display:grid;gap:10px;margin-top:20px;
    padding:18px 0 6px;border-top:1px solid rgba(255,255,255,.14);
    background:linear-gradient(180deg,rgba(10,39,22,0) 0%,var(--green-dd) 30%)}
  .mnav-actions a{border-bottom:0}
  .mnav-cta{display:flex;align-items:center;justify-content:center;min-height:52px;
    padding:14px 18px;border-radius:14px;background:var(--gold);color:var(--green-dd)!important;
    font:700 16px/1 var(--sans);box-shadow:0 8px 24px rgba(184,145,44,.32)}
  .mnav-call{display:flex;align-items:center;justify-content:center;gap:9px;min-height:50px;
    padding:13px 18px;border-radius:14px;border:1px solid rgba(255,255,255,.28);
    font:600 16px/1 var(--sans);color:#fff!important;background:transparent}
  .mnav-call svg{flex:none;color:var(--gold-l)}

  /* 2) Gezinme — düz, girintisiz, eşit ağırlıkta */
  .mnav-group{border-radius:0}
  .mnav-group summary{background:transparent;border-radius:0;
    border-bottom:1px solid rgba(255,255,255,.09);
    padding:15px 2px;color:#fff;justify-content:space-between;
    font:600 16.5px/1.3 var(--sans);letter-spacing:0;text-transform:none}
  .mnav-group summary::after{border-color:rgba(230,217,164,.75);margin-left:auto}
  .mnav-panel>a{display:flex;align-items:center;justify-content:space-between;gap:12px;
    font:600 16.5px/1.3 var(--sans);padding:15px 2px}
  .mnav-panel>a::after{content:"→";flex:none;color:rgba(230,217,164,.55);font-size:15px}
  /* Alt bağlantılar: yalnız 14px girinti + altın çizgi ile bağlı olduğu belli */
  .mnav-sublink{font:400 15px/1.4 var(--sans)!important;
    color:rgba(255,255,255,.75)!important;padding:12px 2px 12px 14px!important;
    border-bottom-color:rgba(255,255,255,.06)!important;
    border-left:2px solid rgba(230,217,164,.32);margin-left:2px}

  /* Dil kısaltmaları — gezinme bağlantılarından sonra, eylem bloğundan önce */
  .mnav-langs{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
  .mnav-langs a{flex:none;min-height:44px;display:inline-flex;align-items:center;gap:6px;
    padding:10px 14px;font:600 13.5px/1 var(--sans);
    border:1px solid rgba(255,255,255,.22)!important;border-radius:999px}
  .mnav-langs a[aria-current="page"]{background:rgba(230,217,164,.16);
    border-color:rgba(230,217,164,.5)!important;color:var(--gold-l)!important}

  /* Açılış: tek ve kısa — sıralı gecikme kuyruğu yok */
  .mnav[open] .mnav-panel>*{animation:mnavItem .26s ease both}
}
@keyframes mnavItem{from{opacity:0;transform:translateY(16px)}}
@media(prefers-reduced-motion:reduce){
  .mnav[open] .mnav-panel>*{animation:none}
  .mnav>summary rect{transition:none}
}

/* Ana sayfa iletişim bölümü — tıkla-yükle harita (statik fotoğrafın yerine) */
.home-branch-map{border-radius:20px;overflow:hidden;border:1px solid rgba(26,86,50,.12);
  background:var(--green-tint);min-height:420px;display:grid}
.home-branch-map iframe{width:100%;height:100%;min-height:420px;border:0;display:block}
.home-branch-map-load{display:grid;align-content:center;justify-items:start;gap:8px;padding:clamp(22px,3vw,34px)}
.home-branch-map-load strong{font:400 clamp(20px,2.4vw,26px)/1.25 var(--serif);color:var(--green-d)}
.home-branch-map-load p{margin:0;color:var(--mute);font-size:14.5px;line-height:1.6;max-width:38ch}
.home-branch-map-load button{margin-top:6px;padding:12px 22px;border:0;border-radius:999px;
  background:var(--green);color:#fff;font:700 15px/1 var(--sans);cursor:pointer;
  transition:background .18s ease,transform .18s ease}
.home-branch-map-load button:hover{background:var(--green-d);transform:translateY(-2px)}

/* ---------- Doktor kartı: dar ekran davranışı ---------------------------
   Bu kural bileşenin kendi dosyasında; doktorlar listesi, şube detayı,
   tedavi sayfası ve ana sayfa aynı davranışı alsın diye (sayfaya özel
   branches.css'e konursa yalnız şube sayfasında çalışırdı). */
@media(max-width:760px){
  /* Dikey kart mobilde tam genişlik olunca 3/4 portre fotoğraf ~520px
     yükseliyor, tek hekim için ekranın tamamını kaplıyordu. Yatay düzene
     geçiyor: solda küçük portre, sağda bilgi. Fotoğrafın PORTRE oranı
     korunur — yatay orana zorlamak gövdeyi kesiyor (önceden düzeltilmişti). */
  .doctors-grid .doctor-card{flex:1 1 100%;max-width:none;flex-direction:row;align-items:stretch}
  /* aspect-ratio yerine stretch: kart kisaldigi icin (dil/deneyim/sube satirlari
     kalkti) 3/4 oranli foto govdeden kisa kaliyor, altinda beyaz bosluk birakiyordu.
     aspect-ratio ile stretch AYNI ANDA verilmez -- o kombinasyon Chrome'da genisligi
     satir yuksekliginden turetip izgarayi tasiriyor (daha once yasandi). */
  .doctors-grid .doctor-card-photo{flex:0 0 116px;align-self:stretch;min-height:150px}
  .doctors-grid .doctor-card-photo img{width:100%;height:100%;object-fit:cover}
  .doctors-grid .doctor-card-body{padding:14px 16px;justify-content:center}
  .doctors-grid .doctor-card h2,.doctors-grid .doctor-card h3{font-size:18px}
  .doctors-grid .doctor-card small{margin-bottom:10px}
  .doctors-grid .doctor-card p{margin-bottom:10px}
}
/* Tablette iki sütun; flex-grow YOK ki tek hekim varsa kart tüm satırı
   kaplamasın, yarım genişlikte kalsın. */
@media(min-width:761px) and (max-width:1000px){
  .doctors-grid .doctor-card{flex:0 1 calc(50% - 12px);max-width:none}
}

/* ---------- Geniş ekran tipografi ölçeği --------------------------------
   clamp() tavanları 1160–1400px arasında doyuyordu: 1985px genişlikte hâlâ
   46px'lik bir H2 ve 48px'lik kenar boşluğu basılıyor, ölçek algısı kırılıyordu.
   Tavanlar burada bir kademe yükseliyor (yaklaşık %20). Değerler yalnız çok
   geniş ekranda devreye girer; 1600px altında hiçbir şey değişmez. */
@media(min-width:1600px){
  .sec-head h2{font-size:clamp(46px,3.4vw,56px)}
  .sec-lead{font-size:clamp(20px,1.35vw,22px)}
  .hero h1{font-size:clamp(66px,4.6vw,80px)}
  .treatment-hero h1{font-size:clamp(58px,4.2vw,70px)}
  /* Kart ızgaraları geniş kapta bir sütun daha alsın; 1400px kapta 4×
     347px kart rahat sığıyor, aksi hâlde kartlar gereksiz genişliyordu. */
  /* Sadece 4+ ogesi olan izgara 4 sutuna gecer. Kosulsuz yazildiginda (onceki hali)
     tam 3 kartli sayfalarda -- kariyer, ana sayfa tedavi seridi -- dorduncu sutun bos
     kaliyor, kartlar 1/4 genislige (208px) sikisiyordu. */
  .grid--3:has(>:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}
  /* Hikâye kartları 240px üst sınırında takılıp kabın sağında ~90px
     kullanılmadan bırakıyordu. */
  .story-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
}

/* Doktor sayfasi — makale kartlari (kapak gorselli).
   Onceden duz metin baglantisiydi; kullanici blog kapaklarinin gorunmesini istedi.
   Yatay kart: dar sutunda (grid--2 icinde) tek satirda durur, 1 makale de 6 makale
   de ayni duzende calisir. Tum kart tiklanabilir. */
.dr-articles{display:grid;gap:10px}
.dr-article{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center;
  padding:8px;border:1px solid var(--line);border-radius:14px;background:#fff;text-decoration:none;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.dr-article:hover{border-color:rgba(26,86,50,.28);box-shadow:0 10px 24px rgba(26,86,50,.09);transform:translateY(-2px)}
/* Gorseli olmayan yazi: medya kutusu hic basilmadigi icin metin tam genisligi alir. */
.dr-article:not(:has(.dr-article-media)){grid-template-columns:minmax(0,1fr)}
.dr-article-media{display:block;border-radius:10px;overflow:hidden;background:var(--green-tint)}
.dr-article-media img{display:block;width:100%;height:100%;aspect-ratio:3/2;object-fit:cover}
.dr-article-body{display:grid;gap:3px;min-width:0}
.dr-article-body strong{font-weight:600;font-size:14.5px;line-height:1.35;color:var(--ink)}
.dr-article:hover .dr-article-body strong{color:var(--green-d)}
.dr-article-body small{font-size:12px;color:var(--mute);line-height:1.4}
@media(max-width:480px){.dr-article{grid-template-columns:76px minmax(0,1fr)}}

/* Kurumsal "Hakkımızda" — hikaye + kurucu karti yan yana. */
.about-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:clamp(32px,5vw,72px);align-items:start}
.about-prose h2{font:400 clamp(28px,3vw,38px)/1.15 var(--serif);color:var(--green-d);margin:0 0 18px}
.about-prose p{margin:0 0 1.05em;font-size:17px;line-height:1.78;color:var(--ink)}
.about-prose p:last-of-type{margin-bottom:0}
.about-stats{margin:26px 0 0}
.about-founder{max-width:380px;justify-self:end}
@media(max-width:900px){.about-grid{grid-template-columns:1fr}.about-founder{justify-self:start}}

/* Durumlar iki sutunlu duzen kurallari kaldirildi (2026-08-15) — bolum standart kaliba gecti. */

/* ---------- Ana sayfa duzeni: bolum ritmi + SSS akordeonu ---------- */
/* Ayni zeminli komsu bolumler: iki tam dolgu (123+123px) tek renk bos kusak
   yaratiyordu; ikincinin ust dolgusu kisalir, ritim korunur. */
/* 2026-08-15 genisletme: duz .sec zemini (body #FFF) ile .sec--paper (#FAFAF7)
   gozle ayirt edilemiyor — aralarindaki cift dolgu da bos kusak gibi okunuyordu.
   Artik TUM acik-acik gecisler toplanir; tam ritim yalniz koyu/tul (tint, cta,
   hero) sinirlarinda kalir. */
.sec--paper+.sec--paper,.sec--tint+.sec--tint,
section.sec:not([class*="sec--"]):not(.cta-band)+section.sec:not([class*="sec--"]):not(.cta-band),
section.sec:not([class*="sec--"]):not(.cta-band)+.sec--paper,
.sec--paper+section.sec:not([class*="sec--"]):not(.cta-band){
  padding-top:clamp(30px,3vw,54px)}

/* SSS akordeonu — .qa-item kart gorunumunu korur, ic duzeni degisir. */
details.qa-item{display:block;padding:0}
details.qa-item summary{display:grid;grid-template-columns:46px minmax(0,1fr) 26px;gap:16px;
  align-items:center;cursor:pointer;padding:clamp(18px,2.4vw,26px) clamp(20px,3vw,30px);list-style:none}
details.qa-item summary::-webkit-details-marker{display:none}
details.qa-item summary h3{margin:0}
.qa-toggle{position:relative;width:26px;height:26px;border:1px solid rgba(26,86,50,.25);border-radius:50%}
.qa-toggle::before,.qa-toggle::after{content:"";position:absolute;inset:0;margin:auto;background:var(--green);transition:transform .2s ease}
.qa-toggle::before{width:12px;height:2px}
.qa-toggle::after{width:2px;height:12px}
details[open] .qa-toggle::after{transform:scaleY(0)}
.qa-item-body{padding:0 clamp(20px,3vw,30px) clamp(20px,3vw,30px);margin-left:calc(46px + 16px + clamp(20px,3vw,30px))}
.qa-item-body .key{display:block;margin-bottom:8px}
.qa-item-body p{margin:0 0 12px}
@media(max-width:640px){
  details.qa-item summary{grid-template-columns:34px minmax(0,1fr) 24px;gap:10px}
  .qa-item-body{margin-left:0}
}

/* Ana sayfa blog bolumu (sections/blog.php'den tasindi) */
.home-blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .home-blog-card{grid-template-rows:auto 1fr}
  .home-blog-card .blog-card-media{aspect-ratio:16/10;min-height:0}
  .home-blog-card .blog-card-body{padding:24px}
  .home-blog-card .blog-card-body h2{font-size:clamp(23px,2.1vw,31px);max-width:none}
  .home-blog-grid--single{grid-template-columns:1fr}
  .home-blog-grid--single .home-blog-card{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);grid-template-rows:auto;max-width:1040px}
  .home-blog-grid--single .blog-card-media{aspect-ratio:16/9}
  @media(max-width:900px){.home-blog-grid{grid-template-columns:1fr 1fr}.home-blog-card:first-child{grid-column:1/-1;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);grid-template-rows:auto}}
  @media(max-width:620px){.home-blog-grid{grid-template-columns:1fr}.home-blog-card:first-child,.home-blog-grid--single .home-blog-card{grid-column:auto;grid-template-columns:1fr}.home-blog-card .blog-card-body{padding:20px}}

/* Ana sayfa CTA bandi (sections/cta.php'den tasindi) */
.cta-band-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.88fr);gap:clamp(32px,5vw,72px);align-items:center}
  .cta-band-copy .sec-head{margin:0 0 28px;text-align:left}
  .cta-band-copy .btnrow{justify-content:flex-start}
  .cta-band-media{margin:0;border-radius:18px;overflow:hidden;aspect-ratio:3/2;background:var(--paper)}
  .cta-band-media img{display:block;width:100%;height:100%;object-fit:cover}
  @media(max-width:760px){.cta-band-grid{grid-template-columns:1fr}.cta-band-media{order:-1}.cta-band-copy .sec-head{text-align:left}}

/* 3D illustrasyon bantlari kaldirildi (kullanici, 2026-08-14: "bu tarz
   gorselleri kaldiralim, olmadi"). Dosyalar assets/img/illustrations/ivf-3d/
   altinda duruyor ama hicbir sayfada kullanilmiyor. */

/* ---------- Buyuyen logo agaci v2 (ana sayfa surec bolumu) ---------- */
/* Parcali PNG/WebP katmanlar (Codex): zemin + insan-figur govde + 13 yaprak.
   Temel durum = TAM gorunur; animasyon yalniz @supports + no-preference icinde
   kurulur, eski tarayici/reduced-motion hicbir sey kaybetmez. */
.growth-tree{position:relative;margin:0 auto clamp(20px,3vw,34px);width:min(340px,80vw);aspect-ratio:1/1}
.growth-tree img{position:absolute;display:block;height:auto}
.gt-trunk{left:50%;bottom:10%;width:45%;transform:translateX(-50%)}
.gt-ground{left:50%;bottom:6%;width:96%;transform:translateX(-50%)}
.gt-leaf{left:var(--x);top:var(--y);width:var(--w);transform:rotate(var(--r))}
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    /* Zamanlama: agac, figur ekranin ORTASINA geldiginde bitmis olmali.
       Ilk surumde son dalga cover 84%'te bitiyordu — kullanici agaci ancak
       "baya yukari kaydirinca" butun gorebildi. Yol suslemesiyle ayni hedef:
       her sey ~cover 50%'de tamam. */
    .gt-ground{opacity:0;animation:gtGround linear both;animation-timeline:view();
      animation-range:entry 0% entry 90%}
    .gt-trunk{clip-path:inset(100% 0 0 0);animation:gtTrunk linear both;animation-timeline:view();
      animation-range:entry 5% cover 30%}
    .gt-leaf{opacity:0;transform:rotate(var(--r)) scale(.2);
      animation:gtLeaf linear both;animation-timeline:view()}
    .gt-w1{animation-range:entry 60% cover 34%}
    .gt-w2{animation-range:cover 28% cover 42%}
    .gt-w3{animation-range:cover 36% cover 52%}
  }
}
@keyframes gtGround{to{opacity:1}}
@keyframes gtTrunk{to{clip-path:inset(0 0 0 0)}}
@keyframes gtLeaf{to{opacity:1;transform:rotate(var(--r)) scale(1)}}

/* ---------- Kimlik seridi ikonlari + subeler rota bandi ---------- */
/* Boyut/konum .creds-in izgara blogunda (satir ~1334) tanimli — burada tekrar
   yazilmiyor. Onceden buradaki 34px yukseklik, izgaranin 26px sutununu ezip
   ikonu 26x34'e sikistiriyordu (kare gorsel bozuluyordu). */
.cred-icon{display:block}
/* Rota bandi kurallari kaldirildi (2026-08-15) — bolumde artik dal ayraci var. */

/* Rota bandi cevresindeki olu alan sikilastirildi (kullanici geri bildirimi):
   baslik alti + bant kenar bosluklari kisaldi. */
.home-branches .home-section-head{margin-bottom:clamp(14px,1.6vw,22px)}
.route-band{margin:0 auto clamp(14px,2vw,24px)}

/* ---------- Sayfalar arasi gecis (cross-document View Transition) ---------- */
/* Kullanici istegi (2026-08-15): gecisler cok sert, premium his istiyor.
   Tarayicinin yerlesik MPA view-transition mekanizmasi — JS yok, gecikme yok.
   Eski sayfa hafifce soner, yenisi 10px asagidan suzulerek gelir (~0.3sn).
   Ust menu iki sayfada da ayni isimli katman oldugu icin sabit durur —
   "uygulama gibi" hissin kaynagi bu. Desteklemeyen tarayici (eski Chrome,
   Firefox) ve hareket-azalt tercihi: bugunku anlik gecis aynen kalir. */
@media (prefers-reduced-motion: no-preference){
  @view-transition { navigation: auto; }
  /* v3 (2026-08-15): kayma yerine "objektif oturmasi" — yeni sayfa %1.5
     buyukten gercek boyuta oturur (iOS hissi), sureler bir tik daha kisa
     (0.08/0.14s). v1 0.20/0.30 golge gibi, v2 0.10/0.18 hala yavas bulundu. */
  ::view-transition-old(root){animation:vtOut .08s ease both}
  ::view-transition-new(root){animation:vtIn .14s cubic-bezier(.2,.8,.3,1) both}
  .site-header{view-transition-name:site-header}
  /* Baslik katmani konum degistirmiyor; grup animasyonunu kisaltmak titremeyi onler. */
  ::view-transition-group(site-header){animation-duration:.08s}
}
@keyframes vtOut{to{opacity:0}}
@keyframes vtIn{from{opacity:0;transform:scale(1.015)}to{opacity:1;transform:none}}