:root {
    --gold:#ffb300;
    --bg:#0b0b0b;
    --panel:#111;
    --border:#222;
  }
  
  *{box-sizing:border-box}
  body{margin:0;background:var(--bg);color:#eee;font-family:Inter,system-ui}
  
  .nav{display:flex;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border)}
  .nav a,.nav button{color:#aaa;margin-left:16px;background:none;border:0;cursor:pointer}
  
  .hero{padding:120px 30px;background:radial-gradient(circle at right,#3a2600,#000)}
  .hero h1{color:var(--gold);font-size:46px}
  .hero p{color:#ccc}
  
  .trust{display:flex;justify-content:center;gap:20px;padding:20px;border-top:1px solid var(--border)}
  .trust span{padding:6px 14px;border:1px solid var(--border);border-radius:20px;color:#bbb}
  
  .filter-bar{display:flex;gap:12px;padding:30px}
  .pill{padding:8px 18px;border-radius:20px;border:1px solid var(--border);background:#000;color:#bbb}
  .pill.active{background:var(--gold);color:#000}
  
  .product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;padding:30px}
  .product-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:20px;transition:.3s}
  .product-card:hover{transform:translateY(-6px);box-shadow:0 0 30px rgba(255,179,0,.15)}
  .product-img{height:160px;background:linear-gradient(135deg,#2a1a00,#000);border-radius:10px;margin-bottom:15px}
  .price{color:var(--gold);font-weight:600;margin:10px 0}
  
  .product-view{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;padding:40px}
  .product-preview{height:360px;background:linear-gradient(135deg,#2a1a00,#000);border-radius:16px}
  .variants{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0}
  .variant{background:#000;border:1px solid var(--border);border-radius:12px;padding:14px;color:#eee;cursor:pointer}
  .variant.active{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}
  
  .checkout-box{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:20px}
  
  .btn{background:var(--gold);color:#000;padding:12px 26px;border-radius:30px;border:0;cursor:pointer}
  .btn.small{padding:8px 16px}
  .btn.full{width:100%;margin-top:15px}
  
  .cart{position:fixed;top:0;right:-420px;width:400px;height:100%;background:var(--panel);border-left:1px solid var(--border);transition:.35s;z-index:30;padding:20px}
  .cart.active{right:0}
  .cart-head{display:flex;justify-content:space-between;align-items:center}
  .cart-items p{margin:10px 0}
  .coupon{display:flex;gap:10px;margin:20px 0}
  .coupon input{flex:1;background:#000;border:1px solid var(--border);color:#fff;padding:10px;border-radius:8px}
  .cart-total{display:flex;justify-content:space-between;font-size:18px}
  
  .overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:20}
  .overlay.active{display:block}
  
  @media(max-width:900px){
    .product-view{grid-template-columns:1fr}
  }