:root {
  --nav-yari: 590px; --nav-yazi: rgba(247, 239, 236, .7); --nav-vurgu: var(--bronz);
  --nav-zemin: rgba(22, 12, 16, .8); --nav-zemin-ust: transparent; --nav-cizgi: var(--cizgi); --nav-cizgi-ust: transparent;
  --nav-bulanik: blur(14px); --nav-bulanik-ust: none;
  --nav-cb-zemin: rgba(255, 255, 255, .08); --nav-cb-yazi: #fff; --nav-cb-cizgi: var(--cizgi2); --nav-cb-boy: 38px; --nav-cb-dolgu: 16px; --nav-cb-punto: 14px; --nav-hay: none;
  --menu-zemin: rgba(36, 18, 25, .97); --alt-yari: 590px; --alt-yazi: var(--soluk2); --alt-cizgi: var(--cizgi);
}
/* Typical Lover'ın kendi dünyası: uygulamanın app/globals.css paleti + Playfair Display */
:root{--bg:#160C10;--yuzey:#241219;--yuzey2:#2E1620;--hero:#723052;--isik:#8A3A63;--derin:#5A2542;--yazi:#F7EFEC;--soluk:#C8AAA4;--soluk2:rgba(200,170,164,.62);--blush:#C2817D;--bronz:#D5AC89;--cip:#3A1829;--cizgi:rgba(247,239,236,.1);--cizgi2:rgba(247,239,236,.18);
--ipucu:#C9B6FF;--ipucu-bg:rgba(160,130,255,.18)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:clip}
body{background:var(--bg);color:var(--yazi);font-family:"Hanken Grotesk",sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip;font-size:17px;line-height:1.6}
img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,textarea{font:inherit;color:inherit}button{background:none;border:0;cursor:pointer}
.serif{font-family:"Playfair Display",serif}
.kap{max-width:1180px;margin:0 auto;padding:0 24px}
.ust-etiket{font:500 12px/1 "IBM Plex Mono";letter-spacing:.16em;color:var(--blush)}


.dg{height:52px;padding:0 24px;border-radius:999px;display:inline-flex;align-items:center;gap:10px;font:600 15px/1 "Hanken Grotesk";letter-spacing:.06em;text-transform:uppercase;transition:transform .2s}
.dg:hover{transform:translateY(-1px)}
.dg.krem{background:var(--yazi);color:var(--bg)}
.dg.cam{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px var(--cizgi2)}
.gozle{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.gozle.gor{opacity:1;transform:none}

/* ---------- AÇILIŞ ---------- */
.acilis{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;isolation:isolate;padding:120px 0 70px}
.acilis::before{content:"";position:absolute;inset:-20%;z-index:-1;background:radial-gradient(50% 45% at 72% 40%,rgba(138,58,99,.75),transparent 70%),radial-gradient(40% 40% at 20% 80%,rgba(114,48,82,.55),transparent 70%),radial-gradient(30% 30% at 90% 90%,rgba(194,129,125,.25),transparent 70%);filter:blur(10px);animation:nefes 16s ease-in-out infinite alternate}
@keyframes nefes{to{transform:translate(-3%,2%) scale(1.06)}}
.acilis .ic{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:center}
.acilis h1{font:400 clamp(54px,7.4vw,112px)/.95 "Playfair Display";letter-spacing:-.02em;margin-top:22px}
.acilis h1 em{font-style:italic;color:var(--bronz)}
.acilis .alt{margin-top:26px;font-size:19px;color:var(--soluk);max-width:540px}
.acilis .alt b{color:var(--yazi);font-weight:600}
.dgm{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.kunye-serit{margin-top:44px;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--cizgi)}
.kunye-serit div{padding:16px 18px 0 0}
.kunye-serit small{font:500 11px/1 "IBM Plex Mono";letter-spacing:.14em;color:var(--blush)}
.kunye-serit p{margin-top:8px;font-size:14.5px;color:var(--soluk);line-height:1.45}
/* açılıştaki üst üste mektuplar */
.mektuplar{position:relative;height:520px}
.mektup{position:absolute;width:290px;padding:22px 24px;border-radius:22px;background:linear-gradient(160deg,rgba(46,22,32,.92),rgba(36,18,25,.92));box-shadow:inset 0 0 0 1px var(--cizgi2),0 30px 60px -24px rgba(0,0,0,.7);backdrop-filter:blur(8px)}
.mektup h4{font:500 30px/1 "Playfair Display"}
.mektup .tur{font:500 11px/1 "IBM Plex Mono";letter-spacing:.14em;color:var(--blush);margin-top:8px}
.mektup p{margin-top:14px;font-size:15px;color:var(--soluk);line-height:1.5}
.mektup p mark{background:none;color:var(--yazi);border-bottom:1.5px solid var(--bronz)}
.mektuplar .mektup:nth-child(1){left:4%;top:20px;transform:rotate(-6deg);animation:suzul 9s ease-in-out infinite}
.mektuplar .mektup:nth-child(2){left:26%;top:150px;transform:rotate(3deg);animation:suzul 11s -3s ease-in-out infinite}
.mektuplar .mektup:nth-child(3){left:8%;top:300px;transform:rotate(-2deg);animation:suzul 10s -6s ease-in-out infinite}
@keyframes suzul{50%{translate:0 -10px}}
.mektuplar svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}

/* ---------- HİKÂYE (sabit sahne + kayan adımlar) ---------- */
.hikaye{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;max-width:1180px;margin:0 auto;padding:0 24px}
.sahne-kap{position:sticky;top:64px;height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center}
.sahne{position:relative;width:640px;height:660px;transform-origin:center;flex:none}
.sahne svg.ipler{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.sahne svg.ipler path{fill:none;stroke:var(--ipucu);stroke-width:1.6;stroke-linecap:round;opacity:.9;stroke-dasharray:var(--l);stroke-dashoffset:var(--l);transition:stroke-dashoffset 1.1s cubic-bezier(.4,.1,.2,1)}
.sahne[data-adim="3"] svg.ipler path,.sahne[data-adim="4"] svg.ipler path{stroke-dashoffset:0}
.sahne[data-adim="5"] svg.ipler path{stroke-dashoffset:0;opacity:.25}
.kisi{position:absolute;left:0;width:296px;padding:18px 20px;border-radius:20px;background:var(--yuzey);box-shadow:inset 0 0 0 1px var(--cizgi),0 24px 50px -24px rgba(0,0,0,.7);opacity:0;transform:translateX(-24px);transition:opacity .6s,transform .7s cubic-bezier(.2,.8,.2,1)}
.sahne:not([data-adim="0"]) .kisi{opacity:1;transform:none}
.kisi:nth-of-type(2){transition-delay:.12s}.kisi:nth-of-type(3){transition-delay:.24s}
.kisi .ba{display:flex;justify-content:space-between;align-items:baseline}
.kisi h4{font:500 26px/1 "Playfair Display"}
.kisi .tur{font:500 10.5px/1 "IBM Plex Mono";letter-spacing:.14em;color:var(--blush)}
.kisi dl{margin-top:10px}
.kisi dt{font:500 10px/1 "IBM Plex Mono";letter-spacing:.14em;color:var(--soluk2);margin-top:9px}
.kisi dd{font-size:13.5px;line-height:1.42;color:var(--soluk);margin-top:3px}
.kisi .oz{transition:color .4s,background .4s,box-shadow .4s;border-radius:4px}
.sahne[data-adim="2"] .oz.ust,.sahne[data-adim="3"] .oz.ust,.sahne[data-adim="4"] .oz.ust,.sahne[data-adim="5"] .oz.ust{color:var(--bg);background:var(--bronz);box-shadow:0 0 0 2px var(--bronz)}
.kisi .ip{transition:color .4s,background .4s,box-shadow .4s;border-radius:4px}
.sahne[data-adim="3"] .ip,.sahne[data-adim="4"] .ip,.sahne[data-adim="5"] .ip{color:#fff;background:var(--ipucu-bg);box-shadow:0 0 0 2px var(--ipucu-bg)}
/* sağ taraf: sayaç → düğüm → tip kartı */
.sayac{position:absolute;left:350px;top:40px;width:290px;opacity:0;transform:translateY(10px);transition:opacity .5s,transform .5s}
.sahne[data-adim="2"] .sayac,.sahne[data-adim="3"] .sayac{opacity:1;transform:none}
.sayac small{font:500 10.5px/1 "IBM Plex Mono";letter-spacing:.14em;color:var(--soluk2)}
.sayac .cipler{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.sayac .c{display:flex;justify-content:space-between;align-items:center;height:40px;padding:0 14px;border-radius:999px;background:var(--cip);box-shadow:inset 0 0 0 1px rgba(213,172,137,.4);font-weight:600;font-size:15px}
.sayac .c b{font:500 13px/1 "IBM Plex Mono";color:var(--bronz)}
.dugum{position:absolute;left:470px;top:280px;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%;background:var(--ipucu);box-shadow:0 0 0 8px rgba(201,182,255,.15),0 0 40px rgba(201,182,255,.6);opacity:0;transform:scale(.4);transition:opacity .5s .3s,transform .6s .3s cubic-bezier(.3,1.5,.5,1)}
.sahne[data-adim="3"] .dugum{opacity:1;transform:none}
.dugum-yazi{position:absolute;left:350px;top:330px;width:250px;text-align:center;font:500 13px/1.45 "IBM Plex Mono";color:var(--ipucu);opacity:0;transition:opacity .5s .6s}
.sahne[data-adim="3"] .dugum-yazi{opacity:1}
.tip{position:absolute;left:345px;top:150px;width:295px;padding:24px 22px;border-radius:26px;text-align:center;background:linear-gradient(165deg,var(--isik),var(--derin));box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 40px 80px -30px rgba(0,0,0,.8),0 0 80px -20px rgba(147,197,253,.35);opacity:0;transform:scale(.6);transform-origin:125px 130px;transition:opacity .5s,transform .8s cubic-bezier(.25,1.3,.4,1)}
.sahne[data-adim="4"] .tip,.sahne[data-adim="5"] .tip{opacity:1;transform:none}
.sahne[data-adim="5"] .tip{transform:translateY(-110px) scale(.86)}
.tip .em{width:64px;height:64px;margin:0 auto;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.tip small{display:block;margin-top:12px;font:600 10.5px/1 "IBM Plex Mono";letter-spacing:.16em;color:rgba(247,239,236,.7)}
.tip h3{font:500 28px/1.1 "Playfair Display";margin-top:8px}
.tip .tg{font-size:14px;color:rgba(247,239,236,.75);margin-top:4px}
.tip .oc{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:12px}
.tip .oc span{height:26px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;font-size:12.5px;font-weight:600;box-shadow:inset 0 0 0 1px rgba(247,239,236,.55)}
.tip p{margin-top:12px;font-size:13.5px;line-height:1.5;color:rgba(247,239,236,.85)}
.next{position:absolute;left:345px;top:340px;width:295px;padding:18px 20px;border-radius:20px;background:var(--yuzey2);box-shadow:inset 0 0 0 1.5px var(--bronz),0 24px 50px -24px rgba(0,0,0,.7);opacity:0;transform:translateY(40px);transition:opacity .6s,transform .7s cubic-bezier(.2,.8,.2,1)}
.sahne[data-adim="5"] .next{opacity:1;transform:none}
.next .ba{display:flex;justify-content:space-between;align-items:baseline}
.next h4{font:500 26px/1 "Playfair Display"}
.next .tur{font:500 10.5px/1 "IBM Plex Mono";letter-spacing:.14em;color:var(--bronz)}
.next .skor{display:flex;gap:16px;align-items:center;margin-top:12px}
.next .halka{position:relative;width:96px;height:96px;flex:none}
.next .halka svg{width:100%;height:100%;transform:rotate(-90deg)}
.next .halka circle{fill:none;stroke-width:7}
.next .halka .iz{stroke:rgba(255,255,255,.1)}
.next .halka .dol{stroke:var(--yazi);stroke-linecap:round;stroke-dasharray:276.5;stroke-dashoffset:276.5;transition:stroke-dashoffset 1.6s cubic-bezier(.2,.7,.2,1) .3s}
.sahne[data-adim="5"] .next .halka .dol{stroke-dashoffset:calc(276.5 * (1 - var(--skor) / 100))}
.next .halka b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:500 32px/1 "Playfair Display"}
.next .skor p{font-size:13px;line-height:1.45;color:var(--soluk)}
.next .skor p strong{display:block;font-size:15px;color:var(--yazi);margin-bottom:2px}
.adimlar{padding:22vh 0 30vh}
.adim{min-height:78vh;display:flex;flex-direction:column;justify-content:center;opacity:.28;transition:opacity .5s}
.adim.on{opacity:1}
.adim .no{font:500 12px/1 "IBM Plex Mono";letter-spacing:.16em;color:var(--blush)}
.adim h2{font:400 clamp(38px,4vw,56px)/1.02 "Playfair Display";letter-spacing:-.015em;margin-top:14px}
.adim h2 em{font-style:italic;color:var(--bronz)}
.adim p{margin-top:16px;color:var(--soluk);font-size:17.5px}
.adim p b{color:var(--yazi);font-weight:600}
.adim .not{margin-top:14px;font:400 13px/1.55 "IBM Plex Mono";color:var(--soluk2)}
.adim .ipucu-cip{display:inline-block;padding:1px 6px;border-radius:4px;background:var(--ipucu-bg);color:#fff;font-family:"IBM Plex Mono";font-size:.86em}
.adim .oz-cip{display:inline-block;padding:1px 6px;border-radius:4px;background:var(--bronz);color:var(--bg);font-weight:600;font-size:.92em}

/* bölüm başlıkları */
.bol{padding:130px 0 20px}
.bb{max-width:760px}
.bb h2{font:400 clamp(40px,4.8vw,66px)/1.02 "Playfair Display";letter-spacing:-.02em;margin-top:16px}
.bb h2 em{font-style:italic;color:var(--bronz)}
.bb p{margin-top:16px;color:var(--soluk);font-size:18px;max-width:640px}
.bb p b{color:var(--yazi);font-weight:600}

/* KENDİN DENE */
.lab{margin-top:40px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px}
.lab .exler{display:flex;flex-direction:column;gap:12px}
.lab-ex{padding:16px 18px;border-radius:20px;background:var(--yuzey);box-shadow:inset 0 0 0 1px var(--cizgi)}
.lab-ex .ba{display:flex;justify-content:space-between;align-items:center}
.lab-ex h4{font:500 22px/1 "Playfair Display"}
.lab-ex .temizle{font:500 11px/1 "IBM Plex Mono";letter-spacing:.1em;color:var(--soluk2)}
.lab-ex label{display:block;margin-top:10px;font:500 10px/1 "IBM Plex Mono";letter-spacing:.14em;color:var(--soluk2)}
.lab-ex textarea{display:block;width:100%;margin-top:6px;min-height:44px;resize:vertical;padding:10px 12px;border-radius:12px;border:1px solid var(--cizgi2);background:rgba(0,0,0,.22);font-size:14.5px;line-height:1.45;color:var(--yazi)}
.lab-ex textarea:focus{outline:2px solid var(--bronz);outline-offset:1px}
.sonuc-kart{position:sticky;top:90px;align-self:start;padding:26px;border-radius:26px;background:linear-gradient(165deg,var(--isik),var(--derin));box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 40px 80px -30px rgba(0,0,0,.8);text-align:center}
.sonuc-kart .em{font-size:40px;line-height:1}
.sonuc-kart small{display:block;margin-top:12px;font:600 10.5px/1 "IBM Plex Mono";letter-spacing:.16em;color:rgba(247,239,236,.7)}
.sonuc-kart h3{font:500 32px/1.1 "Playfair Display";margin-top:8px}
.sonuc-kart .tg{font-size:14.5px;color:rgba(247,239,236,.78);margin-top:4px}
.sonuc-kart .oc{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:14px;min-height:26px}
.sonuc-kart .oc span{height:26px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;font-size:12.5px;font-weight:600;box-shadow:inset 0 0 0 1px rgba(247,239,236,.55)}
.sonuc-kart p.uy{margin-top:14px;font-size:14px;color:rgba(247,239,236,.88)}
.yaris{margin-top:18px;text-align:left;display:flex;flex-direction:column;gap:7px}
.yaris div{display:grid;grid-template-columns:1fr 34px;gap:6px 10px;align-items:center;font-size:13px}
.yaris div i{grid-column:1/-1;height:5px;border-radius:3px;background:rgba(255,255,255,.12);overflow:hidden}
.yaris div i b{display:block;height:100%;background:var(--yazi);border-radius:3px;transition:width .4s}
.yaris div span:last-of-type{text-align:right;font-family:"IBM Plex Mono"}
.lab-not{margin-top:14px;font:400 13px/1.55 "IBM Plex Mono";color:var(--soluk2)}

/* EKRANLAR */
.ekranlar{margin-top:44px;display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.ekranlar figure{min-width:0}
.tel{aspect-ratio:390/844;border-radius:34px;padding:7px;background:#0a0507;box-shadow:0 0 0 1.5px rgba(247,239,236,.14),0 30px 60px -28px rgba(0,0,0,.8);position:relative}
.tel img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:28px}
.ekranlar figcaption{margin-top:14px;font-size:14px;color:var(--soluk);line-height:1.45}
.ekranlar figcaption b{display:block;font:500 19px/1.15 "Playfair Display";color:var(--yazi);margin-bottom:3px}

/* SORULAR: iki mektup */
.formlar{margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form{padding:28px 30px;border-radius:24px;background:#F3E6DF;color:#2A141C;box-shadow:0 30px 60px -30px rgba(0,0,0,.8);position:relative;overflow:hidden}
.form::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 33px,rgba(114,48,82,.09) 33px 34px);pointer-events:none}
.form .ba{display:flex;justify-content:space-between;align-items:baseline;position:relative}
.form h4{font:500 34px/1 "Playfair Display"}
.form .ba span{font:500 11px/1 "IBM Plex Mono";letter-spacing:.14em;color:var(--hero)}
.form ol{list-style:none;counter-reset:s;margin-top:16px;position:relative}
.form li{counter-increment:s;padding:9px 0 9px 34px;position:relative;font-weight:600;font-size:15.5px}
.form li::before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:11px;font:500 12px/1 "IBM Plex Mono";color:var(--hero)}
.form li em{display:block;font:italic 400 15px/1.35 "Playfair Display";color:#7a5a62;margin-top:2px}
.form-not{margin-top:14px;font:400 13px/1.55 "IBM Plex Mono";color:var(--soluk2)}

/* TİPLER */
.tipler{margin-top:40px;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.tk{position:relative;aspect-ratio:3/4;border-radius:20px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:linear-gradient(160deg,var(--g1),var(--g2));color:#1c0d13;cursor:default;isolation:isolate}
.tk::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(22,12,16,0) 30%,rgba(22,12,16,.55))}
.tk .em{font-size:30px}
.tk h4{font:500 21px/1.1 "Playfair Display";color:#fff}
.tk p{font-size:13px;line-height:1.4;color:rgba(255,255,255,.85);margin-top:4px}
.tk .uyari{position:absolute;inset:0;padding:18px;display:flex;align-items:flex-end;background:rgba(22,12,16,.88);color:var(--yazi);font:italic 400 15.5px/1.45 "Playfair Display";opacity:0;transition:opacity .35s}
.tk:hover .uyari,.tk:focus .uyari{opacity:1}
.tk.bilinmez{background:var(--yuzey);box-shadow:inset 0 0 0 1px var(--cizgi2)}
.tk.bilinmez h4{color:var(--yazi)}
.ipucu-yazi{margin-top:14px;font:400 13px/1.55 "IBM Plex Mono";color:var(--soluk2)}

/* İKİ KATMAN */
.katman{margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.kt{padding:28px;border-radius:24px;background:var(--yuzey);box-shadow:inset 0 0 0 1px var(--cizgi)}
.kt.ai{background:linear-gradient(165deg,rgba(138,58,99,.55),rgba(36,18,25,.9));box-shadow:inset 0 0 0 1px rgba(213,172,137,.35)}
.kt small{font:500 11px/1 "IBM Plex Mono";letter-spacing:.14em;color:var(--blush)}
.kt h3{font:500 30px/1.1 "Playfair Display";margin-top:10px}
.kt ul{list-style:none;margin-top:16px}
.kt li{padding:11px 0;border-top:1px solid var(--cizgi);font-size:15.5px;color:var(--soluk)}
.kt li b{color:var(--yazi);font-weight:600}

/* YAPAR/YAPMAZ, VERİ, FİYAT, SSS */
.iki{margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.liste-kart{padding:26px;border-radius:24px;background:var(--yuzey);box-shadow:inset 0 0 0 1px var(--cizgi)}
.liste-kart h4{font:500 26px/1 "Playfair Display";display:flex;align-items:center;gap:10px}
.liste-kart h4 i{width:10px;height:10px;border-radius:50%;background:var(--bronz)}
.liste-kart.yok h4 i{background:var(--blush);opacity:.6}
.liste-kart ul{list-style:none;margin-top:14px}
.liste-kart li{padding:11px 0;border-top:1px solid var(--cizgi);font-size:15.5px;color:var(--yazi)}
.tablo{margin-top:36px;width:100%;border-collapse:collapse}
.tablo th{text-align:left;font:500 11px/1 "IBM Plex Mono";letter-spacing:.14em;color:var(--blush);padding:0 16px 14px 0}
.tablo td{padding:16px 16px 16px 0;border-top:1px solid var(--cizgi);font-size:15.5px;vertical-align:top;color:var(--soluk)}
.tablo td:first-child{color:var(--yazi);font-weight:600;width:26%}
.tablo td:nth-child(2){width:24%;color:var(--yazi)}
.fiyat{margin-top:40px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.fk{padding:26px;border-radius:24px;background:var(--yuzey);box-shadow:inset 0 0 0 1px var(--cizgi)}
.fk.ana{background:var(--yazi);color:var(--bg)}
.fk small{font:500 11px/1 "IBM Plex Mono";letter-spacing:.14em;color:var(--blush)}
.fk.ana small{color:var(--hero)}
.fk b{display:block;font:500 46px/1 "Playfair Display";margin-top:12px}
.fk .alt{font-size:14px;color:var(--soluk);margin-top:4px}
.fk.ana .alt{color:#6b4a52}
.fk ul{list-style:none;margin-top:16px}
.fk li{padding:8px 0;border-top:1px solid var(--cizgi);font-size:15px}
.fk.ana li{border-color:rgba(22,12,16,.12)}
.sss{margin-top:36px}
.sss details{border-top:1px solid var(--cizgi)}
.sss details:last-child{border-bottom:1px solid var(--cizgi)}
.sss summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:22px 0;font:500 22px/1.2 "Playfair Display"}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"+";font:300 28px/1 "Hanken Grotesk";color:var(--bronz);transition:transform .25s}
.sss details[open] summary::after{transform:rotate(45deg)}
.sss details p{padding:0 0 22px;color:var(--soluk);max-width:760px}
.son{position:relative;margin-top:120px;padding:150px 24px 140px;text-align:center;overflow:hidden;isolation:isolate}
.son::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(50% 60% at 50% 60%,rgba(138,58,99,.6),transparent 70%)}
.son h2{font:400 clamp(56px,8vw,120px)/.95 "Playfair Display";letter-spacing:-.02em}
.son h2 em{font-style:italic;color:var(--bronz)}
.son p{margin:20px auto 0;max-width:520px;font-size:19px;color:var(--soluk)}
.son .dgm{justify-content:center}

/* ---------- MOBİL ---------- */
@media(max-width:980px){
  .acilis .ic{grid-template-columns:1fr}
  .mektuplar{height:420px;margin-top:10px}
  .mektup{width:250px;padding:18px 20px}
  .hikaye{grid-template-columns:1fr;gap:0}
  .sahne-kap{height:54vh;top:64px;z-index:2;background:linear-gradient(180deg,var(--bg) 85%,rgba(22,12,16,0));margin:0 -24px}
  .adimlar{padding:6vh 0 20vh}
  .adim{min-height:70vh;justify-content:flex-start;padding-top:4vh}
  .adim h2{font-size:32px}
  .lab,.katman,.iki,.formlar{grid-template-columns:1fr}
  .sonuc-kart{position:relative;top:0;order:-1}
  .ekranlar{grid-template-columns:repeat(5,72%);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;margin-right:-24px;padding-right:24px}
  .ekranlar figure{scroll-snap-align:start}
  .tipler{grid-template-columns:repeat(2,1fr)}
  .fiyat{grid-template-columns:1fr}
  .kunye-serit{grid-template-columns:1fr}
}
@media(max-width:560px){
  body{font-size:16px}
  .tablo th{display:none}
  .tablo td{display:block;width:auto!important;padding:4px 0}
  .tablo td:first-child{padding-top:14px}
  .tablo tr td:last-child{padding-bottom:14px}
  .tablo td+td{border-top:0}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.gozle{opacity:1;transform:none}}