/* =========================================================
   Inter — yerel barındırma (değişken font, 100-900 ağırlık)
   Google Fonts'a harici istek yok: render engelleme ve
   üçüncü taraf veri aktarımı ortadan kalkar.
   ========================================================= */
@font-face{
  font-family:'Inter';
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url('../fonts/inter-latin-ext.woff2') 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:'Inter';
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url('../fonts/inter-latin.woff2') 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;
}

/* =========================================================
   Uzm. Dt. Erhan Erkan Muayenehanesi
   Adaçayı yeşili + şeftali/mercan · yumuşak, klinik, sıcak

   RENK KURALI (erişilebilirlik):
   Açık adaçayı (--g-500/--g-300) yalnızca DOLGU ve DEKOR içindir;
   beyaz zeminde küçük yazı için kontrastı yetmez. Metin ve simgeler
   --g-600, buton zeminleri --g-700 kullanır (beyaz yazı ≥ 4.5:1).
   ========================================================= */

:root{
  /* Yeşil ölçeği */
  --g-900:#1F3F26;   /* footer zemini, en koyu başlık */
  --g-800:#26512F;
  --g-700:#2F6B3A;   /* birincil buton zemini — beyaz yazı 6.3:1 */
  --g-600:#4C8248;   /* metin ve simge yeşili — beyaz zeminde 4.6:1 */
  --g-500:#7FB37A;   /* kimlik yeşili — dolgu, degrade, vurgu */
  --g-300:#AFD1AA;   /* açık dolgu */
  --g-100:#DFEEDB;   /* kart zemini */
  --g-50:#F1F7EF;    /* bölüm zemini */
  --g-line:#D2E4CD;

  /* Mercan / şeftali ölçeği */
  --c-700:#B5573A;   /* mercan metin — beyaz zeminde 4.8:1 */
  --c-600:#DE8367;
  --c-500:#F0A18C;   /* kimlik mercanı */
  --c-300:#F8C9BA;
  --c-50:#FDF3EF;
  --c-line:#F7DCD1;

  /* Eski değişken adlarıyla uyum — mevcut bileşenler bunları kullanır */
  --brand:var(--g-600);
  --brand-dark:var(--g-700);
  --brand-soft:var(--g-50);
  --brand-line:var(--g-line);

  --ink:#15211A;
  --grey:#4B5750;
  --muted:#69766E;   /* beyaz zeminde 4.6:1 — küçük ikincil yazılar için */
  --line:#E6EBE6;
  --line-soft:#F1F5F0;
  --soft:#FAFCF9;
  --white:#FFFFFF;

  --radius:10px;
  --radius-sm:8px;
  --radius-lg:20px;
  --radius-pill:999px;
  --shadow:0 1px 2px rgba(31,63,38,.04), 0 10px 30px rgba(31,63,38,.07);
  --shadow-lg:0 2px 6px rgba(31,63,38,.05), 0 24px 60px rgba(31,63,38,.11);
  --shadow-brand:0 10px 26px rgba(47,107,58,.24);

  --container:1240px;
  --header-h:92px;
  --font:"Inter","Helvetica Neue",Helvetica,Arial,"Segoe UI",Roboto,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 20px);-webkit-text-size-adjust:100%}

body{
  margin:0;background:var(--white);color:var(--ink);font-family:var(--font);
  font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
}

img,svg{max-width:100%}
img{display:block;height:auto}
a{color:inherit;text-decoration:none}
button{font-family:inherit}
ul,ol{margin:0;padding:0;list-style:none}
figure{margin:0}
address{font-style:normal}
dl,dd,dt{margin:0}

h1,h2,h3,h4{margin:0;line-height:1.2;letter-spacing:-.02em;font-weight:700;color:var(--ink)}
h1{font-size:clamp(2.1rem,4.4vw,3.4rem)}
h2{font-size:clamp(1.7rem,3vw,2.4rem)}
h3{font-size:clamp(1.05rem,1.6vw,1.25rem);letter-spacing:-.01em}
p{margin:0 0 1.1em}
p:last-child{margin-bottom:0}

/* Bölüm başlıkları — ağır, büyük harf, sıkı harf aralığı */
.section-head h2,.cta h2{
  font-weight:800;text-transform:uppercase;letter-spacing:-.01em;line-height:1.15;
}
/* İmza satırı: el yazısı yerine mercan italik — ek font isteği yok */
.script{
  display:block;font-style:italic;font-weight:500;color:var(--c-700);
  font-size:clamp(1.05rem,1.7vw,1.3rem);letter-spacing:.01em;margin-top:6px;
}

::selection{background:var(--g-300);color:var(--g-900)}

.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}
.container.narrow{max-width:820px}

.skip-link{
  position:absolute;left:-9999px;top:0;z-index:200;background:var(--g-700);color:#fff;
  padding:12px 20px;border-radius:0 0 var(--radius) 0;font-size:.9rem;font-weight:600;
}
.skip-link:focus{left:0}

:focus-visible{outline:2px solid var(--g-700);outline-offset:3px;border-radius:4px}

/* ---------- Ortak parçalar ---------- */

.eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--c-700);margin-bottom:18px;
}
.eyebrow::before{content:"";width:26px;height:2px;background:var(--c-500);display:block;flex:none;border-radius:2px}

