/* Mağaza sayfaları – Hyper v5 tokenları */
.kpx main.w.mst{display:block;padding-top:18px;padding-bottom:40px}.kpx .mst>*{min-width:0}
.kpx .crumb{display:flex;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--mu);margin-bottom:16px}
.kpx .crumb a{color:var(--mu);text-decoration:none}.kpx .crumb a:hover{color:var(--tx)}.kpx .crumb b{color:var(--tx);font-weight:600}
.kpx .mst h1{font-size:25px;font-weight:700;color:#fff;margin:0}
.kpx section.box.mbx{padding:16px;margin:0 0 20px}.kpx .mpg{margin:0}.kpx .mpg>.sh{margin-bottom:14px}
.kpx .msh{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.kpx .msh h2{font-size:18px;font-weight:700;color:#fff;margin:0}
.kpx .gcard,.kpx .tile,.kpx .rsum,.kpx .mrv,.kpx .fq,.kpx .buy,.kpx .tb,.kpx .pt{background:linear-gradient(180deg,rgba(32,36,46,.92),rgba(24,27,34,.95));border:1px solid rgba(255,255,255,.07);border-radius:var(--r3);box-shadow:var(--hi),0 10px 30px rgba(0,0,0,.25)}
.kpx .msr{display:inline-flex;color:#f5b301;gap:1px;line-height:0}.kpx .msr svg{width:14px;height:14px;display:block}
/* kategori */
.kpx .kh{display:grid;grid-template-columns:320px 1fr;gap:16px;align-items:start}
.kpx .gcard{padding:20px}
.kpx .glogo{display:block;width:84px;height:84px;border-radius:var(--r2);background:center/cover;margin-bottom:14px;box-shadow:0 6px 20px rgba(0,0,0,.35)}
.kpx .gcard p{color:var(--mu);font-size:14px;line-height:1.55;margin:8px 0 14px}
.kpx .gm{display:flex;align-items:center;gap:8px;font-size:13px}.kpx .gm small{color:var(--mu)}
.kpx .tiles{display:grid;gap:18px}
.kpx .tset h3{font-size:15px;font-weight:700;color:#fff;margin:0 0 10px}
.kpx .mtg{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.kpx .tile{display:flex;align-items:center;gap:12px;padding:14px;text-decoration:none;color:var(--tx);transition:border-color .2s,transform .2s}
.kpx .tile:hover{border-color:rgba(43,127,255,.55);transform:translateY(-2px)}
.kpx .tile .ti{width:46px;height:46px;border-radius:var(--r1);background:center/cover;flex:none}
.kpx .tile b{display:block;font-size:14px;font-weight:600}.kpx .tile small{color:var(--mu);font-size:12px}
.kpx .tile .mfl{width:46px;height:32px;border-radius:5px}
/* CSS bayraklar */
.kpx .mfl{display:inline-block;width:20px;height:14px;border-radius:3px;position:relative;overflow:hidden;flex:none;vertical-align:middle;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.kpx .mfl-tr{background:#e30a17}
.kpx .mfl-tr:before{content:"";position:absolute;width:40%;height:58%;left:18%;top:21%;border-radius:50%;background:#fff}
.kpx .mfl-tr:after{content:"";position:absolute;width:32%;height:46%;left:27%;top:27%;border-radius:50%;background:#e30a17;box-shadow:13px 0 0 -9px #fff}
.kpx .mfl-us{background:linear-gradient(#3c3b6e,#3c3b6e) 0 0/42% 54% no-repeat,repeating-linear-gradient(#b22234 0 7.7%,#fff 7.7% 15.4%)}
.kpx .mfl-eu{background:#003399}.kpx .mfl-eu:before{content:"";position:absolute;inset:18% 32%;border-radius:50%;border:2px dotted #ffcc00}
.kpx .mfl-gl{background:radial-gradient(circle,transparent 36%,#5b9dff 37% 42%,transparent 43%),linear-gradient(90deg,transparent 48%,#5b9dff 48% 52%,transparent 52%),linear-gradient(transparent 48%,#5b9dff 48% 52%,transparent 52%),#11243f}
/* yorumlar */
.kpx .rvw{display:grid;grid-template-columns:300px 1fr;gap:16px;align-items:start}
.kpx .rsum{padding:18px;display:grid;gap:14px}
.kpx .big{display:grid;justify-items:start;gap:6px}.kpx .big b{font-size:34px;font-weight:800;color:#fff;line-height:1}.kpx .big small{color:var(--mu);font-size:12px}
.kpx .bars{display:grid;gap:6px}.kpx .bar{display:grid;grid-template-columns:12px 1fr 40px;gap:8px;align-items:center;font-size:12px;color:var(--mu)}
.kpx .bar i{height:6px;border-radius:9px;background:rgba(255,255,255,.07);overflow:hidden}.kpx .bar em{display:block;height:100%;background:linear-gradient(90deg,#2b7fff,#0965e9)}
.kpx .rvl{display:grid;gap:10px}.kpx .mrv{padding:14px 16px}
.kpx .rvh{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.kpx .rvh b{font-size:14px}.kpx .rvh small{margin-left:auto;color:var(--mu);font-size:12px}
.kpx .av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(9,101,233,.18);color:#8fb8ff;font-weight:700;font-size:13px}
.kpx .mrv p{margin:8px 0 0;color:var(--mu);font-size:14px;line-height:1.5}
.kpx .faq{display:grid;gap:10px}
.kpx .fq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:15px 16px;font-weight:600;font-size:14px}
.kpx .fq summary::-webkit-details-marker{display:none}.kpx .fq svg{transition:.2s;color:var(--mu);flex:none}.kpx .fq[open] svg{transform:rotate(180deg)}
.kpx .fq p{margin:0;padding:0 16px 15px;color:var(--mu);font-size:14px;line-height:1.55}
/* ürün listesi */
.kpx .lh{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.kpx .sib{display:flex;gap:8px;flex-wrap:wrap}
.kpx .sib a{padding:8px 14px;border-radius:var(--r1);border:1px solid rgba(255,255,255,.08);background:#1c1e22;color:var(--mu);font-size:13px;font-weight:600;text-decoration:none}
.kpx .sib a.on{color:#fff;border-color:rgba(43,127,255,.6);background:rgba(9,101,233,.16)}
.kpx .tb{display:flex;gap:12px;align-items:center;padding:10px;margin-bottom:16px;flex-wrap:wrap;border-radius:var(--r2)}
.kpx .srch{flex:1;min-width:200px;display:flex;align-items:center;gap:8px;padding:0 12px;height:40px;border-radius:var(--r1);background:#14161a;border:1px solid rgba(255,255,255,.08);color:var(--mu)}
.kpx .srch input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--tx);font:inherit;font-size:14px}
.kpx .tgl{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer;user-select:none;white-space:nowrap}
.kpx .tgl input{position:absolute;opacity:0;pointer-events:none}.kpx .tgl i{width:36px;height:20px;border-radius:20px;background:rgba(255,255,255,.12);position:relative;transition:.2s}
.kpx .tgl i:after{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.2s}
.kpx .tgl input:checked+i{background:#0965e9}.kpx .tgl input:checked+i:after{left:18px}
.kpx .msel{height:40px;border-radius:var(--r1);background:#14161a;border:1px solid rgba(255,255,255,.08);color:var(--tx);padding:0 12px;font:inherit;font-size:13px}
.kpx .pc{cursor:pointer}.kpx .pc .rt{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--mu);margin:4px 0 2px}.kpx .pc .rt svg{color:#f5b301;width:12px;height:12px}
.kpx .pc.oos{filter:grayscale(1);opacity:.5}.kpx .pc.oos a{pointer-events:none}
.kpx .pc .im{position:relative}.kpx .pc .ob{position:absolute;left:8px;top:8px;background:rgba(0,0,0,.7);color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px}
.kpx .none{color:var(--mu);text-align:center;padding:30px}
/* ürün */
.kpx .pd{display:grid;grid-template-columns:1fr 340px;gap:16px;align-items:start}
.kpx .pdl{display:grid;grid-template-columns:minmax(0,420px) 1fr;gap:20px}
.kpx .pv{aspect-ratio:1;border-radius:var(--r3);background:center/cover #1c1e22;position:relative;border:1px solid rgba(255,255,255,.07)}
.kpx .ib2{position:absolute;top:12px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:rgba(15,17,21,.6);backdrop-filter:blur(8px);color:#fff;display:grid;place-items:center;cursor:pointer}
.kpx .fav2{right:60px}.kpx .shr{right:12px}.kpx .fav2.on{color:#ff4d6d}.kpx .fav2.on path{fill:currentColor}
.kpx .pinfo h1{margin-bottom:6px}.kpx .pub{color:var(--mu);font-size:14px}.kpx .pub b{color:var(--tx);font-weight:600}
.kpx .pm{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0 18px;font-size:13px}.kpx .lk2{color:var(--mu)}
.kpx .inst{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:var(--r1);background:rgba(34,197,94,.12);color:#4ade80;font-weight:600;font-size:12px}
.kpx .ichips{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.kpx .ichips>span{display:flex;flex-direction:column;gap:5px;padding:12px;border-radius:var(--r2);background:#1c1e22;border:1px solid rgba(255,255,255,.08);font-size:14px;font-weight:600}
.kpx .ichips small{color:var(--mu);font-size:12px;font-weight:500}.kpx .ichips em{font-style:normal;display:flex;align-items:center;gap:6px}
.kpx .buy{padding:18px;position:sticky;top:16px;display:grid;gap:12px}
.kpx .pr2 del{color:var(--mu);font-size:14px;margin-right:8px}.kpx .pr2 b{font-size:28px;font-weight:800;color:#fff}
.kpx .stk{color:#4ade80;font-size:13px;font-weight:600}.kpx .lbl2{font-size:13px;color:var(--mu);margin-bottom:-6px}
.kpx .qty{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:var(--r1);background:#14161a;height:42px;width:max-content}
.kpx .qty button{width:40px;height:100%;background:none;border:0;color:var(--tx);font-size:18px;cursor:pointer}.kpx .qty input{width:44px;text-align:center;background:none;border:0;color:#fff;font:inherit;font-weight:700;outline:0}
.kpx .mfull{width:100%;justify-content:center;height:44px}
.kpx .ghost{height:44px;border-radius:var(--r1);border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:var(--tx);font:inherit;font-weight:600;cursor:pointer}.kpx .ghost:hover{border-color:rgba(43,127,255,.55)}
.kpx .pt{padding:4px 18px 18px}.kpx .ptabs{display:flex;gap:4px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:16px;overflow-x:auto;scrollbar-width:none}
.kpx .ptabs a{padding:14px;font-size:14px;font-weight:600;color:var(--mu);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}
.kpx .ptabs a.on{color:#fff;border-color:#2b7fff}
.kpx .pane{color:var(--mu);font-size:14px;line-height:1.6}.kpx .pane .rsum{margin-bottom:12px}.kpx .pane ul,.kpx .pane ol{padding-left:20px}
.kpx .car-n{display:flex;gap:6px}.kpx .car-n button{width:34px;height:34px;border-radius:var(--r1);border:1px solid rgba(255,255,255,.1);background:#1c1e22;color:#fff;font-size:18px;cursor:pointer}
.kpx .car{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 5*14px)/6);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.kpx .car::-webkit-scrollbar{display:none}.kpx .car .pc{scroll-snap-align:start}
/* modal */
.kpx #tu .mb{max-width:420px;width:100%;display:grid;gap:12px;padding:20px}
.kpx .mbh{display:flex;align-items:center;gap:12px}.kpx .mbh .ic{width:44px;height:44px;border-radius:var(--r1);background:center/cover;flex:none}
.kpx .mbh b{display:block;color:#fff}.kpx .mbh small{color:var(--mu)}.kpx .mbh .x{margin-left:auto;background:none;border:0;color:var(--mu);cursor:pointer}
.kpx .opt2{color:var(--mu);font-weight:400;font-size:12px}
.kpx .where summary{cursor:pointer;color:#8fb8ff;font-size:13px;font-weight:600}.kpx .where .ill{width:100%;margin-top:10px;display:block}.kpx .where p{color:var(--mu);font-size:13px;margin:6px 0 0}
.kpx .chk{display:flex;align-items:center;gap:8px;font-size:13px}.kpx .chk input{accent-color:#0965e9;width:16px;height:16px}
.kpx .mrow{display:flex;justify-content:space-between;align-items:center}.kpx .tot{text-align:right}.kpx .tot small{display:block;color:var(--mu);font-size:12px}.kpx .tot b{font-size:20px;color:#fff}
.kpx .toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%,20px);background:#1c1e22;border:1px solid rgba(43,127,255,.5);color:#fff;padding:10px 18px;border-radius:var(--r1);opacity:0;transition:.25s;z-index:120;pointer-events:none}.kpx .toast.on{opacity:1;transform:translate(-50%,0)}
@media(max-width:1100px){.kpx .pd{grid-template-columns:1fr}.kpx .buy{position:static}.kpx .car{grid-auto-columns:calc((100% - 3*14px)/4)}}
@media(max-width:820px){.kpx .kh,.kpx .rvw,.kpx .pdl{grid-template-columns:1fr}.kpx .pv{max-width:420px;width:100%}}
@media(max-width:640px){.kpx .mst h1{font-size:21px}.kpx .car{grid-auto-columns:44%}.kpx .mtg{grid-template-columns:1fr 1fr}.kpx .tile{padding:12px;gap:10px}.kpx .tile .ti{width:38px;height:38px}.kpx .srch{min-width:100%}.kpx .tb .msel{flex:1}}

.kpx .pc .mim{position:relative;display:block}.kpx .pc .mnm{position:absolute;left:0;right:0;bottom:0;padding:22px 10px 9px;font-weight:700;font-size:13px;color:#fff;text-align:left;line-height:1.25}
.kpx .box .sh h2 span{display:block}