/* ============================================================
   Op. Dr. Ersan Semerci - Genel Cerrahi, Mersin
   Tasarım dili: Klasik Prestij (lacivert + altın)
   ============================================================ */

:root{
  --navy:#0E2540;
  --navy-deep:#08182B;
  --navy-soft:#16324F;
  --gold:#C8A65D;
  --gold-light:#E3CB97;
  --gold-dark:#A98842;
  --ivory:#FBF9F5;
  --stone:#EEE9DF;
  --line:#DCD5C7;
  --ink:#16212E;
  --muted:#5D6C7B;
  --white:#fff;
  --wa:#25D366;

  --serif:"Cormorant Garamond", Georgia, "Times New Roman", serif;
  --sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  --wrap:1180px;
  --r:2px;
  --shadow:0 18px 50px -22px rgba(8,24,43,.38);
  --shadow-sm:0 8px 24px -14px rgba(8,24,43,.35);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
a,button{-webkit-tap-highlight-color:rgba(200,166,93,.25)}
html{scroll-behavior:smooth; scroll-padding-top:96px}
body{
  margin:0; background:var(--ivory); color:var(--ink);
  font-family:var(--sans); font-size:17px; line-height:1.75;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden; overflow-x:clip; /* clip destekleyen tarayıcılarda sticky bozulmaz */
}
img{max-width:100%; display:block}
a{color:inherit; text-decoration:none}
h1,h2,h3,h4{font-family:var(--serif); font-weight:600; line-height:1.15; margin:0; letter-spacing:.01em}
p{margin:0 0 1.1em}
.wrap{max-width:var(--wrap); margin:0 auto; padding:0 26px}

/* ---------- ortak parçalar ---------- */
.eyebrow{
  font-family:var(--sans); font-size:12px; font-weight:600;
  letter-spacing:.22em; text-transform:uppercase; color:var(--gold-dark);
  display:flex; align-items:center; gap:14px; margin-bottom:18px;
}
.eyebrow::after{content:""; flex:1; height:1px; background:linear-gradient(90deg,var(--line),transparent); max-width:120px}
.eyebrow.center{justify-content:center}
.eyebrow.center::before{content:""; flex:1; height:1px; background:linear-gradient(270deg,var(--line),transparent); max-width:120px}
.on-navy .eyebrow{color:var(--gold-light)}
.on-navy .eyebrow::after,.on-navy .eyebrow::before{background:linear-gradient(90deg,rgba(200,166,93,.5),transparent)}

.h-sec{font-size:clamp(30px,4.2vw,46px); letter-spacing:-.01em}
.lead{font-size:18px; color:var(--muted); max-width:64ch}
.section{padding:96px 0}
.section--tight{padding:72px 0}
.center{text-align:center}
.center .lead{margin-left:auto; margin-right:auto}

.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  padding:15px 30px; border-radius:var(--r); font-size:14.5px; font-weight:600;
  letter-spacing:.05em; text-transform:uppercase; border:1px solid transparent;
  transition:.25s ease; cursor:pointer; font-family:var(--sans);
}
.btn--gold{background:var(--gold); color:var(--navy-deep); border-color:var(--gold)}
.btn--gold:hover{background:var(--gold-light); border-color:var(--gold-light); transform:translateY(-2px)}
.btn--ghost{background:transparent; color:var(--white); border-color:rgba(255,255,255,.38)}
.btn--ghost:hover{border-color:var(--gold); color:var(--gold-light)}
.btn--navy{background:var(--navy); color:var(--white); border-color:var(--navy)}
.btn--navy:hover{background:var(--navy-soft); transform:translateY(-2px)}
.btn--outline{background:transparent; color:var(--navy); border-color:var(--line)}
.btn--outline:hover{border-color:var(--gold); color:var(--gold-dark)}

/* ---------- üst bar ---------- */
.topbar{background:var(--navy-deep); color:rgba(255,255,255,.72); font-size:13px; letter-spacing:.03em}
.topbar .wrap{display:flex; justify-content:space-between; align-items:center; gap:20px; height:42px}
.topbar a{transition:.2s}
.topbar a:hover{color:var(--gold-light)}
.topbar-left{display:flex; gap:26px; align-items:center}
.topbar-item{display:flex; align-items:center; gap:8px; white-space:nowrap}
.topbar svg{width:14px; height:14px; stroke:var(--gold); fill:none; stroke-width:1.6; flex:none}
.topbar-rating{display:flex; align-items:center; gap:8px; color:var(--gold-light); font-weight:500}

