:root { --bg:#0b0b0b; --panel:#111; --line:rgba(255,255,255,.12); --white:#f7f7f7; --muted:#c2c9dc; --gold:#d8b634; --gold-light:#f0cf3f; }
* { box-sizing:border-box; }
html { color-scheme:dark; scroll-behavior:smooth; -webkit-text-size-adjust:auto; text-size-adjust:auto; overflow-x:hidden; }
body { margin:0; color:var(--white); background:var(--bg); font-family:Inter,Arial,sans-serif; overflow-x:hidden; --header-height:82px; padding-top:var(--header-height); } body.cart-open { overflow:hidden; } body.cart-open .topbar { backdrop-filter:none; }
button,a { font:inherit; } button:focus-visible,a:focus-visible { outline:2px solid var(--gold-light); outline-offset:3px; }
.topbar { height:82px; position:fixed; top:0; left:0; right:0; width:100%; z-index:20; display:grid; grid-template-columns:minmax(180px,auto) 1fr minmax(120px,auto); align-items:center; padding:0 16px; background:rgba(12,12,12,.92); border-top:1px solid #343434; border-bottom:1px solid var(--line); backdrop-filter:blur(12px); }
.logo { display:inline-flex; align-items:center; height:58px; text-decoration:none; } .logo img { display:block; height:100%; width:auto; max-width:220px; } .cart-count { color:var(--gold-light); }
.nav { display:flex; justify-content:center; gap:clamp(14px,2vw,34px); flex-wrap:nowrap; white-space:nowrap; }.nav a { padding:30px 0 12px; border-bottom:1px solid transparent; color:#a7a7ae; text-decoration:none; text-transform:uppercase; font-size:clamp(13.5px,1.4vw,16px); font-weight:800; letter-spacing:clamp(2px,0.3vw,3.5px); touch-action:manipulation; white-space:nowrap; }.nav a:hover,.nav a[aria-current="page"] { color:#fff; border-color:var(--gold); }
.header-actions { display:flex; justify-self:end; align-items:center; gap:8px; }.cart-trigger-count { margin-left:6px; color:var(--gold-light); }
.header-cart { position:fixed; top:var(--header-cart-offset,82px); left:0; right:0; bottom:0; z-index:10; padding:0; border:0; border-top:1px solid var(--line); background:linear-gradient(180deg,var(--panel) 0%,#0a0a0a 100%); box-shadow:none; overflow-y:auto; -webkit-overflow-scrolling:touch; animation:cart-fade-in .22s ease-out; }.header-cart[hidden] { display:none; } @keyframes cart-fade-in { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:none; } } .header-cart-inner { max-width:540px; margin:0 auto; padding:30px 22px 56px; } .cart-panel-head { position:relative; display:flex; justify-content:space-between; align-items:center; gap:16px; padding:4px 44px 4px 0; } .cart-panel-head h2 { margin:0; font:700 21px Oswald,Inter,sans-serif; text-transform:uppercase; } .cart-close { position:absolute; top:50%; right:0; transform:translateY(-50%); width:38px; height:38px; padding:0; border:0; border-radius:50%; background:rgba(255,255,255,.06); color:#fff; font-size:26px; line-height:1; cursor:pointer; display:grid; place-items:center; transition:background .18s ease, transform .18s ease; } .cart-close:hover,.cart-close:focus-visible { background:rgba(255,255,255,.14); transform:translateY(-50%) scale(1.05); outline:none; } .cart-count { font-size:11px; font-weight:900; }.cart-items { list-style:none; margin:20px 0; padding:0; border-top:1px solid var(--line); }.cart-line { display:grid; grid-template-columns:minmax(0,1fr) auto auto auto; align-items:center; gap:9px; padding:12px 0; border-bottom:1px solid var(--line); font-size:11px; }.cart-line-name { overflow-wrap:anywhere; }.cart-quantity { display:flex; align-items:center; gap:6px; }.cart-action { width:24px; height:24px; padding:0; border:0; background:transparent; color:var(--gold-light); cursor:pointer; }.cart-total { display:flex; justify-content:space-between; align-items:baseline; gap:16px; text-transform:uppercase; font-size:12px; }.cart-total strong { color:var(--gold-light); font-size:15px; }.cart-clear { margin-top:14px; padding:0; border:0; background:transparent; color:var(--gold-light); text-decoration:underline; font-size:10px; cursor:pointer; }.checkout-form { margin-top:18px; padding-top:18px; border-top:1px solid var(--line); }.checkout-form label { display:block; margin:0 0 7px; color:var(--muted); font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:1px; }.checkout-form input,.checkout-form select,.checkout-form textarea { width:100%; min-height:40px; margin-bottom:14px; padding:8px 10px; border:1px solid rgba(255,255,255,.22); border-radius:0; background:#091722; color:#fff; font-size:16px; }.checkout-form textarea { resize:vertical; }.checkout-summary { margin:4px 0 16px; padding:12px 0; border-block:1px solid var(--line); font-size:11px; }.checkout-summary div { display:flex; justify-content:space-between; gap:16px; margin:5px 0; }.checkout-submit { width:100%; min-height:42px; border:0; background:var(--gold); color:#070707; text-transform:uppercase; font-size:9px; font-weight:900; letter-spacing:2px; cursor:pointer; }.checkout-submit:disabled { opacity:.45; cursor:not-allowed; }.cart-empty { padding:18px 0; color:var(--muted); font-size:12px; }
.legal-main { width:min(900px,calc(100% - 32px)); margin:0 auto; padding:76px 0 96px; }.legal-content { color:var(--muted); font-size:15px; line-height:1.7; overflow-wrap:break-word; }.legal-content h1,.legal-content h2,.legal-content h3 { color:var(--white); font-family:Oswald,Inter,sans-serif; text-transform:uppercase; }.legal-content h1 { margin:8px 0 42px; font-size:clamp(34px,6vw,58px); line-height:1; }.legal-content h2,.legal-content h3 { margin:38px 0 12px; font-size:21px; line-height:1.2; }.legal-content p { margin:0 0 18px; }.legal-content ul,.legal-content ol { margin:0 0 20px; padding-left:22px; }.legal-content a { color:var(--gold); }.legal-content strong,.legal-content b { color:var(--white); }.eyebrow { margin:0; color:var(--gold); font-size:10px; font-weight:900; letter-spacing:4px; text-transform:uppercase; }
.legal-footer { padding:42px 5vw; border-top:1px solid var(--line); background:var(--panel); color:var(--muted); text-align:center; }.legal-footer nav { display:flex; flex-wrap:wrap; justify-content:center; gap:20px; }.legal-footer nav a { color:var(--white); font-size:12px; text-decoration:none; }.legal-footer nav a:hover { color:var(--gold); }.legal-footer p { margin:26px 0 0; font-size:11px; }
@media (max-width:1200px) { :root,body { --header-height:92px; } .topbar { grid-template-columns:auto 1fr; width:100%; height:92px; min-height:92px; padding:8px 16px; gap:6px; border-top:0; background:rgba(10,10,10,.96); } .logo { height:40px; } .logo img { max-width:150px; }.nav { grid-column:1 / -1; grid-row:2; justify-content:center; gap:clamp(8px,1.8vw,18px); overflow-x:auto; scrollbar-width:none; flex-wrap:nowrap; white-space:nowrap; }.nav::-webkit-scrollbar { display:none; }.nav a { padding:6px 0 4px; font-size:clamp(10.5px,1.25vw,12.5px); letter-spacing:clamp(1.2px,0.25vw,2px); white-space:nowrap; }.header-actions { grid-column:2; grid-row:1; }.header-cart { top:var(--header-cart-offset,92px); } .header-cart-inner { padding:22px 18px 48px; } .cart-close { width:36px; height:36px; font-size:24px; } }
@media (max-width:700px) { :root,body { --header-height:92px; } .topbar { height:92px; min-height:92px; padding:8px 16px; gap:6px; } .logo { height:40px; } .logo img { max-width:150px; } .nav { justify-content:center; gap:clamp(8px,1.8vw,18px); overflow-x:auto; scrollbar-width:none; flex-wrap:nowrap; white-space:nowrap; } .nav::-webkit-scrollbar { display:none; } .nav a { padding:6px 0 4px; font-size:clamp(10.5px,1.25vw,12.5px); letter-spacing:clamp(1.2px,0.25vw,2px); white-space:nowrap; } .legal-main { padding:40px 0 64px; }.legal-content { font-size:1rem; }.legal-footer { text-align:left; }.legal-footer nav { justify-content:flex-start; flex-direction:column; gap:12px; }.legal-footer p { line-height:1.6; } }

.checkout-minimum { margin: 0 0 12px; color: var(--gold-light); font-size: 11px; line-height: 1.4; }