/* ==========================================================================
   Özel Avrupa Tıp Merkezi — DEMO 2 Tasarım Sistemi
   Konsept C: Lacivert + Bakır — klasik kurumsal güven, bakır premium vurgu
   Görsel dil: serif başlıklar (Lora), keskin köşeler, hairline çizgiler,
   lattice ızgaralar, numaralı bölüm başlıkları. Demo 1'den bilinçli olarak farklı.
   İlkeler: slider yok, WCAG 2.2 AA, 44px dokunma hedefi, mobil sabit CTA bar
   ========================================================================== */

/* --- Tokens ------------------------------------------------------------- */
:root{
  --navy-950:#081527;
  --navy-900:#0A1C33;
  --navy-800:#102A48;
  --navy-700:#16395F;
  --navy-600:#1D4E89;  /* beyaz üstünde 8.4:1 — link rengi */
  --navy-500:#2A62A6;
  --navy-100:#D9E6F2;
  --navy-50:#EEF4F9;

  --copper-700:#8C4A20; /* beyaz üstünde ~6.5:1 — kicker */
  --copper-600:#A85B2A; /* beyaz üstünde 5.0:1 — buton zemini, beyaz metin AA */
  --copper-500:#BC6E38;
  --copper-300:#D9A678; /* koyu lacivert üstünde vurgu */
  --copper-100:#F2E2D2;
  --copper-50:#F9F1E8;

  --ink:#0E1B2A;
  --ink-2:#33465C;
  --muted:#4E6178;      /* beyaz üstünde 6.0:1 */
  --line:#DCE4EC;
  --line-dark:#1E3450;  /* koyu zeminde hairline */
  --bg:#FFFFFF;
  --bg-2:#F5F8FB;

  --on-dark:#E6EEF6;
  --on-dark-muted:#A9BCD1;

  --r:2px;

  --wrap:1180px;
  --gut:clamp(1rem, 4vw, 2.5rem);

  --ff:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --ff-serif:"Lora", Georgia, "Times New Roman", serif;
}

/* --- Reset -------------------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none !important}
html{-webkit-text-size-adjust:100%; scroll-behavior:smooth; scroll-padding-top:120px}
body{
  margin:0; font-family:var(--ff); color:var(--ink); background:var(--bg);
  font-size:16px; line-height:1.7; -webkit-font-smoothing:antialiased;
}
img{max-width:100%; height:auto; display:block}
a{color:inherit; text-decoration:none}
button{font:inherit; cursor:pointer}
h1,h2,h3,h4{margin:0; font-family:var(--ff-serif); font-weight:600; line-height:1.2; letter-spacing:0}
p{margin:0 0 1rem}
ul,ol{margin:0; padding:0; list-style:none}

/* Erişilebilirlik */
:focus-visible{outline:3px solid var(--copper-500); outline-offset:3px}
.skip{
  position:absolute; left:-9999px; top:0; z-index:999;
  background:var(--navy-900); color:#fff; padding:.9rem 1.4rem;
}
.skip:focus{left:0}
.sr-only{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important; transition-duration:.01ms !important; scroll-behavior:auto !important}
}

/* --- Yardımcılar -------------------------------------------------------- */
.wrap{max-width:var(--wrap); margin-inline:auto; padding-inline:var(--gut)}
.section{padding:clamp(3.5rem, 7vw, 6rem) 0}
.section--tint{background:var(--bg-2); border-top:1px solid var(--line); border-bottom:1px solid var(--line)}
.section--dark{background:var(--navy-950); color:var(--on-dark)}
.section--dark p{color:var(--on-dark-muted)}

.kicker{
  display:flex; align-items:center; gap:.7rem;
  font-size:.78rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase;
  color:var(--copper-700); margin-bottom:.9rem;
}
.kicker::before{content:""; width:34px; height:2px; background:var(--copper-500); flex:none}
.section--dark .kicker{color:var(--copper-300)}
.kicker--bare::before{display:none}

.sec-head{max-width:680px; margin-bottom:clamp(1.75rem,4vw,3rem)}
.sec-head h2{font-size:clamp(1.7rem, 3.2vw, 2.4rem); margin-bottom:.8rem}
.sec-head p{color:var(--ink-2); margin:0}
.section--dark .sec-head p{color:var(--on-dark-muted)}
.sec-head.center{margin-inline:auto; text-align:center}
.sec-head.center .kicker{justify-content:center}
.sec-head--row{
  max-width:none; display:flex; align-items:flex-end; justify-content:space-between;
  gap:1.5rem; flex-wrap:wrap;
}
.sec-head--row > div{max-width:640px}
.sec-head--row h2{margin-bottom:.6rem}
.lead{font-size:1.08rem; color:var(--ink-2)}

