/* JohxCrown · capa premium compartida (tienda, producto, rastreo, control) */
::selection{background:#c9a96a;color:#14100a}
html{scrollbar-width:thin;scrollbar-color:#6b5a34 #0b0c10}
::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:#0b0c10}::-webkit-scrollbar-thumb{background:linear-gradient(#c9a96a,#7d6638);border-radius:9px}
:focus-visible{outline:2px solid #f6e7bd;outline-offset:2px}
.btn,.cta,.gbtn{position:relative;overflow:hidden}
.btn::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);transform:translateX(-130%);transition:transform .8s}
.btn:hover::after{transform:translateX(130%)}.btn.alt::after{display:none}
.pxg{position:fixed;left:0;top:0;height:2px;width:0;z-index:99;background:linear-gradient(90deg,#9c7a3c,#f6e7bd);box-shadow:0 0 12px #c9a96a;pointer-events:none}
.pxconf{position:fixed;inset:0;width:100%;height:100%;z-index:90;pointer-events:none}
/* carrito premium */
.dr{background:linear-gradient(180deg,#0e1014,#08090c);box-shadow:-30px 0 80px -20px rgba(0,0,0,.9)}
.dr .drh{background:linear-gradient(120deg,rgba(201,169,106,.14),transparent 70%)}
.dr .it{gap:14px;padding:14px;margin:10px 0;border:1px solid var(--line);border-radius:20px;background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.01));animation:up .55s var(--e) both;transition:.3s}
.dr .it:nth-child(3){animation-delay:.06s}.dr .it:nth-child(4){animation-delay:.12s}.dr .it:nth-child(5){animation-delay:.18s}
.dr .it:hover{border-color:var(--g2);box-shadow:0 18px 40px -26px rgba(201,169,106,.6)}
.dr .it .ph{width:68px;height:68px;border-radius:14px}
.dr .it b{font-size:14.5px}.dr .it small{font-size:12.5px}
.dr .qty{gap:2px;padding:3px;border:1px solid var(--line);border-radius:99px;background:rgba(0,0,0,.35);font-size:14px}
.dr .qty button{width:32px;height:32px;border:0;background:rgba(255,255,255,.07);transition:.2s}.dr .qty button:hover{background:var(--gold);color:#14100a}.dr .qty button:active{transform:scale(.88)}
.dr .qty{min-width:94px;justify-content:space-between}
.drf{background:linear-gradient(0deg,#0b0c10 60%,rgba(11,12,16,.9));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.drt b,.tot b{background:var(--gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.px-ct{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px}
.px-ct span{padding:6px 12px;border-radius:99px;border:1px solid var(--line);background:rgba(255,255,255,.03);font-size:11.5px;font-weight:700;color:var(--g1)}
.px-empty{text-align:center;padding:46px 10px 20px}
.px-empty svg{width:74px;height:74px;fill:none;stroke:var(--g2);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;animation:fl 4s ease-in-out infinite;filter:drop-shadow(0 0 18px rgba(201,169,106,.45))}
.px-empty b{display:block;font:700 22px var(--serif);margin-top:16px}.px-empty small{display:block;color:var(--mut);margin:6px 0 4px}
.cbar{animation:cbp 3.2s ease-in-out infinite}
@keyframes cbp{50%{box-shadow:0 0 0 1px rgba(246,231,189,.5),0 18px 50px -10px rgba(201,169,106,.75)}}
.ok .ck{animation:gl 3s infinite,pop .7s var(--e) both}@keyframes pop{from{transform:scale(.3);opacity:0}}
@media(prefers-reduced-motion:reduce){.cbar,.px-empty svg,.dr .it{animation:none!important}}