@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow+Condensed:ital,wght@0,400;0,600;0,700;1,400&family=Barlow:wght@400;500&display=swap');

:root {
  --red: #E8002D;
  --red-hot: #c0001f;
  --red-glow: rgba(232,0,45,0.3);
  --silver: #C0C0C0;
  --gold: #C9A94B;
  --gold-dark: #9a7626;
  --black: #060606;
  --dark: #0f0f0f;
  --dark2: #161616;
  --dark3: #1e1e1e;
  --white: #F2EEE8;
  --muted: #6a6a6a;
  --border: rgba(255,255,255,0.07);
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }

body {
  background: var(--black);
  color: var(--white);
  font-family: 'Barlow', sans-serif;
  overflow-x: hidden;
  cursor: none;
}

/* ─── CHECKERED BG ─── */
body::before {
  content:''; position:fixed; inset:0; pointer-events:none; z-index:0;
  background-image:
    linear-gradient(45deg,rgba(255,255,255,.012) 25%,transparent 25%),
    linear-gradient(-45deg,rgba(255,255,255,.012) 25%,transparent 25%),
    linear-gradient(45deg,transparent 75%,rgba(255,255,255,.012) 75%),
    linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.012) 75%);
  background-size:24px 24px;
  background-position:0 0,0 12px,12px -12px,-12px 0px;
}

/* ─── CURSOR ─── */
.cursor { width:10px;height:10px;background:var(--red);border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:9999;transition:transform .12s ease;mix-blend-mode:exclusion; }
.cursor-ring { width:34px;height:34px;border:1px solid rgba(232,0,45,.7);border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:9998; }

/* ─── NAV ─── */
nav {
  position:fixed; top:0; left:0; right:0; z-index:500;
  display:flex; justify-content:space-between; align-items:center;
  padding:16px 52px;
  background:rgba(6,6,6,.96);
  border-bottom:1px solid var(--border);
  backdrop-filter:blur(12px);
}
.nav-logo {
  font-family:'Bebas Neue',sans-serif; font-size:24px; letter-spacing:6px;
  text-decoration:none; color:var(--white); display:flex; align-items:center; gap:8px;
}
.nav-logo-grid { display:grid; grid-template-columns:1fr 1fr; gap:2px; width:16px; height:16px; }
.nlg-w { background:var(--white); width:6px; height:6px; }
.nlg-b { background:rgba(255,255,255,.15); width:6px; height:6px; }
.nav-logo span { color:var(--red); }

nav ul { display:flex; gap:32px; list-style:none; }
nav ul a {
  font-family:'Barlow Condensed',sans-serif; font-size:13px; font-weight:600;
  letter-spacing:2.5px; text-transform:uppercase; color:var(--muted); text-decoration:none;
  transition:color .2s;
}
nav ul a:hover, nav ul a.active { color:var(--white); }

.nav-cart {
  display:flex; align-items:center; gap:8px;
  font-family:'Barlow Condensed',sans-serif; font-size:13px; font-weight:700;
  letter-spacing:2px; text-transform:uppercase;
  color:var(--white); background:var(--red);
  padding:9px 20px; text-decoration:none; cursor:none; border:none;
  clip-path:polygon(7px 0%,100% 0%,calc(100% - 7px) 100%,0% 100%);
  transition:background .2s;
}
.nav-cart:hover { background:var(--red-hot); }
.cart-count {
  background:var(--white); color:var(--red);
  width:18px; height:18px; border-radius:50%;
  font-size:10px; font-weight:700; display:flex; align-items:center; justify-content:center;
}

/* ─── TICKER ─── */
.ticker {
  background:var(--red); height:40px; overflow:hidden;
  display:flex; align-items:center;
  transform:skewY(-1deg); margin:-6px 0; z-index:10; position:relative;
}
.ticker-track {
  display:flex; gap:52px; white-space:nowrap;
  animation:tickerAnim 28s linear infinite; align-items:center;
}
.ticker-item {
  font-family:'Bebas Neue',sans-serif; font-size:16px; letter-spacing:4px;
  color:var(--black); flex-shrink:0;
}
@keyframes tickerAnim { from{transform:translateX(0)} to{transform:translateX(-50%)} }

/* ─── BUTTONS ─── */
.btn {
  font-family:'Barlow Condensed',sans-serif; font-weight:700; letter-spacing:2.5px;
  text-transform:uppercase; border:none; cursor:none;
  clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);
  transition:all .22s; display:inline-flex; align-items:center; gap:8px; text-decoration:none;
}
.btn-lg { font-size:14px; padding:15px 40px; }
.btn-md { font-size:13px; padding:12px 28px; }
.btn-sm { font-size:11px; padding:9px 20px; letter-spacing:2px; }

.btn-red { background:var(--red); color:var(--white); }
.btn-red:hover { background:var(--red-hot); box-shadow:0 0 28px var(--red-glow); }
.btn-gold { background:linear-gradient(90deg,var(--gold-dark),var(--gold)); color:#1a1000; }
.btn-gold:hover { filter:brightness(1.1); }
.btn-ghost { background:transparent; color:var(--muted); border:1px solid var(--border); }
.btn-ghost:hover { color:var(--white); border-color:rgba(255,255,255,.25); }
.btn-white { background:var(--white); color:var(--black); }
.btn-white:hover { background:#ddd; }

/* ─── SECTION LABELS ─── */
.eyebrow {
  font-family:'Barlow Condensed',sans-serif; font-size:11px; font-weight:600;
  letter-spacing:4px; text-transform:uppercase; color:var(--red);
  display:flex; align-items:center; gap:10px; margin-bottom:12px;
}
.eyebrow::before { content:''; width:26px; height:1px; background:var(--red); }

.section-title {
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(44px,6vw,72px); line-height:.92; letter-spacing:2px;
}

/* ─── TOAST ─── */
.toast {
  position:fixed; bottom:32px; left:50%;
  transform:translateX(-50%) translateY(80px);
  background:var(--dark2); color:var(--white);
  border:1px solid var(--border); border-left:3px solid var(--red);
  font-family:'Barlow Condensed',sans-serif; font-size:13px;
  font-weight:600; letter-spacing:1.5px;
  padding:14px 28px; z-index:9999;
  transition:transform .4s cubic-bezier(.175,.885,.32,1.275);
  white-space:nowrap; display:flex; align-items:center; gap:10px;
}
.toast.show { transform:translateX(-50%) translateY(0); }
.toast-icon { color:var(--red); font-size:16px; }

/* ─── FOOTER ─── */
footer {
  border-top:1px solid var(--border);
  padding:24px 52px;
  display:flex; justify-content:space-between; align-items:center;
  position:relative; z-index:2;
}
.footer-logo {
  font-family:'Bebas Neue',sans-serif; font-size:20px; letter-spacing:5px;
  color:var(--white);
}
.footer-logo span { color:var(--red); }
.footer-note {
  font-family:'Barlow Condensed',sans-serif; font-size:11px;
  letter-spacing:1px; color:rgba(255,255,255,.15);
}

/* ─── UTILITIES ─── */
.page-wrap { padding-top:72px; position:relative; z-index:1; }

@media(max-width:900px){
  nav ul { display:none; }
  nav { padding:14px 20px; }
  footer { flex-direction:column; gap:12px; text-align:center; padding:20px; }
}