.cart-overlay{
  position:fixed; inset:0; z-index:300;
  background:rgba(0,0,0,.75); backdrop-filter:blur(4px);
  opacity:0; pointer-events:none; transition:opacity .3s;
}
.cart-overlay.open{ opacity:1; pointer-events:all; }
.cart-drawer{
  position:fixed; top:0; right:0; bottom:0; z-index:301;
  width:420px; max-width:95vw; background:var(--black-soft);
  box-shadow:-8px 0 40px rgba(0,0,0,.6);
  border-left:1px solid rgba(255,255,255,.15);
  display:flex; flex-direction:column;
  transform:translateX(100%);
  transition:transform .35s cubic-bezier(.4,0,.2,1);
}
.cart-overlay.open .cart-drawer{ transform:translateX(0); }
.cart-head{
  background:var(--black); padding:1.25rem 1.5rem;
  display:flex; align-items:center; justify-content:space-between;
  flex-shrink:0; border-bottom:1px solid rgba(255,255,255,.15);
}
.cart-head h2{
  font-family:'Bebas Neue',sans-serif; font-size:1.4rem;
  color:var(--accent); letter-spacing:2px;
  text-shadow:0 0 15px var(--gold-neon-glow);
}
.cart-x{
  background:none; border:none; color:var(--silver);
  font-size:1.6rem; cursor:pointer; line-height:1;
}
.cart-x:hover{ color:var(--white); }
.cart-body{ flex:1; overflow-y:auto; padding:1rem 1.5rem; }
.cart-empty{ text-align:center; padding:4rem 1rem; color:var(--text-muted); }
.cart-item{
  display:flex; gap:1rem; align-items:flex-start;
  padding:1rem 0; border-bottom:1px solid rgba(255,255,255,.06);
}
.ci-img{
  width:56px; height:56px;
  background:linear-gradient(135deg,#000,#1a1a1a);
  border-radius:4px; border:1px solid rgba(255,255,255,.12);
  display:flex; align-items:center; justify-content:center;
  font-size:1.5rem; flex-shrink:0; overflow:hidden;
}
.ci-img img, .ci-img video{ width:100%; height:100%; object-fit:cover; }
.ci-info{ flex:1; min-width:0; }
.ci-name{
  font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:.9rem;
  color:var(--white); margin-bottom:.15rem;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.ci-liga{ font-size:.72rem; color:var(--text-muted); margin-bottom:.25rem; }
.ci-custom{
  font-size:.75rem; color:var(--accent);
  background:rgba(255,255,255,.07); padding:.2rem .4rem;
  border-radius:2px; margin-bottom:.3rem; display:inline-block;
  box-shadow:0 0 10px var(--gold-neon-glow);
}
.ci-qty{ display:flex; align-items:center; gap:.4rem; }
.qty-b{
  background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.2);
  width:22px; height:22px; border-radius:3px; font-size:.9rem;
  cursor:pointer; color:var(--accent);
  display:flex; align-items:center; justify-content:center;
  font-weight:700; transition:background .2s;
  box-shadow:0 0 10px var(--gold-neon-glow);
}
.qty-b:hover{ background:rgba(255,255,255,.2); box-shadow:0 0 15px var(--gold-neon-glow); }
.qty-n{
  font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:.95rem;
  color:var(--white); min-width:18px; text-align:center;
}
.ci-price{
  font-family:'Bebas Neue',sans-serif; font-size:1.1rem;
  color:var(--accent); white-space:nowrap;
  text-shadow:0 0 15px var(--gold-neon-glow);
}
.ci-del{
  background:none; border:none; color:var(--text-muted);
  cursor:pointer; font-size:1rem; padding:.2rem; transition:color .2s;
}
.ci-del:hover{ color:var(--danger); }
.cart-foot{
  padding:1.25rem 1.5rem; border-top:1px solid rgba(255,255,255,.12);
  background:var(--black); flex-shrink:0;
}
.cart-total-row{
  display:flex; justify-content:space-between; align-items:center; margin-bottom:1rem;
}
.cart-total-row span:first-child{
  font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:.82rem;
  letter-spacing:2px; text-transform:uppercase; color:var(--text-muted);
}
.cart-total-row span:last-child{
  font-family:'Bebas Neue',sans-serif; font-size:2rem; color:var(--accent);
  text-shadow:0 0 20px var(--gold-neon-glow);
}
.btn-checkout{
  width:100%; padding:1rem; background:var(--accent); color:var(--black);
  font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:1rem;
  letter-spacing:2px; text-transform:uppercase; border:none; border-radius:4px;
  cursor:pointer; transition:all .2s;
  box-shadow:0 0 25px var(--gold-neon-glow);
}
.btn-checkout:hover{ background:var(--accent-light); box-shadow:0 0 35px var(--gold-neon-glow); }

@media (max-width: 768px){
  .cart-drawer{ width:100%; max-width:100vw; border-left:none; }
  .cart-head{ padding:1rem 1.1rem; }
  .cart-head h2{ font-size:1.15rem; }
  .cart-body{ padding:.75rem 1.1rem; }
  .cart-foot{ padding:1rem 1.1rem env(safe-area-inset-bottom, 1rem); }
  .cart-item{ gap:.75rem; padding:.85rem 0; }
  .ci-img{ width:50px; height:50px; }
  .ci-name{ font-size:.85rem; white-space:normal; }
  .ci-price{ font-size:1rem; }
  .cart-total-row span:last-child{ font-size:1.7rem; }
  .btn-checkout{ padding:.9rem; font-size:.92rem; letter-spacing:1.5px; }
}