/* Loja Black City (blackcity.shop/loja) — cartões dourados por raridade. S2 23/10/2026 */
.loja-topo{display:flex;justify-content:space-between;align-items:end;gap:18px;padding:30px 0 14px;flex-wrap:wrap}
.loja-topo h1{font-size:clamp(1.9rem,6vw,3rem);margin:0;letter-spacing:.06em;color:#fff;text-shadow:0 0 18px rgba(var(--rgb),.55)}
.loja-topo h1 b{background:var(--ouro);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 0 10px rgba(255,200,70,.35))}
.loja-topo p{max-width:640px;margin:.4em 0 0}
.selos{display:flex;gap:8px;flex-wrap:wrap}
.fechada{margin:8px 0 14px;border-color:rgba(255,176,32,.5)}
.barra{position:sticky;top:62px;z-index:20;display:flex;gap:10px;align-items:center;padding:10px 0;background:linear-gradient(180deg,rgba(7,6,10,.96),rgba(7,6,10,.85));backdrop-filter:blur(8px);flex-wrap:wrap}
.abas{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex:1 1 auto;min-width:0}
.abas::-webkit-scrollbar{display:none}
.aba{flex:none;font-family:var(--f-disp);font-weight:700;font-size:.88rem;letter-spacing:.04em;padding:9px 14px;border-radius:11px;border:1px solid var(--linha2);background:rgba(255,255,255,.04);color:var(--mut);cursor:pointer}
.aba[aria-selected=true]{color:#fff;background:rgba(var(--rgb),.2);border-color:rgba(var(--rgb),.6);box-shadow:0 0 14px rgba(var(--rgb),.25)}
.aba small{opacity:.6;margin-left:5px}
.busca{flex:0 1 260px;min-width:180px}
.busca input,.checkout input,.checkout select{width:100%;background:rgba(255,255,255,.05);border:1px solid var(--linha2);color:#fff;border-radius:11px;padding:10px 12px;font:inherit}
.busca input:focus,.checkout input:focus,.checkout select:focus{outline:none;border-color:rgba(var(--rgb),.7);box-shadow:0 0 0 3px rgba(var(--rgb),.15)}
.subabas{display:flex;gap:6px;flex-wrap:wrap;margin:2px 0 12px}
.subabas button{font-size:.8rem;padding:5px 11px;border-radius:999px;border:1px solid var(--linha2);background:transparent;color:var(--mut);cursor:pointer;font-family:var(--f-disp);font-weight:600}
.subabas button.on{color:#fff;border-color:rgba(255,211,90,.6);background:rgba(255,211,90,.1)}
/* VIP */
.vip-comp{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:6px 0 16px}
@media (max-width:760px){.vip-comp{grid-template-columns:1fr}}
.vipc{display:flex;gap:14px;align-items:center;padding:18px;border-radius:var(--raio);border:1px solid var(--linha2);background:var(--painel)}
.vipc img{width:84px;height:84px;object-fit:contain;flex:none;filter:drop-shadow(0 0 14px rgba(255,255,255,.2))}
.vipc h3{margin:0 0 .3em;letter-spacing:.08em}
.vipc ul{margin:0;padding-left:18px;color:var(--mut);font-size:.92rem}
.vipc.premium{border-color:rgba(255,211,90,.45);box-shadow:0 0 26px rgba(255,200,70,.12)}
.vipc.premium h3{background:var(--ouro);-webkit-background-clip:text;background-clip:text;color:transparent}
.vipc.ultimate{border-color:rgba(214,92,255,.55);box-shadow:0 0 30px rgba(190,80,255,.18);background:linear-gradient(135deg,rgba(120,30,160,.25),var(--painel) 60%)}
.vipc.ultimate h3{color:#ff5cf0;text-shadow:0 0 14px rgba(255,92,240,.6)}
.dourado{color:var(--ouro1)}
.magenta{color:#ff5cf0}
/* grade */
.grade-loja{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-bottom:18px}
@media (max-width:420px){.grade-loja{grid-template-columns:repeat(2,1fr);gap:9px}}
.item{--rc:var(--r-comum);position:relative;display:flex;flex-direction:column;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.25)),var(--painel);
  border:1px solid color-mix(in srgb,var(--rc) 35%,transparent);overflow:hidden;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s}
.item:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--rc) 80%,transparent);box-shadow:0 8px 26px color-mix(in srgb,var(--rc) 22%,transparent)}
.item[data-rar=incomum]{--rc:var(--r-incomum)}.item[data-rar=raro]{--rc:var(--r-raro)}.item[data-rar=epico]{--rc:var(--r-epico)}.item[data-rar=lendario]{--rc:var(--r-lendario)}
.item .im{aspect-ratio:1;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--rc) 26%,transparent),transparent 68%)}
.item .im img{width:100%;height:100%;object-fit:contain;padding:10px}
.item .rarb{position:absolute;top:8px;left:8px;font-family:var(--f-disp);font-weight:700;font-size:.62rem;letter-spacing:.12em;padding:2px 7px;border-radius:999px;
  color:var(--rc);background:rgba(0,0,0,.55);border:1px solid color-mix(in srgb,var(--rc) 50%,transparent);text-transform:uppercase}