/* ---------- header ---------- */
.header{
  position:sticky; top:0; z-index:60; background:rgba(251,249,245,.94);
  backdrop-filter:saturate(180%) blur(14px); border-bottom:1px solid var(--line);
  transition:box-shadow .3s;
}
.header.is-stuck{box-shadow:0 10px 30px -22px rgba(8,24,43,.5)}
.header .wrap{display:flex; align-items:center; justify-content:space-between; height:76px; gap:24px}
.brand{display:flex; align-items:center; min-width:0}
.brand__name{display:block; font-family:var(--serif); font-size:23px; font-weight:600; line-height:1.15; white-space:nowrap; color:var(--navy)}
.brand__role{display:block; font-size:10.5px; letter-spacing:.2em; text-transform:uppercase; color:var(--muted); margin-top:3px}
.nav{display:flex; align-items:center; gap:32px}
.nav a:not(.btn){
  font-size:14px; font-weight:500; letter-spacing:.03em; color:var(--ink);
  position:relative; padding:6px 0; transition:.2s;
}
.nav a:not(.btn)::after{content:""; position:absolute; left:0; bottom:0; width:0; height:1px; background:var(--gold); transition:width .3s}
.nav a:not(.btn):hover{color:var(--gold-dark)}
.nav a:not(.btn):hover::after{width:100%}
.header .btn{padding:13px 26px; font-size:13px}
.header .btn--gold{color:var(--navy-deep); box-shadow:0 6px 18px -8px rgba(200,166,93,.9)}
.header .btn--gold:hover{color:var(--navy-deep)}
.burger{display:none; background:none; border:0; padding:8px; cursor:pointer}
.burger span{display:block; width:24px; height:2px; background:var(--navy); margin:5px 0; transition:.3s}
.burger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.is-open span:nth-child(2){opacity:0}
.burger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ---------- hero ---------- */
.hero{position:relative; background:var(--navy-deep); color:var(--white); overflow:hidden}
.hero::before{
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(900px 520px at 78% 12%, rgba(200,166,93,.16), transparent 62%),
    radial-gradient(700px 500px at 6% 88%, rgba(22,50,79,.9), transparent 60%);
}
.hero::after{
  content:""; position:absolute; inset:0; opacity:.05;
  background-image:linear-gradient(var(--gold) 1px,transparent 1px),linear-gradient(90deg,var(--gold) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(circle at 60% 40%,#000,transparent 78%);
}
.hero .wrap{position:relative; z-index:2}
.hero__grid{display:grid; grid-template-columns:1.08fr .92fr; gap:70px; align-items:center; padding:88px 0 96px}
.hero__badge{
  display:inline-flex; align-items:center; gap:10px; padding:8px 16px;
  border:1px solid rgba(200,166,93,.42); color:var(--gold-light);
  font-size:11.5px; letter-spacing:.18em; text-transform:uppercase; font-weight:600; margin-bottom:26px;
}
.hero h1{font-size:clamp(40px,5.6vw,66px); letter-spacing:-.015em; margin-bottom:6px}
.hero__sub{
  font-family:var(--serif); font-size:clamp(21px,2.4vw,27px); font-style:italic;
  color:var(--gold-light); margin-bottom:26px;
}
.hero__text{color:rgba(255,255,255,.8); font-size:17.5px; max-width:54ch; margin-bottom:34px}
.hero__cta{display:flex; gap:14px; flex-wrap:wrap; margin-bottom:44px}
.hero__meta{display:flex; gap:40px; flex-wrap:wrap; padding-top:30px; border-top:1px solid rgba(255,255,255,.13)}
.hero__meta div span{display:block; font-family:var(--serif); font-size:34px; color:var(--gold); line-height:1}
.hero__meta div small{font-size:11.5px; letter-spacing:.15em; text-transform:uppercase; color:rgba(255,255,255,.6)}

.portrait{position:relative; max-width:430px; margin-left:auto}
.portrait__frame{position:absolute; inset:22px -22px -22px 22px; border:1px solid rgba(200,166,93,.5)}
.portrait img{position:relative; width:100%; height:auto; filter:saturate(.98) contrast(1.02)}
.portrait__tag{
  position:absolute; left:-26px; bottom:34px; z-index:3; background:var(--gold); color:var(--navy-deep);
  padding:14px 22px; max-width:230px;
}
.portrait__tag b{display:block; font-family:var(--serif); font-size:23px; line-height:1.1}
.portrait__tag small{font-size:11px; letter-spacing:.13em; text-transform:uppercase; font-weight:600; opacity:.78}

/* ---------- güven şeridi ---------- */
.trust{background:var(--navy); color:var(--white); border-top:1px solid rgba(200,166,93,.22)}
.trust__grid{display:grid; grid-template-columns:repeat(4,1fr)}
.trust__item{padding:34px 26px; text-align:center; border-right:1px solid rgba(255,255,255,.1)}
.trust__item:last-child{border-right:0}
.trust__item svg{width:26px; height:26px; stroke:var(--gold); fill:none; stroke-width:1.3; margin:0 auto 12px}
.trust__item b{display:block; font-family:var(--serif); font-size:19px; margin-bottom:3px}
.trust__item small{font-size:12.5px; color:rgba(255,255,255,.62); letter-spacing:.02em}

/* ---------- hakkında ---------- */
.about__grid{display:grid; grid-template-columns:.8fr 1.2fr; gap:66px; align-items:start}
.about__media{position:relative; isolation:isolate; max-width:400px}
.about__media img{position:relative; z-index:2; width:100%; height:auto; border:1px solid var(--line)}
.about__media::after{content:""; position:absolute; right:-16px; top:16px; width:58%; height:58%; border:1px solid var(--gold); z-index:1}
.about__quote{
  margin-top:22px; padding:22px 24px; background:var(--white); border-left:2px solid var(--gold);
  font-family:var(--serif); font-size:19px; font-style:italic; color:var(--navy); line-height:1.5;
}
.about__quote small{display:block; margin-top:10px; font-family:var(--sans); font-style:normal; font-size:11.5px; letter-spacing:.15em; text-transform:uppercase; color:var(--muted)}
.about__body p{color:#3B4957}

.timeline{margin:38px 0 0; padding:0; list-style:none; border-left:1px solid var(--line)}
.timeline li{position:relative; padding:0 0 26px 30px}
.timeline li:last-child{padding-bottom:0}
.timeline li::before{content:""; position:absolute; left:-5px; top:8px; width:9px; height:9px; background:var(--ivory); border:1px solid var(--gold); border-radius:50%}
.timeline li.is-now::before{background:var(--gold)}
.timeline time{display:block; font-size:11.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--gold-dark); font-weight:600; margin-bottom:2px}
.timeline b{font-family:var(--serif); font-size:20px; font-weight:600; display:block; line-height:1.25}
.timeline small{color:var(--muted); font-size:14.5px}

/* ---------- 30. yıl ---------- */
.jubilee{position:relative; background:var(--navy-deep); color:var(--white); overflow:hidden}
.jubilee::before{
  content:""; position:absolute; inset:0;
  background:radial-gradient(760px 520px at 22% 18%, rgba(200,166,93,.15), transparent 62%);
}
.jubilee .wrap{position:relative; z-index:2}
.jubilee__grid{display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center}

.jubilee__media{margin:0; position:relative; isolation:isolate}
.jubilee__media img{
  position:relative; z-index:2; width:100%; height:auto;
  border:1px solid rgba(200,166,93,.45);
}
.jubilee__media::after{content:""; position:absolute; z-index:1; inset:20px -20px -20px 20px; border:1px solid rgba(200,166,93,.35)}
.jubilee__media figcaption{
  position:relative; z-index:2; margin-top:18px; font-size:12px; letter-spacing:.14em;
  text-transform:uppercase; color:rgba(255,255,255,.55); text-align:center;
}

.jubilee__body .h-sec{margin-bottom:26px}
.jubilee__quote{margin:0; padding:0 0 0 26px; border-left:2px solid var(--gold)}
.jubilee__quote p{
  font-family:var(--serif); font-size:clamp(21px,2.5vw,30px); line-height:1.42;
  color:var(--white); margin:0 0 .55em;
}
.jubilee__quote cite{
  display:block; margin-top:18px; font-style:normal; font-size:11.5px;
  letter-spacing:.2em; text-transform:uppercase; color:var(--gold-light); font-weight:600;
}
.jubilee__stats{
  display:flex; gap:44px; flex-wrap:wrap; margin-top:44px;
  padding-top:30px; border-top:1px solid rgba(255,255,255,.13);
}
.jubilee__stats span{display:block; font-family:var(--serif); font-size:36px; color:var(--gold); line-height:1}
.jubilee__stats small{font-size:11.5px; letter-spacing:.15em; text-transform:uppercase; color:rgba(255,255,255,.6)}

/* ---------- ameliyat deneyimi ---------- */
.volume{background:var(--white); border-bottom:1px solid var(--line)}
.volume__grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); margin-top:46px}
.volume__item{background:var(--ivory); padding:40px 30px 34px; text-align:center; transition:.3s}
.volume__item:hover{background:var(--white); box-shadow:var(--shadow-sm); transform:translateY(-3px); z-index:2; position:relative}
.volume__item svg{width:30px; height:30px; stroke:var(--gold-dark); fill:none; stroke-width:1.2; margin:0 auto 18px}
.volume__num{
  display:block; font-family:var(--serif); font-size:clamp(48px,6vw,66px); font-weight:600;
  color:var(--navy); line-height:1; letter-spacing:-.02em; margin-bottom:14px;
}
.volume__num em{font-style:normal; color:var(--gold); font-size:.62em; vertical-align:.28em; margin-left:2px}
.volume__item b{display:block; font-family:var(--serif); font-size:20px; font-weight:600; color:var(--navy); line-height:1.3; margin-bottom:6px}
.volume__item small{font-size:12.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--muted)}
.volume__note{margin:26px auto 0; max-width:62ch; text-align:center; font-size:13.5px; line-height:1.7; color:var(--muted)}