/* --- Butonlar ----------------------------------------------------------- */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.55rem;
  min-height:48px; padding:.7rem 1.5rem; border-radius:var(--r);
  font-weight:600; font-size:.95rem; border:1.5px solid transparent;
  white-space:nowrap;
  transition:background .18s ease, border-color .18s ease, color .18s ease;
}
.btn svg{width:18px; height:18px; flex:none}
.btn--primary{background:var(--navy-800); color:#fff}
.btn--primary:hover{background:var(--navy-700)}
.btn--copper{background:var(--copper-600); color:#fff}
.btn--copper:hover{background:var(--copper-700)}
.btn--outline{border-color:var(--navy-800); color:var(--navy-800); background:transparent}
.btn--outline:hover{background:var(--navy-50)}
.btn--ghost{border-color:var(--line); color:var(--navy-800); background:#fff}
.btn--ghost:hover{border-color:var(--navy-500); background:var(--navy-50)}
.btn--outline-light{border-color:rgba(230,238,246,.55); color:#fff; background:transparent}
.btn--outline-light:hover{border-color:#fff; background:rgba(255,255,255,.08)}
.btn--white{background:#fff; color:var(--navy-900)}
.btn--white:hover{background:var(--navy-100)}
.btn--wide{width:100%}

/* --- Demo şeridi -------------------------------------------------------- */
.demo-bar{
  background:var(--copper-50); color:var(--copper-700);
  border-bottom:1px solid var(--copper-100);
  text-align:center; font-size:.74rem; font-weight:700; letter-spacing:.08em;
  padding:.45rem var(--gut);
}

/* --- Topbar ------------------------------------------------------------- */
.topbar{background:var(--navy-950); color:var(--on-dark-muted); font-size:.82rem}
.topbar .wrap{display:flex; align-items:center; justify-content:space-between; gap:1rem; min-height:38px}
.topbar-info{display:flex; gap:1.5rem}
.topbar-info span{display:inline-flex; align-items:center; gap:.45rem}
.topbar-info svg{width:14px; height:14px; color:var(--copper-300)}
.topbar-actions{display:flex; gap:1.4rem}
.topbar-actions a{color:var(--on-dark); font-weight:600; padding:.5rem 0}
.topbar-actions a:hover{color:var(--copper-300)}
@media (max-width:820px){
  .topbar-info{display:none}
  .topbar .wrap{justify-content:center; padding-block:.3rem}
  .topbar-actions{flex-wrap:wrap; justify-content:center; gap:.15rem 1.1rem}
  .topbar-actions a{padding:.3rem 0}
}

/* --- Header ------------------------------------------------------------- */
.header{
  background:#fff; border-bottom:1px solid var(--line);
  position:sticky; top:0; z-index:50;
}
.header > .wrap{display:flex; align-items:center; justify-content:space-between; gap:1.25rem; min-height:82px}
.logo{display:inline-flex; align-items:center; gap:.8rem}
/* AC marka işareti (tabeladan birebir) */
.logo-ac{display:block; width:72px; height:auto; flex:none}
.footer .logo-ac{width:78px}
@media (max-width:600px){ .logo-ac{width:56px} }
@media (max-width:374px){ .logo-ac{width:48px} }
.logo-mark{
  width:44px; height:44px; flex:none; background:var(--navy-900);
  display:grid; place-items:center; color:var(--copper-300);
}
.logo-mark svg{width:22px; height:22px}
.logo-text{display:flex; flex-direction:column; line-height:1.2}
.logo-text strong{font-family:var(--ff-serif); font-weight:600; font-size:1.06rem; color:var(--navy-900)}
.logo-text small{font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); margin-top:.2rem}
.nav{display:flex; gap:1.6rem}
.nav a{
  font-size:.82rem; font-weight:600; letter-spacing:.07em; text-transform:uppercase;
  color:var(--ink-2); padding:.6rem 0; border-bottom:2px solid transparent;
}
.nav a:hover{color:var(--navy-900); border-bottom-color:var(--copper-500)}
.nav a[aria-current="page"]{color:var(--navy-900); border-bottom-color:var(--copper-500)}
.header-cta{display:flex; align-items:center; gap:.7rem}
.header-cta .btn{min-height:44px; padding:.55rem 1.15rem}
.burger{
  display:none; width:48px; height:48px; border:1px solid var(--line); background:#fff;
  border-radius:var(--r); place-items:center; color:var(--navy-900);
}
.burger svg{width:22px; height:22px}
@media (max-width:1340px){
  .nav{gap:1.05rem}
  .nav a{font-size:.76rem; letter-spacing:.05em}
  .logo-text strong{white-space:nowrap}
}
@media (max-width:1200px){ .nav{display:none} .burger{display:grid} }
@media (max-width:640px){
  .header-cta .btn--ghost{display:none}
  /* Randevu butonu mobil alt barda var — header'da gizle, marka tek satır kalsın */
  .header-cta .btn--primary,.header-cta .btn--copper{display:none}
  .logo-text strong{font-size:.95rem; white-space:nowrap}
  .btn{white-space:normal}
}
@media (max-width:480px){
  .header > .wrap{gap:.6rem; min-height:70px}
  .logo{gap:.55rem}
  .logo-mark{width:38px; height:38px}
  .logo-mark svg{width:19px; height:19px}
  .logo-text strong{font-size:.92rem; white-space:nowrap; line-height:1.2}
  .header-cta{gap:.45rem}
  .header-cta .btn{padding:.5rem .8rem; font-size:.84rem}
  .burger{width:44px; height:44px}
}

/* Ana sayfa randevu bölümü ve tahlil sayfası ızgaraları (mobilde tek kolon) */
.cta-grid{display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,5vw,4rem); align-items:center}
@media (max-width:900px){ .cta-grid{grid-template-columns:1fr} }
.ts-grid{display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(2rem,5vw,4rem); align-items:start}
@media (max-width:900px){ .ts-grid{grid-template-columns:1fr} }

/* Mobil menü paneli (main.js kurar) */
.mnav{
  position:absolute; left:0; right:0; top:100%;
  background:#fff; border-bottom:1px solid var(--line);
  box-shadow:0 24px 40px rgba(8,21,39,.14);
  padding:1rem var(--gut) 1.4rem;
}
.mnav-list{display:flex; flex-direction:column}
.mnav-list a{
  padding:.9rem .25rem; font-weight:600; font-size:.95rem; color:var(--ink);
  border-bottom:1px solid var(--line);
}
.mnav-list a:hover{color:var(--navy-600)}
.mnav-cta{display:flex; flex-direction:column; gap:.7rem; margin-top:1.1rem}

/* --- Sayfa başlığı + kırıntı ------------------------------------------- */
.pagehead{
  background:var(--navy-950); color:var(--on-dark);
  padding:clamp(2.75rem,6vw,4.5rem) 0;
  border-bottom:3px solid var(--copper-600);
}
.pagehead h1{font-size:clamp(2rem, 4vw, 3rem); margin:.4rem 0 .9rem}
.pagehead p{max-width:640px; color:var(--on-dark-muted); margin:0; font-size:1.02rem}
.crumbs{font-size:.8rem; color:var(--on-dark-muted); display:flex; gap:.6rem; flex-wrap:wrap}
.crumbs a{color:var(--copper-300)}
.crumbs a:hover{text-decoration:underline}

/* --- Hero (ana sayfa) --------------------------------------------------- */
.hero{background:var(--navy-950); color:var(--on-dark); overflow:hidden}
.hero-grid{
  display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(2rem,5vw,4.5rem);
  align-items:center; padding-block:clamp(3rem,6vw,5.5rem);
}
.hero h1{font-size:clamp(2.1rem, 4.4vw, 3.4rem); color:#fff; margin-bottom:1.2rem}
.hero h1 em{font-style:italic; color:var(--copper-300)}
.hero > .wrap p.hero-sub, .hero-sub{color:var(--on-dark-muted); font-size:1.06rem; max-width:520px; margin-bottom:1.75rem}
.hero-actions{display:flex; gap:.8rem; flex-wrap:wrap}
.hero-stats{
  display:grid; grid-template-columns:repeat(4, auto); gap:0;
  margin-top:clamp(2rem,4vw,3rem); border-top:1px solid var(--line-dark);
  padding-top:1.5rem; justify-content:start;
}
.hero-stats > div{padding-right:clamp(1.25rem,3vw,2.5rem); margin-right:clamp(1.25rem,3vw,2.5rem); border-right:1px solid var(--line-dark)}
.hero-stats > div:last-child{border-right:0; margin-right:0; padding-right:0}
.hero-stats strong{display:block; font-family:var(--ff-serif); font-size:clamp(1.5rem,2.6vw,2.1rem); color:var(--copper-300); line-height:1.1}
.hero-stats span{font-size:.78rem; color:var(--on-dark-muted); letter-spacing:.04em}
.hero-media{position:relative; justify-self:end; max-width:520px}
.hero-media::before{
  content:""; position:absolute; inset:18px -18px -18px 18px;
  border:1.5px solid var(--copper-600); z-index:0;
}
.hero-media img{position:relative; z-index:1; border:1px solid var(--line-dark)}
.hero-note{
  position:relative; z-index:2; background:#fff; color:var(--ink);
  border-left:3px solid var(--copper-600);
  padding:1.1rem 1.3rem; margin:-2.25rem 1.25rem 0; box-shadow:0 18px 40px rgba(8,21,39,.35);
}
.hero-note strong{display:block; font-family:var(--ff-serif); font-size:1rem; margin-bottom:.2rem}
.hero-note span{font-size:.85rem; color:var(--muted)}
@media (max-width:980px){
  .hero-grid{grid-template-columns:1fr}
  .hero-media{justify-self:stretch; max-width:none}
  .hero-stats{grid-template-columns:repeat(2, 1fr); row-gap:1.25rem}
  .hero-stats > div:nth-child(2){border-right:0}
}

/* --- Triyaj: numaralı editoryal dizin ----------------------------------- */
.triage{background:#fff; border-bottom:1px solid var(--line)}
.triage-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:clamp(1.25rem,3vw,2.5rem); padding-block:clamp(2.25rem,4.5vw,3.5rem)}
.triage-card{display:block; border-top:2px solid var(--line); padding-top:1.1rem; transition:border-color .18s ease}
.triage-card:hover{border-top-color:var(--copper-600)}
.triage-card .no{
  font-family:var(--ff-serif); font-size:.9rem; color:var(--copper-700); letter-spacing:.06em;
  display:block; margin-bottom:.5rem;
}
.triage-card h3{font-size:1.06rem; margin-bottom:.45rem; color:var(--navy-900)}
.triage-card p{font-size:.88rem; color:var(--muted); margin-bottom:.7rem}
.triage-card .go{
  display:inline-flex; align-items:center; gap:.4rem;
  font-size:.8rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--navy-600);
}
.triage-card .go svg{width:15px; height:15px; transition:transform .18s ease}
.triage-card:hover .go svg{transform:translateX(4px)}
@media (max-width:980px){ .triage-grid{grid-template-columns:1fr 1fr} }
@media (max-width:560px){ .triage-grid{grid-template-columns:1fr} }

/* --- Birimler: lattice ızgara ------------------------------------------- */
.dept-grid{
  display:grid; grid-template-columns:repeat(4, 1fr); gap:1px;
  background:var(--line); border:1px solid var(--line);
}
.dept{
  background:#fff; padding:1.6rem 1.5rem; display:block; position:relative;
  transition:background .18s ease;
}
.dept:hover{background:var(--navy-50)}
.dept::after{
  content:""; position:absolute; left:0; top:0; width:0; height:3px;
  background:var(--copper-600); transition:width .22s ease;
}
.dept:hover::after{width:100%}
.dept .ico{
  width:42px; height:42px; display:grid; place-items:center; margin-bottom:1rem;
  border:1px solid var(--line); color:var(--navy-600); background:#fff;
}
.dept .ico svg{width:21px; height:21px}
.dept h3{font-size:1.05rem; margin-bottom:.35rem; color:var(--navy-900)}
.dept p{font-size:.85rem; color:var(--muted); margin:0}
.dept .more{
  display:inline-flex; align-items:center; gap:.35rem; margin-top:.7rem;
  font-size:.78rem; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:var(--copper-700);
}
.dept .more svg{width:14px; height:14px}
div.dept:hover{background:#fff}
div.dept:hover::after{width:0}
/* Izgara dolgu hücresi: son satırdaki boşluğu CTA ile doldurur */
.dept--cta{grid-column:span 2; background:var(--navy-950); display:flex; flex-direction:column; justify-content:center}
.dept--cta:hover{background:var(--navy-950)}
.dept--cta::after{display:none}
.dept--cta .mini-kicker{
  font-size:.72rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase;
  color:var(--copper-300); margin-bottom:.55rem;
}
.dept--cta h3{color:#fff; font-size:1.25rem; margin-bottom:.4rem}
.dept--cta p{color:var(--on-dark-muted); font-size:.88rem; margin:0 0 1rem}
.dept--cta .dept-cta-actions{display:flex; gap:.7rem; flex-wrap:wrap}
.dept--cta .btn{min-height:44px; padding:.55rem 1.2rem; font-size:.88rem}
@media (max-width:1080px){ .dept-grid{grid-template-columns:repeat(3, 1fr)} .dept--cta{grid-column:span 1} }
@media (max-width:760px){ .dept-grid{grid-template-columns:repeat(2, 1fr)} .dept--cta{grid-column:1/-1} }
@media (max-width:480px){ .dept-grid{grid-template-columns:1fr} .dept--cta{grid-column:auto} }

/* --- Rapor bandı --------------------------------------------------------- */
.reports-grid{
  display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(2rem,5vw,4rem); align-items:center;
}
.report-list{display:grid; grid-template-columns:1fr 1fr; gap:0; border:1px solid var(--line); background:#fff}
.report-list li{border-bottom:1px solid var(--line)}
.report-list li:nth-child(odd){border-right:1px solid var(--line)}
.report-list li:nth-last-child(-n+2){border-bottom:0}
.report-list a{
  display:flex; align-items:center; gap:.7rem; padding:1rem 1.2rem;
  font-weight:600; font-size:.92rem; color:var(--ink-2); transition:background .15s ease;
}
.report-list a:hover{background:var(--copper-50); color:var(--copper-700)}
.report-list svg{width:16px; height:16px; color:var(--copper-600); flex:none}
@media (max-width:900px){ .reports-grid{grid-template-columns:1fr} }
@media (max-width:520px){
  .report-list{grid-template-columns:1fr}
  .report-list li:nth-child(odd){border-right:0}
  .report-list li:nth-last-child(2){border-bottom:1px solid var(--line)}
}

/* --- Hekim kartları ------------------------------------------------------ */
.doc-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:clamp(1.25rem,2.5vw,1.75rem)}
.doc{background:#fff; border:1px solid var(--line); display:flex; flex-direction:column}
.doc-photo{position:relative; aspect-ratio:3/4; overflow:hidden; border-bottom:2px solid var(--copper-600)}
.doc-photo img{width:100%; height:100%; object-fit:cover}
.doc-spec{
  position:absolute; left:0; bottom:0; background:var(--navy-900); color:var(--copper-300);
  font-size:.72rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase;
  padding:.45rem .85rem;
}
.doc-body{padding:1.15rem 1.25rem 1.3rem; display:flex; flex-direction:column; gap:.45rem; flex:1}
.doc-body h3{font-size:1.08rem; color:var(--navy-900)}
.doc-body .sub{font-size:.82rem; color:var(--muted); margin:0 0 .6rem}
.doc-body .btn{margin-top:auto; min-height:44px; font-size:.88rem}
@media (max-width:1020px){ .doc-grid{grid-template-columns:repeat(2, 1fr)} }
@media (max-width:520px){ .doc-grid{grid-template-columns:1fr} }

/* Hekimler sayfası: branş filtresi */
.docfilter{display:flex; flex-wrap:wrap; gap:.55rem; align-items:center; margin-bottom:1.75rem}
.docfilter .flabel{
  font-size:.76rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
  color:var(--copper-700); margin-right:.4rem;
}
.docfilter button{
  min-height:44px; padding:.5rem 1.1rem; border-radius:var(--r);
  border:1px solid var(--line); background:#fff; color:var(--ink-2);
  font-weight:600; font-size:.88rem; transition:.16s ease;
}
.docfilter button:hover{border-color:var(--navy-500); color:var(--navy-800); background:var(--navy-50)}
.docfilter button.is-active{background:var(--navy-800); border-color:var(--navy-800); color:#fff}
.doc-count{font-size:.9rem; color:var(--muted); margin:0 0 1.25rem}
.doc-count strong{color:var(--ink)}
.doc-grid .doc[hidden]{display:none}
.docfilter-empty{
  display:none; text-align:center; padding:clamp(2rem,5vw,3.5rem);
  background:var(--bg-2); border:1px dashed var(--navy-500); color:var(--ink-2);
}
.docfilter-empty.show{display:block}
.docfilter-empty strong{display:block; font-family:var(--ff-serif); font-size:1.1rem; color:var(--ink); margin-bottom:.4rem}
.docnote{
  display:flex; gap:.9rem; align-items:flex-start;
  margin-top:clamp(2rem,4vw,3rem); padding:1.15rem 1.35rem;
  background:var(--navy-50); border:1px solid var(--navy-100);
  color:var(--ink-2); font-size:.94rem; line-height:1.6;
}
.docnote svg{width:22px; height:22px; color:var(--navy-600); flex:none; margin-top:.1rem}
.docnote a{color:var(--navy-600); font-weight:700; text-decoration:underline}

/* --- Neden biz (koyu) ---------------------------------------------------- */
.why-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:1px; background:var(--line-dark); border:1px solid var(--line-dark)}
.why{background:var(--navy-900); padding:1.9rem 1.75rem}
.why .no{font-family:var(--ff-serif); color:var(--copper-300); font-size:.95rem; display:block; margin-bottom:.9rem}
.why h3{font-size:1.12rem; color:#fff; margin-bottom:.55rem}
.why p{font-size:.9rem; color:var(--on-dark-muted); margin:0}
@media (max-width:900px){ .why-grid{grid-template-columns:1fr} }

/* --- Rehber kartları ------------------------------------------------------ */
.guide-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:clamp(1.25rem,2.5vw,1.75rem)}
.guide{
  display:flex; flex-direction:column; background:#fff; border:1px solid var(--line);
  padding:1.5rem 1.5rem 1.4rem; transition:border-color .18s ease;
}
a.guide:hover{border-color:var(--copper-500)}
.guide .chip{
  align-self:flex-start; font-size:.7rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase;
  color:var(--copper-700); border:1px solid var(--copper-100); background:var(--copper-50);
  padding:.3rem .65rem; margin-bottom:1rem;
}
.guide h3{font-size:1.12rem; margin-bottom:.55rem; color:var(--navy-900)}
.guide p{font-size:.9rem; color:var(--ink-2); margin-bottom:1.1rem}
.guide .byline{
  margin-top:auto; display:flex; align-items:center; gap:.6rem;
  font-size:.78rem; color:var(--muted); border-top:1px solid var(--line); padding-top:.9rem;
}
.guide .av{width:30px; height:30px; overflow:hidden; border-radius:50%; flex:none}
.guide .av img{width:100%; height:100%; object-fit:cover}
.guide .soon{
  margin-top:auto; font-size:.74rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase;
  color:var(--muted); border-top:1px solid var(--line); padding-top:.9rem;
}
@media (max-width:900px){ .guide-grid{grid-template-columns:1fr} }

/* --- Lokasyon ------------------------------------------------------------ */
.loc-grid{display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,5vw,4rem); align-items:center}
.loc-list{display:flex; flex-direction:column}
.loc-list li{display:flex; gap:1rem; align-items:flex-start; padding:1rem 0; border-bottom:1px solid var(--line)}
.loc-list li:last-child{border-bottom:0}
.loc-list .ico{
  width:40px; height:40px; border:1px solid var(--line); background:#fff;
  display:grid; place-items:center; color:var(--copper-600); flex:none;
}
.loc-list .ico svg{width:19px; height:19px}
.loc-list strong{display:block; font-size:.96rem; color:var(--navy-900)}
.loc-list span{font-size:.86rem; color:var(--muted)}
.map-facade{
  display:block; position:relative; border:1px solid var(--line); background:var(--navy-50);
  aspect-ratio:4/3; overflow:hidden;
}
.map-facade > div{
  position:absolute; inset:0; display:flex; flex-direction:column; align-items:center;
  justify-content:center; gap:.6rem; text-align:center; padding:1.5rem;
}
.map-facade svg{width:44px; height:44px; color:var(--copper-600)}
.map-facade strong{font-family:var(--ff-serif); color:var(--navy-900); font-size:1.05rem}
.map-facade small{color:var(--muted); font-size:.82rem}
a.map-facade:hover{border-color:var(--copper-500)}
@media (max-width:900px){ .loc-grid{grid-template-columns:1fr} }

/* --- Logo şeridi ---------------------------------------------------------- */
.logo-strip{
  display:flex; flex-wrap:wrap; gap:1px; background:var(--line); border:1px solid var(--line);
}
.logo-strip span{
  flex:1 1 160px; background:#fff; text-align:center; padding:1.1rem 1rem;
  font-family:var(--ff-serif); font-weight:600; font-size:.95rem; color:var(--ink-2);
  position:relative; cursor:default;
  transition:background .18s ease, color .18s ease;
}
.logo-strip span::after{
  content:""; position:absolute; left:0; top:0; width:0; height:3px;
  background:var(--copper-600); transition:width .22s ease;
}
.logo-strip span:hover{background:var(--copper-50); color:var(--copper-700)}
.logo-strip span:hover::after{width:100%}

/* --- Form ----------------------------------------------------------------- */
.form-card{
  background:#fff; border:1px solid var(--line); border-top:3px solid var(--copper-600);
  padding:clamp(1.5rem,3.5vw,2.25rem);
}
.form-title{font-size:1.4rem; margin-bottom:.4rem; color:var(--navy-900)}
.form-sub{font-size:.92rem; color:var(--ink-2); margin-bottom:1.4rem}
/* Koyu bölüm içindeki beyaz kartlarda bölüm renkleri sızmasın */
.form-card{color:var(--ink)}
.section--dark .form-card p:not(.hint){color:var(--ink-2)}
.section--dark .form-card .form-title{color:var(--navy-900)}
.section--dark .form-ok{color:var(--ink)}
.section--dark .form-ok p{color:var(--ink-2)}
.field{margin-bottom:1.1rem}
.field label{
  display:block; font-size:.8rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase;
  color:var(--ink-2); margin-bottom:.45rem;
}
.field input, .field select, .field textarea{
  width:100%; min-height:48px; padding:.65rem .9rem; font:inherit; color:var(--ink);
  border:1.5px solid var(--line); border-radius:var(--r); background:#fff;
}
.field textarea{min-height:110px; resize:vertical}
.field input:focus, .field select:focus, .field textarea:focus{
  outline:none; border-color:var(--navy-600); box-shadow:0 0 0 3px var(--navy-100);
}
.row2{display:grid; grid-template-columns:1fr 1fr; gap:1rem}
@media (max-width:640px){ .row2{grid-template-columns:1fr} }
.consent{display:flex; gap:.7rem; align-items:flex-start; margin:1.1rem 0 1.3rem; font-size:.84rem; color:var(--ink-2); cursor:pointer}
.consent input{width:19px; height:19px; margin-top:.15rem; flex:none; accent-color:var(--copper-600)}
.consent a{color:var(--navy-600); font-weight:600; text-decoration:underline}
.hint{font-size:.8rem; color:var(--muted)}
.form-ok{
  display:none; text-align:center; padding:clamp(2rem,4vw,3rem);
  background:#fff; border:1px solid var(--line); border-top:3px solid var(--copper-600);
}
.form-ok.show{display:block}
.form-ok .tick{
  width:60px; height:60px; margin:0 auto 1.1rem; background:var(--navy-900);
  display:grid; place-items:center;
}
.form-ok .tick svg{width:30px; height:30px; color:var(--copper-300)}
.form-ok h3{font-size:1.3rem; margin-bottom:.5rem}
.form-ok p{color:var(--ink-2); max-width:420px; margin-inline:auto}
.form-ok .demo-note{
  display:inline-block; margin-top:.4rem; background:var(--copper-50); border:1px solid var(--copper-100);
  color:var(--copper-700); font-weight:700; font-size:.82rem; padding:.55rem 1rem;
}

/* --- Bölüm detay bileşenleri ---------------------------------------------- */
.kd-intro{display:grid; grid-template-columns:1.15fr .85fr; gap:clamp(2rem,5vw,4rem); align-items:start}
.kd-intro h2{font-size:clamp(1.5rem,2.8vw,2.1rem); margin-bottom:1rem}
.kd-intro p{color:var(--ink-2)}
.kd-sign{
  display:flex; gap:.9rem; align-items:center; margin-top:1.5rem;
  border:1px solid var(--line); border-left:3px solid var(--copper-600);
  padding:1rem 1.2rem; background:var(--bg-2);
}
.kd-sign img{width:52px; height:52px; border-radius:50%; object-fit:cover; flex:none}
.kd-sign strong{display:block; font-size:.9rem; color:var(--navy-900)}
.kd-sign span{font-size:.8rem; color:var(--muted)}
.kd-aside{
  background:var(--navy-950); color:var(--on-dark); padding:1.75rem 1.6rem;
  border-top:3px solid var(--copper-600); position:sticky; top:110px;
}
.kd-aside h3{color:#fff; font-size:1.15rem; margin-bottom:1.1rem}
.kd-aside ul{display:flex; flex-direction:column; gap:.75rem; margin-bottom:.4rem}
.kd-aside li{display:flex; gap:.6rem; align-items:flex-start; font-size:.9rem; color:var(--on-dark-muted)}
.kd-aside li svg{width:17px; height:17px; color:var(--copper-300); flex:none; margin-top:.2rem}
@media (max-width:900px){ .kd-intro{grid-template-columns:1fr} .kd-aside{position:static} }

.cond-list{display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--line); border:1px solid var(--line)}
.cond-list li{display:flex; gap:.7rem; align-items:flex-start; background:#fff; padding:1rem 1.2rem; font-size:.94rem; color:var(--ink-2)}
.cond-list li svg{width:17px; height:17px; color:var(--copper-600); flex:none; margin-top:.25rem}
@media (max-width:720px){ .cond-list{grid-template-columns:1fr} }

.test-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:1px; background:var(--line); border:1px solid var(--line)}
.test-card{background:#fff; padding:1.6rem 1.5rem}
.test-card .ico{
  width:42px; height:42px; display:grid; place-items:center; margin-bottom:1rem;
  border:1px solid var(--line); color:var(--copper-600);
}
.test-card .ico svg{width:20px; height:20px}
.test-card h3{font-size:1.02rem; margin-bottom:.45rem; color:var(--navy-900)}
.test-card p{font-size:.87rem; color:var(--ink-2); margin:0}
@media (max-width:960px){ .test-grid{grid-template-columns:1fr 1fr} }
@media (max-width:600px){ .test-grid{grid-template-columns:1fr} }

.faq{max-width:780px}
.faq details{border:1px solid var(--line); background:#fff; margin-bottom:.65rem}
.faq summary{
  list-style:none; display:flex; justify-content:space-between; align-items:center; gap:1rem;
  cursor:pointer; padding:1.1rem 1.3rem; font-family:var(--ff-serif); font-weight:600; font-size:1rem; color:var(--navy-900);
}
.faq summary::-webkit-details-marker{display:none}
.faq .pm{width:26px; height:26px; flex:none; display:grid; place-items:center; border:1px solid var(--line); color:var(--copper-600)}
.faq .pm svg{width:14px; height:14px; transition:transform .2s ease}
.faq details[open] .pm svg{transform:rotate(45deg)}
.faq details p{color:var(--ink-2); margin:0; padding:0 1.3rem 1.2rem; font-size:.94rem}

/* --- Hekim profil ---------------------------------------------------------- */
.prof-grid{display:grid; grid-template-columns:.9fr 1.4fr; gap:clamp(2rem,5vw,4rem); align-items:start}
.prof-photo{position:relative}
.prof-photo::before{content:""; position:absolute; inset:14px -14px -14px 14px; border:1.5px solid var(--copper-500)}
.prof-photo img{position:relative; border:1px solid var(--line)}
.prof-meta{margin-top:2rem; border:1px solid var(--line); background:#fff}
.prof-meta > div{display:flex; justify-content:space-between; gap:1rem; padding:.8rem 1.1rem; font-size:.88rem; border-bottom:1px solid var(--line)}
.prof-meta > div:last-child{border-bottom:0}
.prof-meta dt{color:var(--muted); font-weight:600}
.prof-meta dd{margin:0; font-weight:600; color:var(--navy-900); text-align:right}
.prof-body h2{font-size:1.4rem; margin:2rem 0 .9rem}
.prof-body h2:first-child{margin-top:0}
.prof-body p{color:var(--ink-2)}
.prof-list{display:flex; flex-direction:column; gap:.6rem}
.prof-list li{display:flex; gap:.7rem; align-items:flex-start; font-size:.94rem; color:var(--ink-2)}
.prof-list li svg{width:17px; height:17px; color:var(--copper-600); flex:none; margin-top:.25rem}
.prof-edu{border-left:2px solid var(--line); display:flex; flex-direction:column; gap:1.1rem; padding-left:1.4rem}
.prof-edu li{position:relative}
.prof-edu li::before{
  content:""; position:absolute; left:calc(-1.4rem - 5px); top:.4rem;
  width:8px; height:8px; background:var(--copper-600);
}
.prof-edu strong{display:block; font-size:.94rem; color:var(--navy-900)}
.prof-edu span{font-size:.82rem; color:var(--muted)}
@media (max-width:900px){ .prof-grid{grid-template-columns:1fr} .prof-photo{max-width:380px} }

/* --- Makale (rehber) -------------------------------------------------------- */
.article{max-width:760px}
.article-meta{
  display:flex; align-items:center; gap:.8rem; padding:1rem 0; margin-bottom:1.75rem;
  border-top:1px solid var(--line); border-bottom:1px solid var(--line); font-size:.85rem; color:var(--muted);
}
.article-meta img{width:40px; height:40px; border-radius:50%; object-fit:cover}
.article-meta strong{color:var(--navy-900); display:block; font-size:.9rem}
.article h2{font-size:1.5rem; margin:2.25rem 0 1rem}
.article h3{font-size:1.15rem; margin:1.75rem 0 .75rem}
.article p{color:var(--ink-2)}
.article ul{list-style:none; margin:0 0 1rem; display:flex; flex-direction:column; gap:.5rem}
.article ul li{display:flex; gap:.7rem; align-items:flex-start; color:var(--ink-2)}
.article ul li svg{width:16px; height:16px; color:var(--copper-600); flex:none; margin-top:.3rem}
.article .table-wrap{overflow-x:auto; margin:1.25rem 0}
.article table{width:100%; border-collapse:collapse; font-size:.92rem; min-width:480px}
.article th{
  text-align:left; background:var(--navy-900); color:#fff; font-weight:600;
  padding:.75rem 1rem; font-family:var(--ff-serif);
}
.article td{padding:.7rem 1rem; border:1px solid var(--line); color:var(--ink-2)}
.article tr:nth-child(even) td{background:var(--bg-2)}
.article .callout{
  border:1px solid var(--copper-100); border-left:3px solid var(--copper-600);
  background:var(--copper-50); padding:1.1rem 1.3rem; margin:1.5rem 0; font-size:.92rem; color:var(--ink-2);
}
.article .callout strong{color:var(--copper-700)}

/* --- Şikâyet → birim eşleme --------------------------------------------------- */
.sym-list{border:1px solid var(--line); background:#fff}
.sym-list li{
  display:grid; grid-template-columns:1fr 24px 220px; gap:1rem; align-items:center;
  padding:.95rem 1.25rem; border-bottom:1px solid var(--line); font-size:.93rem;
}
.sym-list li:last-child{border-bottom:0}
.sym-sig{color:var(--ink-2)}
.sym-arrow{display:grid; place-items:center}
.sym-arrow svg{width:16px; height:16px; color:var(--copper-600)}
.sym-dep{font-family:var(--ff-serif); font-weight:600; color:var(--navy-800); text-align:right}
.sym-note{font-size:.84rem; color:var(--muted); margin-top:1.1rem}
@media (max-width:680px){
  .sym-list li{grid-template-columns:1fr; gap:.3rem}
  .sym-arrow{display:none}
  .sym-dep{text-align:left}
}

/* --- Rapor kartları --------------------------------------------------------- */
.report-cards{display:grid; grid-template-columns:1fr 1fr; gap:clamp(1.25rem,2.5vw,1.75rem)}
.report-card{background:#fff; border:1px solid var(--line); padding:1.75rem 1.6rem}
.report-card .no{font-family:var(--ff-serif); color:var(--copper-700); font-size:.9rem; display:block; margin-bottom:.7rem}
.report-card h3{font-size:1.2rem; margin-bottom:.55rem; color:var(--navy-900)}
.report-card > p{font-size:.92rem; color:var(--ink-2)}
.report-card h4{font-family:var(--ff); font-size:.76rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--copper-700); margin:1.1rem 0 .6rem}
.report-card ul{display:flex; flex-direction:column; gap:.45rem}
.report-card ul li{display:flex; gap:.6rem; align-items:flex-start; font-size:.88rem; color:var(--ink-2)}
.report-card ul li svg{width:15px; height:15px; color:var(--copper-600); flex:none; margin-top:.3rem}
@media (max-width:800px){ .report-cards{grid-template-columns:1fr} }

/* --- Adım listesi (tahlil, randevu yanı) ------------------------------------ */
.steps{counter-reset:steps; display:flex; flex-direction:column; gap:0; border:1px solid var(--line); background:#fff}
.steps li{display:flex; gap:1.1rem; align-items:flex-start; padding:1.25rem 1.4rem; border-bottom:1px solid var(--line)}
.steps li:last-child{border-bottom:0}
.steps li::before{
  counter-increment:steps; content:"0" counter(steps);
  font-family:var(--ff-serif); font-size:1.15rem; color:var(--copper-600); flex:none;
  line-height:1.4;
}
.steps strong{display:block; font-size:.98rem; color:var(--navy-900); margin-bottom:.15rem}
.steps span{font-size:.88rem; color:var(--muted)}

/* --- Bilgi kutuları ---------------------------------------------------------- */
.info-box{background:#fff; border:1px solid var(--line); padding:1.5rem 1.6rem}
.info-box h3{font-size:1.05rem; margin-bottom:1rem; display:flex; align-items:center; gap:.6rem; color:var(--navy-900)}
.info-box h3 svg{width:19px; height:19px; color:var(--copper-600); flex:none}
.hours{display:flex; flex-direction:column}
.hours li{display:flex; justify-content:space-between; gap:1rem; font-size:.9rem; padding:.55rem 0; border-bottom:1px solid var(--line)}
.hours li:last-child{border-bottom:0}
.hours .day{color:var(--ink-2); font-weight:600}
.hours .time{font-weight:700; color:var(--navy-900)}
.hours .closed{color:var(--muted); font-weight:600}
.emergency{
  background:#FCEFE7; border:1px solid #EBCBB2; border-left:3px solid #C24E14;
  padding:1.1rem 1.25rem; display:flex; gap:.85rem; align-items:flex-start;
}
.emergency .ico{width:36px; height:36px; background:#C24E14; display:grid; place-items:center; flex:none}
.emergency .ico svg{width:19px; height:19px; color:#fff}
.emergency strong{display:block; color:#7C3009; font-size:.95rem; margin-bottom:.2rem}
.emergency span{font-size:.85rem; color:#8C4A20}

/* --- Yasal düzyazı ------------------------------------------------------------ */
.prose{max-width:780px}
.prose h2{font-size:1.35rem; margin:2rem 0 .8rem}
.prose h2:first-child{margin-top:0}
.prose p, .prose li{color:var(--ink-2); font-size:.96rem}
.prose ul{list-style:none; display:flex; flex-direction:column; gap:.55rem; margin-bottom:1.1rem}
.prose ul li{display:flex; gap:.7rem; align-items:flex-start}
.prose ul li svg{width:16px; height:16px; color:var(--copper-600); flex:none; margin-top:.32rem}
.prose ol{list-style:decimal; padding-left:1.4rem; display:flex; flex-direction:column; gap:.55rem; margin-bottom:1.1rem}

/* --- Footer -------------------------------------------------------------------- */
.footer{background:var(--navy-950); color:var(--on-dark-muted); padding:clamp(3rem,6vw,4.5rem) 0 0}
.footer-grid{
  display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:clamp(1.75rem,4vw,3rem);
  padding-bottom:clamp(2rem,4vw,3rem);
}
.footer .logo-mark{background:var(--copper-600); color:#fff}
.footer .logo-text strong{color:#fff}
.footer .logo-text small{color:var(--on-dark-muted)}
.footer-note{font-size:.88rem; margin-top:1.1rem; line-height:1.8}
.footer-note a{color:var(--copper-300); font-weight:600}
.footer-note a:hover{text-decoration:underline}
.footer h3{
  font-family:var(--ff); font-size:.76rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase;
  color:var(--copper-300); margin-bottom:1.1rem;
}
.footer ul{display:flex; flex-direction:column; gap:.6rem}
.footer ul a{font-size:.9rem; color:var(--on-dark-muted)}
.footer ul a:hover{color:#fff}
.compliance{
  border-top:1px solid var(--line-dark); padding:1.5rem 0; font-size:.78rem; line-height:1.9;
  color:var(--on-dark-muted);
}
.compliance strong{color:var(--on-dark)}
.footer-legal{
  border-top:1px solid var(--line-dark); padding:1.2rem 0 1.4rem;
  display:flex; justify-content:space-between; gap:1rem; flex-wrap:wrap; font-size:.78rem;
}
@media (max-width:900px){ .footer-grid{grid-template-columns:1fr 1fr} }
@media (max-width:520px){ .footer-grid{grid-template-columns:1fr} }

/* --- Mobil sabit CTA ------------------------------------------------------------ */
.mobilebar{
  display:none; position:fixed; left:0; right:0; bottom:0; z-index:60;
  background:var(--navy-950); border-top:1px solid var(--line-dark);
}
.mobilebar a{
  flex:1; display:flex; align-items:center; justify-content:center; gap:.45rem;
  min-height:56px; font-size:.82rem; font-weight:700; color:var(--on-dark);
}
.mobilebar svg{width:18px; height:18px}
.mb-call{border-right:1px solid var(--line-dark)}
.mb-wa{border-right:1px solid var(--line-dark); color:#7BDF9E}
.mb-app{background:var(--copper-600); color:#fff}
@media (max-width:900px){
  .mobilebar{display:flex}
  body{padding-bottom:56px}
}

/* --- Faz 0: WhatsApp balonu -------------------------------------------------------- */
.wa-fab{
  position:fixed; right:18px; bottom:18px; z-index:55;
  display:flex; align-items:center; gap:.6rem;
  background:#12753A; color:#fff; border-radius:999px;
  padding:.8rem 1.15rem; font-weight:700; font-size:.88rem;
  box-shadow:0 10px 28px rgba(8,21,39,.28);
  transition:background .18s ease;
}
.wa-fab:hover{background:#0E5E2E}
.wa-fab svg{width:22px; height:22px; flex:none}
@media (max-width:900px){
  .wa-fab{bottom:72px; right:12px; padding:.75rem}
  .wa-fab .wa-fab-txt{display:none}
}

/* --- Faz 0: hız vaadi şeridi -------------------------------------------------------- */
.fast-strip{background:var(--navy-50); border-bottom:1px solid var(--line)}
.fast-strip .wrap{
  display:grid; grid-template-columns:repeat(4, 1fr); gap:1px; background:var(--line);
  border-left:1px solid var(--line); border-right:1px solid var(--line);
}
.fast-strip .fi{
  background:var(--navy-50); padding:.95rem 1.1rem;
  display:flex; align-items:center; gap:.7rem; font-size:.86rem; font-weight:600; color:var(--navy-800);
}
.fast-strip .fi svg{width:19px; height:19px; color:var(--copper-600); flex:none}
@media (max-width:900px){ .fast-strip .wrap{grid-template-columns:1fr 1fr} }
@media (max-width:480px){ .fast-strip .wrap{grid-template-columns:1fr} }

/* --- Faz 0: hekim müsaitlik etiketi -------------------------------------------------- */
.doc-avail{
  display:inline-flex; align-items:center; gap:.45rem;
  font-size:.78rem; font-weight:700; color:var(--navy-800);
  background:var(--navy-50); border:1px solid var(--navy-100);
  padding:.3rem .65rem; margin-bottom:.65rem;
}
.doc-avail::before{content:""; width:7px; height:7px; border-radius:50%; background:#1E9E58; flex:none}

/* --- Faz 0: sayfa altı Sizi Arayalım bandı ------------------------------------------- */
.cb-band{background:var(--navy-950); color:var(--on-dark); border-top:3px solid var(--copper-600)}
.cb-band .wrap{
  display:flex; align-items:center; justify-content:space-between; gap:1.5rem;
  padding-block:1.4rem; flex-wrap:wrap;
}
.cb-band .cb-txt strong{font-family:var(--ff-serif); font-size:1.15rem; color:#fff; display:block}
.cb-band .cb-txt span{font-size:.85rem; color:var(--on-dark-muted)}
.cb-band form{display:flex; gap:.6rem; flex-wrap:wrap; align-items:center}
.cb-band input{
  min-height:48px; padding:.6rem .9rem; font:inherit; min-width:200px;
  border:1.5px solid var(--line-dark); background:var(--navy-900); color:#fff; border-radius:var(--r);
}
.cb-band input::placeholder{color:var(--on-dark-muted)}
.cb-band input:focus{outline:none; border-color:var(--copper-500)}
.cb-band .cb-ok{display:none; font-weight:700; color:#7BDF9E; font-size:.95rem}
.cb-band.done form{display:none}
.cb-band.done .cb-ok{display:block}

/* --- Triyaj sihirbazı --------------------------------------------------------------- */
.tz-panel{background:#fff; border:1px solid var(--line); border-top:3px solid var(--copper-600); padding:clamp(1.5rem,3.5vw,2.25rem)}
.tz-q{font-family:var(--ff-serif); font-size:1.3rem; color:var(--navy-900); margin-bottom:.4rem}
.tz-sub{font-size:.9rem; color:var(--muted); margin-bottom:1.4rem}
.tz-opts{display:grid; grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)); gap:.7rem}
.tz-opts button{
  min-height:56px; padding:.8rem 1.1rem; text-align:left;
  border:1px solid var(--line); background:#fff; border-radius:var(--r);
  font-weight:600; font-size:.93rem; color:var(--ink); cursor:pointer;
  transition:border-color .15s ease, background .15s ease;
}
.tz-opts button:hover{border-color:var(--copper-500); background:var(--copper-50)}
.tz-nav{display:flex; gap:.7rem; margin-top:1.4rem}
.tz-acil{
  background:#FCEBEB; border:1px solid #F09595; border-left:3px solid #A32D2D;
  padding:1rem 1.2rem; margin-bottom:1.2rem; font-size:.9rem; color:#791F1F;
}
.tz-acil strong{display:block; margin-bottom:.2rem}
.tz-acil a{font-weight:800; text-decoration:underline; color:#A32D2D}
.tz-sonuc{display:none}
.tz-sonuc.show{display:block}
.tz-sonuc .tz-birim{
  display:flex; align-items:center; gap:1rem; background:var(--navy-950); color:#fff;
  padding:1.4rem 1.5rem; border-top:3px solid var(--copper-600); margin-bottom:1.1rem;
}
.tz-sonuc .tz-birim .ico{width:46px; height:46px; background:var(--copper-600); display:grid; place-items:center; flex:none}
.tz-sonuc .tz-birim .ico svg{width:22px; height:22px; color:#fff}
.tz-sonuc .tz-birim strong{font-family:var(--ff-serif); font-size:1.25rem; display:block}
.tz-sonuc .tz-birim span{font-size:.8rem; color:var(--on-dark-muted)}
.tz-adim{display:none}
.tz-adim.aktif{display:block}

/* --- VKİ hesaplayıcı ----------------------------------------------------------------- */
.calc-grid{display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(2rem,5vw,3.5rem); align-items:start}
@media (max-width:900px){ .calc-grid{grid-template-columns:1fr} }
.calc-sonuc{
  background:var(--navy-950); color:#fff; border-top:3px solid var(--copper-600);
  padding:1.75rem 1.6rem; text-align:center;
}
.calc-sonuc .deger{font-family:var(--ff-serif); font-size:3rem; color:var(--copper-300); line-height:1.1}
.calc-sonuc .kat{font-size:1.05rem; font-weight:700; margin-top:.3rem}
.calc-sonuc .not{font-size:.82rem; color:var(--on-dark-muted); margin-top:.6rem}
.calc-bantlar{margin-top:1.25rem; border:1px solid var(--line); background:#fff}
.calc-bantlar div{
  display:flex; justify-content:space-between; padding:.7rem 1.1rem;
  font-size:.9rem; border-bottom:1px solid var(--line); color:var(--ink-2);
}
.calc-bantlar div:last-child{border-bottom:0}
.calc-bantlar div.aktif{background:var(--copper-50); font-weight:700; color:var(--copper-700); border-left:3px solid var(--copper-600)}

/* --- Dosya yükleme alanı -------------------------------------------------------------- */
.field input[type="file"]{
  padding:.55rem .7rem; border-style:dashed; background:var(--bg-2); font-size:.88rem;
}

/* --- 404 -------------------------------------------------------------------------- */
.nf{min-height:52vh; display:grid; place-items:center; text-align:center; padding:clamp(3rem,8vw,6rem) var(--gut)}
.nf .code{font-family:var(--ff-serif); font-size:clamp(4rem,10vw,7rem); color:var(--navy-100); line-height:1}
.nf h1{font-size:clamp(1.5rem,3vw,2.2rem); margin:.5rem 0 .8rem}
.nf p{color:var(--muted); max-width:420px; margin-inline:auto}