:root { --accent:#3b6cf6; --gold:#d4a437; }
* { -webkit-tap-highlight-color: transparent; }
html { scroll-behavior: smooth; }
body { background: #0a0e17; }

/* Headline marquee */
.marquee { overflow: hidden; white-space: nowrap; }
.marquee > span { display: inline-block; padding-left: 100%; animation: marquee 28s linear infinite; }
@keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } }

/* Hero slider */
.slide { transition: opacity .8s ease; }

/* Product card hover */
.pcard { transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
.pcard:hover { transform: translateY(-6px); box-shadow: 0 20px 40px -20px rgba(59,108,246,.4); border-color: rgba(59,108,246,.5); }
.pcard img { transition: transform .5s ease; }
.pcard:hover img { transform: scale(1.06); }

/* Placeholder gradient image */
.ph-img { position: relative; }
.ph-img::after { content:"WAXWING"; position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-family:Archivo,sans-serif; font-weight:900; letter-spacing:.15em; font-size:.7rem; color:rgba(255,255,255,.35); }

/* Scrollbar */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #0f1522; }
::-webkit-scrollbar-thumb { background: #26324a; border-radius: 6px; }
::-webkit-scrollbar-thumb:hover { background: #3b6cf6; }

/* Horizontal product rail */
.rail { scroll-snap-type: x mandatory; }
.rail > * { scroll-snap-align: start; }
.rail::-webkit-scrollbar { height: 6px; }

/* Fade in */
.fade-in { animation: fadeIn .5s ease both; }
@keyframes fadeIn { from { opacity:0; transform: translateY(12px);} to {opacity:1; transform:none;} }

/* Countdown pill */
.count-box { font-variant-numeric: tabular-nums; }

/* Nav link */
.nav-link { position: relative; }
.nav-link::after { content:''; position:absolute; left:0; bottom:-4px; height:2px; width:0; background:var(--accent); transition:width .25s; }
.nav-link:hover::after { width:100%; }

/* Hide number input arrows */
input[type=number]::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }

/* Tracking timeline */
.step-line { background: linear-gradient(90deg,var(--accent),var(--accent)); }