/* Vitrin ortak katmanı: yalnızca kp- önekli yardımcı sınıflar. Temaların kendi sınıflarını ezmez. */
.kp-note{padding:11px 14px;border-radius:10px;margin:12px 0;border:1px solid rgba(9,101,233,.4);background:rgba(9,101,233,.14);color:inherit}
.kp-note.success{border-color:rgba(80,205,137,.45);background:rgba(80,205,137,.13)}.kp-note.error{border-color:rgba(241,65,108,.45);background:rgba(241,65,108,.13)}
.kp-in{padding:4px 2px}.kp-panel{margin-bottom:16px}.kp-sub,.kp-help{opacity:.72;font-size:13px;margin:6px 0 10px}.kp-empty{opacity:.75;padding:14px 4px}.kp-opt{opacity:.6;font-weight:400;font-size:12px}.kp-req{color:#F1416C}
.kp-tw{overflow:auto}.kp-t{width:100%;border-collapse:collapse}.kp-t th{text-align:left;font-size:12px;opacity:.7;font-weight:600;padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.1)}.kp-t td{padding:12px 10px;border-bottom:1px dashed rgba(255,255,255,.09);vertical-align:middle}.kp-t .r{text-align:right}.kp-t small{opacity:.8;margin-right:8px}
.kp-li{display:flex;align-items:center;gap:10px}.kp-lic{width:42px;height:42px;border-radius:9px;background-size:cover;background-position:center;flex:none}
.kp-sum{display:flex;justify-content:space-between;padding:12px 4px;border-top:1px solid rgba(255,255,255,.1);font-size:16px}.kp-mu{opacity:.75;font-size:14px;border-top:0;padding-top:0}
.kp-acts{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:14px}.kp-acts>*{width:auto!important}
.kp-inl{display:inline}.kp-del{background:none;border:0;color:#F1416C;font:inherit;font-weight:600;cursor:pointer}
.kp-buy{display:grid;gap:10px;margin-top:8px}.kp-buy .fld{margin:0}.kp-buy .qty{margin-bottom:6px}
.kp-out{margin:0}.kp-outbtn{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;border:0;border-radius:10px;background:none;color:#F1416C;font:inherit;cursor:pointer;text-align:left}.kp-outbtn:hover{background:rgba(241,65,108,.1)}
a.kp-odlink{display:block;color:inherit;text-decoration:none}
/* V3 (Özgün) kategori ve ürün sayfaları: orijinalde bu sayfalar yoktu, aynı görsel dil kullanıldı */
.kp-crumb{font-size:13px;opacity:.75;margin:18px 0 12px}.kp-crumb a{color:inherit}
.kp-cathead{display:flex;gap:18px;align-items:center;margin-bottom:14px}.kp-cathead h1{margin:0 0 4px;font-size:24px}.kp-cathead p{margin:0;opacity:.8}.kp-catimg{width:84px;height:84px;border-radius:16px;background-size:cover;background-position:center;flex:none}
.kp-prod{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:26px;align-items:start;margin-bottom:16px}.kp-pimg{aspect-ratio:1;border-radius:16px;background-size:cover;background-position:center}.kp-pinfo h1{margin:0 0 8px;font-size:26px}.kp-price{font-size:22px;margin-bottom:10px}.kp-price del{opacity:.55;font-size:15px}.kp-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.kp-v3 .qty{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.15);border-radius:10px;overflow:hidden;width:max-content}.kp-v3 .qty button{width:38px;height:38px;border:0;background:rgba(255,255,255,.06);color:inherit;font-size:18px;cursor:pointer}.kp-v3 .qty input{width:48px;height:38px;border:0;background:none;color:inherit;text-align:center;font:inherit}.kp-v3 .lbl2{font-size:13px;opacity:.8}
.kp-v3 .btn.full{width:100%}
@media(max-width:820px){.kp-prod{grid-template-columns:1fr}.kp-cathead{flex-direction:column;align-items:flex-start}}

/* hikaye cemberleri: baglanti sarmalayicisi esnek kutuyu bozmasin */
.stories>a{display:contents}

/* kartla yükleme */
.kp-topup{display:grid;gap:10px}.kp-topup .amts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.kp-topup .amts button{height:42px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:inherit;font:inherit;font-weight:600;cursor:pointer}.kp-topup .amts button.on{border-color:#0965e9;background:rgba(9,101,233,.18)}.kp-topup .lbl{font-size:13px;opacity:.8}
.kp-paytr{width:100%;min-height:640px;border:0;border-radius:12px;background:#fff;margin-top:12px}

.kp-v3 main.w>.kp-panel:first-child,.kp-v3 main.w>.kp-note:first-child+.kp-panel{margin-top:22px}

/* kartla yükleme formu: cüzdan sayfasında panel stilleri yüklenmediği için alanlar burada biçimlenir */
.kp-topup .fld{display:grid;gap:6px;margin:0}.kp-topup .fld label{font-size:13px;opacity:.85}.kp-topup .inp{height:44px;padding:0 14px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.22);color:inherit;font:inherit;width:100%;box-sizing:border-box}.kp-topup .inp:focus{outline:2px solid #0965e9;outline-offset:1px}
.kp-topup button.full{width:100%;height:46px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;font:inherit;font-weight:700;cursor:pointer}

/* hesap sayfaları: favori, bildirim, profil, destek */
.kp-st{margin:0 0 16px!important;align-items:center!important;gap:12px}.kp-st h1{margin:0}
.fav2{color:inherit;transition:.15s}.fav2.on{color:#F1416C}.fav2.on svg{fill:currentColor}
.kp-favrm{margin:0}.kp-fpc{position:relative}.kp-fpc>a,.k-pc>a{display:block;color:inherit;text-decoration:none}.kp-favrm .fav{z-index:2;cursor:pointer}
.kp-lnk{background:none;border:0;padding:0;font:inherit;font-size:14px;color:inherit;opacity:.72;cursor:pointer}.kp-lnk:hover{opacity:1}
.kp-tabs{margin-bottom:10px}.kp-tabs a{text-decoration:none}.nlist .ni{color:inherit;text-decoration:none}
.kp-h1b{margin-top:8px}.kp-prefs .tg span{flex:1}.kp-act{display:flex;justify-content:flex-end;padding:12px 2px 6px}
.kp-fgt{display:flex;justify-content:flex-end;margin:-6px 0 14px;font-size:13.5px}
a.tk{color:inherit;text-decoration:none}.chipS.kp-cl{opacity:.75;background:rgba(127,127,127,.16)}
.kp-ta{min-height:120px;padding:12px 14px!important;height:auto!important;resize:vertical;font:inherit}
.kp-newtk .form{margin-top:12px}.kp-bk{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:inherit;flex:none;background:rgba(127,127,127,.12)}
.bu.kp-adm .kp-who{display:block;font-size:12px;font-weight:700;opacity:.8;margin-bottom:4px}.kp-closed{justify-content:center;font-size:14px;opacity:.85}
.kpx .sp.kp-tkp .k-chat,body .sp.kp-tkp .chat{display:flex}
@media(max-width:900px){.kp-sp,.kp-tkp{grid-template-columns:minmax(0,1fr)!important}.sp.kp-tkp .tl{display:none}}
/* destek ekleri */
.kp-drop{margin:4px 0 14px}.kp-drop.on{border-style:solid;color:inherit}.kp-clip{flex:none}.kp-clip.on{color:var(--kp-pri,var(--pri,#3E97FF))}.kp-fn2{font-size:12px;opacity:.75;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kp-fn2:empty{display:none}
.bu .kp-att{display:flex;max-width:280px;color:inherit;text-decoration:none}.kp-att img{width:44px;height:44px;object-fit:cover;border-radius:8px;flex:none}.kp-att span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kp-att small{opacity:.7}
/* Üst bar açılır menüleri (tüm temalar) */
.kp-dw{position:relative;display:inline-flex;align-items:center}
.kp-dd{display:none;position:absolute;right:0;top:calc(100% + 8px);z-index:80;min-width:250px;max-width:320px;background:var(--card,#161a22);color:var(--tx,#e9edf5);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.45);padding:6px;text-align:left}
.kp-dw.open>.kp-dd{display:block}
.kp-dd>a,.kp-dd form button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:8px;color:inherit;text-decoration:none;font:inherit;font-size:14px;background:none;border:0;cursor:pointer;text-align:left}
.kp-dd>a:hover,.kp-dd form button:hover{background:rgba(255,255,255,.07)}
.kp-dd form{margin:0}.kp-dd>form button{color:#ff6b6b}
.kp-ddh{padding:10px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:4px}.kp-ddh b,.kp-ddh small{display:block}.kp-ddh small{opacity:.65;font-size:12px;overflow:hidden;text-overflow:ellipsis}
.kp-ddh .kp-ddbal{display:inline-block;margin-top:8px;font-size:13px;color:inherit;text-decoration:none;background:rgba(80,140,255,.15);padding:4px 10px;border-radius:999px}
.kp-ddn{min-width:300px}.kp-ddt{display:flex;justify-content:space-between;align-items:center;padding:8px 10px}.kp-ddt button{background:none;border:0;color:#5b9dff;cursor:pointer;font-size:12px}
.kp-ni{flex-direction:column;align-items:flex-start!important;gap:2px!important}.kp-ni small{opacity:.7;font-size:12px}.kp-ni time{opacity:.5;font-size:11px}.kp-ni.un{background:rgba(80,140,255,.1)}
.kp-ddx{padding:10px;opacity:.65;font-size:13px;margin:0}.kp-dda{justify-content:center;color:#5b9dff!important;border-top:1px solid rgba(255,255,255,.08);border-radius:0!important}
.kp-reg{margin-left:6px;padding:7px 12px;border-radius:8px;background:#1f6fff;color:#fff!important;text-decoration:none;font-size:13px;font-weight:600;white-space:nowrap}
.kp-ubal{font-weight:700}
[data-theme=light] .kp-dd{background:#fff;color:#1b2230;border-color:#e3e7ef}
/* Ürün: doldurulması gereken alanlar penceresi (JS yoksa form satır içi kalır) */
.kp-mdo{display:none}.kp-mdj .kp-mdo{display:grid;gap:10px}
.kp-mdh,.kp-mdx,.kp-mdj .kp-md:not(.open){display:none}
.kp-mdj .kp-md.open{display:flex;position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.6);align-items:center;justify-content:center;padding:16px}
.kp-mdj .kp-mdb{background:var(--card,#161a22);color:var(--tx,#e9edf5);border-radius:14px;padding:20px;width:min(460px,100%);max-height:90vh;overflow:auto;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.kp-mdj .kp-mdh{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.kp-mdj .kp-mdh h3{margin:0;font-size:18px}
.kp-mdj .kp-mdx{display:block;background:none;border:0;color:inherit;font-size:26px;line-height:1;cursor:pointer}
.kp-mdt{display:flex;justify-content:space-between;align-items:center;margin:14px 0;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.05)}.kp-mdt strong{font-size:18px}
.kp-mdb .mfull,.kp-mdb .full{margin-top:8px}
[data-theme=light] .kp-mdj .kp-mdb{background:#fff;color:#1b2230}
/* Hyper başlığı açılır menüleri kırpmasın ve içeriğin üstünde kalsın */
.kp-store header.hdr{overflow:visible;z-index:60}
/* Bakiye yükleme sekmeleri, havale, promo, kupon, mesaj ikonu, profil sekmeleri */
.kp-ytabs,.kp-ptabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}.kp-ytabs a,.kp-ptabs a{padding:8px 14px;border-radius:10px;border:1px solid rgba(127,127,127,.28);color:inherit;font-weight:600;font-size:14px}.kp-ytabs a.on,.kp-ptabs a.on{background:#5b6cff;border-color:#5b6cff;color:#fff}
.kp-banks{display:grid;gap:8px;margin:6px 0 12px}.kp-bank{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid rgba(127,127,127,.28);border-radius:12px;cursor:pointer}.kp-bank:has(input:checked){border-color:#5b6cff;box-shadow:0 0 0 1px #5b6cff inset}.kp-bank span{display:grid;gap:2px}.kp-bank small{opacity:.75}.kp-bank code{font-size:13.5px;letter-spacing:.3px;user-select:all}
.kp-hv .fld,.kp-promo .fld{margin-bottom:10px}.kp-up{text-transform:uppercase}
.kp-cpn{margin:12px 0 4px;display:grid;gap:6px}.kp-cpn label{font-size:13px;opacity:.8}.kp-cpr{display:flex;gap:8px}.kp-cpr .inp{flex:1;text-transform:uppercase}.kp-cpn.on{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px dashed #22c55e;border-radius:12px}.kp-cpn.on span{display:flex;align-items:center;gap:8px}
.kp-disc b{color:#22c55e}.kp-new{background:#ef4444;color:#fff;margin-left:6px}.kp-msg{position:relative}
.kp-hv,.kp-promo{display:grid;gap:12px;max-width:560px}
.kp-hv .fld,.kp-promo .fld{display:grid;gap:6px}
.kp-hv .fld label,.kp-promo .fld label,.kp-hv .lbl{font-size:13px;font-weight:600;opacity:.85}
.kp-hv .inp,.kp-promo .inp{width:100%;box-sizing:border-box;height:44px;padding:0 14px;border-radius:10px;border:1px solid rgba(127,140,170,.35);background:rgba(127,140,170,.08);color:inherit;font:inherit;font-size:14px;outline:0}
.kp-hv .inp:focus,.kp-promo .inp:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.2)}
.kp-hv .inp[type=datetime-local]{color-scheme:dark light}
.kp-hv .btn.full,.kp-promo .btn.full{height:44px;width:100%}
.kp-opt{font-weight:400;opacity:.6;font-size:12px}
/* ---- Yönetimden gelen içerik: footer, sosyal, ödeme logoları, duyuru, kategori çubuğu, banner, sabit sayfa (V1/V2/V3) ---- */
.kp-ftr .kp-fcols{display:grid;grid-template-columns:minmax(180px,1.4fr) repeat(auto-fit,minmax(150px,1fr));gap:24px 28px}
.kp-ftr .kp-fcol a,.kp-ftr .kp-fcol span{display:block;margin-bottom:7px;color:var(--mu,#9aa1ad);text-decoration:none;font-size:13.5px;line-height:1.45}
.kp-ftr .kp-fcol a:hover{color:inherit;text-decoration:underline}
.kp-ftr .kp-fcol h4,.kp-ftr .kp-fcol>b{display:block;margin:0 0 12px;font-size:14px;color:var(--tx,var(--fg,#fff))}
.kp-fct span small{display:block;font-size:11px;opacity:.7;text-transform:uppercase;letter-spacing:.04em}
.kp-fbrand .logo img{height:40px;max-width:180px;object-fit:contain}.kp-fbrand p{margin-top:10px;color:var(--mu,#9aa1ad);font-size:13px}
.kp-soc,.kp-usoc{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.kp-usoc{margin:0}
.kp-soc a,.kp-usoc a{display:inline-grid!important;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid color-mix(in srgb,currentColor 25%,transparent);color:inherit!important;margin:0!important}
.kp-usoc a{width:26px;height:26px}.kp-usoc a svg{width:14px;height:14px}
.kp-soc a:hover,.kp-usoc a:hover{background:color-mix(in srgb,currentColor 12%,transparent)}
.kp-pay{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 0;border-top:1px solid color-mix(in srgb,currentColor 12%,transparent);margin-top:18px}
.kp-pay>span{font-size:12px;opacity:.7}.kp-pay>div{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.kp-pay img{height:26px;max-width:84px;object-fit:contain;background:#fff;border-radius:5px;padding:3px 6px}
.kp-copy{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12.5px;opacity:.85}
.kp-store .ftr .kp-copy{padding:14px 16px;border-top:1px solid color-mix(in srgb,currentColor 12%,transparent)}
.kp-v3 .ft .kp-copy{margin-top:8px;padding-top:16px;border-top:1px solid color-mix(in srgb,currentColor 12%,transparent)}
.kp-v3 .ft .w{display:block}
.kp-wa{position:fixed;right:18px;bottom:88px;z-index:60;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;box-shadow:0 8px 24px #0006}
@media(min-width:900px){.kp-wa{bottom:24px}}
.kp-store .promo a{color:inherit;text-decoration:underline}
.kp-ann{background:linear-gradient(90deg,var(--ac,#0965e9),var(--ac2,#2f8dc7));color:#fff;text-align:center;font-size:13px;padding:8px 12px}.kp-ann a{color:#fff}
.kp-util{font-size:12.5px;border-bottom:1px solid color-mix(in srgb,currentColor 10%,transparent)}
.kp-util .w{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:6px;padding-bottom:6px}
.kp-util nav{display:flex;gap:16px;flex-wrap:wrap}.kp-util nav a{color:var(--mu,#9aa1ad);text-decoration:none}.kp-util nav a:hover{color:inherit}
.kp-cnav{border-bottom:1px solid color-mix(in srgb,currentColor 10%,transparent)}
.kp-cnav .w{display:flex;gap:22px;overflow-x:auto;scrollbar-width:none;padding-top:10px;padding-bottom:10px;font-size:14px;font-weight:600}
.kp-cnav a{white-space:nowrap;color:var(--mu,#9aa1ad);text-decoration:none}.kp-cnav a:hover{color:inherit}
.kp-store .cats a[style]{font-weight:700}
.kp-stn{display:block;font-size:11.5px;text-align:center;margin-top:6px;max-width:86px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--mu,#9aa1ad)}
.kp-wide{display:flex;align-items:center;min-height:150px;border-radius:12px;background-size:cover;background-position:center;margin:20px 0;padding:24px 28px;color:#fff;text-decoration:none}
.kp-wide h4{font-size:22px;margin:0 0 6px}.kp-wide p{margin:0 0 12px;opacity:.9}
.kp-trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:28px 0}
.kp-trust>div{border:1px solid color-mix(in srgb,currentColor 12%,transparent);border-radius:14px;padding:16px;display:grid;gap:4px}.kp-trust span{font-size:13px;opacity:.75}
.kp-brands{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.kp-brands span{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid color-mix(in srgb,currentColor 12%,transparent);font-size:13px}.kp-brands img{width:22px;height:22px;border-radius:6px;object-fit:cover}
.kp-doc{line-height:1.7;max-width:860px}.kp-doc h2{font-size:18px;margin:22px 0 8px}.kp-doc ul{padding-left:20px;margin:8px 0}.kp-doc p{margin:0 0 12px}
@media(max-width:760px){.kp-ftr .kp-fcols{grid-template-columns:1fr 1fr}.kp-fbrand{grid-column:1/-1}.kp-util .kp-usoc{display:none}}
.stories>a{display:flex!important;flex-direction:column;align-items:center;text-decoration:none}
.stories>a>div{width:52px!important;height:52px!important;min-width:52px;flex:none!important;border-radius:50%}
/* V1 header: V2 taslaktaki gibi yapışkan cam header (kategori şeridi kaydırınca üstte kalır). overflow-x:hidden sticky'yi bozuyordu; taslaktaki gibi clip. */
html:has(>body.kp-v1),body.kp-v1,html:has(>body.kp-v2),body.kp-v2{overflow-x:clip}
/* V1 üst bar bakiye kutusu */
:is(.kp-v1,.kp-v2) .util nav{display:flex;align-items:center}:is(.kp-v1,.kp-v2) .kp-ubp{display:inline-flex;align-items:center;gap:6px;margin-left:16px;padding:2px 4px 2px 3px;border:1px solid var(--line,rgba(255,255,255,.1));border-radius:999px;background:rgba(255,255,255,.04);line-height:1}
:is(.kp-v1,.kp-v2) .util .kp-ubp a{margin-left:0}:is(.kp-v1,.kp-v2) .kp-ubp-add{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--p1,#0965e9);color:#fff!important;font-weight:700;font-size:13px;text-decoration:none}
:is(.kp-v1,.kp-v2) .kp-ubp-v{font-weight:700;color:var(--tx,#eceef3)!important;font-variant-numeric:tabular-nums;text-decoration:none}:is(.kp-v1,.kp-v2) .kp-ubp-eye{border:0;background:none;color:inherit;padding:0 2px;cursor:pointer;display:grid;place-items:center;opacity:.8}:is(.kp-v1,.kp-v2) .kp-ubp-eye:hover{opacity:1}:is(.kp-v1,.kp-v2) .kp-ubp-eye.off{opacity:.45}