@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@300;400;500;600;700;900&display=swap');
  *{margin:0;padding:0;box-sizing:border-box}
  body{font-family:'Inter',sans-serif;background:#080808;color:#fff;overflow-x:hidden}
  .bebas{font-family:'Bebas Neue',sans-serif;letter-spacing:2px}
  ::-webkit-scrollbar{width:4px} ::-webkit-scrollbar-track{background:#111} ::-webkit-scrollbar-thumb{background:#FFD700}
  .gold{color:#FFD700} .bg-gold{background:#FFD700}
  .badge{font-size:10px;font-weight:700;padding:3px 8px;text-transform:uppercase;letter-spacing:.5px}
  .section-line{width:60px;height:3px;background:#FFD700;margin:10px 0}
  .btn-gold{background:#FFD700;color:#000;font-weight:700;padding:14px 28px;transition:all .3s;text-transform:uppercase;letter-spacing:1px;border:2px solid #FFD700;cursor:pointer;width:100%}
  .btn-gold:hover{background:transparent;color:#FFD700}
  .btn-outline{background:transparent;color:#FFD700;font-weight:700;padding:14px 28px;border:2px solid #FFD700;transition:all .3s;text-transform:uppercase;letter-spacing:1px;cursor:pointer;width:100%}
  .btn-outline:hover{background:#FFD700;color:#000}
  .nav-link{position:relative;padding-bottom:4px}
  .nav-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:#FFD700;transition:width .3s}
  .nav-link:hover::after,.nav-link.active::after{width:100%}

  /* Tabs */
  .tab-btn{padding:12px 0;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#555;cursor:pointer;border-bottom:2px solid transparent;transition:all .3s;background:transparent;border-left:none;border-right:none;border-top:none}
  .tab-btn.active{color:#FFD700;border-bottom-color:#FFD700}
  .tab-btn:hover{color:#FFD700}
  .tab-panel{display:none}
  .tab-panel.active{display:block}

  /* Options */
  .color-dot{width:32px;height:32px;border-radius:50%;cursor:pointer;transition:all .2s;border:2px solid transparent}
  .color-dot.active,.color-dot:hover{border-color:#FFD700;transform:scale(1.15)}
  .gauge-btn{padding:8px 18px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s;background:#111;border:1px solid #222;color:#666}
  .gauge-btn.active,.gauge-btn:hover{background:rgba(255,215,0,.1);border-color:#FFD700;color:#FFD700}

  /* Thumbnails */
  .thumb{width:72px;height:72px;cursor:pointer;border:1px solid #1a1a1a;transition:border-color .3s;display:flex;align-items:center;justify-content:center;background:#0f0f0f;flex-shrink:0}
  .thumb.active,.thumb:hover{border-color:#FFD700}
  .thumb i{font-size:24px;color:rgba(255,215,0,.2);transition:color .3s}
  .thumb.active i,.thumb:hover i{color:rgba(255,215,0,.6)}

  /* Quantity */
  .qty-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#111;border:1px solid #222;cursor:pointer;font-size:16px;transition:all .3s;color:#888}
  .qty-btn:hover{border-color:#FFD700;color:#FFD700}
  #qty-val{width:52px;height:40px;background:#080808;border:1px solid #1a1a1a;border-left:none;border-right:none;text-align:center;color:#fff;font-weight:700;font-size:15px}

  /* Progress bar */
  .prog-bar{height:6px;background:#1a1a1a;border-radius:3px;overflow:hidden;flex:1}
  .prog-fill{height:100%;background:#FFD700;border-radius:3px}

  /* Related cards */
  .rel-card{background:#0f0f0f;border:1px solid #1a1a1a;transition:transform .3s,border-color .3s;cursor:pointer}
  .rel-card:hover{transform:translateY(-4px);border-color:rgba(255,215,0,.3)}