/* ——— Varsayılan: kaydırmalı sahne yoksa (JS kapalı / hareket azaltılmış) sahneler alt alta ——— */
.hk-sahne{position:relative}
.hk-kare{position:relative;min-height:100svh;overflow:hidden;display:flex;align-items:flex-end}
.hk-kare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 38%}
.hk-kare::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(22,24,58,.35) 0%,rgba(22,24,58,0) 28%,rgba(22,24,58,.55) 62%,rgba(22,24,58,.94) 100%)}
.hk-metin{position:relative;z-index:3;padding:0 max(22px,5vw) calc(88px + env(safe-area-inset-bottom));max-width:760px}
.hk-etiket{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:#fff;background:rgba(212,18,122,.92);padding:7px 14px;border-radius:99px;margin-bottom:18px}
.hk-etiket.hk-sor{background:rgba(255,255,255,.18);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.35)}
.hk-metin h1,.hk-metin h2{font-size:clamp(2.1rem,6.4vw,4.4rem);font-weight:800;letter-spacing:-.03em;line-height:1.04;color:#fff;text-wrap:balance}
.hk-metin p{margin-top:16px;font-size:clamp(1.02rem,2.1vw,1.28rem);color:#dfe2f4;max-width:560px}
.hk-metin .sicil{margin-top:20px;font-size:.82rem;letter-spacing:.04em;color:#b9bedc}
.hk-ipucu{display:inline-flex;align-items:center;gap:10px;margin-top:26px;font-weight:700;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:#fff}
.hk-ipucu i{width:22px;height:34px;border:2px solid #fff;border-radius:12px;position:relative;display:inline-block}
.hk-ipucu i::after{content:"";position:absolute;left:50%;top:6px;width:4px;height:7px;margin-left:-2px;background:#fff;border-radius:2px;animation:hk-tekerlek 1.6s infinite}
@keyframes hk-tekerlek{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(11px)}}
.hk-halka,.hk-noktalar,.hk-ilerleme{display:none}
/* ——— Kaydırmalı sinematik mod ——— */
html.hk-js .hk-hikaye{height:760vh;position:relative}
html.hk-js .hk-sahne{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
html.hk-js .hk-kare{position:absolute;inset:0;min-height:0;will-change:clip-path}
html.hk-js .hk-kare img{will-change:transform}
html.hk-js .hk-metin{position:absolute;left:0;right:0;bottom:0;will-change:opacity,transform;opacity:0}
html.hk-js .hk-kare:first-child{clip-path:none}
html.hk-js .hk-halka{display:block;position:absolute;z-index:4;left:50%;top:56%;border:2px solid rgba(255,255,255,.7);border-radius:50%;pointer-events:none;opacity:0;transform:translate(-50%,-50%);box-shadow:0 0 40px rgba(255,255,255,.25)}
html.hk-js .hk-ilerleme{display:block;position:absolute;z-index:6;left:0;top:0;height:4px;width:100%;background:rgba(255,255,255,.12)}
html.hk-js .hk-ilerleme b{display:block;height:100%;width:0;background:var(--red)}
html.hk-js .hk-noktalar{display:flex;flex-direction:column;gap:14px;position:absolute;z-index:6;right:max(14px,2.4vw);top:50%;transform:translateY(-50%)}
.hk-noktalar button{width:11px;height:11px;border-radius:50%;border:2px solid #fff;background:transparent;cursor:pointer;padding:0;opacity:.7;transition:.25s}
.hk-noktalar button.hk-ac{background:#fff;opacity:1;transform:scale(1.25)}

@media (min-aspect-ratio:1/1){.hk-kare img{object-position:50% 20%}}

/* ═══════════ YENİ TASARIM (önizleme) — sinematik lacivert + magenta ═══════════ */
:root{--navy:#16183a;--navy-deep:#0e0f2b;--red:#d4127a;--pink:#ff5fae;--glass:rgba(22,24,58,.82)}
html{scroll-padding-top:84px}
body{background:#fff}
.yeni-serit{position:relative;z-index:60;background:#0e0f2b;color:#cfd3ee;font-size:.78rem;text-align:center;padding:7px 12px;letter-spacing:.02em}
.yeni-serit a{color:#ff8cc6;font-weight:700;margin-left:8px}

/* — Üst menü: cam görünümlü lacivert — */
header{background:var(--glass)!important;backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);border-bottom:1px solid rgba(255,255,255,.08)!important}
header.scrolled{box-shadow:0 10px 30px -18px rgba(0,0,0,.7)!important}
header .brand{background:#fff;border-radius:12px;padding:5px 12px;display:inline-flex}
header .menu-top,header .mainnav>ul>li>a{color:#e9ebf7!important}
header .menu-top:hover,header li.current>.menu-top{color:#ff8cc6!important}
header .btn-outline{background:transparent!important;color:#fff!important;border:1.5px solid rgba(255,255,255,.45)!important}
header .burger{color:#fff!important}
@media (max-width:980px){header .mainnav{background:var(--navy-deep)!important}header .mainnav a,header .mainnav .menu-top{color:#e9ebf7!important}}

/* — Sayfa başlığı: tam genişlik sinematik alan — */
.page-hero{background:radial-gradient(900px 420px at 85% 10%,rgba(212,18,122,.45),transparent 60%),radial-gradient(700px 380px at 5% 100%,rgba(59,91,219,.35),transparent 60%),linear-gradient(160deg,#16183a 0%,#0e0f2b 100%)!important;border-bottom:0!important;padding:76px 0 92px!important;color:#fff}
.page-hero .watermark{opacity:.09!important;filter:brightness(2.2) saturate(.4)}
.page-hero::before,.page-hero::after{content:"";position:absolute;right:12%;top:46%;width:360px;height:360px;margin:-180px -180px 0 0;border:2px solid rgba(255,255,255,.22);border-radius:50%;pointer-events:none;animation:yeni-dalga 7s ease-out infinite}
.page-hero::after{animation-delay:3.5s}
@keyframes yeni-dalga{0%{transform:scale(.2);opacity:.9}100%{transform:scale(3.6);opacity:0}}
.page-hero h1{color:#fff!important;font-size:clamp(2.2rem,5.2vw,3.9rem)!important;letter-spacing:-.03em;line-height:1.05;text-wrap:balance}
.page-hero .lead{color:#d3d7f1!important;font-size:1.16rem!important}
.page-hero .eyebrow{color:#ff8cc6!important}
.page-hero .eyebrow::before{background:#ff8cc6!important}
.page-hero .crumbs,.page-hero .crumbs a{color:#a8aed6!important}
.page-hero .crumbs a:hover{color:#fff!important}
.page-hero .fact{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.18)!important;backdrop-filter:blur(6px)}
.page-hero .fact b{color:#fff!important}
.page-hero .fact span{color:#bfc4e6!important}
.hero-fig{width:min(300px,34vw)!important;transform:rotate(0)!important;border:1px solid rgba(255,255,255,.25)!important;box-shadow:0 40px 90px -30px rgba(212,18,122,.65),0 0 0 8px rgba(255,255,255,.05)!important;border-radius:22px!important}

/* — İçerik — */
.page-body{padding:84px 0 56px!important}
.prose>h2{font-size:clamp(1.6rem,3vw,2.15rem)!important;letter-spacing:-.025em}
.prose>h2 .n{background:linear-gradient(100deg,#d4127a,#7b2fd0)!important;color:#fff!important;border-radius:10px!important;padding:5px 10px!important}
.card,.rel,.agecard,.step,.callout,.fact{transition:transform .25s,box-shadow .25s,border-color .25s}
.prose .card:hover,.prose .agecard:hover,.rel:hover{transform:translateY(-4px);box-shadow:0 22px 40px -26px rgba(22,24,58,.45);border-color:rgba(212,18,122,.35)!important}
.callout{border-radius:18px!important}
.related{background:#f6f4fc;padding:70px 0!important}
.related h2{font-size:1.8rem!important}
.ctaband{background:radial-gradient(500px 260px at 90% 0,rgba(212,18,122,.55),transparent 65%),linear-gradient(140deg,#16183a,#0e0f2b)!important;border-radius:28px!important;margin-top:60px;padding:52px 52px!important}
.ctaband h2{color:#fff!important;font-size:clamp(1.6rem,3vw,2.2rem)!important}

/* — Alt bilgi: koyu — */
.site-foot{background:#0e0f2b!important;color:#b9bedc!important;--navy:#fff;--muted:#b9bedc;border-top:0!important}
.site-foot a{color:#dfe2f4}
.site-foot h4{color:#fff!important}
.site-foot .foot-logo{background:#fff;border-radius:12px;padding:8px 14px}
.site-foot .foot-bottom{border-top-color:rgba(255,255,255,.12)!important;color:#9097c4!important}

/* — Ana sayfa bölümleri (eski içerik, yeni görünüm) — */
main>section:not(.hk-hikaye):not(.hero){scroll-margin-top:84px}
#brans,#neden,#sss,.program,.contact{position:relative}
.program{background:linear-gradient(180deg,#f6f4fc,#fff)!important}

/* — Kaydırınca beliren öğeler — */
html.yeni-js .ry{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
html.yeni-js .ry.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html.yeni-js .ry{opacity:1;transform:none;transition:none}.page-hero::before,.page-hero::after{animation:none;display:none}}
@media (max-width:760px){.page-hero{padding:48px 0 60px!important}.page-hero::before,.page-hero::after{right:-10%}.hero-fig{width:200px!important}.ctaband{padding:34px 26px!important}}

/* — Kapanış (hikâye sonrası, ana sayfa) — */
.hk-kapanis{background:#fff;text-align:center;padding:clamp(64px,10vw,110px) 22px}
.hk-kapanis h2{font-size:clamp(1.9rem,4.6vw,3.2rem);max-width:760px;margin:0 auto;text-wrap:balance}
.hk-kapanis p{margin:16px auto 0;max-width:560px;color:#4b5070;font-size:1.08rem}
.hk-kapanis .dugmeler{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:30px}
.hk-kapanis .rakamlar{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:720px;margin:44px auto 0}
.hk-kapanis .rakamlar div{background:#f4f5fb;border-radius:16px;padding:20px 10px}
.hk-kapanis .rakamlar b{display:block;font-size:1.7rem;font-weight:800;color:var(--red)}
.hk-kapanis .rakamlar span{font-size:.85rem;color:#4b5070}
.hk-sahne .hk-metin h1,.hk-sahne .hk-metin h2{color:#fff}

/* — Düzeltmeler: düğme ve alt bilgi okunabilirliği — */
.prose .btn-primary,.yorum-dugme .btn-primary{color:#fff!important;text-decoration:none}
.prose .btn-outline,.yorum-dugme .btn-outline{text-decoration:none}
.site-foot .g-yorum{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.28)!important}
.site-foot .g-yorum span{color:#fff!important}
.site-foot .uyg-link{color:#fff!important;border-bottom-color:rgba(255,255,255,.4)!important}