.item .dest{position:absolute;top:8px;right:8px;font-size:.62rem;font-family:var(--f-disp);font-weight:700;letter-spacing:.1em;padding:2px 7px;border-radius:999px;background:var(--ouro);color:#2a1a00}
.item .tx{padding:8px 11px 11px;display:flex;flex-direction:column;gap:2px;flex:1}
.item b.nome{font-family:var(--f-disp);font-size:.93rem;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.4em}
.item small{color:var(--mut2);font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.item .pr{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:auto;padding-top:6px}
.item .pr span{font-family:var(--f-disp);font-weight:700;font-size:1.02rem;background:var(--ouro);-webkit-background-clip:text;background-clip:text;color:transparent}
.item .add{border:0;border-radius:10px;width:34px;height:34px;flex:none;background:linear-gradient(180deg,#ff3b55,#c4102a);color:#fff;font-size:1.2rem;cursor:pointer;box-shadow:0 0 12px rgba(var(--rgb),.35)}
.item .add.no{background:var(--ok);box-shadow:0 0 12px rgba(53,208,127,.4)}
/* carrinho */
.carrinho-bt{position:fixed;right:16px;bottom:16px;z-index:60;width:62px;height:62px;border-radius:50%;border:0;cursor:pointer;font-size:1.6rem;
  background:var(--ouro);color:#2a1a00;box-shadow:0 0 26px rgba(255,200,70,.45),0 8px 20px rgba(0,0,0,.5)}
.carrinho-bt span{position:absolute;top:-4px;right:-4px;min-width:24px;height:24px;border-radius:12px;background:var(--neon);color:#fff;font:700 .78rem/24px var(--f-disp);padding:0 6px;box-shadow:0 0 10px rgba(var(--rgb),.6)}
.carrinho-bt.pula{animation:pula .45s}
@keyframes pula{40%{transform:scale(1.18)}}
.gaveta-fundo,.modal-fundo{position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.6);backdrop-filter:blur(3px)}
.gaveta{position:fixed;top:0;right:0;bottom:0;z-index:80;width:min(440px,100%);background:#0d0a0d;border-left:1px solid var(--linha2);display:flex;flex-direction:column;overflow-y:auto;padding:0 16px 20px;box-shadow:-20px 0 40px rgba(0,0,0,.6)}
.gaveta-topo{display:flex;justify-content:space-between;align-items:center;padding:16px 0 8px;position:sticky;top:0;background:#0d0a0d;z-index:2}
.gaveta-topo h2{margin:0;font-size:1.3rem}
.fechar{background:none;border:1px solid var(--linha2);color:#fff;border-radius:10px;width:38px;height:38px;font-size:1.4rem;cursor:pointer;line-height:1}
.gaveta-itens{display:flex;flex-direction:column;gap:8px;padding:6px 0}
.ci{display:flex;gap:10px;align-items:center;background:rgba(255,255,255,.04);border:1px solid var(--linha);border-radius:12px;padding:8px}
.ci img{width:52px;height:52px;object-fit:contain;flex:none;background:rgba(255,255,255,.04);border-radius:8px}
.ci .n{flex:1;min-width:0}
.ci .n b{display:block;font-size:.9rem;font-family:var(--f-disp);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ci .n span{color:var(--ouro1);font-size:.85rem}
.ci .q{display:flex;align-items:center;gap:4px}
.ci .q button{width:28px;height:28px;border-radius:8px;border:1px solid var(--linha2);background:transparent;color:#fff;cursor:pointer}
.ci .q i{font-style:normal;min-width:20px;text-align:center}
.ci .rm{background:none;border:0;color:var(--mut2);font-size:1.1rem;cursor:pointer}
.gaveta-vazia{color:var(--mut);text-align:center;padding:30px 0}
.gaveta-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--linha2);padding:12px 0;margin-top:6px;font-family:var(--f-disp)}
.gaveta-total b{font-size:1.4rem;background:var(--ouro);-webkit-background-clip:text;background-clip:text;color:transparent}
.checkout{display:flex;flex-direction:column;gap:12px}
.checkout label{display:flex;flex-direction:column;gap:5px;font-weight:600;font-size:.9rem}
.checkout small{font-weight:400;font-size:.8rem}
.metodos{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.met{position:relative;display:flex!important;flex-direction:column;gap:2px!important;padding:10px 12px;border-radius:12px;border:1px solid var(--linha2);background:rgba(255,255,255,.04);cursor:pointer}
.met input{position:absolute;opacity:0;pointer-events:none}
.met b{font-family:var(--f-disp);font-size:.92rem}
.met span{font-weight:400;font-size:.75rem;color:var(--mut)}
.met:has(input:checked){border-color:rgba(255,211,90,.7);background:rgba(255,211,90,.08);box-shadow:0 0 14px rgba(255,200,70,.18)}
.checkout .aceite{flex-direction:row;align-items:flex-start;gap:8px;font-weight:400;color:var(--mut);font-size:.85rem}
.checkout .aceite input{width:18px;height:18px;margin-top:2px;flex:none;accent-color:var(--neon)}
.ok-txt{color:var(--ok)!important}
.erro,.erro-txt{color:var(--erro)!important}
.erro{background:rgba(255,77,94,.1);border:1px solid rgba(255,77,94,.4);border-radius:10px;padding:9px 12px;margin:0;font-size:.9rem}
/* modal */
.modal-fundo{display:grid;place-items:center;padding:16px}
.modal{width:min(720px,100%);display:grid;grid-template-columns:1fr 1.1fr;gap:18px;padding:18px;max-height:92vh;overflow:auto}
@media (max-width:640px){.modal{grid-template-columns:1fr}}
.modal .fechar{position:absolute;top:10px;right:10px}
.modal-im{aspect-ratio:1;border-radius:14px;background:radial-gradient(circle,rgba(255,211,90,.15),transparent 70%)}
.modal-im img{width:100%;height:100%;object-fit:contain;padding:12px}
.modal-tx h2{margin:.3em 0}
.rar{font-family:var(--f-disp);font-weight:700;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}
.m-preco{font-family:var(--f-disp);font-weight:700;font-size:1.8rem;background:var(--ouro);-webkit-background-clip:text;background-clip:text;color:transparent;margin:6px 0 12px}

/* (L2 promo 24/10) preço riscado + selo de desconto/bônus */
.item .off{position:absolute;top:10px;right:10px;z-index:2;font-family:var(--f-disp);font-weight:700;font-size:.8rem;letter-spacing:.04em;padding:4px 9px;border-radius:8px;
  background:linear-gradient(180deg,#ff3b55,#c4102a);color:#fff;box-shadow:0 0 14px rgba(255,45,75,.6);animation:offPulsa 1.6s ease-in-out infinite}
.item .off.bonus{background:var(--ouro);color:#2a1a00;box-shadow:0 0 14px rgba(255,200,70,.55)}
@keyframes offPulsa{50%{transform:scale(1.08)}}
.pr .preco{display:flex;flex-direction:column;line-height:1.15}.preco s.cheio,.preco .promo,.m-preco s.cheio,.m-preco .promo{white-space:nowrap}
.preco s.cheio,.m-preco s.cheio{color:var(--mut2);font-weight:400;font-size:.72em;margin-right:4px}
.preco .promo,.m-preco .promo{color:#9dffc4;text-shadow:0 0 10px rgba(53,208,127,.45)}
.m-preco .bonus-txt{display:block;font-size:.8rem;color:var(--ouro1);font-weight:600}
@media (prefers-reduced-motion:reduce){.item .off{animation:none}}