:root{--zemin:#F2F1EC;--yazi:#111;--soluk:#5B5B57;--vurgu:#E2401C;--cizgi:rgba(17,17,17,.18);--sans:'Space Grotesk',system-ui,sans-serif;--mono:'JetBrains Mono',ui-monospace,monospace}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--zemin);color:var(--yazi);font:400 17px/1.6 var(--sans);padding-bottom:44px}
img{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3,p,figure,dl,dd,ol{margin:0}
ol{padding:0;list-style:none}
h2{font-size:clamp(2.4rem,6vw,4.6rem);line-height:.98;font-weight:500;letter-spacing:-.04em}
.kap{width:min(1240px,100% - 48px);margin-inline:auto}
.atla{position:absolute;left:-999px;top:8px;z-index:100;background:var(--yazi);color:#fff;padding:10px}.atla:focus{left:12px}
.etiket,.no,.sure,dt,.dugme,.menu a,figcaption{font-family:var(--mono);font-size:.78rem;letter-spacing:.02em;text-transform:uppercase}
.etiket{color:var(--soluk);margin-bottom:22px}

/* Üst bar */
.ust{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;gap:28px;padding:16px 24px;transition:transform .45s,background .3s}
.ust.kaydi{background:var(--zemin);border-bottom:1px solid var(--cizgi)}
.ust.gizli{transform:translateY(-100%)}
.logo{font:700 1.25rem/1 var(--sans);letter-spacing:-.02em;text-decoration:none;display:flex;align-items:baseline;gap:2px}
.logo b,.alt-logo b{color:var(--vurgu)}
.logo small{font:400 .72rem var(--mono);color:var(--soluk);margin-left:10px;text-transform:uppercase}
.menu{display:flex;gap:26px;margin-left:auto}
.menu a{text-decoration:none;position:relative}
.menu a::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s}
.menu a:hover::after{transform:scaleX(1)}
.menu-ac{display:none}
.dugme{display:inline-flex;align-items:center;gap:10px;padding:15px 22px;background:var(--yazi);color:var(--zemin);border:0;border-radius:0;text-decoration:none;cursor:pointer;transition:background .25s}
.dugme:hover{background:var(--vurgu)}
.dugme-kucuk{padding:11px 16px}

/* Hero */
.hero{padding-top:150px}
.hero-baslik{font-size:clamp(3.2rem,11.5vw,10.5rem);line-height:.9;font-weight:500;letter-spacing:-.055em}
.hero-baslik .satir{display:block;overflow:hidden;padding-bottom:.04em}
.hero-baslik .satir>span{display:inline-block}
.hero-baslik em{font-style:normal;color:var(--vurgu)}
.hero-alt{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:56px;padding-top:24px;border-top:1px solid var(--yazi)}
.hero-ozet{font-size:1.25rem;max-width:30ch}
.kunye div{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:10px 0;border-bottom:1px solid var(--cizgi)}
.kunye dt{color:var(--soluk);padding-top:3px}
.hero-foto{margin-top:64px}
.hero-foto img{width:100%;aspect-ratio:21/9;object-fit:cover;filter:grayscale(1) contrast(1.05)}
.hero-foto figcaption{margin-top:12px;color:var(--soluk);text-transform:none}

/* Bölümler */
section{scroll-margin-top:70px}
.surec,.tedaviler,.hekim,.sss{padding-block:130px 0}
.bas{display:grid;grid-template-columns:1fr 2fr;align-items:end;gap:24px;margin-bottom:48px}
.bas .etiket{margin:0;align-self:start}
.satir-cizgi{position:relative}
.satir-cizgi::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:var(--yazi);transform-origin:left;transform:scaleX(var(--c,1))}
.adimlar li{display:grid;grid-template-columns:1fr 1fr 2fr auto;gap:24px;align-items:baseline;padding:28px 0}
.adimlar li:last-child{border-bottom:1px solid var(--yazi)}
.adimlar h3{font-size:1.7rem;font-weight:500;letter-spacing:-.02em}
.adimlar p{color:var(--soluk);max-width:46ch}
.no{color:var(--vurgu)}
.sure{white-space:nowrap}

.tedaviler{padding-bottom:0}
.dizin{border-bottom:1px solid var(--yazi)}
.dizin summary{display:flex;align-items:baseline;gap:28px;padding:24px 0;cursor:pointer;list-style:none;font-size:clamp(1.4rem,3.2vw,2.4rem);font-weight:500;letter-spacing:-.03em;transition:color .2s}
.dizin summary::-webkit-details-marker{display:none}
.dizin summary:hover{color:var(--vurgu)}
.dizin summary i{margin-left:auto;font:400 1.4rem var(--mono);font-style:normal;transition:transform .3s}
.dizin details[open] summary i{transform:rotate(45deg)}
.dizin details p{max-width:60ch;padding:0 0 28px 48px;color:var(--soluk)}

.hekim-izgara{display:grid;grid-template-columns:1fr 2fr;gap:48px;align-items:start}
.hekim-foto img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:grayscale(1)}
.hekim-yazi h2{font-size:clamp(2rem,4vw,3.2rem)}
.buyuk{font-size:clamp(1.3rem,2.4vw,1.9rem);line-height:1.35;margin:28px 0 36px;max-width:28ch}

