:root { --ink:#090909; --panel:#141414; --line:#303030; --acid:#f5e82e; --mist:#d6d6d6; --green:#5cdd92; }
    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; }
    body { margin:0; font-family:Raleway,sans-serif; background:var(--ink); color:#fff; }
    .mesh { background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size:38px 38px; }
    .nav-link { color:#c8c8c8; font-size:.75rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; transition:color .2s; }
    .nav-link:hover,.nav-link:focus-visible { color:var(--acid); }
    .icon-button { display:inline-flex; align-items:center; justify-content:center; width:2.65rem; height:2.65rem; border:1px solid #3a3a3a; border-radius:999px; color:#fff; transition:.2s; }
    .icon-button:hover,.icon-button:focus-visible { border-color:var(--acid); background:var(--acid); color:#080808; }
    .acid-button { background:var(--acid); color:#111; font-weight:900; letter-spacing:.05em; text-transform:uppercase; transition:transform .2s,box-shadow .2s; }
    .acid-button:hover,.acid-button:focus-visible { transform:translateY(-2px); box-shadow:0 10px 26px rgba(245,232,46,.23); }
    .category-card,.product-card { border:1px solid var(--line); background:#151515; transition:transform .25s,border-color .25s,box-shadow .25s; }
    .category-card:hover,.category-card:focus-visible,.product-card:hover { transform:translateY(-5px); border-color:var(--acid); box-shadow:0 18px 35px rgba(0,0,0,.32); }
    .category-card img { transition:transform .45s,filter .45s; filter:grayscale(.4) contrast(1.05); }
    .category-card:hover img { transform:scale(1.07); filter:grayscale(0) contrast(1.12); }
    .product-image { height:165px; width:100%; object-fit:cover; filter:grayscale(.25); }
    .filter-button { border:1px solid #414141; color:#d0d0d0; border-radius:999px; padding:.55rem .9rem; font-size:.72rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase; transition:.2s; }
    .filter-button:hover,.filter-button:focus-visible,.filter-button.active { background:var(--acid); border-color:var(--acid); color:#111; }
    .drawer { transform:translateX(105%); transition:transform .3s ease; }
    .drawer.open { transform:translateX(0); }
    .veil { opacity:0; pointer-events:none; transition:opacity .3s; }
    .veil.open { opacity:1; pointer-events:auto; }
    .toast { transform:translateY(130%); opacity:0; transition:.25s; }
    .toast.show { transform:translateY(0); opacity:1; }
    .step-no { font-family:"Space Mono",monospace; color:var(--acid); font-size:1rem; }
    :focus-visible { outline:3px solid var(--acid); outline-offset:3px; }
    @media (max-width:900px) { .desktop-nav { display:none; } .hero-title { font-size:clamp(2.8rem,10vw,5rem)!important; } }

/* Static-site compatibility */
button:disabled { cursor: not-allowed; }
.account-visual-only { cursor: default; }