/* ---------- tedavi alanları ---------- */
.areas{background:var(--stone)}
.areas__grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); margin-top:52px}
.area{background:var(--ivory); padding:34px 30px; transition:.3s; position:relative}
.area:hover{background:var(--white); transform:translateY(-3px); box-shadow:var(--shadow-sm); z-index:2}
.area svg{width:30px; height:30px; stroke:var(--gold-dark); fill:none; stroke-width:1.25; margin-bottom:18px}
.area h3{font-size:22px; margin-bottom:9px}
.area p{font-size:14.5px; color:var(--muted); margin:0; line-height:1.65}

/* ---------- laparoskopi / video ---------- */
.lap{background:var(--navy-deep); color:var(--white); overflow:hidden}
.lap__grid{display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center}
.lap h2{font-size:clamp(28px,3.6vw,42px); margin-bottom:20px}
.lap p{color:rgba(255,255,255,.76)}
.lap__grid{grid-template-columns:1.15fr .85fr; gap:56px}
.lap__video{position:relative; border:1px solid rgba(200,166,93,.4); max-width:460px; margin-left:auto}
.lap__video::after{content:""; position:absolute; inset:18px -18px -18px 18px; border:1px solid rgba(200,166,93,.28); pointer-events:none}
.lap__video video{width:100%; height:auto; display:block}
.lap__list{list-style:none; margin:26px 0 0; padding:0; display:grid; gap:12px}
.lap__list li{display:flex; gap:12px; align-items:flex-start; font-size:15.5px; color:rgba(255,255,255,.82)}
.lap__list svg{width:17px; height:17px; stroke:var(--gold); fill:none; stroke-width:2; flex:none; margin-top:4px}

/* ---------- yorumlar (slider) ---------- */
.reviews{background:var(--ivory); overflow:hidden}
.reviews__head{margin-bottom:8px}
.stars{display:flex; gap:3px}
.stars svg{width:16px; height:16px; fill:var(--gold)}

/* App Store tarzı, ekrana ortalı büyük yıldız */
.rating{margin:34px auto 30px; text-align:center}
.rating__stars{display:flex; justify-content:center; gap:clamp(8px,1.6vw,18px)}
.rating__stars svg{
  width:clamp(38px,6.2vw,64px); height:clamp(38px,6.2vw,64px); fill:var(--gold);
  filter:drop-shadow(0 6px 14px rgba(200,166,93,.35));
  animation:starPop .55s cubic-bezier(.2,1.5,.4,1) both;
}
.rating__stars svg:nth-child(1){animation-delay:.05s}
.rating__stars svg:nth-child(2){animation-delay:.14s}
.rating__stars svg:nth-child(3){animation-delay:.23s}
.rating__stars svg:nth-child(4){animation-delay:.32s}
.rating__stars svg:nth-child(5){animation-delay:.41s}
@keyframes starPop{from{opacity:0; transform:scale(.5) translateY(10px)} to{opacity:1; transform:none}}
.rating__meta{
  margin:20px 0 0; font-size:14px; letter-spacing:.13em; text-transform:uppercase;
  color:var(--muted); font-weight:500;
}
.rating__meta strong{
  font-family:var(--serif); font-size:26px; font-weight:600; color:var(--navy);
  letter-spacing:0; text-transform:none; vertical-align:-2px; margin-right:4px;
}

.marquee{position:relative; margin-top:44px; padding:6px 0}
.marquee::before,.marquee::after{
  content:""; position:absolute; top:0; bottom:0; width:130px; z-index:3; pointer-events:none;
}
.marquee::before{left:0; background:linear-gradient(90deg,var(--ivory),transparent)}
.marquee::after{right:0; background:linear-gradient(270deg,var(--ivory),transparent)}
.marquee__track{display:flex; gap:26px; width:max-content; animation:slide 80s linear infinite}
.marquee:hover .marquee__track{animation-play-state:paused}
@keyframes slide{from{transform:translateX(0)} to{transform:translateX(calc(-50% - 13px))}}

.review{
  width:400px; flex:none; background:var(--white); border:1px solid var(--line);
  padding:30px 30px 26px; display:flex; flex-direction:column;
}
.review__stars{margin-bottom:14px}
.review__text{font-size:15.5px; line-height:1.7; color:#38454F; flex:1; margin:0 0 20px}
.review__text::before{content:"“"; font-family:var(--serif); font-size:34px; color:var(--gold); line-height:0; position:relative; top:12px; margin-right:4px}
.review__meta{display:flex; align-items:center; gap:12px; padding-top:16px; border-top:1px solid var(--line)}
.review__ava{
  width:38px; height:38px; flex:none; border-radius:50%; background:var(--navy); color:var(--gold-light);
  display:grid; place-items:center; font-family:var(--serif); font-size:17px;
}
.review__who b{display:block; font-family:var(--sans); font-size:14px; font-weight:600}
.review__who small{font-size:12px; color:var(--muted)}
.review__src{margin-left:auto; font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--gold-dark); font-weight:600; text-align:right; line-height:1.4}

