/* Layered on top of Tailwind CDN. Custom tokens + polish. */
:root { color-scheme: dark; }
html { -webkit-text-size-adjust: 100%; }
body { text-rendering: optimizeLegibility; }

/* Line clamp helpers (in case CDN plugin absent) */
.line-clamp-1 { display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; }
.line-clamp-2 { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

/* Spec number treatment — big, condensed */
.spec-num { font-family:"Archivo",sans-serif; font-weight:900; letter-spacing:-0.02em; line-height:1; }

/* Subtle hero grain/gradient */
.hero-grad { background:
  radial-gradient(120% 80% at 50% 0%, rgba(180,255,57,0.10), transparent 60%),
  linear-gradient(180deg, #0A0A0B 0%, #141416 100%); }

/* Focus visibility for a11y */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 2px solid #B4FF39; outline-offset: 2px;
}

/* Smooth image reveal */
img { background:#1C1C20; }

/* Sticky mobile PDP bar safe area */
.safe-bottom { padding-bottom: env(safe-area-inset-bottom); }