/* ---------- temel ---------- */
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#2b1d16;color:#1d1535;font-family:'Onest',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
[hidden]{display:none!important}
button{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
a{-webkit-tap-highlight-color:transparent}
img{height:auto}
:focus-visible{outline:3px solid #1d1535;outline-offset:3px}
.masa :focus-visible,.gor :focus-visible{outline-color:#ffd23f}
.gizli{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.sayfa{position:relative;max-width:430px;margin:0 auto;overflow:hidden;background:#f0ece2}

/* ---------- 1 · ilk ekran: PDF masada, iki düğme ---------- */
.masa{position:relative;height:804px;background:#4a3327 url(gorsel/masa.jpg) center top/100% auto repeat-y;box-shadow:inset 70px 0 90px -70px rgba(0,0,0,.45),inset -70px 0 90px -70px rgba(0,0,0,.45)}
.kes{filter:drop-shadow(0 2px 2px rgba(0,0,0,.5)) drop-shadow(0 9px 12px rgba(0,0,0,.32))}
.ust{position:absolute;left:0;right:0;top:18px;margin:0;text-align:center;font:900 26px/1.13 'Montserrat',sans-serif;letter-spacing:-.3px;color:#fff;-webkit-text-stroke:6px #0c0b0a;paint-order:stroke fill;text-shadow:0 3px 0 rgba(0,0,0,.35)}
.kapak{position:absolute;left:28px;top:94px;width:152px;box-sizing:border-box;display:block;padding:5px;background:#fbfaf6;border-radius:3px;transform:rotate(-4deg)}
.kapak img{display:block;width:100%;border-radius:1px}
.cik{position:absolute;right:16px;top:86px;width:146px;transform:rotate(5deg)}
.not30{position:absolute;right:24px;top:250px;width:136px;transform:rotate(-3deg)}
.d1,.d2{position:absolute;left:20px;right:20px;box-sizing:border-box;width:calc(100% - 40px);border:0;text-decoration:none;display:flex;align-items:center;justify-content:center;transition:transform .08s}
.d1{top:388px;height:60px;border-radius:30px;background:#d0611f;color:#fff;gap:10px;font:800 21px 'Onest',sans-serif;letter-spacing:-.2px;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 5px 0 #8c3d10,0 16px 22px rgba(0,0,0,.45)}
.d2{top:462px;height:50px;border-radius:25px;background:#f7f4ec;color:#211d1a;gap:9px;font:800 17px 'Onest',sans-serif;box-shadow:0 4px 0 #b3a68f,0 12px 18px rgba(0,0,0,.4)}
.d1:active,.d2:active{transform:translateY(3px)}
.d1 svg{width:22px;height:22px}.d2 svg{width:20px;height:20px}
.kayit{position:absolute;left:0;right:0;top:524px;margin:0;text-align:center;font:600 13.5px 'Onest',sans-serif;color:rgba(255,255,255,.88);text-shadow:0 1px 2px rgba(0,0,0,.6)}
.yirtik{position:absolute;left:14px;right:14px;top:556px;transform:rotate(-1.3deg)}
.yirtik p{margin:0;background:#f7f4ec;border-radius:2px;padding:13px 16px 15px;text-align:center;font:400 25px/1.2 'Patrick Hand',cursive;color:#211d1a;clip-path:polygon(0 4%,3% 0,8% 3%,14% 0,21% 4%,29% 1%,36% 4%,44% 0,52% 3%,60% 0,68% 4%,76% 1%,84% 4%,91% 0,97% 3%,100% 1%,100% 100%,0 100%)}
.yirtik span{color:#c1203b}
.can{position:absolute;left:-10px;top:632px;width:138px;transform:rotate(-3deg)}
.ece{position:absolute;right:-6px;top:620px;width:126px;transform:rotate(4deg)}
@media (max-width:359px){.kapak{left:14px;width:138px}.cik{right:8px;width:132px}.not30{right:14px;top:236px;width:124px}.yirtik p{font-size:22px}}

/* ---------- masadan kâğıda ---------- */
.kagit{position:relative;z-index:1;margin-top:-30px;padding-top:40px;border-radius:30px 30px 0 0;background-color:#f0ece2;background-image:radial-gradient(#d6cebd 1px,transparent 1.4px);background-size:12px 12px;box-shadow:0 -18px 34px rgba(0,0,0,.5)}
.kopru{margin:0 20px}
.bant{display:flex;gap:12px;align-items:center;margin-bottom:18px;background:#e6f4ea;border:2px solid #1f8a4c;border-radius:18px;padding:12px 14px}
.bant svg{flex:none;width:30px;height:30px}
.bant p{margin:0;font:800 16px/1.3 'Onest',sans-serif;color:#14331f}
.bant span{display:block;margin-top:2px;font:600 14px/1.35 'Onest',sans-serif}
.bant small{display:block;margin-top:4px;font:600 12.5px/1.35 'Onest',sans-serif;color:#3d6b4c}
.kopru-p{margin:0;font:700 18px/1.45 'Onest',sans-serif}
.b18{margin:26px 0 0;font:800 18px/1.25 'Onest',sans-serif}
.cipler{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.cip{min-height:48px;padding:4px 6px;line-height:1.2;border-radius:24px;border:2px solid #1d1535;background:#fff;color:#1d1535;font:700 15px 'Onest',sans-serif}
.cip.dar{font-size:14px}
.cip[aria-pressed=true]{background:#1d1535;color:#fff;font-weight:800}

/* ---------- deney ---------- */
.deney-sar{margin:0 10px}
.deney-ust{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 12px 0 10px}
.balon{position:relative;flex:1;min-width:0;margin-top:14px;background:#fff;border-radius:18px;padding:12px 14px 13px;box-shadow:0 6px 16px rgba(60,40,15,.14)}
.balon::after{content:"";position:absolute;right:-9px;top:26px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #fff}
.balon p{margin:0;font:800 15.5px/1.3 'Onest',sans-serif;text-wrap:balance}
.k-gulen{flex:none;display:block;width:118px;margin:0 0 -11.5px -4px}
.kart{position:relative;background:#fff;border-radius:26px;box-shadow:0 12px 24px rgba(60,40,15,.10)}
.deney{padding:20px 18px 24px}
.etiket{display:inline-block;background:#1d1535;color:#ffd23f;font:800 12px 'Onest',sans-serif;letter-spacing:.6px;padding:5px 10px;border-radius:6px}
.b20{margin:12px 0 0;font:800 20px/1.25 'Onest',sans-serif}
.sayilar{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.sayi{width:44px;height:44px;padding:0;border-radius:50%;border:2px solid #1d1535;background:#fff;color:#1d1535;font:800 16px 'Onest',sans-serif}
.sayi[aria-pressed=true]{background:#1d1535;color:#fff}
.oynat{position:relative;margin-top:22px;border-radius:16px;overflow:hidden;background:#14100d;aspect-ratio:16/9;box-shadow:0 8px 18px rgba(40,25,10,.22)}
.oynat-d{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:none}
.oynat-d img,.oynat video{display:block;width:100%;height:100%;object-fit:cover}
.ucgen{position:absolute;left:57%;top:70%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:#d0611f;box-shadow:0 6px 16px rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center}
.ucgen svg{width:30px;height:30px;margin-left:4px}
.ucgen.cagri{animation:cagri 1.1s ease-out 2}
@keyframes cagri{0%{box-shadow:0 6px 16px rgba(0,0,0,.45),0 0 0 0 rgba(208,97,31,.7)}100%{box-shadow:0 6px 16px rgba(0,0,0,.45),0 0 0 22px rgba(208,97,31,0)}}
.sure{position:absolute;right:10px;bottom:10px;background:rgba(0,0,0,.74);color:#fff;font:700 12.5px 'Onest',sans-serif;padding:4px 8px;border-radius:8px}
.ders-ad{margin:12px 0 0;font:800 16px/1.3 'Onest',sans-serif}
.ders-alt{margin:4px 0 0;font:600 15px/1.4 'Onest',sans-serif;color:#4d4563}
.atla{display:inline-block;margin:4px 0 -8px;padding:13px 0;border:0;background:none;color:#1d1535;font:700 15px 'Onest',sans-serif;text-decoration:underline;text-underline-offset:3px}
.kesik{margin:22px 0;border-top:2px dashed #e2dccf}
.soru-ust{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.soru-ust .b20{margin:0}
.soru-no{flex:none;font:700 13px 'Onest',sans-serif;color:#4d4563}
.soru-p{margin:12px 0 0;font:700 16px/1.4 'Onest',sans-serif}
.secenekler{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.sec{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;padding:13px 14px;border:2px solid #e2dccf;border-radius:14px;background:#fff;color:#1d1535;font:600 15px/1.3 'Onest',sans-serif}
.sec svg{flex:none;width:24px;height:24px}
.sec.dogru{border-color:#1f8a4c;background:#e9f6ee;color:#14331f;font-weight:700}
.sec.yanlis{border-color:#c1203b;background:#fbecee;color:#5a1320}
.sec[aria-disabled=true]{cursor:default}
.aciklama{display:flex;gap:12px;align-items:center;margin-top:12px;background:#f6f3ec;border-radius:14px;padding:10px}
.aciklama.yalin{padding:12px 14px}
.aciklama img{display:block;flex:none;width:112px;border-radius:8px}
.aciklama p{margin:0;font:600 14px/1.38 'Onest',sans-serif}
.sonraki{display:flex;align-items:center;justify-content:center;width:100%;height:48px;margin-top:12px;border-radius:24px;border:2px solid #1d1535;background:#1d1535;color:#fff;font:800 15.5px 'Onest',sans-serif}

/* ---------- sonuç ve teklif ---------- */
.sonuc-sar{position:relative;margin:0 10px;padding-top:34px}
.sonuc-sar.var{padding-top:184px}
.sonuc-sar.var.kartsiz{padding-top:206px}
.k-sasiran{position:absolute;left:2px;top:62px;width:126px;display:block}
.yapiskan{position:absolute;right:10px;top:30px;width:226px;background:#ffd23f;padding:16px 16px 17px;transform:rotate(1.6deg);box-shadow:0 10px 16px rgba(60,40,10,.2)}
.sonuc-sar.var .yapiskan{animation:yapis .28s cubic-bezier(.2,1.2,.4,1) both}
@keyframes yapis{from{transform:rotate(-7deg) scale(1.28);opacity:0}to{transform:rotate(1.6deg) scale(1);opacity:1}}
.yap-b{margin:0;font:400 36px/.98 'Bangers',cursive;letter-spacing:.4px}
.yap-a{margin:8px 0 0;font:700 14.5px/1.35 'Onest',sans-serif}
.teklif{padding:24px 18px 22px}
.bang42{margin:0;font:400 42px/.98 'Bangers',cursive;letter-spacing:.4px}
.t-p{margin:12px 0 0;font:600 16px/1.45 'Onest',sans-serif}
.belge{margin:18px 0 0;background:#f6f3ec;border-radius:16px;padding:12px}
.belge img{display:block;width:100%;border-radius:8px;border:1px solid #e2dccf;box-sizing:border-box}
.belge figcaption{margin-top:10px;font:700 15px/1.4 'Onest',sans-serif}
.belge figcaption span{display:block;margin-top:3px;font:600 13px 'Onest',sans-serif;color:#4d4563}
.guvence{display:flex;gap:12px;align-items:flex-start;margin-top:18px}
.guvence svg{flex:none;width:30px;height:30px;margin-top:1px}
.guvence p{margin:0;font:800 16px/1.35 'Onest',sans-serif}
.guvence span{display:block;margin-top:3px;font:600 14px/1.4 'Onest',sans-serif;color:#4d4563}
.fiyat{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin-top:20px}
.fiyat b{font:900 34px/1 'Onest',sans-serif;letter-spacing:-1px}
.fiyat>span{font:700 15px 'Onest',sans-serif;color:#4d4563}
.erken{margin:8px 0 0;font:600 14px/1.4 'Onest',sans-serif;color:#4d4563}
.d-sec{margin-top:16px;height:62px;border-radius:31px;background:#d0611f;color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;font:800 21px 'Onest',sans-serif;letter-spacing:-.2px;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 5px 0 #96440f,0 14px 22px rgba(120,60,10,.22);transition:transform .08s}
.d-sec:active{transform:translateY(3px)}
.iki{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}
.iki.tek{grid-template-columns:minmax(0,1fr)}
.hap{height:48px;border-radius:24px;border:2px solid #1d1535;box-sizing:border-box;background:none;color:#1d1535;text-decoration:none;display:flex;align-items:center;justify-content:center;font:700 14.5px 'Onest',sans-serif}

/* ---------- PDF'ini unutma + paylaş ---------- */
.unutma{margin:46px 20px 0}
.bang34{margin:0;font:400 34px/1 'Bangers',cursive;letter-spacing:.4px}
.u-p{margin:10px 0 0;font:600 16px/1.45 'Onest',sans-serif}
.u-ac{height:52px;border:0;border-radius:26px;background:#d0611f;color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;font:800 16px 'Onest',sans-serif;box-shadow:0 4px 0 #96440f}
.u-ep{height:52px;border-radius:26px;border:2px solid #1d1535;box-sizing:border-box;background:#fff;color:#1d1535;display:flex;align-items:center;justify-content:center;font:800 15px 'Onest',sans-serif}
.paylas-iki{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:30px}
.paylas-iki.tek{grid-template-columns:minmax(0,1fr)}
.p-kart{background:#fff;border-radius:20px;padding:16px 14px;box-shadow:0 8px 18px rgba(60,40,15,.08);display:flex;flex-direction:column;gap:6px}
.p-kart b{font:800 16px/1.25 'Onest',sans-serif}
.p-kart span{flex:1;font:600 14px/1.4 'Onest',sans-serif;color:#4d4563}
.p-kart a{margin-top:8px;height:46px;border-radius:23px;border:2px solid #1d1535;box-sizing:border-box;color:#1d1535;text-decoration:none;display:flex;align-items:center;justify-content:center;font:700 14px 'Onest',sans-serif}

/* ---------- Google metni, imza, alt ---------- */
.google{margin:48px 20px 0;padding-top:30px;border-top:2px dashed #d6cebd}
.google h2{margin:0;font:800 21px/1.25 'Onest',sans-serif}
.google p{margin:12px 0 0;font:600 15px/1.6 'Onest',sans-serif;color:#2e2647}
.imza{position:relative;margin-top:30px;padding-top:96px}
.imza>img{position:absolute;right:16px;top:0;width:112px;display:block}
.imza-ad{position:absolute;left:20px;top:26px}
.imza-ad p{margin:0;font:700 34px/1 'Caveat',cursive;color:#1d1535}
.imza-ad span{display:block;margin-top:2px;font:600 13.5px 'Onest',sans-serif;color:#4d4563}
.alt{position:relative;background:#fff;border-radius:26px 26px 0 0;padding:22px 20px calc(30px + env(safe-area-inset-bottom));box-shadow:0 -8px 22px rgba(60,40,15,.08)}
.alt img{display:block;width:auto;height:18px}
.alt b{display:block;margin-top:10px;font:800 16px/1.3 'Onest',sans-serif}
.alt p{margin:6px 0 0;font:600 13.5px/1.5 'Onest',sans-serif;color:#4d4563}
.alt a{color:#1d1535;font-weight:700}

/* ---------- PDF görüntüleyici ---------- */
.gor{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;background:#14100d;color:#fff;--sw:min(84.6vw,364px,calc((100vh - 88px)*9/16))}
@supports (height:100dvh){.gor{--sw:min(84.6vw,364px,calc((100dvh - 88px)*9/16))}}
.gor-ust{flex:none;display:flex;align-items:center;justify-content:space-between;height:58px;padding:env(safe-area-inset-top) 12px 0}
.yuvarlak{width:44px;height:44px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center}
.yuvarlak svg{width:20px;height:20px}
.gor-ad{margin:0;text-align:center;font:800 15px/1.2 'Onest',sans-serif}
.gor-no{margin:2px 0 0;text-align:center;font:600 12.5px 'Onest',sans-serif;color:#c9bba6}
.serit{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;gap:14px;padding:6px 0 calc(24px + env(safe-area-inset-bottom));overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior:contain}
.serit::-webkit-scrollbar{display:none}

.serit img{flex:none;display:block;width:min(calc(100vw - 24px),560px);height:auto;aspect-ratio:9/16;border-radius:12px;background:#2a221c;box-shadow:0 10px 30px rgba(0,0,0,.6)}


/* ---------- e-posta çekmecesi ---------- */
.perde{position:fixed;inset:0;z-index:60}
.perde-arka{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(15,10,7,.62);animation:belir .2s both}
.cekmece{position:absolute;left:0;right:0;bottom:0;max-width:430px;max-height:94%;margin:0 auto;box-sizing:border-box;overflow-y:auto;background:#f7f4ec;color:#211d1a;border-radius:26px 26px 0 0;padding:10px 20px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -16px 34px rgba(0,0,0,.5);animation:cik .24s cubic-bezier(.2,.9,.3,1) backwards}
@keyframes belir{from{opacity:0}to{opacity:1}}
@keyframes cik{from{transform:translateY(60%);opacity:.4}to{transform:none;opacity:1}}
.tutamak{display:block;width:44px;height:5px;margin:0 auto 12px;border-radius:3px;background:#cfc5b3}
.c-kapat{position:absolute;right:8px;top:6px;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:none;color:#8a8073;display:flex;align-items:center;justify-content:center}
.c-kapat svg{width:18px;height:18px}
.c-b{margin:0;padding-right:28px;font:400 29px/1.1 'Patrick Hand',cursive}
.c-a{margin:6px 0 0;font:600 15px/1.4 'Onest',sans-serif;color:#4a4239}
.c-kim h3{margin:16px 0 0;font:800 15.5px/1.25 'Onest',sans-serif}
.c-kim .cipler{gap:7px;margin-top:9px}
.c-kim .cip{min-height:44px;border-radius:22px;border-color:#211d1a;color:#211d1a;font-size:14.5px}
.c-kim .cip.dar{font-size:13px}
.c-kim .cip[aria-pressed=true]{background:#211d1a;color:#fff}
.ep-form{display:flex;gap:8px;margin:14px 0 0}
.ep-form label{flex:1;min-width:0}
.ep-form input{width:100%;height:54px;box-sizing:border-box;border:2px solid #211d1a;border-radius:27px;background:#fff;padding:0 18px;font:600 16px 'Onest',sans-serif;color:#211d1a;-webkit-appearance:none;appearance:none}
.ep-form input::placeholder{color:#8a8073}
.ep-form input:focus{outline:none;box-shadow:0 0 0 3px rgba(208,97,31,.5)}
.ep-form button{flex:none;height:54px;padding:0 22px;border:0;border-radius:27px;background:#d0611f;color:#fff;font:800 16px 'Onest',sans-serif;box-shadow:0 4px 0 #8c3d10}
.ep-form button[aria-disabled=true]{opacity:.7}
.d2[aria-disabled=true]{cursor:default;box-shadow:0 2px 0 #b3a68f,0 8px 14px rgba(0,0,0,.35)}
.ep-hata{margin:10px 2px 0;font:700 14px/1.35 'Onest',sans-serif;color:#a3182f}
.izin{position:relative;display:flex;gap:10px;align-items:flex-start;margin-top:14px;font:600 14px/1.4 'Onest',sans-serif;cursor:pointer}
.izin input{position:absolute;left:0;top:0;width:22px;height:22px;margin:0;opacity:0}
.izin i{flex:none;display:flex;align-items:center;justify-content:center;width:22px;height:22px;box-sizing:border-box;border:2px solid #211d1a;border-radius:6px;background:#fff}
.izin i svg{width:14px;height:14px;opacity:0}
.izin input:checked+i{background:#211d1a}
.izin input:checked+i svg{opacity:1}
.izin input:focus-visible+i{outline:3px solid #1d1535;outline-offset:3px}
.ep-gizlilik{margin:12px 0 0;font:600 12.5px 'Onest',sans-serif;color:#6b6257}
.ep-gizlilik a{color:#6b6257}
.bekle{opacity:.38;pointer-events:none}
.c-kucuk .u-ac{margin-top:16px;height:56px;border-radius:28px;font-size:18px;box-shadow:0 4px 0 #8c3d10}
body.kilit{position:fixed;left:0;right:0;overflow:hidden}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ---------- genel şablon ekleri (karne dışındaki PDF'ler) ---------- */
.masa.sade{height:auto;padding:556px 0 62px}
.masa.sade .ust{white-space:nowrap}
.masa.sade .yirtik{position:relative;left:auto;right:auto;top:auto;margin:0 14px}
.icinde{position:absolute;right:22px;top:250px;width:138px;transform:rotate(-3deg)}
.icinde p{margin:0;padding:11px 8px 12px;border-radius:2px;text-align:center;font:400 21px/1.12 'Patrick Hand',cursive;color:#1f2b63;background:#f7f4ec}
.icinde b{font-weight:400;font-size:27px}
.icinde i{font-style:normal;color:#1f7a55}
@media (max-width:359px){.icinde{right:12px;top:236px;width:126px}.icinde p{font-size:19px}.masa.sade .ust{font-size:21px!important}}
.on-not{margin:10px 0 0;font:700 14.5px/1.4 'Onest',sans-serif;color:#4d4563}
.sec.secili{border-color:#1d1535;background:#efedf6;font-weight:700}

/* 14 Kas · e-posta bağlı değilken düğmeler gizli, ilk ekran yukarı toplanır */
.epostasiz [data-eposta-ac]{display:none!important}
.epostasiz .kayit{top:462px}
.epostasiz .masa:not(.sade){height:742px}
.epostasiz .masa:not(.sade) .yirtik{top:494px}
.epostasiz .masa.sade{padding-top:494px}
.epostasiz #unutmaIki{grid-template-columns:1fr}

/* 14 Kas · A/B deneyi: A ders kartı + alt şerit + indir kartı · B kapı */
.serit .dk,.kapi{flex:none;box-sizing:border-box;width:min(calc(100vw - 24px),560px);border-radius:16px;background:#f7f4ec;color:#1d1535;box-shadow:0 10px 30px rgba(0,0,0,.6)}
.serit .dk{padding:18px 16px 20px}
.dk-u{margin:0;font:800 13px 'Onest',sans-serif;letter-spacing:.06em;color:#c2410c}
.dk-o{position:relative;display:block;width:100%;margin-top:10px;padding:0;border:0;border-radius:12px;overflow:hidden;background:#000}
.serit .dk-o img{width:100%;height:auto;aspect-ratio:16/9;border-radius:0;box-shadow:none;display:block}
.dk-uc,.gs-uc{display:grid;place-items:center;border-radius:50%;background:#d0611f}
.dk-uc{position:absolute;left:50%;top:50%;width:64px;height:64px;transform:translate(-50%,-50%);box-shadow:0 6px 18px rgba(0,0,0,.45)}
.dk-uc svg{width:30px;height:30px;margin-left:4px}
.dk-s{position:absolute;right:8px;bottom:8px;padding:3px 8px;border-radius:8px;background:rgba(0,0,0,.7);color:#fff;font:700 13px 'Onest',sans-serif}
.dk-b{margin:12px 0 0;font:800 18px/1.3 'Onest',sans-serif}
.dk-a{margin:6px 0 0;font:600 14.5px/1.45 'Onest',sans-serif;color:#4d4563}
.gor-serit{position:absolute;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:3;display:flex;align-items:center;gap:10px;height:52px;padding:0 14px 0 8px;border:0;border-radius:26px;background:#f7f4ec;color:#1d1535;font:600 15px 'Onest',sans-serif;box-shadow:0 8px 24px rgba(0,0,0,.55)}
.gor-serit span:nth-child(2){flex:1;text-align:left}
.gor-serit span:last-child{font-size:24px;line-height:1;color:#c2410c}
.gs-uc{flex:none;width:36px;height:36px}.gs-uc svg{width:18px;height:18px;margin-left:2px}
.indir-kart{position:absolute;left:0;right:0;bottom:0;z-index:4;padding:22px 20px calc(22px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;background:#f7f4ec;color:#1d1535;box-shadow:0 -10px 30px rgba(0,0,0,.5)}
.ik-b{margin:0;padding-right:36px;font:900 21px/1.2 'Montserrat',sans-serif}
.ik-a{margin:8px 0 0;font:600 15px/1.45 'Onest',sans-serif;color:#4d4563}
.ik-d{margin-top:16px;width:100%;height:54px;border:0;border-radius:27px;background:#d0611f;color:#fff;font:800 17px 'Onest',sans-serif;box-shadow:0 5px 0 #8c3d10}
.ik-i{display:block;width:100%;margin-top:12px;padding:8px;border:0;background:none;text-align:center;font:700 15px 'Onest',sans-serif;color:#4d4563;text-decoration:underline;text-underline-offset:3px}
.ik-x{position:absolute;right:14px;top:14px;width:36px;height:36px;border:0;border-radius:50%;background:#e9e3d6;color:#1d1535;font:700 22px/1 'Onest',sans-serif}
.serit{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
.serit img.kilitli{filter:blur(9px) brightness(.6);pointer-events:none}
.kapi{padding:22px 20px 20px;text-align:center}
.kapi-b{margin:0;font:900 26px/1.1 'Montserrat',sans-serif;letter-spacing:-.3px}
.kapi-a{margin:10px 0 0;font:600 15px/1.45 'Onest',sans-serif;color:#3b3550}
.kapi-d{margin-top:16px;width:100%;height:56px;border:0;border-radius:28px;background:#d0611f;color:#fff;font:800 18px 'Onest',sans-serif;box-shadow:0 5px 0 #8c3d10}
.kapi-k{margin:10px 0 0;font:600 13px 'Onest',sans-serif;color:#6b6578}
.acildi{display:flex;align-items:center;gap:10px;margin:14px 0 0;padding:8px 8px 8px 14px;border-radius:12px;background:#e3f4ea;color:#14532d;font:700 13.5px/1.3 'Onest',sans-serif}
.acildi p{margin:0;flex:1}
.acildi button{flex:none;height:36px;padding:0 14px;border:0;border-radius:18px;background:#1f8a4c;color:#fff;font:800 13.5px 'Onest',sans-serif}

/* 14 Kas · B düzeltmesi: kilit kartı bulanık bölümde sabit pencere; açılış onayı; sorulardan sonra belirgin düğme */
.kapi-pen{position:absolute;inset:58px 0 0;z-index:5;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(20,16,13,.35)}
.kapi-pen .kapi{position:relative;width:min(100%,420px)}
.kapi-x{position:absolute;right:10px;top:10px;width:36px;height:36px;border:0;border-radius:50%;background:#e9e3d6;color:#1d1535;font:700 22px/1 'Onest',sans-serif}
.kapi-kilit{margin:0;font-size:30px;line-height:1}
.kapi-pen .kapi-b{margin-top:8px}
.acildi-onay{position:fixed;left:12px;right:12px;top:calc(12px + env(safe-area-inset-top));z-index:80;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;background:#1f8a4c;color:#fff;font:600 14px/1.35 'Onest',sans-serif;box-shadow:0 12px 30px rgba(0,0,0,.35);animation:onayGel .35s ease-out;transition:opacity .5s,transform .5s}
.acildi-onay span{font-size:28px}
.acildi-onay p{margin:0}.acildi-onay b{display:block;font-size:16px;font-weight:800}
.acildi-onay.git{opacity:0;transform:translateY(-12px)}
@keyframes onayGel{from{opacity:0;transform:translateY(-16px) scale(.96)}to{opacity:1;transform:none}}
.acildi{display:block;margin:12px 0 14px;padding:18px 16px;border-radius:16px;background:#e3f4ea;border:2px solid #1f8a4c;color:#14532d;text-align:center}
.acildi-b{margin:0;font:900 20px/1.2 'Montserrat',sans-serif}
.acildi .acildi-a{margin:6px 0 0;font:600 14.5px/1.4 'Onest',sans-serif}
.acildi button{margin-top:14px;width:100%;height:54px;border:0;border-radius:27px;background:#1f8a4c;color:#fff;font:800 17px 'Onest',sans-serif;box-shadow:0 5px 0 #14532d}