.sources{display:flex; gap:14px; flex-wrap:wrap; justify-content:center; margin-top:40px}
.sources a{
  display:inline-flex; align-items:center; gap:9px; padding:11px 20px; border:1px solid var(--line);
  background:var(--white); font-size:13.5px; color:var(--muted); transition:.25s;
}
.sources a:hover{border-color:var(--gold); color:var(--navy)}
.sources a b{color:var(--navy); font-weight:600}

/* ---------- blog ---------- */
.blog__grid{display:grid; grid-template-columns:repeat(3,1fr); gap:30px; margin-top:52px}
.post{background:var(--white); border:1px solid var(--line); padding:32px 30px; transition:.3s; display:flex; flex-direction:column}
.post:hover{border-color:var(--gold); transform:translateY(-3px); box-shadow:var(--shadow-sm)}
.post__cat{font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--gold-dark); font-weight:600; margin-bottom:12px}
.post h3{font-size:23px; margin-bottom:10px; line-height:1.3}
.post p{font-size:14.5px; color:var(--muted); flex:1}
.post__more{font-size:13px; font-weight:600; letter-spacing:.05em; color:var(--navy); display:inline-flex; align-items:center; gap:8px}
.post__more svg{width:15px; height:15px; stroke:var(--gold-dark); fill:none; stroke-width:1.8; transition:.25s}
.post:hover .post__more svg{transform:translateX(4px)}
.soon{
  margin-top:44px; text-align:center; padding:26px; border:1px dashed var(--line);
  color:var(--muted); font-size:14.5px; background:var(--white);
}

/* ---------- sıkça sorulan sorular ---------- */
.faq{background:var(--ivory)}
.faq__list{max-width:860px; margin:52px auto 0; border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{
  list-style:none; cursor:pointer; position:relative;
  padding:22px 52px 22px 0; font-family:var(--serif); font-size:clamp(20px,2.2vw,24px);
  font-weight:600; color:var(--navy); line-height:1.35; transition:color .2s;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--gold-dark)}
.faq summary::after{
  content:""; position:absolute; right:8px; top:50%; width:13px; height:13px;
  border-right:1.5px solid var(--gold-dark); border-bottom:1.5px solid var(--gold-dark);
  transform:translateY(-70%) rotate(45deg); transition:transform .3s;
}
.faq details[open] summary::after{transform:translateY(-30%) rotate(225deg)}
.faq__a{padding:0 40px 26px 0; animation:faqIn .35s ease both}
.faq__a p{margin:0; color:#3B4957; font-size:16px; line-height:1.75}
.faq__a a{color:var(--gold-dark); font-weight:600; border-bottom:1px solid var(--line)}
.faq__a a:hover{border-color:var(--gold-dark)}
@keyframes faqIn{from{opacity:0; transform:translateY(-6px)} to{opacity:1; transform:none}}

/* ---------- iletişim ---------- */
.contact{background:var(--navy-deep); color:var(--white)}
.contact__grid{display:grid; grid-template-columns:1fr 1.05fr; gap:64px; align-items:start}
.info{list-style:none; margin:34px 0 34px; padding:0; display:grid; gap:26px}
.info li{display:flex; gap:18px; align-items:flex-start}
.info svg{width:20px; height:20px; stroke:var(--gold); fill:none; stroke-width:1.4; flex:none; margin-top:5px}
.info b{display:block; font-size:11.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--gold-light); margin-bottom:4px; font-weight:600}
.info span,.info a{color:rgba(255,255,255,.85); font-size:16.5px; line-height:1.55}
.info a:hover{color:var(--gold-light)}
.map{border:1px solid rgba(200,166,93,.35); min-height:430px}
.map iframe{display:block; width:100%; height:100%; min-height:430px; border:0; filter:grayscale(.25) contrast(1.03)}