.section{padding:clamp(58px,7vw,104px) 0}
.section--tight{padding:clamp(44px,5vw,72px) 0}
.section--line{border-top:1px solid var(--line)}
.section--soft{background:var(--g-50)}
.section--mint{background:linear-gradient(180deg,var(--g-50) 0%,#FFFFFF 100%)}
.section-head{max-width:760px;margin-bottom:clamp(34px,5vw,56px)}
.section-head--center{margin-left:auto;margin-right:auto;text-align:center}
.section-head--center .eyebrow{justify-content:center}
.section-head p{color:var(--grey);font-size:1.05rem;margin-top:16px}

.lead{font-size:1.1rem;color:var(--grey)}

/* Zengin metin */
.rte{color:var(--grey);font-size:1.02rem}
.rte p{margin-bottom:1.15em}
.rte h2{font-size:clamp(1.3rem,2vw,1.65rem);margin:1.6em 0 .6em;color:var(--ink)}
.rte h3{margin:1.4em 0 .5em;color:var(--ink)}
.rte ul,.rte ol{margin:0 0 1.2em;padding-left:22px}
.rte ul li{list-style:disc;margin-bottom:.5em}
.rte ol li{list-style:decimal;margin-bottom:.5em}
.rte a{color:var(--brand);text-decoration:underline;text-underline-offset:3px}
.rte strong{color:var(--ink)}
.rte blockquote{border-left:3px solid var(--brand);padding-left:24px;margin:1.6em 0;color:var(--ink);font-size:1.1rem}
.rte img{border-radius:var(--radius-lg);margin:1.4em 0}

.quote{
  border-left:3px solid var(--brand);padding:6px 0 6px 28px;margin:0;
  font-size:1.12rem;color:var(--ink);line-height:1.6;
}

/* ---------- Butonlar ---------- */

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:15px 28px;border-radius:var(--radius);border:1px solid transparent;
  font-size:.92rem;font-weight:600;cursor:pointer;white-space:nowrap;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.btn svg{width:17px;height:17px;flex:none}

/* Birincil: koyu yeşil — beyaz yazı 6.3:1 */
.btn-primary{background:var(--g-700);color:#fff;box-shadow:var(--shadow-brand)}
.btn-primary:hover{background:var(--g-800);transform:translateY(-2px);box-shadow:0 14px 30px rgba(47,107,58,.3)}

/* İkincil: adaçayı — büyük/kalın yazı için yeterli, dikkat çeker ama baskın değil */
.btn-sage{background:var(--g-500);color:#fff;box-shadow:0 8px 22px rgba(127,179,122,.36)}
.btn-sage:hover{background:var(--g-600);transform:translateY(-2px);box-shadow:0 14px 28px rgba(76,130,72,.34)}

/* Mercan: sıcak ikinci çağrı */
.btn-coral{background:var(--c-500);color:#5A2415;box-shadow:0 8px 22px rgba(240,161,140,.42)}
.btn-coral:hover{background:var(--c-300);transform:translateY(-2px)}

.btn-outline{background:#fff;color:var(--ink);border-color:var(--g-line)}
.btn-outline:hover{border-color:var(--g-600);color:var(--g-700);background:var(--g-50)}
.btn-ghost{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.34);backdrop-filter:blur(4px)}
.btn-ghost:hover{background:rgba(255,255,255,.24);border-color:#fff;transform:translateY(-2px)}
.btn-sm{padding:11px 20px;font-size:.85rem}
.btn-block{width:100%}

.link-arrow{
  display:inline-flex;align-items:center;gap:8px;color:var(--g-700);
  font-weight:600;font-size:.9rem;transition:gap .18s ease;
}
.link-arrow svg{width:15px;height:15px;flex:none}
.link-arrow:hover{gap:13px}

/* ---------- Üst şerit ---------- */

/* Yeşil şerit — beyaz yazı. Zemin --g-700 (beyaz yazı 6.3:1);
   referanstaki açık yeşil şeritte yazı okunmuyordu. */
.topbar{
  /* Degradenin açık ucu --g-600'de biter; daha açık bir yeşilde
     beyaz yazının kontrastı 3:1'in altına düşüyordu. */
  background:linear-gradient(100deg,var(--g-800) 0%,var(--g-700) 52%,var(--g-600) 100%);
  font-size:.82rem;color:rgba(255,255,255,.94);
}
/* Şerit HER DİLDE tek satır ve aynı yükseklikte kalır.
   İngilizce metinler Türkçeden uzun olduğu için önceden ikinci satıra
   sarıyor, altındaki header ve hero 40px aşağı kayıyordu. Çözüm:
   sarma tamamen kapatıldı; yer daralırsa öncelik sırasına göre
   önce adres, sonra saat gizlenir, belge adı da kırpılabilir. */
.topbar-inner{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  height:44px;flex-wrap:nowrap;
}
.topbar-list{display:flex;align-items:center;gap:18px;flex-wrap:nowrap;min-width:0}
.topbar-list:first-child{flex:1 1 auto;overflow:hidden}
.topbar-list:last-child{flex:0 0 auto}
.topbar-list span{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;flex:none}
/* Adres esneyebilir; taşarsa üç noktayla kısalır */
.topbar-adres{flex:0 1 auto;min-width:0;overflow:hidden}
.topbar-adres-metin{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar-list svg{width:15px;height:15px;color:rgba(255,255,255,.78);flex:none}
.topbar a{transition:color .15s ease}
.topbar a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}

.topbar-cert{
  display:inline-flex;align-items:center;gap:8px;padding:5px 14px;border-radius:var(--radius-pill);
  background:rgba(255,255,255,.16);color:#fff;font-weight:600;
  border:1px solid rgba(255,255,255,.26);
  transition:background .18s ease,border-color .18s ease;
}
.topbar-cert svg{color:#fff;flex:none}
/* Belge adı dile göre uzayabiliyor (İngilizcesi çok daha uzun);
   şeridi ikinci satıra düşürmemesi için gerektiğinde kırpılır. */
.topbar-cert{flex:0 1 auto;min-width:0;white-space:nowrap}
.topbar-cert-ad{
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(26vw,360px);
}
.lang-switch{flex:none}
/* Özgüllük notu: `.topbar a:hover` (0,2,1) sade bir `.topbar-cert:hover`
   (0,2,0) seçicisini yener. Seçici bilinçli olarak güçlendirildi. */
.topbar a.topbar-cert:hover{background:#fff;color:var(--g-800);text-decoration:none}
.topbar a.topbar-cert:hover svg{color:var(--g-700)}

/* ---------- Dil değiştirici (bayraklı) ---------- */

.bayrak{
  width:18px;height:18px;flex:none;border-radius:50%;display:block;
  overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.12);
}

/* Üst şeritteki hâli — beyaz çerçeveli ikili düğme */
.lang-switch{
  display:inline-flex;align-items:center;gap:2px;padding:2px;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);
  border-radius:var(--radius-pill);
}
.lang-opt{
  display:inline-flex;align-items:center;gap:4px;
  padding:3px 7px 3px 3px;border-radius:var(--radius-pill);
  font-size:.72rem;font-weight:700;letter-spacing:.06em;color:rgba(255,255,255,.82);
  transition:background .18s ease,color .18s ease,opacity .18s ease;
}
/* Etkin olmayan dilin bayrağı hafif soluk durur */
.lang-opt:not(.is-active) .bayrak{opacity:.72}
.lang-opt:hover{color:#fff;background:rgba(255,255,255,.16);text-decoration:none}
.lang-opt:hover .bayrak{opacity:1}
.lang-opt.is-active{background:#fff;color:var(--g-800)}

/* Header içindeki hâli — mobilde üst şerit gizlendiği için gerekli */
.lang-switch--head{
  display:none;background:var(--g-50);border-color:var(--g-line);
}
.lang-switch--head .lang-opt{color:var(--g-600);padding:4px 9px 4px 4px;font-size:.7rem}
.lang-switch--head .lang-opt:hover{background:var(--g-100);color:var(--g-800)}
.lang-switch--head .lang-opt.is-active{background:var(--g-700);color:#fff}

/* Mobil menü içindeki tam adlı seçim */
.nav-lang{display:none;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:16px}
.nav-lang-label{
  width:100%;font-size:.7rem;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted);margin-bottom:2px;
}
.nav-lang-opt{
  display:inline-flex;align-items:center;gap:10px;padding:10px 16px;
  border:1px solid var(--g-line);border-radius:var(--radius);
  font-size:.88rem;font-weight:600;color:var(--g-700);background:#fff;
}
.nav-lang-opt .bayrak{width:20px;height:20px}
.nav-lang-opt.is-active{background:var(--g-700);color:#fff;border-color:transparent}

/* Sosyal simgeler — dairesel, şeffaf beyaz */
.topbar-social{display:inline-flex;align-items:center;gap:8px}
.topbar-social a{
  width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
  background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.24);color:#fff;
  transition:background .18s ease,transform .18s ease;
}
.topbar-social a:hover{background:#fff;color:var(--g-700);transform:translateY(-2px)}
.topbar-social svg{width:15px;height:15px;color:currentColor}

/* ---------- Header ---------- */

.site-header{position:sticky;top:0;z-index:60;background:#fff;transition:box-shadow .25s ease}
.site-header.is-stuck{box-shadow:0 4px 24px rgba(31,63,38,.09)}
.header-inner{min-height:var(--header-h);display:flex;align-items:center;gap:18px;position:relative}

.brand{display:flex;align-items:center;gap:13px;flex:0 0 auto;min-width:0;max-width:250px}
/* Marka işareti: adaçayı/mercan iki tonlu diş — logonun kendisi */
.brand-mark{
  width:48px;height:48px;border-radius:16px;color:#fff;display:grid;place-items:center;flex:none;
  background:linear-gradient(140deg,var(--c-500) 0%,var(--c-300) 42%,var(--g-500) 100%);
  box-shadow:0 6px 16px rgba(127,179,122,.32);
}
.brand-mark svg{width:26px;height:26px}
.brand-text{display:flex;flex-direction:column;line-height:1.15;min-width:0;overflow:hidden}
.brand-text strong{font-size:1.02rem;font-weight:800;letter-spacing:-.025em;line-height:1.2}
.brand-text small{font-size:.68rem;color:var(--c-700);letter-spacing:.14em;text-transform:uppercase;margin-top:4px;white-space:nowrap;font-weight:600}

/* Menü */
/* .nav ve içindeki öğeler header yüksekliğini kaplar; böylece fare menü
   yazısından panele inerken .nav-item'ın dışına çıkmaz (hover kopmaz). */
/* Menü kalan alanı kaplar ve gerektiğinde daralır; marka ile sağdaki
   aksiyonlar arasında ortalanır. min-width:0 olmadan flex öğesi
   daralmaz ve satır taşar. */
.nav{display:flex;align-items:stretch;align-self:stretch;flex:1 1 auto;min-width:0;justify-content:center}
.nav-list{display:flex;align-items:stretch;gap:0;min-width:0}
.nav-item{display:flex;align-items:center}
/* İnce ayraç — referanstaki "|" etkisi, ama hizası şaşmaz */
.nav-item + .nav-item::before{
  content:"";width:1px;height:15px;background:var(--g-line);flex:none;align-self:center;
}
.nav-link{
  display:inline-flex;align-items:center;gap:6px;padding:10px 12px;border-radius:var(--radius-sm);
  font-size:.85rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;
  color:var(--g-600);white-space:nowrap;
  transition:color .15s ease,background .15s ease;
}
.nav-link:hover{color:var(--g-800);background:var(--g-50)}
.nav-link.is-active{color:var(--c-700)}
.nav-caret{width:14px;height:14px;transition:transform .2s ease}
.mega-toggle{display:none}

/* ---------- Basit açılır menü (alt öğesi olan başlıklar) ---------- */
.nav-drop{
  position:absolute;top:100%;left:50%;transform:translate(-50%,10px);
  min-width:240px;padding:8px;margin-top:14px;z-index:70;
  background:#fff;border:1px solid var(--g-line);border-radius:var(--radius-lg);
  box-shadow:var(--shadow-lg);
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .2s ease,transform .2s ease,visibility .2s;
}
/* Menü yazısı ile panel arasındaki boşluğu kaplayan şeffaf köprü —
   fare aşağı inerken hover kopmaz. */
.nav-drop::before{content:"";position:absolute;left:0;right:0;top:-22px;height:22px}
.nav-item.has-drop:hover .nav-drop,
.nav-item.has-drop.is-open .nav-drop,
.nav-item.has-drop:focus-within .nav-drop{
  opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0);
}
.nav-item.has-drop:hover .nav-caret,
.nav-item.has-drop.is-open .nav-caret{transform:rotate(180deg)}

.nav-drop a{
  display:block;padding:11px 14px;border-radius:var(--radius-sm);
  font-size:.88rem;font-weight:600;color:var(--g-700);
  transition:background .15s ease,color .15s ease;
}
.nav-drop a small{
  display:block;font-size:.76rem;font-weight:400;color:var(--muted);
  margin-top:3px;line-height:1.45;text-transform:none;letter-spacing:0;
}
.nav-drop a:hover{background:var(--g-50);color:var(--g-800)}
.nav-drop a.is-active{background:var(--g-100);color:var(--g-800)}

/* Mega menü */
/* Panel .header-inner'a göre konumlanır (menü öğesine göre DEĞİL).
   Menü öğesine göre ortalandığında sol taraftaki bir öğede panelin sağ
   kenarı ekranın dışına taşıyor, belge genişliğini büyütüyordu. */
.mega{
  position:absolute;top:100%;left:0;right:0;transform:translateY(10px);
  background:#fff;border:1px solid var(--line);
  border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .2s ease,transform .2s ease,visibility .2s;
  margin-top:14px;z-index:70;
}
/* Menü ile panel arasındaki görsel boşluğu kaplayan şeffaf köprü.
   .mega, .nav-item'ın çocuğu olduğu için burada gezinmek hover'ı canlı tutar. */
.mega::before{
  content:"";position:absolute;left:0;right:0;top:-22px;height:22px;
}
.nav-item.has-mega:hover .mega,
.nav-item.has-mega.is-open .mega,
.nav-item.has-mega:focus-within .mega{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.nav-item.has-mega:hover .nav-caret,
.nav-item.has-mega.is-open .nav-caret{transform:rotate(180deg)}

.mega-inner{display:grid;grid-template-columns:1fr 300px;gap:0;padding:0;max-width:none}
.mega-main{padding:30px 34px}
.mega-title{
  font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--muted);margin:0 0 18px;
}
.mega-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}
.mega-grid a{display:flex;gap:14px;padding:12px 14px;border-radius:var(--radius);transition:background .15s ease}
.mega-grid a:hover{background:var(--g-50)}
.mega-ico{width:40px;height:40px;border-radius:12px;background:var(--g-100);color:var(--g-700);display:grid;place-items:center;flex:none;transition:background .15s ease,color .15s ease}
.mega-grid a:hover .mega-ico{background:var(--c-500);color:#fff}
.mega-ico svg{width:20px;height:20px}
.mega-text{display:flex;flex-direction:column;min-width:0}
.mega-text strong{font-size:.9rem;font-weight:600;color:var(--ink);letter-spacing:-.01em}
.mega-text small{font-size:.78rem;color:var(--muted);line-height:1.45;margin-top:3px}
.mega-all{margin-top:20px}

.mega-side{
  padding:30px 28px;background:linear-gradient(160deg,var(--g-50) 0%,var(--c-50) 100%);
  border-left:1px solid var(--g-line);
  border-radius:0 var(--radius-lg) var(--radius-lg) 0;display:flex;flex-direction:column;
}
.mega-side-tag{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--c-700)}
.mega-side-title{font-size:1rem;font-weight:700;color:var(--ink);margin:12px 0 8px;line-height:1.35}
.mega-side-text{font-size:.82rem;color:var(--grey);margin-bottom:18px}
.mega-side-call{margin-top:auto;padding-top:20px;border-top:1px solid var(--g-line)}
.mega-side-call small{display:block;font-size:.72rem;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}
.mega-side-call a{font-size:1.05rem;font-weight:700;color:var(--g-700)}

.nav-mobile-extra{display:none}

/* Header sağ aksiyonlar */
.header-actions{display:flex;align-items:center;gap:12px;flex:none}

.cert-badge{
  display:flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid var(--g-line);
  border-radius:var(--radius);color:var(--ink);
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.cert-badge:hover{border-color:var(--g-600);box-shadow:var(--shadow);transform:translateY(-1px)}
.cert-badge svg{width:22px;height:22px;color:var(--g-600);flex:none}
.cert-badge span{display:flex;flex-direction:column;line-height:1.2}
.cert-badge b{font-size:.78rem;font-weight:700}
.cert-badge small{font-size:.66rem;color:var(--muted);margin-top:2px}

.hth-badge{
  display:flex;align-items:center;gap:11px;padding:7px 14px 7px 11px;
  border:1px solid var(--line);border-radius:var(--radius);background:#fff;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.hth-badge:hover{border-color:var(--g-line);box-shadow:var(--shadow);transform:translateY(-1px)}
.hth-badge img{width:60px;height:auto;flex:none}
.hth-badge-text{display:flex;flex-direction:column;line-height:1.2}
.hth-badge-text b{font-size:.78rem;font-weight:700;color:var(--ink)}
.hth-badge-text span{font-size:.66rem;color:var(--muted);margin-top:2px}

.nav-toggle{
  display:none;width:46px;height:46px;border:1px solid var(--g-line);background:var(--g-50);
  border-radius:var(--radius);cursor:pointer;padding:0;place-items:center;color:var(--g-700);
}
.nav-toggle svg{width:20px;height:20px}
.nav-toggle .icon-close{display:none}
.nav-toggle[aria-expanded="true"] .icon-open{display:none}
.nav-toggle[aria-expanded="true"] .icon-close{display:block}

.nav-overlay{position:fixed;inset:0;background:rgba(22,24,26,.4);z-index:55;opacity:0;transition:opacity .25s ease}
.nav-overlay.is-visible{opacity:1}

/* =========================================================
   Hero — degrade şerit · [slider metni + görsel] | [randevu formu]

   Referanstan farkı: orada degrade şeftaliden yeşile geçerken ortada
   çamurlu bir bant oluşuyor ve form yeşil üstünde yeşil kalıyordu.
   Burada degrade açık tonlarda tutuldu, form katı beyaz zeminde.
   ========================================================= */

.hero{position:relative;overflow:hidden;isolation:isolate}
.hero-bg{
  position:absolute;inset:0;z-index:-2;
  background:linear-gradient(104deg,
    var(--c-300) 0%, #FBDDD1 26%, #F3EDDF 48%, #DCEBD6 72%, var(--g-300) 100%);
}
/* Yumuşak ışık lekeleri — düz degradeye derinlik katar */
.hero-bg::before,.hero-bg::after{content:"";position:absolute;border-radius:50%}
.hero-bg::before{
  top:-22%;left:-8%;width:46%;padding-bottom:46%;
  background:radial-gradient(circle,rgba(255,255,255,.62) 0%,rgba(255,255,255,0) 68%);
}
.hero-bg::after{
  bottom:-30%;right:-6%;width:52%;padding-bottom:52%;
  background:radial-gradient(circle,rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 66%);
}

.hero-inner{
  display:grid;grid-template-columns:minmax(0,1fr) 372px;
  gap:clamp(28px,3.5vw,52px);align-items:center;
  padding:clamp(40px,5vw,72px) 24px clamp(44px,5vw,76px);
}

.hero-main{position:relative;min-width:0}

.slides{display:grid}
.slide{
  grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(10px);
  transition:opacity .55s ease,transform .55s ease,visibility .55s;
}
.slide.is-active{opacity:1;visibility:visible;transform:none;position:relative;z-index:2}
.slide-inner{
  display:grid;grid-template-columns:minmax(0,1fr) 300px;
  gap:clamp(24px,2.5vw,36px);align-items:center;
}
.slide-text{min-width:0}
.slide-title{
  font-size:clamp(1.9rem,3.4vw,3rem);font-weight:800;letter-spacing:-.03em;
  line-height:1.1;margin:0 0 18px;color:var(--g-900);text-transform:uppercase;
}
.slide-title em{
  display:block;font-style:normal;text-transform:none;font-weight:600;
  letter-spacing:-.015em;color:var(--c-700);font-size:.62em;margin-top:8px;
}
.slide-lead{font-size:1.05rem;color:var(--g-800);max-width:44ch}
.slide-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.slide-actions .btn{padding:13px 18px;font-size:.85rem}
.slide-media{position:relative;min-width:0}
.slide-img{
  width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center top;
  border-radius:120px 120px var(--radius-lg) var(--radius-lg);
  border:6px solid rgba(255,255,255,.6);background:#fff;
  box-shadow:0 22px 50px rgba(31,63,38,.16);
}

/* ---------- Arka planı silinmiş (şeffaf) görseller ----------
   img_tag(), medya kaydındaki has_alpha bayrağını görünce .is-cutout
   sınıfını ekler. Bu görseller ÇERÇEVEYE ALINMAZ ve KIRPILMAZ:
   kutuya sığdırılır, zemine oturur, altına yumuşak bir gölge düşer.
   Aksi hâlde object-fit:cover portrenin bacaklarını kesiyor,
   beyaz çerçeve de saydam zemini bozuyordu. */
.slide-img.is-cutout{
  /* Sabit 3/4 kutu yerine görselin kendi oranı: portre tam boy görünür.
     max-height, çok uzun bir görselin hero'yu şişirmesini engeller. */
  aspect-ratio:auto;width:100%;height:auto;
  /* Yükseklik genişlikten türer → kutu ile görsel oranı aynı olur, boşluk kalmaz.
     max-height yalnızca aşırı uzun bir görselin hero'yu şişirmesine karşı emniyet. */
  max-height:min(70vh,640px);
  object-fit:contain;object-position:center bottom;
  border:0;background:transparent;border-radius:0;box-shadow:none;
  filter:drop-shadow(0 20px 28px rgba(31,63,38,.24));
}
/* Diğer alanlarda da saydam görsel kırpılmasın */
.portrait-img.is-cutout,
.treatment-img.is-cutout,
.detail-img.is-cutout,
.cert-img.is-cutout{
  object-fit:contain;background:transparent;
}
.tcard-img.is-cutout{object-fit:contain;object-position:center 30%;padding:18px 18px 92px}

.slider-controls{display:flex;align-items:center;gap:14px;margin-top:32px;position:relative;z-index:3}
.slider-btn{
  width:44px;height:44px;border:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.6);
  border-radius:50%;display:grid;place-items:center;cursor:pointer;color:var(--g-800);
  backdrop-filter:blur(6px);
  transition:background .18s ease,color .18s ease,transform .18s ease;
}
.slider-btn:hover{background:#fff;color:var(--g-700);transform:translateY(-2px)}
.slider-btn svg{width:18px;height:18px}
.slider-dots{display:flex;gap:8px}
.slider-dot{
  width:26px;height:5px;border:0;border-radius:3px;background:rgba(255,255,255,.7);cursor:pointer;padding:0;
  transition:background .2s ease,width .2s ease;
}
.slider-dot.is-active{background:var(--g-700);width:42px}

/* ---------- Hero randevu formu ---------- */

.hero-aside{min-width:0}
.hero-form{
  background:#fff;border-radius:var(--radius-lg);padding:clamp(24px,2.4vw,32px);
  box-shadow:0 24px 60px rgba(31,63,38,.18);border:1px solid rgba(255,255,255,.9);
}
.hero-form-title{
  font-size:1.3rem;font-weight:800;text-transform:uppercase;letter-spacing:-.01em;
  color:var(--g-800);text-align:center;margin-bottom:6px;
}
.hero-form-sub{font-size:.86rem;color:var(--muted);text-align:center;margin-bottom:20px}
.hero-form .field{margin-bottom:14px}
.hero-form .field label{font-size:.78rem;color:var(--g-800);font-weight:600}
.hero-form .req{color:var(--c-700)}
.hero-form input,.hero-form select{
  background:var(--g-50);border-color:var(--g-line);border-radius:var(--radius-sm);padding:12px 14px;
}
.hero-form .btn{margin-top:4px}
.hero-form-note{font-size:.74rem;color:var(--muted);text-align:center;margin-top:12px;line-height:1.5}

/* ---------- Değer şeridi ---------- */

.strip{background:#fff;padding:clamp(34px,4vw,56px) 0}
.strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.strip-item{
  padding:28px 26px;border-radius:var(--radius-lg);background:var(--g-50);
  border:1px solid var(--g-line);
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease;
}
.strip-item:hover{transform:translateY(-4px);box-shadow:var(--shadow);background:#fff}
.strip-ico{
  display:grid;place-items:center;width:52px;height:52px;border-radius:16px;
  background:#fff;color:var(--g-700);margin-bottom:18px;
  box-shadow:0 4px 12px rgba(31,63,38,.08);
}
.strip-item:hover .strip-ico{background:var(--c-500);color:#fff}
.strip-ico svg{width:26px;height:26px}
.strip-title{font-size:1.02rem;margin-bottom:8px;font-weight:700}
.strip-item p{font-size:.88rem;color:var(--grey);margin:0}

/* ---------- Kartlar ---------- */

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{
  border:1px solid var(--g-line);border-radius:var(--radius-lg);background:#fff;
  padding:32px 30px;display:flex;flex-direction:column;position:relative;
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.card:hover{border-color:var(--g-300);box-shadow:var(--shadow);transform:translateY(-4px)}
.card--accent{background:linear-gradient(155deg,var(--g-50) 0%,var(--c-50) 100%);border-color:transparent}
.card--accent .card-icon{background:#fff}
.card-icon{
  width:56px;height:56px;border-radius:16px;background:var(--g-100);
  display:grid;place-items:center;color:var(--g-700);margin-bottom:22px;flex:none;
  transition:background .2s ease,color .2s ease;
}
.card:hover .card-icon{background:var(--c-500);color:#fff}
.card-icon svg{width:27px;height:27px}
.card h3{margin-bottom:12px}
.card p{font-size:.92rem;color:var(--grey);margin-bottom:22px}
.card .link-arrow,.card-cta{margin-top:auto}
.card-cta{align-self:flex-start}
/* Kart tamamı tıklanabilir */
.card-link::after{content:"";position:absolute;inset:0}
.card:hover .link-arrow{gap:13px}

/* ---------- Tedavi kartları (görselli, üzerine yazılı) ----------
   Referansta kartların bir kısmı mercan filtreli, bir kısmı çıplak
   fotoğraftı; başlıklar bazılarında okunmuyordu. Burada TÜM kartlara
   aynı koyu yeşil perde uygulanır — başlık her görselde okunur. */

.tcards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.tcard{
  position:relative;border-radius:var(--radius-lg);overflow:hidden;isolation:isolate;
  min-height:360px;display:flex;flex-direction:column;justify-content:flex-end;
  padding:26px 24px;background:var(--g-100);
  transition:transform .28s cubic-bezier(.22,.8,.3,1),box-shadow .28s ease;
}
.tcard:hover{transform:translateY(-6px);box-shadow:0 24px 48px rgba(31,63,38,.2)}
.tcard-img{
  position:absolute;inset:0;z-index:-2;width:100%;height:100%;
  object-fit:cover;object-position:center 32%;
  transition:transform .6s cubic-bezier(.22,.8,.3,1);
}
.tcard:hover .tcard-img{transform:scale(1.06)}
/* Perde iki katmanlı: ince genel ton + güçlü alt degrade.
   Böylece hekim ister koyu fotoğraf ister açık çizim yüklesin,
   başlık her zaman okunur kalır (referansın başaramadığı nokta). */
.tcard::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:
    linear-gradient(180deg, rgba(23,48,29,0) 30%, rgba(23,48,29,.55) 62%, rgba(23,48,29,.93) 100%),
    linear-gradient(180deg, rgba(23,48,29,.24) 0%, rgba(23,48,29,.30) 100%);
}
.tcard-no{
  position:absolute;top:18px;left:22px;z-index:1;
  font-size:.72rem;font-weight:700;letter-spacing:.1em;color:#4A1D10;
  background:var(--c-500);padding:5px 12px;border-radius:var(--radius-pill);
  box-shadow:0 4px 12px rgba(0,0,0,.18);
}
.tcard h3{color:#fff;font-size:1.18rem;font-weight:700;margin-bottom:8px;text-shadow:0 2px 10px rgba(0,0,0,.4)}
.tcard p{
  font-size:.86rem;color:rgba(255,255,255,.9);margin:0 0 18px;text-shadow:0 1px 8px rgba(0,0,0,.35);
  display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.tcard-btn{
  display:inline-flex;align-items:center;gap:9px;align-self:flex-start;
  padding:11px 20px;border-radius:var(--radius-pill);
  background:#fff;color:var(--g-800);
  font-size:.82rem;font-weight:600;
  transition:background .2s ease,color .2s ease,gap .2s ease;
}
.tcard-btn svg{width:15px;height:15px;flex:none}
.tcard:hover .tcard-btn{background:var(--c-500);color:#4A1D10;gap:13px}
.tcard-link::after{content:"";position:absolute;inset:0;z-index:2}

.tcards-more{display:flex;justify-content:center;margin-top:30px}

/* Kartların altındaki randevu şeridi */
.tcards-promo{
  margin-top:34px;padding:28px 32px;border-radius:var(--radius-lg);
  background:linear-gradient(102deg,var(--g-50) 0%,var(--c-50) 100%);
  border:1px solid var(--g-line);
  display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;
}
.tcards-promo h3{font-size:1.15rem;margin-bottom:6px;color:var(--g-800)}
.tcards-promo p{font-size:.92rem;color:var(--grey);margin:0;max-width:62ch}

/* ---------- Tedavi süreci (numaralı adımlar) ----------
   Referansta hayalet rakamlar zeminle neredeyse aynı tondaydı ve
   okunmuyordu; burada rakam kartın sağ üstünde net ama geride durur. */

.steps{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px 44px;position:relative;
}
.step{
  position:relative;background:#fff;border:1px solid var(--g-line);
  border-radius:var(--radius-lg);padding:28px 26px 26px;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.step:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--g-300)}
.step-no{
  position:absolute;right:18px;bottom:10px;
  font-size:3.9rem;font-weight:800;line-height:.85;letter-spacing:-.05em;
  color:var(--g-100);pointer-events:none;user-select:none;
}
.step:hover .step-no{color:var(--c-300)}
.step h3{position:relative;font-size:1.05rem;margin-bottom:10px;color:var(--g-800)}
.step p{position:relative;font-size:.87rem;color:var(--grey);margin:0}

/* Kartlar arası mercan ok — yalnızca satır içinde, satır sonunda değil */
.step::after{
  content:"";position:absolute;top:50%;right:-30px;width:16px;height:16px;
  border-top:2px solid var(--c-500);border-right:2px solid var(--c-500);
  transform:translateY(-50%) rotate(45deg);border-radius:2px;
}
.step:nth-child(4n)::after,.step:last-child::after{display:none}

/* ---------- Kurumsal güvence ---------- */

.guarantee{background:#fff}
.guarantee-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(36px,5vw,72px);align-items:start}
.guarantee-intro .lead{margin-top:18px}

.guarantee-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:34px 0;padding-top:28px;border-top:1px solid var(--line)}
.guarantee-stats dt{font-size:2rem;font-weight:800;color:var(--g-700);letter-spacing:-.04em;line-height:1}
.guarantee-stats dd{font-size:.82rem;color:var(--muted);margin-top:8px;line-height:1.45}
.guarantee-stats--inline{margin-bottom:0}

.guarantee-actions{display:flex;flex-wrap:wrap;gap:14px}

.guarantee-list{
  border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;
  box-shadow:var(--shadow);overflow:hidden;
}
.guarantee-list li{display:flex;gap:16px;padding:22px 26px;border-bottom:1px solid var(--line-soft)}
.guarantee-list li:last-child{border-bottom:0}
.guarantee-list li:hover{background:var(--brand-soft)}
.guarantee-ico{width:26px;height:26px;color:var(--brand);flex:none;display:grid;place-items:center;margin-top:2px}
.guarantee-ico svg{width:20px;height:20px}
.guarantee-list strong{display:block;font-size:.96rem;font-weight:600;color:var(--ink);letter-spacing:-.01em}
.guarantee-list span{display:block;font-size:.85rem;color:var(--muted);margin-top:4px}

/* ---------- Belge bölümü ---------- */

.cert-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(34px,5vw,68px);align-items:center}
.cert-row{padding:clamp(36px,4vw,56px) 0;border-bottom:1px solid var(--line);align-items:start}
.cert-row .cert-visual{position:sticky;top:calc(var(--header-h) + 24px)}
.cert-row:last-of-type{border-bottom:0}
.cert-visual{position:relative}
.cert-img{
  width:100%;max-height:620px;object-fit:contain;object-position:center;
  border:1px solid var(--line);border-radius:var(--radius-lg);
  box-shadow:var(--shadow-lg);background:#fff;
}
.cert-stamp{
  position:absolute;right:-16px;bottom:-16px;width:76px;height:76px;border-radius:50%;
  background:linear-gradient(140deg,var(--g-600),var(--g-800));color:#fff;display:grid;place-items:center;
  box-shadow:0 10px 30px rgba(47,107,58,.3);
}
.cert-stamp svg{width:32px;height:32px}
.cert-body h2{margin-bottom:16px}
.cert-meta{margin:28px 0;border-top:1px solid var(--line)}
.cert-meta li{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line);font-size:.9rem}
.cert-meta span{color:var(--muted)}
.cert-meta strong{color:var(--ink);text-align:right}
.cert-actions{display:flex;flex-wrap:wrap;gap:14px}

.pdf-frame{margin-top:28px;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:var(--soft)}
.pdf-frame object{width:100%;height:520px;display:block}
.pdf-frame p{padding:24px;font-size:.9rem;color:var(--muted)}

.verify-box{
  margin-top:44px;border:1px solid var(--brand-line);background:var(--brand-soft);border-radius:var(--radius-lg);
  padding:clamp(26px,3vw,40px);display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;
}
.verify-box h2{font-size:clamp(1.2rem,2vw,1.5rem);margin-bottom:8px}
.verify-box p{color:var(--grey);font-size:.95rem;margin:0;max-width:60ch}

/* ---------- Hakkımızda ---------- */

.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(36px,5vw,72px);align-items:start}
.about-portrait{border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:var(--soft)}
.portrait-img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center top}
.about-body h2{margin-bottom:20px}

/* ---------- Tedavi listesi ---------- */

.treatment{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(32px,5vw,68px);align-items:center;
  padding:clamp(44px,5vw,68px) 0;border-bottom:1px solid var(--line);
}
.treatment:last-of-type{border-bottom:0}
.treatment:nth-of-type(even) .treatment-media{order:-1}
.treatment-no{display:inline-block;font-size:.74rem;font-weight:700;letter-spacing:.14em;color:var(--brand);margin-bottom:14px}
.treatment h2{font-size:clamp(1.35rem,2.2vw,1.85rem);margin-bottom:18px;position:relative}
.treatment .rte{margin-bottom:22px}
.treatment-media{position:relative}
/* Yüklenen fotoğraflar farklı oranlarda olabilir; sabit 3:2 çerçeve ve
   object-fit ile tüm kartlar aynı hizada durur, görsel bozulmaz. */
.treatment-img{
  width:100%;aspect-ratio:3/2;object-fit:cover;object-position:center;
  border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;
}

/* ---------- Klinik blokları ----------
   Görsel ile metin dönüşümlü yerleşir; blok sayısı panelden değiştiğinde
   sıralama kendiliğinden düzelir (nth-of-type). */

.clinic-block{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(32px,5vw,68px);align-items:center;
  padding:clamp(44px,5vw,72px) 0;border-bottom:1px solid var(--line);
  scroll-margin-top:calc(var(--header-h) + 24px);
}
.clinic-block:last-of-type{border-bottom:0}
/* Tek numaralı bloklarda görsel sola geçer */
.clinic-block:nth-of-type(even) .clinic-media{order:-1}

.clinic-body h2{font-size:clamp(1.35rem,2.2vw,1.9rem);margin-bottom:16px}
.clinic-summary{margin-bottom:18px;color:var(--g-800)}
.clinic-body .rte{font-size:.98rem}

.clinic-media{position:relative;min-width:0}
.clinic-img{
  width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center;
  border-radius:var(--radius-lg);background:var(--g-50);
  border:1px solid var(--g-line);
}
.clinic-media figcaption{
  font-size:.82rem;color:var(--muted);margin-top:12px;text-align:center;
}
/* Şeffaf zeminli görsel yüklenirse kırpılmaz */
.clinic-img.is-cutout{object-fit:contain;background:transparent;border-color:transparent}

/* ==================================================================
 | Öncesi & Sonrası
 |
 | Her vaka tam genişlikte bir kart; içinde iki kare yan yana ve
 | aralarında mercan bir ok. Dar ekranda kareler alt alta iner,
 | ok 90 derece döner — okuma sırası bozulmaz.
 * ================================================================== */

.ba-liste{display:grid;gap:clamp(28px,3.5vw,48px);padding-bottom:clamp(20px,3vw,40px)}

.ba-vaka{
  background:#fff;border:1px solid var(--g-line);border-radius:var(--radius-lg);
  padding:clamp(22px,2.6vw,34px);
  scroll-margin-top:calc(var(--header-h) + 24px);
  transition:box-shadow .25s ease,border-color .25s ease;
}
.ba-vaka:hover{box-shadow:var(--shadow);border-color:var(--g-300)}

/* ---- Başlık satırı ---- */
.ba-basi{display:flex;align-items:flex-start;gap:18px;margin-bottom:clamp(18px,2vw,26px)}
.ba-no{
  flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;
  background:var(--g-100);color:var(--g-800);
  font-size:1rem;font-weight:800;letter-spacing:-.02em;
}
.ba-basi-metin{min-width:0}
.ba-basi-metin .eyebrow{margin-bottom:8px}
.ba-basi h2{font-size:clamp(1.2rem,2vw,1.6rem);margin-bottom:8px}
.ba-ozet{font-size:.98rem;color:var(--grey);margin:0;max-width:74ch}

/* ---- İkili görsel ---- */
.ba-ikili{
  display:grid;grid-template-columns:1fr auto 1fr;
  align-items:center;gap:clamp(12px,1.6vw,20px);
}
.ba-kare{position:relative;margin:0;min-width:0;border-radius:var(--radius);overflow:hidden}
.ba-img{
  width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center;
  background:var(--g-50);display:block;
}
.ba-bos{width:100%;aspect-ratio:4/3;background:var(--g-50);border:1px dashed var(--g-line);border-radius:var(--radius)}
.ba-kare--once .ba-img{border:2px solid var(--c-line)}
.ba-kare--sonra .ba-img{border:2px solid var(--g-300)}

/* Köşe rozeti — hangi kare hangisi, bir bakışta */
.ba-rozet{
  position:absolute;top:12px;left:12px;z-index:1;
  padding:5px 13px;border-radius:var(--radius-pill);
  font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  box-shadow:0 3px 10px rgba(31,63,38,.18);
}
.ba-rozet--once{background:var(--c-500);color:#4A1D10}
.ba-rozet--sonra{background:var(--g-700);color:#fff}

.ba-ok{
  flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;
  background:var(--c-50);border:1px solid var(--c-line);color:var(--c-700);
}
.ba-ok svg{width:20px;height:20px}

/* ---- Alt bilgi ---- */
.ba-alt{
  margin-top:clamp(18px,2vw,26px);padding-top:clamp(16px,1.8vw,22px);
  border-top:1px solid var(--line);
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(18px,2.5vw,36px);align-items:start;
}
.ba-detay{font-size:.95rem}
.ba-kunye{display:grid;gap:14px;min-width:190px}
.ba-kunye dt{
  font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--muted);margin-bottom:4px;
}
.ba-kunye dd{margin:0;font-size:.94rem;font-weight:600;color:var(--ink)}

/* ---- Yasal uyarı ---- */
.ba-uyari{
  display:flex;align-items:flex-start;gap:12px;
  background:var(--g-50);border:1px solid var(--g-line);border-radius:var(--radius);
  padding:16px 20px;font-size:.86rem;color:var(--grey);margin:0;
}
.ba-uyari svg{width:19px;height:19px;flex:none;color:var(--g-600);margin-top:1px}

/* ---- Anasayfa şeridi ---- */
.ba-anasayfa{display:grid;gap:clamp(22px,2.6vw,34px)}
.ba-anasayfa .ba-vaka{padding:clamp(18px,2.2vw,26px)}
.ba-anasayfa .ba-basi{margin-bottom:18px}
.ba-anasayfa .ba-no{width:40px;height:40px;font-size:.92rem}
.ba-anasayfa .ba-alt{display:none}
.ba-more{display:flex;justify-content:center;margin-top:clamp(28px,3vw,42px)}

/* ---------- Tedavi detay ---------- */

.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(32px,4vw,58px);align-items:start}
.detail-figure{margin-bottom:34px}
.detail-img{
  width:100%;aspect-ratio:3/2;object-fit:cover;object-position:center;
  border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;
}
.detail-figure figcaption{font-size:.82rem;color:var(--muted);margin-top:12px}
.detail-side{position:sticky;top:calc(var(--header-h) + 24px)}
.side-card{border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px;background:#fff;box-shadow:var(--shadow)}
.side-title{font-size:1.05rem;margin-bottom:10px}
.side-card > p{font-size:.9rem;color:var(--muted);margin-bottom:20px}
.side-card .btn{margin-bottom:10px}
.side-meta{margin-top:24px;padding-top:22px;border-top:1px solid var(--line);font-size:.85rem}
.side-meta dt{color:var(--muted);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;margin-top:14px}
.side-meta dt:first-child{margin-top:0}
.side-meta dd{color:var(--ink);margin-top:5px;line-height:1.55}

/* ---------- Galeri ---------- */

.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.gallery-item{
  border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:#fff;
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.gallery-item:hover{border-color:var(--g-300);box-shadow:var(--shadow);transform:translateY(-5px)}
.gallery-img{width:100%;aspect-ratio:1/1;object-fit:cover}
.gallery-item figcaption{padding:16px 18px 20px;font-size:.9rem;font-weight:600;color:var(--ink)}
.gallery-tag{
  display:block;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--brand);margin-bottom:6px;
}

/* ==================================================================
 | Video galeri
 |
 | Dikey (Shorts) ve yatay videolar AYRI şeritlerde durur; tek ızgarada
 | karıştırılınca satır yükseklikleri tutmuyor ve dağınık görünüyor.
 * ================================================================== */

/* Esnek kutu ızgara değil: satır tam dolmadığında (örn. 5 sütunda 4 video)
   kartlar sola yaslanıp sağda boşluk bırakmasın, ortalansın diye. */
.video-serit{--vsutun:5;--varalik:clamp(14px,1.6vw,22px);
  display:flex;flex-wrap:wrap;justify-content:center;gap:var(--varalik)}
.video-serit > .video-kart{
  flex:0 1 calc((100% - var(--varalik) * (var(--vsutun) - 1)) / var(--vsutun));
}
.video-serit + .video-serit{margin-top:clamp(20px,2.4vw,32px)}
.video-serit--kisa{--vsutun:5}
.video-serit--uzun{--vsutun:3}
/* Tek başına kalan yatay video kart genişliğinin yarısı kadar büyüsün */
.video-serit--uzun > .video-kart:only-child{flex-basis:min(640px,100%)}

.video-kart{position:relative;min-width:0}

/* Kapak + oynat düğmesi tek bir button — tüm kart tıklanabilir */
.video-yuzey{
  position:relative;display:block;width:100%;padding:0;border:0;cursor:pointer;
  border-radius:var(--radius-lg);overflow:hidden;background:var(--g-100);
  isolation:isolate;
  transition:transform .28s cubic-bezier(.22,.8,.3,1),box-shadow .28s ease;
}
.video-yuzey:hover{transform:translateY(-5px);box-shadow:0 22px 44px rgba(31,63,38,.22)}

.video-kapak{
  width:100%;height:100%;object-fit:cover;object-position:center;display:block;
  transition:transform .6s cubic-bezier(.22,.8,.3,1);
}
.video-kart--kisa .video-yuzey{aspect-ratio:9/16}
.video-kart:not(.video-kart--kisa) .video-yuzey{aspect-ratio:16/9}
.video-yuzey:hover .video-kapak{transform:scale(1.05)}

/* Yazının okunması için alt perde — her kapakta çalışır */
.video-perde{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(23,48,29,0) 38%,rgba(23,48,29,.5) 66%,rgba(23,48,29,.92) 100%);
}

.video-rozet{
  position:absolute;top:12px;left:12px;
  padding:4px 11px;border-radius:var(--radius-pill);
  background:var(--c-500);color:#4A1D10;
  font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  box-shadow:0 3px 10px rgba(0,0,0,.2);
}

.video-oynat{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  display:grid;place-items:center;width:62px;height:62px;border-radius:50%;
  background:rgba(255,255,255,.94);color:var(--g-800);
  box-shadow:0 8px 26px rgba(0,0,0,.28);
  transition:transform .25s cubic-bezier(.22,.8,.3,1),background .2s ease,color .2s ease;
}
.video-oynat svg{width:26px;height:26px;margin-left:3px}
.video-yuzey:hover .video-oynat{transform:translate(-50%,-50%) scale(1.1);background:var(--g-700);color:#fff}

/* Nabız halkası — dikkat çeker ama rahatsız etmez */
.video-oynat::after{
  content:"";position:absolute;inset:-6px;border-radius:50%;
  border:2px solid rgba(255,255,255,.6);opacity:0;
  animation:videoNabiz 2.8s cubic-bezier(.22,.8,.3,1) infinite;
}
@keyframes videoNabiz{
  0%{transform:scale(.9);opacity:.7} 70%{transform:scale(1.4);opacity:0} 100%{opacity:0}
}

.video-metin{
  position:absolute;left:0;right:0;bottom:0;padding:16px 16px 18px;
  display:flex;flex-direction:column;gap:5px;text-align:left;
}
.video-metin strong{
  color:#fff;font-size:.95rem;font-weight:700;line-height:1.35;
  text-shadow:0 2px 10px rgba(0,0,0,.45);
  display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.video-metin small{
  color:rgba(255,255,255,.84);font-size:.78rem;line-height:1.45;
  text-shadow:0 1px 8px rgba(0,0,0,.4);
  display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.video-kart--kisa .video-metin{padding:14px}
.video-kart--kisa .video-metin strong{font-size:.88rem}

/* Oynatılırken: gömülü çerçeve kartın yerini alır */
.video-yuzey iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-kart.oynuyor .video-yuzey{cursor:default;transform:none;box-shadow:var(--shadow-lg)}
.video-kart.oynuyor .video-yuzey:hover{transform:none}

.video-noscript{
  display:block;margin-top:8px;text-align:center;
  font-size:.82rem;font-weight:600;color:var(--g-700);text-decoration:underline;
}

@media (prefers-reduced-motion:reduce){
  .video-oynat::after{animation:none}
}

/* ---------- SSS ---------- */

.faq-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,4vw,60px);align-items:start}
.faq-list{border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item summary{
  display:flex;align-items:flex-start;justify-content:space-between;gap:20px;
  padding:22px 0;cursor:pointer;list-style:none;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary h3{font-size:1.02rem;font-weight:600;margin:0}
.faq-icon{position:relative;width:20px;height:20px;flex:none;margin-top:3px}
.faq-icon::before,.faq-icon::after{
  content:"";position:absolute;background:var(--c-700);border-radius:2px;transition:transform .25s ease,opacity .25s ease;
}
.faq-icon::before{top:9px;left:0;width:20px;height:2px}
.faq-icon::after{top:0;left:9px;width:2px;height:20px}
.faq-item[open] .faq-icon::after{transform:rotate(90deg);opacity:0}
.faq-answer{padding:0 40px 24px 0;color:var(--grey);font-size:.97rem}

/* ---------- İletişim ---------- */

.contact-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(34px,5vw,60px);align-items:start}
.info-list li{display:flex;gap:16px;padding:22px 0;border-bottom:1px solid var(--line)}
.info-list li:first-child{padding-top:0}
.info-list .ico{width:46px;height:46px;border-radius:14px;background:var(--g-100);color:var(--g-700);display:grid;place-items:center;flex:none}
.info-list .ico svg{width:19px;height:19px}
.info-label{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:5px}
.info-list a,.info-list p,.info-list address{font-size:1rem;color:var(--ink);margin:0;line-height:1.6}
.info-list a:hover{color:var(--brand)}

.contact-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}

.form-card{border:1px solid var(--line);border-radius:var(--radius-lg);padding:clamp(26px,3vw,38px);background:#fff;box-shadow:var(--shadow)}
.form-title{font-size:1.15rem;margin-bottom:8px}
.form-sub{color:var(--muted);font-size:.9rem;margin-bottom:24px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.field{margin-bottom:18px}
.field label{display:block;font-size:.8rem;font-weight:600;color:var(--grey);margin-bottom:8px}
.field input,.field select,.field textarea{
  width:100%;padding:13px 15px;border:1px solid var(--line);border-radius:var(--radius);
  font-family:inherit;font-size:.95rem;color:var(--ink);background:#fff;
  transition:border-color .15s ease,box-shadow .15s ease;
}
.field textarea{min-height:118px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--g-600);box-shadow:0 0 0 3px rgba(76,130,72,.16);background:#fff}
.form-note{font-size:.78rem;color:var(--muted);margin-top:14px}

/* Koyu form kartı — iletişim sayfasının odak noktası.
   Referanstaki lacivert kutu paletin dışındaydı; burada koyu yeşil. */
.form-card--dark{
  background:linear-gradient(158deg,var(--g-800) 0%,var(--g-900) 100%);
  border-color:transparent;box-shadow:0 24px 60px rgba(31,63,38,.28);
}
.form-card--dark .form-title{color:#fff;text-transform:uppercase;font-weight:800;letter-spacing:-.01em}
.form-card--dark .form-sub{color:rgba(255,255,255,.68)}
.form-card--dark .field label{color:rgba(255,255,255,.86)}
.form-card--dark .field input,
.form-card--dark .field select,
.form-card--dark .field textarea{
  background:rgba(255,255,255,.94);border-color:transparent;color:var(--ink);
}
.form-card--dark .field input:focus,
.form-card--dark .field select:focus,
.form-card--dark .field textarea:focus{
  background:#fff;border-color:var(--c-500);box-shadow:0 0 0 3px rgba(240,161,140,.35);
}
.form-card--dark .btn-primary{background:var(--g-500);color:#122A18;box-shadow:0 10px 26px rgba(0,0,0,.24)}
.form-card--dark .btn-primary:hover{background:var(--c-500);color:#4A1D10}
.form-card--dark .form-note{color:rgba(255,255,255,.72)}
.form-card--dark .form-note a{color:var(--c-300)}
.form-card--dark .alert-ok{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.24)}
.form-card--dark .alert-err{background:rgba(255,255,255,.94);color:#96412A;border-color:transparent}
.form-note a{color:var(--brand);text-decoration:underline}
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* ---------- Form başarı paneli ----------
   Gönderim sonrası formun yerini alır. Yeşil onay halkası önce çizilir,
   ardından tik çizgisi geçer; hareket kısıtlaması açıksa animasyon durur. */

.form-success{text-align:center;padding:14px 4px 6px}

/* Çapa hedefleri: geniş ekranda kart zaten görünür durumdayken tarayıcı
   birkaç piksel kaydırıp üst şeridi kırpıyordu. Bol pay verilince yüksek
   ekranda hiç kaymaz, dar ekranda mesajın başına düzgün konumlanır. */
#randevu,#form{scroll-margin-top:clamp(120px,22vh,240px)}

.ok-check{display:block;width:78px;height:78px;margin:0 auto 20px}
.ok-check svg{width:100%;height:100%;display:block}
.ok-check-ring{
  stroke:var(--g-600);stroke-width:3;
  stroke-dasharray:151;stroke-dashoffset:151;
  transform-origin:50% 50%;transform:rotate(-90deg);
  animation:okRing .55s cubic-bezier(.65,0,.45,1) forwards;
}
.ok-check-tick{
  stroke:var(--g-700);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;
  stroke-dasharray:36;stroke-dashoffset:36;
  animation:okTick .32s cubic-bezier(.65,0,.45,1) .45s forwards;
}
@keyframes okRing{to{stroke-dashoffset:0}}
@keyframes okTick{to{stroke-dashoffset:0}}

.form-success-title{
  font-size:1.22rem;font-weight:800;color:var(--g-800);
  letter-spacing:-.02em;margin:0 0 8px;
  animation:okIn .4s ease .6s both;
}
.form-success-text{
  font-size:.94rem;color:var(--grey);margin:0 auto 22px;max-width:34ch;
  animation:okIn .4s ease .68s both;
}
@keyframes okIn{from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:none}}

.form-success-tel{
  display:inline-flex;align-items:center;gap:10px;
  padding:13px 24px;border-radius:var(--radius-pill);
  background:var(--g-50);border:1px solid var(--g-line);
  font-size:1rem;font-weight:700;color:var(--g-800);
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.form-success-tel svg{width:17px;height:17px;flex:none;color:var(--g-600)}
.form-success-tel:hover{background:#fff;border-color:var(--g-600);transform:translateY(-2px)}

.form-success-note{font-size:.78rem;color:var(--muted);margin:12px 0 0}

.form-success-again{
  display:inline-flex;align-items:center;gap:8px;margin-top:22px;
  padding-top:18px;border-top:1px solid var(--line);width:100%;justify-content:center;
  font-size:.84rem;font-weight:600;color:var(--g-700);
  transition:gap .18s ease,color .18s ease;
}
.form-success-again svg{width:15px;height:15px;flex:none}
.form-success-again:hover{gap:12px;color:var(--g-800)}

/* Koyu form kartı içindeki başarı paneli */
.form-card--dark .form-success-title{color:#fff}
.form-card--dark .form-success-text{color:rgba(255,255,255,.78)}
.form-card--dark .form-success-note{color:rgba(255,255,255,.6)}
.form-card--dark .ok-check-ring{stroke:var(--g-300)}
.form-card--dark .ok-check-tick{stroke:#fff}
.form-card--dark .form-success-tel{
  background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.24);color:#fff;
}
.form-card--dark .form-success-tel svg{color:var(--c-300)}
.form-card--dark .form-success-tel:hover{background:#fff;color:var(--g-800);border-color:transparent}
.form-card--dark .form-success-tel:hover svg{color:var(--g-600)}
.form-card--dark .form-success-again{color:var(--c-300);border-top-color:rgba(255,255,255,.16)}
.form-card--dark .form-success-again:hover{color:#fff}

@media (prefers-reduced-motion:reduce){
  .ok-check-ring,.ok-check-tick{animation:none;stroke-dashoffset:0}
  .form-success-title,.form-success-text{animation:none}
}

.alert{padding:14px 18px;border-radius:var(--radius);font-size:.9rem;margin-bottom:22px}
.alert-ok{background:var(--g-50);color:var(--g-800);border:1px solid var(--g-line)}
.alert-err{background:var(--c-50);color:#96412A;border:1px solid var(--c-line)}

.map-embed{border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:16/7;background:var(--soft)}
.map-embed iframe{width:100%;height:100%;border:0;display:block}

/* ---------- Sayfa başlığı ---------- */

.page-head{padding:clamp(40px,5vw,70px) 0 clamp(32px,4vw,48px);border-bottom:1px solid var(--line)}
.page-head h1{max-width:24ch}
.page-head > .container > p{color:var(--muted);font-size:1.05rem;margin-top:18px;max-width:68ch}
.page-figure{margin-bottom:32px;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}

.breadcrumb{margin-bottom:18px;font-size:.8rem;color:var(--muted)}
.breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:9px}
.breadcrumb li{display:flex;align-items:center;gap:9px}
.breadcrumb .sep{color:#C9CBCE}
.breadcrumb a:hover{color:var(--brand)}

/* =========================================================
   Instagram akışı — footer'ın üstünde
   Gönderiler Instagram API'sinden gelir, sunucuda önbelleklenir.
   Anahtar girilmemişse yalnızca profil kartı kalır (--sade).
   ========================================================= */

.ig-bolum{
  --ig-aralik:clamp(10px,1.1vw,16px);
  padding:clamp(56px,6vw,86px) 0 clamp(52px,5.5vw,76px);
  background:linear-gradient(180deg,#fff 0%,var(--g-50) 100%);
  border-top:1px solid var(--g-line);
}
.ig-bolum--sade{padding-bottom:clamp(44px,4.5vw,60px)}

.ig-ust{
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:clamp(20px,3vw,44px);margin-bottom:clamp(26px,3vw,38px);flex-wrap:wrap;
}
.ig-metin{max-width:52ch;min-width:0}
.ig-metin h2{margin:8px 0 0;font-size:clamp(1.5rem,2.6vw,2.15rem);line-height:1.18}
.ig-metin p{margin:12px 0 0;color:var(--muted);font-size:.96rem;line-height:1.7}

/* ---- Profil kartı ---- */

.ig-profil{
  display:flex;align-items:center;gap:14px;flex:none;
  padding:12px 12px 12px 14px;background:#fff;
  border:1px solid var(--g-line);border-radius:var(--radius-pill);
  box-shadow:0 10px 26px rgba(31,63,38,.07);
  transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s ease,border-color .22s ease;
}
.ig-profil:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(31,63,38,.14);border-color:var(--c-line)}

/* Instagram'ın kendi renk geçişini taşıyan halka */
.ig-halka{
  width:58px;height:58px;flex:none;border-radius:50%;padding:2.5px;display:grid;place-items:center;
  background:conic-gradient(from 210deg,#F5C443,#E9743E,#D62E7E,#8C3BB5,#3E63D6,#F5C443);
}
.ig-halka img,.ig-halka-ikon{
  width:100%;height:100%;border-radius:50%;object-fit:cover;
  display:grid;place-items:center;background:#fff;border:2.5px solid #fff;
}
.ig-halka-ikon{color:#B33A78}
.ig-halka-ikon svg{width:24px;height:24px}

.ig-profil-metin{display:flex;flex-direction:column;min-width:0;line-height:1.35}
.ig-profil-metin strong{font-size:.98rem;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ig-profil-metin small{font-size:.8rem;color:var(--muted);margin-top:2px}

.ig-takip{
  flex:none;margin-left:4px;padding:11px 20px;border-radius:var(--radius-pill);
  background:var(--brand);color:#fff;font-size:.85rem;font-weight:600;white-space:nowrap;
  transition:background .18s ease;
}
.ig-profil:hover .ig-takip{background:var(--brand-dark)}

/* ---- Gönderi ızgarası ---- */

.ig-izgara{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ig-aralik);
}
.ig-kutu{min-width:0}
.ig-kutu > a{
  position:relative;display:block;aspect-ratio:1/1;overflow:hidden;
  border-radius:var(--radius-lg);background:var(--g-100);
  box-shadow:0 8px 22px rgba(31,63,38,.08);
  transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease;
}
.ig-kutu > a:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(31,63,38,.2)}
.ig-kutu > a:focus-visible{outline:3px solid var(--brand);outline-offset:3px}

.ig-gorsel{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .5s cubic-bezier(.22,1,.36,1),filter .3s ease;
}
.ig-kutu > a:hover .ig-gorsel{transform:scale(1.07)}

/* Video / albüm rozeti */
.ig-tur{
  position:absolute;top:11px;right:11px;z-index:2;
  width:28px;height:28px;border-radius:9px;display:grid;place-items:center;
  background:rgba(14,28,17,.42);color:#fff;backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}
.ig-tur svg{width:15px;height:15px}

/* Üstüne gelince açılan perde */
.ig-perde{
  position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;
  gap:6px;padding:16px;color:#fff;
  background:linear-gradient(to top,rgba(14,28,17,.9) 0%,rgba(14,28,17,.55) 45%,rgba(14,28,17,0) 100%);
  opacity:0;transition:opacity .28s ease;
}
.ig-kutu > a:hover .ig-perde,.ig-kutu > a:focus-visible .ig-perde{opacity:1}
.ig-perde em{
  font-style:normal;font-size:.82rem;line-height:1.5;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.ig-perde time{font-size:.72rem;color:rgba(255,255,255,.66);letter-spacing:.03em}

/* ---- Instagram'ın resmî gömme kartları (elle eklenen gönderiler) ----
   Kartın yüksekliği görselin oranına bağlıdır; üstteki hesap satırı ve
   alttaki beğeni/yorum çubuğu sabit ~205px yer kaplar. padding-bottom
   yüzdesi elemanın GENİŞLİĞİNE göre hesaplandığı için bu formül her
   ekran genişliğinde birebir tutar — iframe ne kırpılır ne boşluk bırakır. */
.ig-gomme-serit{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(14px,1.6vw,22px);align-items:start;
}
.ig-gomme{
  position:relative;height:0;min-width:0;
  padding-bottom:calc(100% * var(--ig-oran, 1) + 205px);
  border-radius:var(--radius-lg);overflow:hidden;background:#fff;
  border:1px solid var(--g-line);box-shadow:0 10px 26px rgba(31,63,38,.08);
  transition:transform .26s cubic-bezier(.22,1,.36,1),box-shadow .26s ease;
}
.ig-gomme:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(31,63,38,.16)}
.ig-gomme iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}

@media (prefers-reduced-motion:reduce){
  .ig-gomme{transition:none}
  .ig-gomme:hover{transform:none}
}

.ig-dipnot{margin:clamp(22px,2.6vw,32px) 0 0;text-align:center}
.ig-dipnot a{
  display:inline-flex;align-items:center;gap:8px;
  font-size:.9rem;font-weight:600;color:var(--brand-dark);
  border-bottom:1px solid transparent;padding-bottom:2px;transition:border-color .18s ease;
}
.ig-dipnot a:hover{border-color:var(--brand)}
.ig-dipnot svg{width:15px;height:15px}

@media (prefers-reduced-motion:reduce){
  .ig-kutu > a,.ig-gorsel,.ig-profil{transition:none}
  .ig-kutu > a:hover{transform:none}
}

/* ---------- CTA ---------- */

.cta{background:linear-gradient(102deg,var(--g-50) 0%,var(--c-50) 100%);border-top:1px solid var(--g-line)}
.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:34px;flex-wrap:wrap;padding:clamp(42px,5vw,64px) 24px}
.cta h2{max-width:20ch}
.cta p{color:var(--grey);margin-top:12px;max-width:52ch}
.cta-actions{display:flex;gap:14px;flex-wrap:wrap}

/* ---------- Footer — koyu yeşil zemin ---------- */

.site-footer{
  background:linear-gradient(165deg,var(--g-900) 0%,#1A3620 100%);
  color:rgba(255,255,255,.74);padding-top:clamp(54px,6vw,78px);
}
.site-footer h2,.site-footer strong,.site-footer b{color:#fff}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:44px;padding-bottom:50px}
.footer-brand .brand{margin-bottom:20px}
.footer-brand .brand-text small{color:var(--c-300)}
.footer-about{font-size:.9rem;color:rgba(255,255,255,.66);max-width:38ch}
.footer-address{font-size:.9rem;color:rgba(255,255,255,.66);margin-top:16px;line-height:1.75}
.footer-address a:hover{color:var(--c-300)}
.footer-social{display:flex;gap:10px;margin-top:20px}
.footer-social a{
  width:36px;height:36px;border-radius:50%;display:grid;place-items:center;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);color:#fff;
  font-size:.72rem;font-weight:600;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}
.footer-social a:hover{background:var(--c-500);color:#4A1D10;border-color:transparent;transform:translateY(-2px)}
.footer-social svg{width:16px;height:16px}

.footer-heading{
  font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:#fff;
  margin-bottom:20px;font-weight:700;display:flex;align-items:center;gap:10px;
}
.footer-heading::after{content:"";height:2px;flex:1;background:rgba(255,255,255,.12);border-radius:2px}
.footer-col ul{display:grid;gap:11px}
.footer-col a{font-size:.9rem;color:rgba(255,255,255,.66);transition:color .15s ease,padding-left .15s ease}
.footer-col a:hover{color:var(--c-300);padding-left:4px}

.hth-footer{
  display:block;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-lg);
  padding:22px;background:rgba(255,255,255,.06);
  transition:border-color .18s ease,background .18s ease;
}
.hth-footer:hover{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.1)}
.hth-footer img{width:120px;margin-bottom:16px;background:#fff;border-radius:10px;padding:8px}
.hth-footer b{display:block;font-size:.9rem;margin-bottom:6px}
.hth-footer span{display:block;font-size:.8rem;color:rgba(255,255,255,.62);line-height:1.55}
.hth-footer .link-arrow{margin-top:14px;font-size:.82rem;display:inline-flex;color:var(--c-300)}

.cert-footer{
  display:flex;align-items:center;gap:13px;margin-top:14px;padding:16px 18px;
  border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-lg);
  background:rgba(255,255,255,.06);
  transition:border-color .18s ease,background .18s ease;
}
.cert-footer:hover{border-color:var(--c-500);background:rgba(255,255,255,.1)}
.cert-footer svg{width:26px;height:26px;color:var(--c-300);flex:none}
.cert-footer span{display:flex;flex-direction:column}
.cert-footer b{font-size:.85rem;line-height:1.35}
.cert-footer small{font-size:.75rem;color:rgba(255,255,255,.6);margin-top:3px}

.footer-bottom{
  border-top:1px solid rgba(255,255,255,.12);padding:24px 0;display:flex;align-items:center;
  justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:.82rem;color:rgba(255,255,255,.56);
}
.footer-bottom nav{display:flex;gap:22px;flex-wrap:wrap}
.footer-bottom a:hover{color:var(--c-300)}

/* ---------- Yapımcı imzası — sayfanın en altı ----------
   Footer'dan bir ton daha koyu ince bir şerit. Ortada iki yana açılan
   saç teli çizgi, ortasında marka adı. Amaç: göze batmadan var olmak. */

.imza{background:#162C1B;padding:26px 0 30px}
.imza-inner{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}

.imza-rozet{
  display:inline-flex;align-items:center;gap:12px;
  color:rgba(255,255,255,.62);text-decoration:none;
  font-size:.82rem;letter-spacing:.02em;
}
.imza-onek{
  font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;
  color:rgba(255,255,255,.4);transition:color .25s ease;
}
.imza-rozet strong{
  color:#fff;font-weight:600;letter-spacing:.01em;
  /* Alt çizgi hover'da soldan sağa büyür */
  background-image:linear-gradient(var(--c-500),var(--c-500));
  background-repeat:no-repeat;background-position:0 100%;background-size:0 1px;
  transition:background-size .34s cubic-bezier(.22,1,.36,1);
  padding-bottom:2px;
}
/* Ok yalnızca hover'da belirir. Genişliği de 0'dan açılır — aksi hâlde
   görünmezken bile yer kaplar ve şerit ortalanmamış görünür. */
.imza-ok{
  width:0;height:13px;flex:none;color:var(--c-500);overflow:visible;
  opacity:0;transform:translate(-4px,3px);
  transition:opacity .28s ease,width .28s cubic-bezier(.22,1,.36,1),
             transform .28s cubic-bezier(.22,1,.36,1);
}
/* İki yandaki saç teli çizgiler dışa doğru soluyor */
.imza-cizgi{
  width:clamp(28px,7vw,74px);height:1px;flex:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22));
  transition:width .34s cubic-bezier(.22,1,.36,1);
}
.imza-cizgi + .imza-onek{margin-left:-2px}
.imza-rozet .imza-cizgi:last-child{background:linear-gradient(90deg,rgba(255,255,255,.22),transparent)}

.imza-rozet:hover strong,.imza-rozet:focus-visible strong{background-size:100% 1px}
.imza-rozet:hover .imza-onek,.imza-rozet:focus-visible .imza-onek{color:var(--c-300)}
.imza-rozet:hover .imza-ok,.imza-rozet:focus-visible .imza-ok{opacity:1;width:13px;transform:translate(0,0)}
.imza-rozet:hover .imza-cizgi,.imza-rozet:focus-visible .imza-cizgi{width:clamp(36px,9vw,96px)}
.imza-rozet:focus-visible{outline:2px solid var(--c-500);outline-offset:6px;border-radius:4px}

.imza-not{
  font-size:.76rem;line-height:1.7;color:rgba(255,255,255,.36);
  max-width:84ch;margin:0;text-wrap:balance;
}
.imza-not .imza-marka{
  color:rgba(255,255,255,.62);border-bottom:1px solid rgba(255,255,255,.2);
  padding-bottom:1px;transition:color .18s ease,border-color .18s ease;
}
.imza-not .imza-marka:hover{color:#fff;border-color:var(--c-500)}

@media (prefers-reduced-motion:reduce){
  .imza-rozet strong,.imza-ok,.imza-cizgi{transition:none}
}

/* =========================================================
   Sabit hızlı iletişim butonları
   WhatsApp + telefon SOLDA, "yukarı çık" SAĞDA — referanstaki
   sağa yığılmış dikey sekmeler kaldırıldı, ekran kenarı ferah.
   ========================================================= */

.fab-stack{
  position:fixed;left:20px;bottom:20px;z-index:65;
  display:flex;flex-direction:column-reverse;align-items:flex-start;gap:12px;
  /* Kaydırma beklemeden, sayfa açılır açılmaz görünür */
  animation:fabIn .5s cubic-bezier(.22,.8,.3,1) .25s both;
}
@keyframes fabIn{
  from{opacity:0;transform:translateY(16px) scale(.9)}
  to  {opacity:1;transform:none}
}

.fab{
  --fab-size:58px;
  position:relative;display:flex;align-items:center;
  height:var(--fab-size);min-width:var(--fab-size);
  padding:0;border-radius:50px;color:#fff;
  font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;
  transition:padding .28s cubic-bezier(.22,.8,.3,1),
             box-shadow .25s ease, transform .2s ease;
}
.fab-ico{
  width:var(--fab-size);height:var(--fab-size);flex:none;
  display:grid;place-items:center;
}
.fab-ico svg{width:26px;height:26px}
.fab-label{
  max-width:0;opacity:0;overflow:hidden;
  transition:max-width .28s cubic-bezier(.22,.8,.3,1),opacity .2s ease,margin .28s ease;
}
.fab:hover,.fab:focus-visible{transform:translateY(-2px)}
.fab:hover .fab-label,
.fab:focus-visible .fab-label{max-width:240px;opacity:1;margin-right:24px}

/* WhatsApp — marka rengi korunur (tanınırlık), biçim temayla aynı */
.fab-whatsapp{
  background:linear-gradient(145deg,#25D366 0%,#1EBE5A 55%,#12A150 100%);
  box-shadow:0 8px 24px rgba(18,161,80,.34);
}
.fab-whatsapp:hover{box-shadow:0 12px 30px rgba(18,161,80,.42)}

/* Sürekli ama yumuşak nabız halkası */
.fab-whatsapp::before{
  content:"";position:absolute;inset:0;border-radius:50px;
  border:2px solid #25D366;opacity:0;
  animation:fabPulse 2.6s cubic-bezier(.22,.8,.3,1) infinite;
}
@keyframes fabPulse{
  0%   {transform:scale(1);opacity:.55}
  70%  {transform:scale(1.35);opacity:0}
  100% {transform:scale(1.35);opacity:0}
}

.fab-call{
  background:linear-gradient(145deg,var(--g-600) 0%,var(--g-700) 60%,var(--g-800) 100%);
  box-shadow:0 8px 24px rgba(47,107,58,.32);
}
.fab-call:hover{box-shadow:0 12px 30px rgba(47,107,58,.42)}

/* ---------- Başa dön (sağ alt) ---------- */

.to-top{
  position:fixed;right:20px;bottom:20px;z-index:64;
  width:52px;height:52px;border-radius:50%;border:0;padding:0;cursor:pointer;
  display:grid;place-items:center;color:#fff;
  background:linear-gradient(150deg,var(--g-800),var(--g-900));
  box-shadow:0 10px 26px rgba(31,63,38,.34);
  opacity:0;visibility:hidden;transform:translateY(14px);
  transition:opacity .3s ease,transform .3s ease,visibility .3s,background .2s ease;
}
.to-top.is-visible{opacity:1;visibility:visible;transform:none}
.to-top:hover{background:var(--c-500);color:#4A1D10;transform:translateY(-3px)}
.to-top svg{width:20px;height:20px}

@media (prefers-reduced-motion:reduce){
  .fab-stack{animation:none}
  .fab-whatsapp::before{animation:none}
}

/* Mobil menü açıkken sabit butonlar panelin üstünde kalmasın */
body.nav-acik .fab-stack,
body.nav-acik .to-top{opacity:0;visibility:hidden;pointer-events:none}

/* Telefonla arama masaüstünde anlamsız; orada header butonu var */
@media (min-width:1151px){
  .fab-call{display:none}
}
@media (max-width:520px){
  .fab-stack{left:14px;bottom:14px;gap:10px}
  .fab{--fab-size:52px}
  .fab-ico svg{width:23px;height:23px}
  .to-top{right:14px;bottom:14px;width:46px;height:46px}
}

/* İletişim listesinde WhatsApp simgesi marka renginde */
.info-list .ico-whatsapp{background:#E8F8EE;color:#12A150}
.info-list .ico-whatsapp svg{width:20px;height:20px}

/* ---------- Animasyon ---------- */

.reveal{opacity:0;transform:translateY(16px)}
.reveal.is-visible{opacity:1;transform:none;transition:opacity .6s ease,transform .6s ease}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none}
  *{transition-duration:.01ms !important;animation-duration:.01ms !important}
}

/* =========================================================
   Duyarlı düzen
   ========================================================= */

@media (max-width:1280px){
  /* Hero: fotoğraf metnin altına iner, form sağda kalır */
  .slide-inner{grid-template-columns:1fr;gap:26px}
  .slide-media{max-width:340px}
  .slide-img{aspect-ratio:16/10;border-radius:var(--radius-lg)}
  .tcards{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 44px}
  .step:nth-child(4n)::after{display:block}
  .step:nth-child(2n)::after,.step:last-child::after{display:none}
}

/* Üst şeritte yer daralınca öncelik sırası: adres ve saat ikincil bilgidir,
   ikisi de footer ve iletişim sayfasında zaten var. Telefon ve e-posta kalır. */
@media (max-width:1450px){
  .topbar-saat{display:none}
}
@media (max-width:1250px){
  .topbar-adres{display:none}
}

/* ------------------------------------------------------------------
   HEADER — kademeli daraltma

   Menüye yeni bölüm eklendikçe satır sıkışır. Öncelik sırası:
     1) menü aralıkları ve yazı boyu küçülür
     2) Health Türkiye rozetinin yazısı gider
     3) rozet tamamen gider
     4) "Randevu Al" butonu gider (telefon üst şeritte duruyor)
     5) 1150px altında menü tamamen mobil çekmeceye taşınır
   ------------------------------------------------------------------ */
@media (max-width:1600px){
  .nav-link{padding:10px 11px;font-size:.83rem}
  .header-inner{gap:16px}
  .header-actions{gap:10px}
}

@media (max-width:1520px){
  .hth-badge-text{display:none}
  .hth-badge{padding:7px 10px}
  .nav-link{padding:10px 9px;font-size:.81rem}
}

@media (max-width:1400px){
  .hth-badge{display:none}
}

@media (max-width:1300px){
  .header-actions .btn{display:none}
  .nav-link{padding:10px 8px;font-size:.8rem}
}

@media (max-width:1160px){
  .cert-badge span{display:none}
  .brand-text small{display:none}
  /* Bu genişlikte marka + menü + rozet + buton aynı satıra sığmıyordu ve
     buton ekranın dışına taşıyordu. Telefon numarası zaten üst şeritte,
     randevu formu da hero'da duruyor; header butonu burada gizlenir. */
  .header-actions .btn{display:none}
  .hth-badge,.cert-badge{padding:8px 12px}
  .nav-list{gap:0}
  .nav-link{padding:9px 9px;font-size:.86rem}
  .header-inner{gap:14px}
  .brand-text strong{font-size:.95rem}
}

@media (max-width:1024px){
  :root{--header-h:72px}
  .guarantee-grid,.about-grid,.contact-grid,.faq-wrap,.detail-grid,.cert-grid{grid-template-columns:1fr}
  .detail-side{position:static}
  .about-portrait{max-width:440px}
  .cards{grid-template-columns:repeat(2,1fr)}
  .strip-grid{grid-template-columns:repeat(2,1fr)}
  /* Hero tek sütuna iner: metin → fotoğraf → randevu formu */
  .hero-inner{grid-template-columns:1fr;gap:34px}
  .hero-aside{max-width:520px;width:100%}
  /* Tek sütuna inince görsel ortalanır; kesilmiş portre daha dar tutulur ki
     sayfayı boyuna gereğinden fazla uzatmasın. */
  .slide-media{max-width:420px;margin-inline:auto}
  .slide-media:has(.is-cutout){max-width:300px}
  .treatment{grid-template-columns:1fr}
  .treatment:nth-of-type(even) .treatment-media{order:0}
  .clinic-block{grid-template-columns:1fr;gap:28px}
  .clinic-block:nth-of-type(even) .clinic-media{order:0}
  .clinic-media{max-width:560px}
  .ba-alt{grid-template-columns:1fr}
  .ba-kunye{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}
  .video-serit--kisa{--vsutun:3}
  .video-serit--uzun{--vsutun:2}
  .ig-izgara{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ig-gomme-serit{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ig-ust{align-items:flex-start;flex-direction:column}
  .ig-profil{align-self:stretch}
  .gallery-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr;gap:36px}
  .cert-stamp{width:58px;height:58px;right:-10px;bottom:-10px}
  .cert-stamp svg{width:26px;height:26px}
}

@media (max-width:1150px){
  .topbar{display:none}
  .nav-toggle{display:grid}
  /* Üst şerit gizlenince dil değiştirici header'a ve mobil menüye taşınır */
  .lang-switch--head{display:inline-flex}
  .nav-lang{display:flex}

  .nav{
    position:fixed;top:var(--header-h);right:0;bottom:0;width:min(400px,88vw);
    background:#fff;border-left:1px solid var(--line);flex-direction:column;align-items:stretch;
    padding:16px 22px 32px;overflow-y:auto;z-index:60;
    transform:translateX(100%);transition:transform .28s ease;
  }
  .nav.is-open{transform:none;box-shadow:-18px 0 50px rgba(22,24,26,.1)}
  .nav{align-self:auto}
  .nav-list{flex-direction:column;align-items:stretch;gap:0;width:100%}
  .nav-item{display:block;position:relative;border-bottom:1px solid var(--line-soft)}
  .mega::before{display:none}
  .nav-link{padding:15px 4px;border-radius:0;font-size:1rem;justify-content:flex-start}
  .nav-caret{display:none}

  .mega-toggle{
    display:grid;place-items:center;position:absolute;right:0;top:4px;
    width:44px;height:44px;border:1px solid var(--line);background:#fff;border-radius:var(--radius);
    cursor:pointer;color:var(--grey);padding:0;
  }
  .mega-toggle svg{width:18px;height:18px;transition:transform .25s ease}
  .mega-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}

  .mega{
    position:static;transform:none;width:auto;max-width:none;border:0;box-shadow:none;margin:0;
    left:auto;right:auto;
    opacity:1;visibility:visible;pointer-events:auto;
    display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease;
  }

  /* Açılır menü mobilde akordiyon olur — mega menüyle aynı davranış */
  .nav-drop{
    position:static;transform:none;min-width:0;margin:0;padding:0;
    border:0;box-shadow:none;background:transparent;
    opacity:1;visibility:visible;pointer-events:auto;
    display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease;
    overflow:hidden;
  }
  .nav-drop::before{display:none}
  .nav-item.has-drop:hover .nav-drop{transform:none}
  .nav-item.has-drop.is-open .nav-drop{grid-template-rows:1fr;padding-bottom:10px}
  .nav-drop > li{min-height:0;overflow:hidden}
  .nav-drop a{padding:11px 8px 11px 18px;border-left:2px solid var(--g-line);border-radius:0}
  .nav-drop a.is-active{background:transparent;border-left-color:var(--g-700)}
  .nav-item.has-mega:hover .mega{transform:none}
  .nav-item.has-mega.is-open .mega{grid-template-rows:1fr}
  .mega-inner{grid-template-columns:1fr;overflow:hidden;min-height:0}
  .mega-main{padding:4px 0 16px}
  .mega-title{display:none}
  .mega-grid{grid-template-columns:1fr;gap:0}
  .mega-grid a{padding:11px 8px}
  .mega-side{display:none}
  .nav-mobile-extra{display:grid;gap:10px;margin-top:24px}
  .header-actions .btn{display:none}
  body{padding-bottom:84px}
}

@media (max-width:640px){
  .container{padding:0 20px}
  .cards,.gallery-grid,.tcards{grid-template-columns:1fr}
  /* Kareler alt alta; ok yatay yerine dikey yönü gösterir */
  .video-serit--kisa{--vsutun:2;--varalik:12px}
  .video-serit--uzun{--vsutun:1}
  .ig-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ig-gomme-serit{grid-template-columns:1fr}
  /* Dar ekranda profil kartı tek satıra sığmaz: takip butonu alta iner */
  .ig-profil{flex-wrap:wrap;border-radius:var(--radius-lg);padding:14px;justify-content:flex-start}
  .ig-takip{margin-left:0;width:100%;text-align:center}
  .imza-cizgi{display:none}
  .imza-not{font-size:.74rem}
  .video-oynat{width:52px;height:52px}
  .video-oynat svg{width:22px;height:22px}
  .ba-ikili{grid-template-columns:1fr;gap:14px}
  .ba-ok{transform:rotate(90deg);justify-self:center;width:38px;height:38px}
  .ba-basi{gap:14px}
  .ba-no{width:38px;height:38px;font-size:.88rem}
  .ba-kunye{grid-template-columns:1fr}
  .strip-grid{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr;gap:16px}
  .step::after{display:none}
  .step-no{font-size:3.6rem;right:16px;bottom:-8px}
  .guarantee-stats{grid-template-columns:1fr;gap:18px}
  .guarantee-stats div{display:flex;align-items:baseline;gap:14px}
  .guarantee-stats dd{margin-top:0}
  .form-row{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .slide-actions .btn,.cta-actions .btn{flex:1 1 100%}
  .cert-meta li{flex-direction:column;gap:4px}
  .cert-meta strong{text-align:left}
  .pdf-frame object{height:420px}
  .brand-text small{display:none}
  .slider-controls{padding-bottom:22px}
}

/* Çok dar cihazlar (320–360 px): marka küçülür, gerekirse iki satıra sarar */
@media (max-width:380px){
  .brand-mark{width:34px;height:34px;border-radius:12px}
  .brand-mark svg{width:19px;height:19px}
  .brand-text strong{font-size:.8rem;white-space:normal}
  .brand{gap:9px;max-width:none}
  .header-inner{gap:8px}
  .nav-toggle{width:38px;height:38px}
  .container{padding:0 14px}
}

@media (max-width:520px){
  /* Dar telefonlarda header'da yalnızca marka + dil + menü kalır.
     Health Türkiye rozeti footer'da ve belgeler sayfasında zaten var. */
  .hth-badge{display:none}
  /* Dar telefonlarda dil kodu gizlenir, bayrak kalır */
  .lang-switch--head .lang-opt{padding:4px 6px;gap:0}
  .lang-switch--head .lang-kod{display:none}
  .header-inner{gap:10px}
  .header-actions{gap:8px}
  .brand-mark{width:38px;height:38px}
  .brand-mark svg{width:21px;height:21px}
  .brand-text strong{font-size:.9rem}
  .hth-badge{padding:6px 9px}
  .hth-badge img{width:44px}
  .cert-badge{padding:7px 9px}
  .nav-toggle{width:40px;height:40px}
}

/* ---------- İçerik künyesi (inceleyen hekim + güncelleme) ---------- */
.byline{
  display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;
  margin-top:20px;padding-top:18px;border-top:1px solid var(--line);
  font-size:.82rem;color:var(--muted);
}
.byline-item{display:inline-flex;align-items:center;gap:7px}
.byline-item svg{width:15px;height:15px;color:var(--brand);flex:none}
.byline strong{color:var(--ink);font-weight:600}
.byline a:hover strong{color:var(--brand)}
.byline time{color:var(--ink)}

/* Tedaviler listesinde özet paragrafı */
.treatment-summary{margin-bottom:22px}