/* ===================================================================
   LVL UP BIOTECH — site-wide performance/athletic theme override
   Linked LAST in <head> on every page so it restyles the shared
   chrome (nav, footer, buttons, headings, background, accents) into
   one cohesive gold + blue + red on black system.
   =================================================================== */

:root{
  --lu-gold:#c9a24b; --lu-gold-2:#e9c878;
  --lu-blue:#2e7bff; --lu-blue-2:#6fa8ff;
  --lu-hot:#ff2f3a; --lu-hot-2:#ff5a63;
  --lu-ink:#f4f4f5;
  --lu-chrome:linear-gradient(180deg,#f7e6bd 0%,#e9c878 26%,#a8792e 48%,#f2d891 62%,#c9a24b 80%,#f7e6bd 100%);
}

/* ---- kill the old aurora/grid template background ---- */
.bg-blob,.bg-grid,#bg-canvas{display:none !important;}

/* ---- performance speed-line backdrop on every page ---- */
body::before{
  content:'';position:fixed;inset:-20% -10%;z-index:0;pointer-events:none;
  background:repeating-linear-gradient(115deg,transparent 0 46px,rgba(255,255,255,0.015) 46px 47px);
  animation:lu-slide 20s linear infinite;
}
body::after{
  content:'';position:fixed;pointer-events:none;z-index:0;width:620px;height:620px;border-radius:50%;filter:blur(150px);
  top:-240px;right:-160px;background:radial-gradient(circle,rgba(46,123,255,0.12),transparent 70%);
}
@keyframes lu-slide{to{transform:translateX(47px);}}
@media(prefers-reduced-motion:reduce){body::before{animation:none;}}
body>*{position:relative;z-index:1;}

/* ---- typography: athletic display headings ---- */
h1,h2,.section-head h2,.sec-head h2{
  font-family:'Anton',sans-serif !important;font-weight:400 !important;
  letter-spacing:0.01em !important;line-height:0.96 !important;text-transform:uppercase;
}
/* section eyebrow / tag accents → red */
.tag,.kicker,.section-head .tag,.eyebrow,.gh-count{color:var(--lu-hot) !important;}

/* ---- header / nav chrome ---- */
header{background:rgba(5,5,6,0.84) !important;border-bottom:1px solid rgba(255,255,255,0.10) !important;
  position:sticky !important;top:0 !important;z-index:60 !important;backdrop-filter:blur(16px) saturate(1.2);}
.nav-links a{font-family:'Space Grotesk',sans-serif !important;text-transform:uppercase;
  letter-spacing:0.12em !important;font-weight:600 !important;font-size:12.5px !important;position:relative;}
.nav-links a::after{content:'';position:absolute;left:0;right:100%;bottom:-4px;height:2px;background:var(--lu-hot);transition:right .25s ease;}
.nav-links a:hover{color:#fff !important;}
.nav-links a:hover::after{right:0;}

/* ---- buttons: unified angular system across .btn / .btn-primary / .btn-ghost ---- */
.btn,.btn-primary,.btn-ghost,a.btn,button.btn{
  border-radius:4px !important;font-family:'Space Grotesk',sans-serif !important;
  text-transform:uppercase !important;letter-spacing:0.12em !important;font-weight:700 !important;
  transition:transform .16s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease,color .2s ease !important;
}
.btn-primary,a.btn-primary{
  background:linear-gradient(180deg,var(--lu-gold-2),var(--lu-gold)) !important;color:#191203 !important;
  border:0 !important;box-shadow:0 6px 22px rgba(201,162,75,0.25) !important;
}
.btn-primary:hover,a.btn-primary:hover{transform:translateY(-2px) !important;box-shadow:0 10px 30px rgba(201,162,75,0.45) !important;}
.btn-ghost{background:rgba(255,255,255,0.02) !important;border:1px solid rgba(255,255,255,0.16) !important;color:#fff !important;}
.btn-ghost:hover{border-color:var(--lu-blue) !important;background:rgba(46,123,255,0.08) !important;}

/* ---- angular cards / tiles / panels ---- */
.card,.pillar,.cat-card,.pack,.quote,.pstat,.stat,.standard,.spec-card,.coa-box,.ord,.promise{
  border-radius:6px !important;
}
.cat-card:hover,.card:hover,.pillar:hover{border-color:rgba(201,162,75,0.4) !important;}

/* rotate category / accent swatches through gold-blue-red-silver */
.cat-card:nth-child(4n+1) .swatch{background:var(--lu-blue) !important;}
.cat-card:nth-child(4n+2) .swatch{background:var(--lu-gold) !important;}
.cat-card:nth-child(4n+3) .swatch{background:var(--lu-hot) !important;}
.cat-card:nth-child(4n+4) .swatch{background:#c7cbd1 !important;}

/* ---- footer ---- */
footer{border-top:1px solid rgba(255,255,255,0.10) !important;background:#040405 !important;}
.footer-links a:hover,.foot-links a:hover,.foot-legal a:hover{color:var(--lu-hot) !important;}
.footer-tagline,.foot-tag{letter-spacing:0.3em !important;}

/* ---- selection ---- */
::selection{background:var(--lu-hot);color:#fff;}