/* ---------- footer ---------- */
.footer{background:#050F1C; color:rgba(255,255,255,.6); font-size:14px}
.footer__top{display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:50px; padding:64px 0 46px}
.footer h4{font-size:13px; letter-spacing:.16em; text-transform:uppercase; color:var(--gold-light); font-family:var(--sans); font-weight:600; margin-bottom:20px}
.footer ul{list-style:none; margin:0; padding:0; display:grid; gap:11px}
.footer a:hover{color:var(--gold-light)}
.footer__brand{font-family:var(--serif); font-size:24px; color:var(--white); margin-bottom:12px}
.footer__bottom{border-top:1px solid rgba(255,255,255,.1); padding:24px 0; display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; font-size:12.5px}
.disclaimer{background:#030B15; color:rgba(255,255,255,.42); font-size:12px; line-height:1.65; padding:22px 0; text-align:center}

/* ---------- WhatsApp ---------- */
.wa-float{
  position:fixed; right:22px; bottom:22px; z-index:80; display:flex; align-items:center; gap:12px;
  background:var(--wa); color:#fff; padding:13px 20px 13px 15px; border-radius:60px;
  box-shadow:0 14px 34px -12px rgba(37,211,102,.7); font-weight:600; font-size:14.5px;
  transition:.3s;
}
.wa-float:hover{transform:translateY(-3px); box-shadow:0 18px 40px -12px rgba(37,211,102,.85)}
.wa-float svg{width:26px; height:26px; fill:#fff; flex:none}
.wa-float span{white-space:nowrap}

/* ---------- animasyon ---------- */
.reveal{opacity:0; transform:translateY(24px); transition:opacity .8s cubic-bezier(.2,.7,.3,1), transform .8s cubic-bezier(.2,.7,.3,1)}
.reveal.is-in{opacity:1; transform:none}

/* ---------- menü daralması ---------- */
@media(max-width:1080px){
  .nav{
    position:fixed; inset:118px 0 auto; background:var(--ivory); flex-direction:column;
    align-items:stretch; gap:0; padding:14px 26px 26px; border-bottom:1px solid var(--line);
    transform:translateY(-130%); transition:transform .35s cubic-bezier(.2,.7,.3,1); box-shadow:var(--shadow);
  }
  .nav.is-open{transform:none}
  .nav a:not(.btn){padding:15px 0; border-bottom:1px solid var(--line); font-size:16px}
  .nav .btn{margin-top:18px}
  .burger{display:block}
}
@media(max-width:560px){
  .brand__name{font-size:19px}
}

/* ---------- responsive ---------- */
@media(max-width:1024px){
  .hero__grid{grid-template-columns:1fr; gap:52px; padding:64px 0 76px}
  .portrait{max-width:400px; margin:0 auto}
  .about__grid,.contact__grid{grid-template-columns:1fr; gap:44px}
  .about__media{max-width:400px; margin:0 auto}
  .jubilee__grid{grid-template-columns:1fr; gap:46px}
  .jubilee__media{max-width:480px; margin:0 auto}
  .lap__grid{grid-template-columns:1fr; gap:44px}
  .lap__video{margin:0 auto; max-width:400px}
  .areas__grid,.blog__grid{grid-template-columns:repeat(2,1fr)}
  .volume__grid{grid-template-columns:1fr; gap:1px}
  .trust__grid{grid-template-columns:repeat(2,1fr)}
  .trust__item:nth-child(2){border-right:0}
  .trust__item:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.1)}
}
@media(max-width:820px){
  body{font-size:16px}
  .wrap{padding:0 20px}
  .section{padding:64px 0}
  .topbar-left .topbar-item:nth-child(2){display:none}
  .areas__grid,.blog__grid{grid-template-columns:1fr}
  .volume__item{padding:32px 24px 28px}
  .area{padding:28px 24px}
  .review{width:300px; padding:26px 24px}
  .hero__meta{display:grid; grid-template-columns:repeat(2,1fr); gap:24px 18px}
  .hero__meta div span{font-size:28px}
  .portrait__tag{left:-12px; padding:12px 18px}
  .marquee::before,.marquee::after{width:40px}
  .footer__top{grid-template-columns:1fr; gap:34px; padding:48px 0 34px}
  .map,.map iframe{min-height:320px}
  .timeline li{padding-bottom:22px}
}

@media(max-width:560px){
  .topbar-left{display:none}
  .topbar .wrap{justify-content:center}
  .topbar-rating{font-size:12px; text-align:center}
  .hero__grid{padding:52px 0 64px}
  .hero h1{font-size:clamp(34px,9vw,44px)}
  .hero__cta{gap:10px}
  .hero__cta .btn{width:100%}
  .about__media::after,.jubilee__media::after{display:none}
  .jubilee__stats{gap:20px 26px}
  .jubilee__stats span{font-size:27px}
  .about__quote{font-size:17px; padding:18px 20px}
  .review{width:270px}
  .rating__meta{font-size:12.5px; letter-spacing:.08em}
  .faq summary{padding:18px 40px 18px 0}
  .sources{gap:10px}
  .sources a{width:100%; justify-content:center}
}

/* ---------- mobil dokunma ve güvenli alan ---------- */
@media(max-width:820px){
  /* sabit WhatsApp butonu içeriği kapatmasın */
  body{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
  .wa-float{
    right:calc(16px + env(safe-area-inset-right));
    bottom:calc(16px + env(safe-area-inset-bottom));
    padding:16px; border-radius:50%;
  }
  .wa-float span{display:none}
  .wa-float svg{width:28px; height:28px}
  /* dokunma hedefleri en az 44px */
  .nav a{min-height:48px; display:flex; align-items:center}
  .burger{padding:12px; margin-right:-12px}
  .footer ul a,.info a{display:inline-block; padding:4px 0}
}
@media(prefers-reduced-motion:reduce){
  *{animation-duration:.01ms!important; transition-duration:.01ms!important; scroll-behavior:auto!important}
  .reveal{opacity:1; transform:none}
}

/* ============================================================
   BLOG
   ============================================================ */

/* ---------- blog liste sayfası ---------- */
.bloghero{background:var(--navy-deep); color:#fff; padding:70px 0 64px; position:relative; overflow:hidden}
.bloghero::before{content:""; position:absolute; inset:0;
  background:radial-gradient(700px 420px at 25% 10%, rgba(200,166,93,.14), transparent 62%)}
.bloghero .wrap{position:relative; z-index:2}
.bloghero h1{font-size:clamp(34px,5vw,52px); margin-bottom:16px}
.bloghero p{color:rgba(255,255,255,.78); max-width:62ch; margin:0}

.crumbs{font-size:12.5px; letter-spacing:.06em; color:rgba(255,255,255,.6); margin-bottom:22px}
.crumbs a{color:var(--gold-light)}
.crumbs a:hover{text-decoration:underline}
.crumbs span{margin:0 8px; opacity:.5}

.postgrid{display:grid; grid-template-columns:repeat(3,1fr); gap:28px; margin-top:8px}
.postcard{
  background:var(--white); border:1px solid var(--line); padding:30px 28px;
  display:flex; flex-direction:column; transition:.3s;
}
.postcard:hover{border-color:var(--gold); transform:translateY(-3px); box-shadow:var(--shadow-sm)}
.postcard__cat{font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--gold-dark); font-weight:600; margin-bottom:12px}
.postcard h2,.postcard h3{font-size:22px; line-height:1.3; margin-bottom:10px}
.postcard p{font-size:14.5px; color:var(--muted); flex:1; margin-bottom:16px}
.postcard__more{font-size:13px; font-weight:600; letter-spacing:.04em; color:var(--navy); display:inline-flex; align-items:center; gap:8px}
.postcard__more svg{width:15px; height:15px; stroke:var(--gold-dark); fill:none; stroke-width:1.8; transition:.25s}
.postcard:hover .postcard__more svg{transform:translateX(4px)}

/* ---------- yazı sayfası ---------- */
.post-head{background:var(--navy-deep); color:#fff; padding:60px 0 56px; position:relative; overflow:hidden}
.post-head::before{content:""; position:absolute; inset:0;
  background:radial-gradient(720px 420px at 20% 8%, rgba(200,166,93,.15), transparent 62%)}
.post-head .wrap{position:relative; z-index:2; max-width:820px}
.post-head__cat{
  display:inline-block; font-size:11px; letter-spacing:.18em; text-transform:uppercase;
  color:var(--gold-light); border:1px solid rgba(200,166,93,.45); padding:6px 14px; margin-bottom:20px; font-weight:600;
}
.post-head h1{font-size:clamp(30px,4.6vw,46px); line-height:1.18; margin-bottom:18px}
.post-head__sum{color:rgba(255,255,255,.8); font-size:17px; margin:0 0 24px}
.post-head__meta{display:flex; gap:22px; flex-wrap:wrap; font-size:12.5px; letter-spacing:.05em; color:rgba(255,255,255,.6); padding-top:20px; border-top:1px solid rgba(255,255,255,.13)}
.post-head__meta b{color:var(--gold-light); font-weight:600}

.post-body{padding:66px 0 90px}
.post-body .wrap{max-width:820px}
.post-body h2{font-size:clamp(25px,3.2vw,33px); margin:52px 0 16px; scroll-margin-top:110px}
.post-body h2:first-of-type{margin-top:0}
.post-body h3{font-size:21px; margin:32px 0 10px}
.post-body p{color:#39454F; margin:0 0 1.15em}
.post-body ul,.post-body ol{color:#39454F; margin:0 0 1.3em; padding-left:22px}
.post-body li{margin-bottom:9px}
.post-body li::marker{color:var(--gold-dark)}
.post-body strong{color:var(--navy)}
.post-body a{color:var(--gold-dark); font-weight:600; border-bottom:1px solid var(--line)}
.post-body a:hover{border-color:var(--gold-dark)}

.toc{background:var(--white); border:1px solid var(--line); border-left:2px solid var(--gold); padding:24px 28px; margin-bottom:46px}
.toc b{display:block; font-size:11.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--gold-dark); margin-bottom:12px}
.toc ol{margin:0; padding-left:18px; columns:2; column-gap:32px}
.toc li{margin-bottom:7px; font-size:14.5px}
.toc a{color:var(--navy); font-weight:500; border:0}
.toc a:hover{color:var(--gold-dark)}

.callout{background:var(--stone); border-left:2px solid var(--gold); padding:24px 28px; margin:32px 0}
.callout p:last-child{margin-bottom:0}
.callout b{color:var(--navy)}

.doctorbox{
  background:var(--navy-deep); color:#fff; padding:38px 40px; margin:52px 0;
  position:relative; overflow:hidden;
}
.doctorbox::before{content:""; position:absolute; inset:0;
  background:radial-gradient(520px 320px at 88% 12%, rgba(200,166,93,.18), transparent 62%)}
.doctorbox > *{position:relative; z-index:2}
.doctorbox__label{font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:var(--gold-light); font-weight:600; margin-bottom:14px}
.doctorbox h3{font-family:var(--serif); font-size:26px; color:#fff; margin:0 0 14px}
.doctorbox p{color:rgba(255,255,255,.82); font-size:16px; margin:0 0 1em}
.doctorbox p:last-of-type{margin-bottom:0}
.doctorbox ul{margin:16px 0 0; padding:0; list-style:none; display:grid; gap:10px}
.doctorbox ul li{display:flex; gap:12px; align-items:flex-start; color:rgba(255,255,255,.82); font-size:15px}
.doctorbox ul li::before{content:""; flex:none; width:6px; height:6px; margin-top:9px; background:var(--gold); transform:rotate(45deg)}
.doctorbox .btn{margin-top:26px}

.post-cta{
  background:var(--white); border:1px solid var(--line); padding:34px 36px;
  margin:52px 0 0; text-align:center;
}
.post-cta h3{font-size:26px; margin-bottom:10px}
.post-cta p{color:var(--muted); max-width:52ch; margin:0 auto 22px; font-size:15.5px}

.post-faq{margin-top:52px}
.post-faq > b{display:block; font-family:var(--serif); font-size:clamp(25px,3.2vw,33px); font-weight:600; color:var(--ink); margin-bottom:20px}

.post-note{
  margin-top:44px; padding:20px 24px; border:1px dashed var(--line);
  font-size:13.5px; line-height:1.7; color:var(--muted); background:var(--white);
}

.related{background:var(--stone); padding:70px 0}
.related h2{font-size:28px; margin-bottom:28px; text-align:center}
.related .postgrid{margin-top:0}

@media(max-width:1024px){
  .postgrid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
  .postgrid{grid-template-columns:1fr; gap:20px}
  .post-body{padding:48px 0 70px}
  .toc ol{columns:1}
  .doctorbox{padding:30px 26px}
  .post-cta{padding:28px 24px}
  .bloghero{padding:52px 0 48px}
  .post-head{padding:44px 0 42px}
}

/* ---------- yazı sonu bağlantı kutusu ---------- */
.nextbox{
  display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--line);
  border:1px solid var(--line); margin-top:52px;
}
.nextbox__col{background:var(--white); padding:30px 30px 28px; display:flex; flex-direction:column}
.nextbox__label{
  font-size:11px; letter-spacing:.18em; text-transform:uppercase;
  color:var(--gold-dark); font-weight:600; margin-bottom:12px;
}
.nextbox__link{
  display:inline-flex; align-items:center; gap:10px; font-family:var(--serif);
  font-size:21px; font-weight:600; color:var(--navy); line-height:1.3;
  border:0; transition:.2s;
}
.nextbox__link svg{width:17px; height:17px; stroke:var(--gold-dark); fill:none; stroke-width:1.8; flex:none; transition:.25s}
.nextbox__link:hover{color:var(--gold-dark)}
.nextbox__link:hover svg{transform:translateX(4px)}
.nextbox__col p{margin:12px 0 0; font-size:14.5px; color:var(--muted); line-height:1.65}

@media(max-width:820px){
  .nextbox{grid-template-columns:1fr}
  .nextbox__col{padding:26px 24px}
}

/* ---------- mobilde önce görsel, sonra yazı ---------- */
@media(max-width:1024px){
  .hero__grid .portrait{order:-1}
  .lap__grid .lap__video{order:-1}
  .lap__grid{display:flex; flex-direction:column}
}

/* ---------- dil değiştirici ---------- */
.langsw{display:flex; align-items:center; gap:2px; margin-left:6px; flex:none}
.langsw a,.langsw__cur{
  font-size:12px; font-weight:600; letter-spacing:.08em; padding:7px 10px;
  border:1px solid transparent; transition:.2s; line-height:1;
}
.langsw__cur{color:var(--navy-deep); background:var(--gold); border-color:var(--gold)}
.langsw a{color:var(--muted); border-color:var(--line)}
.langsw a:hover{color:var(--navy); border-color:var(--gold); background:rgba(200,166,93,.1)}

@media(max-width:1080px){
  .langsw{margin-left:auto; margin-right:14px}
}
/* dört dil küçük ekranda sığsın */
@media(max-width:480px){
  .langsw{gap:1px; margin-right:8px}
  .langsw a,.langsw__cur{padding:6px 6px; font-size:11px; letter-spacing:.04em}
}

/* ---------- alıntılanabilir kısa cevap ---------- */
.quickanswer{
  background:var(--white); border:1px solid var(--line); border-left:3px solid var(--gold);
  padding:26px 30px; margin-bottom:40px;
}
.quickanswer > b{
  display:block; font-size:11px; letter-spacing:.2em; text-transform:uppercase;
  color:var(--gold-dark); margin-bottom:12px; font-weight:600;
}
.quickanswer p{
  margin:0; font-size:17.5px; line-height:1.7; color:var(--ink); font-weight:450;
}
@media(max-width:820px){
  .quickanswer{padding:22px 22px; margin-bottom:32px}
  .quickanswer p{font-size:16px}
}

/* ---------- tedavi alanı sayfaları ---------- */
.area--link{display:flex; flex-direction:column; cursor:pointer}
.area--link h2,.area--link h3{font-size:22px; margin-bottom:9px; color:var(--navy)}
.area--link p{flex:1}
.area__more{
  display:inline-flex; align-items:center; gap:8px; margin-top:18px;
  font-size:13px; font-weight:600; letter-spacing:.04em; color:var(--navy);
}
.area__more svg{width:15px; height:15px; stroke:var(--gold-dark); fill:none; stroke-width:1.8; transition:.25s}
.area--link:hover .area__more svg{transform:translateX(4px)}
.areas__grid--index{margin-top:0}

.covers{background:var(--white); border:1px solid var(--line); border-left:2px solid var(--gold); padding:26px 30px; margin-bottom:40px}
.covers > b{display:block; font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:var(--gold-dark); font-weight:600; margin-bottom:16px}
.covers ul{margin:0; padding:0; list-style:none; display:grid; grid-template-columns:repeat(2,1fr); gap:9px 26px}
.covers li{position:relative; padding-left:18px; font-size:15px; color:#3B4957; line-height:1.55}
.covers li::before{content:""; position:absolute; left:0; top:8px; width:6px; height:6px; background:var(--gold); transform:rotate(45deg)}

.post-related{margin-top:52px}
.post-related > b{display:block; font-family:var(--serif); font-size:clamp(24px,3vw,30px); font-weight:600; color:var(--ink); margin-bottom:22px}
.post-related .postgrid{margin-top:0}

.arealinks{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line)}
.arealink{
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  background:var(--white); padding:20px 22px; transition:.25s;
  font-family:var(--serif); font-size:19px; font-weight:600; color:var(--navy); line-height:1.3;
}
.arealink:hover{background:var(--ivory); color:var(--gold-dark)}
.arealink svg{width:16px; height:16px; stroke:var(--line); fill:none; stroke-width:1.8; flex:none; transition:.25s}
.arealink:hover svg{stroke:var(--gold-dark); transform:translateX(3px)}

@media(max-width:1024px){
  .arealinks{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
  .covers{padding:22px 22px}
  .covers ul{grid-template-columns:1fr}
  .arealinks{grid-template-columns:1fr}
  .arealink{font-size:17px; padding:17px 18px}
}

/* ---------- basında ve profiller ---------- */
.pressbar{background:var(--stone); border-top:1px solid var(--line); padding:54px 0}
.pressbar__head{text-align:center; margin-bottom:28px}
.pressbar__label{
  display:block; font-size:11px; letter-spacing:.2em; text-transform:uppercase;
  color:var(--gold-dark); font-weight:600; margin-bottom:10px;
}
.pressbar__head p{margin:0; font-size:14.5px; color:var(--muted); max-width:56ch; margin-inline:auto}
.pressbar__grid{display:grid; grid-template-columns:repeat(6,1fr); gap:1px; background:var(--line); border:1px solid var(--line)}
.presscard{
  background:var(--white); padding:20px 18px; display:flex; flex-direction:column;
  gap:5px; transition:.25s; position:relative;
}
.presscard::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:2px;
  background:var(--gold); transform:scaleX(0); transform-origin:left; transition:transform .3s;
}
.presscard:hover{background:var(--ivory)}
.presscard:hover::after{transform:scaleX(1)}
.presscard__kind{
  font-size:9.5px; letter-spacing:.16em; text-transform:uppercase; font-weight:600;
  color:var(--gold-dark); opacity:.85;
}
.presscard--profile .presscard__kind{color:var(--muted)}
.presscard b{font-family:var(--serif); font-size:18px; font-weight:600; color:var(--navy); line-height:1.2}
.presscard small{font-size:12px; color:var(--muted); line-height:1.5}

@media(max-width:1024px){
  .pressbar__grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:640px){
  .pressbar{padding:42px 0}
  .pressbar__grid{grid-template-columns:repeat(2,1fr)}
  .presscard{padding:16px 14px}
  .presscard b{font-size:16px}
  .presscard small{font-size:11.5px}
}

/* ---------- akademik sayfası ---------- */
.acad__stats{display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line); border:1px solid var(--line); margin-bottom:60px}
.acad__stats div{background:var(--white); text-align:center; padding:28px 14px}
.acad__stats span{display:block; font-family:var(--serif); font-size:clamp(32px,4vw,42px); font-weight:600; color:var(--navy); line-height:1; margin-bottom:8px}
.acad__stats small{font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); line-height:1.4; display:block}

.acad__h{
  font-size:clamp(23px,2.8vw,29px); color:var(--navy); margin:56px 0 24px;
  padding-bottom:14px; border-bottom:1px solid var(--line);
}
.acad__h:first-of-type{margin-top:0}
.acad .pubs{list-style:none; margin:0; padding:0; display:grid; gap:20px; counter-reset:pub}
.acad .pubs li{position:relative; padding-left:44px; counter-increment:pub}
.acad .pubs li::before{
  content:counter(pub); position:absolute; left:0; top:2px;
  width:28px; height:28px; display:grid; place-items:center;
  border:1px solid var(--line); font-size:12px; font-weight:600; color:var(--gold-dark);
  font-family:var(--sans);
}
.acad .pubs b{display:block; font-family:var(--serif); font-size:19px; font-weight:600; color:var(--navy); line-height:1.35; margin-bottom:6px}
.acad .pubs small{display:block; font-size:13.5px; color:var(--muted); line-height:1.65}
.acad .pubs em{font-style:normal; font-weight:600; color:var(--gold-dark)}
.acad__note{font-size:14.5px; color:var(--muted); line-height:1.7; margin-top:22px; padding-left:44px}

.trainlist{list-style:none; margin:0; padding:0; display:grid; gap:1px; background:var(--line); border:1px solid var(--line)}
.trainlist li{background:var(--white); padding:18px 22px; display:grid; grid-template-columns:64px 1fr; gap:4px 18px; align-items:baseline}
.trainlist time{grid-row:span 2; font-family:var(--serif); font-size:21px; font-weight:600; color:var(--gold-dark)}
.trainlist b{font-size:16px; font-weight:600; color:var(--navy); line-height:1.35}
.trainlist small{font-size:13px; color:var(--muted); line-height:1.5}

.about__mem{
  margin-top:26px; padding:16px 20px; background:var(--stone);
  border-left:2px solid var(--gold); font-size:14px; color:var(--navy); line-height:1.6;
}
.about__mem span{
  display:block; font-size:11px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--gold-dark); font-weight:600; margin-bottom:5px;
}

/* VKİ hesaplayıcı */
.wrap--narrow{max-width:820px}
.bmi{background:var(--white); border:1px solid var(--line); border-top:3px solid var(--gold);
  padding:32px 30px; margin-bottom:14px}
.bmi__row{display:grid; grid-template-columns:1fr 1fr; gap:18px}
.bmi__f{display:block}
.bmi__f span{display:block; font-size:12px; letter-spacing:.1em; text-transform:uppercase;
  color:var(--muted); font-weight:600; margin-bottom:8px}
.bmi__f input{
  width:100%; padding:14px 16px; font-size:19px; font-family:inherit; color:var(--navy);
  border:1px solid var(--line); background:var(--stone); transition:.2s; -moz-appearance:textfield;
}
.bmi__f input:focus{outline:none; border-color:var(--gold); background:var(--white)}
.bmi__f input::-webkit-outer-spin-button,.bmi__f input::-webkit-inner-spin-button{
  -webkit-appearance:none; margin:0}
.bmi__btns{display:flex; gap:12px; margin-top:20px; flex-wrap:wrap}
.bmi__out{margin-top:24px; padding:22px 24px; border:1px solid var(--line);
  background:var(--stone); display:flex; align-items:baseline; gap:14px; flex-wrap:wrap}
.bmi__out.is-err{border-left:3px solid #B3453B; color:#B3453B; font-size:14.5px; display:block}
.bmi__out.is-ok{border-left:3px solid var(--gold)}
.bmi__pre{font-size:13.5px; color:var(--muted)}
.bmi__num{font-family:var(--serif); font-size:40px; font-weight:600; color:var(--navy); line-height:1}
.bmi__cat{font-size:14.5px; font-weight:600; color:var(--gold-dark)}
.bmi__out.lv0 .bmi__cat,.bmi__out.lv2 .bmi__cat{color:#8A6D2F}
.bmi__out.lv1 .bmi__cat{color:#2F6B4F}
.bmi__out.lv3 .bmi__cat,.bmi__out.lv4 .bmi__cat,.bmi__out.lv5 .bmi__cat{color:#B3453B}
.bmi__privacy{margin:18px 0 0; font-size:12px; color:var(--muted); line-height:1.6}
@media(max-width:600px){.bmi{padding:24px 20px} .bmi__row{grid-template-columns:1fr}}

/* yazı içi karşılaştırma tablosu */
.cmp{width:100%; overflow-x:auto; margin:26px 0}
.cmp table{width:100%; border-collapse:collapse; font-size:14.5px; min-width:520px}
.cmp th,.cmp td{padding:13px 15px; text-align:left; border:1px solid var(--line); vertical-align:top}
.cmp thead th{background:var(--navy); color:#fff; font-weight:600; font-size:13.5px;
  letter-spacing:.02em; border-color:var(--navy)}
.cmp tbody th{background:var(--stone); font-weight:600; color:var(--navy); width:26%}
.cmp tbody tr:nth-child(even) td{background:rgba(200,166,93,.045)}
.cmp caption{caption-side:bottom; padding-top:12px; font-size:12.5px; color:var(--muted);
  text-align:left; line-height:1.6}
@media(max-width:560px){.cmp table{font-size:13.5px} .cmp th,.cmp td{padding:10px 11px}}

/* yurt dışından gelen hastalar (yalnızca ru/uk) */
.triparea{background:var(--stone)}
.triparea__grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1px;
  background:var(--line); border:1px solid var(--line); margin-top:44px}
.triparea__card{background:var(--white); padding:30px 28px}
.triparea__card b{display:block; font-family:var(--serif); font-size:20px;
  font-weight:600; color:var(--navy); margin-bottom:10px; line-height:1.3}
.triparea__card b::after{content:""; display:block; width:26px; height:2px;
  background:var(--gold); margin-top:11px}
.triparea__card p{font-size:14.5px; color:var(--muted); line-height:1.75; margin:0}
.triparea__note{margin-top:30px; font-size:12.5px; color:var(--muted);
  line-height:1.7; text-align:center; max-width:78ch; margin-left:auto; margin-right:auto}
@media(max-width:980px){.triparea__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.triparea__grid{grid-template-columns:1fr}}

/* dernek üyelikleri */
.memberlist{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,1fr); gap:16px}
.memberlist li{
  background:var(--white); border:1px solid var(--line); border-top:2px solid var(--gold);
  padding:22px 24px; display:grid; gap:7px; transition:.25s;
}
.memberlist li:hover{border-color:var(--gold); box-shadow:0 6px 22px rgba(14,37,64,.07)}
.memberlist b{font-family:var(--serif); font-size:19px; font-weight:600; color:var(--navy); line-height:1.3}
.memberlist small{font-size:12.5px; color:var(--muted)}
.memberlist small a{color:var(--muted); border-bottom:1px solid var(--line)}
.memberlist small a:hover{color:var(--gold-dark); border-color:var(--gold)}
@media(max-width:700px){.memberlist{grid-template-columns:1fr}}

.acad__src{background:var(--white); border:1px solid var(--line); border-left:2px solid var(--gold); padding:26px 30px; margin-top:56px}
.acad__src p{margin:0 0 18px; font-size:14.5px; color:var(--muted); line-height:1.7}
.acad__links{display:flex; gap:12px; flex-wrap:wrap}
.acad__links a{
  display:inline-flex; align-items:center; gap:8px; padding:11px 18px;
  border:1px solid var(--line); font-size:13.5px; font-weight:600; color:var(--navy); transition:.25s;
}
.acad__links a:hover{border-color:var(--gold); color:var(--gold-dark); background:rgba(200,166,93,.07)}
.acad__links svg{width:14px; height:14px; stroke:var(--gold-dark); fill:none; stroke-width:1.8}

@media(max-width:820px){
  .acad__stats{grid-template-columns:repeat(2,1fr)}
  .acad .pubs li,.acad__note{padding-left:0}
  .acad .pubs li::before{position:static; margin-bottom:8px}
  .trainlist li{grid-template-columns:1fr; gap:3px}
  .trainlist time{grid-row:auto; font-size:15px}
  .acad__src{padding:22px 22px}
}