/* Randevu */
.randevu{margin-top:130px;padding-block:110px;background:var(--yazi);color:var(--zemin)}
.randevu-ic{display:grid;grid-template-columns:1fr 1fr;gap:64px}
.randevu h2{font-size:clamp(3rem,8vw,6.5rem);margin-bottom:24px}
.randevu .etiket,.randevu dt{color:#9b9b95}
.randevu .kunye{margin-top:36px}
.randevu .kunye div{border-color:rgba(242,241,236,.2)}
.form{display:grid;gap:18px;align-content:start}
.form label{display:grid;gap:8px;font:400 .78rem var(--mono);text-transform:uppercase}
.form input,.form select{font:400 1.05rem var(--sans);padding:14px 0;border:0;border-bottom:1px solid rgba(242,241,236,.4);background:transparent;color:var(--zemin);border-radius:0}
.form select option{color:#111}
.form input:focus,.form select:focus{outline:none;border-color:var(--vurgu)}
.form .onay{display:flex;gap:12px;align-items:flex-start;text-transform:none;font:400 .9rem/1.5 var(--sans)}
.form .onay input{width:18px;height:18px;margin-top:2px;accent-color:var(--vurgu)}
.form .dugme{background:var(--vurgu);color:#fff;justify-self:start}
.form .dugme:hover{background:var(--zemin);color:var(--yazi)}
.form-hata{color:#FF8A6E;min-height:1.2em;font-size:.9rem}
/* Next sürümündeki randevu kartı */
.kv-randevu-kart{border:1px solid rgba(242,241,236,.25);padding:32px}
.kv-randevu-kart h3{font-size:1.6rem;font-weight:500;margin-bottom:12px}
.kv-randevu-kart ol{list-style:decimal;padding-left:20px;margin:14px 0 22px;color:#c9c9c3}
.kv-kucuk{font-size:.85rem;margin-top:12px}

.alt{padding-block:48px}
.alt-ic{display:grid;grid-template-columns:auto 1fr;gap:48px;align-items:baseline;color:var(--soluk);font-size:.9rem}
.alt-logo{font:700 2rem var(--sans);color:var(--yazi)}
.alt a{text-decoration:underline}

.pencere{border:1px solid var(--yazi);border-radius:0;padding:32px;max-width:min(480px,92vw);background:var(--zemin);color:var(--yazi)}
.pencere::backdrop{background:rgba(17,17,17,.55)}
.pencere h3{font-size:1.7rem;font-weight:500;margin-bottom:16px}
.pencere pre{white-space:pre-wrap;font:400 .9rem/1.6 var(--mono);background:#fff;padding:16px;margin:0 0 14px}
.pencere .soluk{font-size:.85rem;color:var(--soluk);margin-bottom:20px}

#kv-demo-etiketi{position:fixed;left:0;right:0;bottom:0;z-index:2147483000;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:2px 8px;background:#0B1220;color:#E5E7EB;padding:6px 12px;font:500 11.5px/1.35 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;text-align:center;box-shadow:0 -2px 14px rgba(0,0,0,.3)}
#kv-demo-etiketi strong{color:#FCD34D;letter-spacing:.07em;font-weight:700;white-space:nowrap}
#kv-demo-etiketi .kv-demo-meta{color:#9CA3AF;white-space:nowrap}#kv-demo-etiketi a{color:#93C5FD}

:focus-visible{outline:2px solid var(--vurgu);outline-offset:3px}

@media (max-width:900px){
  .menu{position:fixed;inset:0;height:100dvh;flex-direction:column;justify-content:center;gap:22px;padding:24px;background:var(--zemin);transform:translateY(-100%);visibility:hidden;transition:transform .45s,visibility 0s .45s;margin:0}
  .menu.acik{transform:none;visibility:visible;transition:transform .45s}
  .menu a{font:500 2.2rem var(--sans);text-transform:none}
  .menu-ac{display:grid;gap:6px;align-content:center;justify-items:center;margin-left:auto;width:44px;height:44px;border:0;background:var(--yazi);cursor:pointer;position:relative;z-index:2}
  .menu-ac span{display:block;width:18px;height:2px;background:var(--zemin);transition:transform .3s}
  .menu-ac[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}
  .menu-ac[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}
  .ust>.dugme-kucuk{margin-left:auto}
  .ust>.dugme-kucuk+.menu-ac{margin-left:0}
  .hero-alt,.bas,.hekim-izgara,.randevu-ic{grid-template-columns:1fr}
  .adimlar li{grid-template-columns:auto 1fr;gap:6px 18px}
  .adimlar li p,.adimlar .sure{grid-column:2}
  .hekim-foto{max-width:320px}
}
@media (max-width:560px){
  body{font-size:16px}
  .kap{width:calc(100% - 32px)}
  .ust{padding:12px 16px;gap:12px}
  .logo small{display:none}
  .hero{padding-top:110px}
  .hero-foto img{aspect-ratio:4/3}
  .surec,.tedaviler,.hekim,.sss{padding-top:90px}
  .randevu{margin-top:90px;padding-block:80px}
  .dizin details p{padding-left:0}
  .alt-ic{grid-template-columns:1fr;gap:12px}
  #kv-demo-etiketi{font-size:10px;padding:5px 9px;gap:0 6px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}