:root{--black:#0A0A0A;--black2:#111111;--surface:#161616;--surface2:#1E1E1E;--border:#2A2A2A;--text:#F0EDE8;--text-muted:#888880;--accent:#A01020;--accent-hover:#C01528;--ice:#E8EDF0;--font-display:'Bebas Neue',sans-serif;--font-condensed:'Barlow Condensed',sans-serif;--font-body:'Barlow',sans-serif;--font-mono:'JetBrains Mono',monospace}
    *{margin:0;padding:0;box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{background:var(--black);color:var(--text);font-family:var(--font-body);overflow-x:hidden;line-height:1.6}
    a{color:inherit}
    img{max-width:100%;display:block}
    /* accessible focus — visible keyboard outline */
    a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
    @media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
    .skip-link{position:absolute;left:-999px;top:0;background:var(--accent);color:#fff;padding:12px 20px;z-index:5000;font-family:var(--font-condensed);font-weight:700;letter-spacing:1px}
    .skip-link:focus{left:0}

    /* NAV */
    nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between;background:rgba(10,10,10,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
    .nav-logo{font-family:var(--font-display);font-size:22px;letter-spacing:3px;color:var(--text);text-decoration:none}
    .nav-logo span{color:var(--accent)}
    .nav-links{display:flex;gap:28px;list-style:none}
    .nav-links a{font-family:var(--font-condensed);font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);text-decoration:none;transition:color .2s}
    .nav-links a:hover{color:var(--text)}
    .cart-btn{font-family:var(--font-condensed);font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text);background:var(--accent);border:none;padding:8px 20px;cursor:pointer;transition:background .2s;position:relative}
    .cart-btn:hover{background:var(--accent-hover)}
    .cart-count{position:absolute;top:-6px;right:-6px;background:var(--text);color:var(--black);min-width:18px;height:18px;border-radius:50%;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px}
    @media(max-width:760px){.nav-links{display:none}}

    /* BREADCRUMBS */
    .breadcrumbs{max-width:1200px;margin:0 auto;padding:104px 24px 0;font-family:var(--font-mono);font-size:11px;letter-spacing:1px;color:var(--text-muted)}
    .breadcrumbs a{color:var(--text-muted);text-decoration:none}
    .breadcrumbs a:hover{color:var(--accent)}
    .breadcrumbs span{color:var(--text)}
    .breadcrumbs .sep{margin:0 8px;color:var(--border)}

    /* PRODUCT LAYOUT */
    .product{max-width:1200px;margin:0 auto;padding:32px 24px 120px;display:grid;grid-template-columns:1fr 1fr;gap:56px}
    @media(max-width:860px){.product{grid-template-columns:1fr;gap:32px;padding-bottom:160px}}

    /* GALLERY */
    .gallery-main{aspect-ratio:1;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
    .gallery-main img{width:100%;height:100%;object-fit:cover}
    .gallery-placeholder{font-family:var(--font-display);font-size:120px;color:var(--surface2);letter-spacing:4px}
    .gallery-thumbs{display:flex;gap:10px;margin-top:12px}
    .gallery-thumbs button{flex:1;aspect-ratio:1;background:var(--surface);border:1px solid var(--border);cursor:pointer;overflow:hidden;padding:0}
    .gallery-thumbs button[aria-current="true"]{border-color:var(--accent)}
    .gallery-thumbs img{width:100%;height:100%;object-fit:cover}

    /* INFO */
    .p-cat{font-family:var(--font-mono);font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin-bottom:12px}
    .p-title{font-family:var(--font-display);font-size:clamp(36px,6vw,56px);letter-spacing:2px;line-height:.95;margin-bottom:16px}
    .p-rating{display:flex;align-items:center;gap:10px;margin-bottom:20px;font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}
    .stars{color:var(--accent);letter-spacing:2px;font-size:16px}
    .p-price{font-family:var(--font-condensed);font-size:34px;font-weight:800;margin-bottom:8px}
    .p-price small{font-size:14px;color:var(--text-muted);font-weight:400}
    .p-stock{font-family:var(--font-mono);font-size:11px;letter-spacing:1px;color:#5a9c5a;margin-bottom:28px}
    .p-desc{color:var(--text-muted);margin-bottom:28px}
    .p-desc p{margin-bottom:12px}

    /* OPTIONS */
    .opt-label{font-family:var(--font-condensed);font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;display:block}
    .size-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}
    .size-row button{min-width:52px;padding:12px;background:var(--surface);border:1px solid var(--border);color:var(--text);font-family:var(--font-condensed);font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .15s}
    .size-row button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff}
    .size-row button:hover{border-color:var(--accent)}

    .qty-add{display:flex;gap:12px;margin-bottom:24px}
    .qty{display:flex;align-items:center;border:1px solid var(--border);background:var(--surface)}
    .qty button{width:44px;height:52px;background:none;border:none;color:var(--text);font-size:20px;cursor:pointer}
    .qty input{width:44px;height:52px;background:none;border:none;color:var(--text);text-align:center;font-family:var(--font-condensed);font-size:18px;font-weight:700;-moz-appearance:textfield}
    .qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none}
    .add-btn{flex:1;background:var(--accent);color:#fff;border:none;font-family:var(--font-condensed);font-size:16px;font-weight:800;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:background .2s}
    .add-btn:hover{background:var(--accent-hover)}

    /* TRUST STRIP */
    .trust{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin-bottom:28px}
    .trust div{background:var(--black2);padding:16px 12px;text-align:center;font-family:var(--font-mono);font-size:10px;letter-spacing:1px;color:var(--text-muted);line-height:1.5}
    .trust strong{display:block;color:var(--text);font-size:11px;margin-bottom:4px;letter-spacing:2px}

    /* DETAILS ACCORDION */
    details{border-top:1px solid var(--border)}
    details summary{padding:18px 0;font-family:var(--font-condensed);font-size:15px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}
    details summary::-webkit-details-marker{display:none}
    details summary::after{content:'+';color:var(--accent);font-size:22px}
    details[open] summary::after{content:'\2212'}
    details .body{padding:0 0 20px;color:var(--text-muted);font-size:14px}
    details .body ul{margin-left:18px}

    /* REVIEWS */
    .reviews{max-width:1200px;margin:0 auto;padding:0 24px 100px}
    .reviews h2{font-family:var(--font-display);font-size:40px;letter-spacing:2px;margin-bottom:8px}
    .reviews-sub{font-family:var(--font-mono);font-size:11px;letter-spacing:2px;color:var(--text-muted);margin-bottom:32px}
    .review-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
    .review{background:var(--black2);border:1px solid var(--border);padding:24px}
    .review .stars{margin-bottom:12px}
    .review p{color:var(--text-muted);font-size:14px;margin-bottom:16px;font-style:italic}
    .review .who{font-family:var(--font-condensed);font-weight:700;letter-spacing:1px;font-size:14px}
    .review .role{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);letter-spacing:1px}

    /* STICKY MOBILE CTA */
    .sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:1500;background:rgba(10,10,10,.97);backdrop-filter:blur(12px);border-top:1px solid var(--border);padding:12px 16px;display:none;align-items:center;gap:12px}
    .sticky-cta .sc-price{font-family:var(--font-condensed);font-size:20px;font-weight:800}
    .sticky-cta .add-btn{padding:14px}
    @media(max-width:860px){.sticky-cta{display:flex}}

    /* FOOTER */
    footer{border-top:1px solid var(--border);padding:48px 24px;text-align:center;font-family:var(--font-mono);font-size:11px;letter-spacing:1px;color:var(--text-muted)}
    footer a{color:var(--text-muted);text-decoration:none;margin:0 10px}
    footer a:hover{color:var(--accent)}

    /* TOAST */
    .toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%) translateY(120px);background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);padding:14px 24px;font-family:var(--font-condensed);font-weight:600;letter-spacing:1px;z-index:3000;transition:transform .35s}
    .toast.show{transform:translateX(-50%) translateY(0)}
  
    /* product-page additions */
    nav.breadcrumbs{position:static;height:auto;display:block;background:none;border:0;backdrop-filter:none;z-index:auto}
    .toast{opacity:0;pointer-events:none;transition:transform .35s,opacity .2s}
    .toast.show{opacity:1}
    .specs th{width:38%}
    .gallery-main.has-photo{background:#fff}
    .gallery-main.has-photo img{object-fit:contain;padding:8%}
    .gallery-thumbs button{background:#fff;max-width:25%}
    .gallery-thumbs img{object-fit:contain}
    .gallery-placeholder{font-size:clamp(48px,9vw,96px);text-align:center;line-height:1}
    .gallery-placeholder small{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:3px;color:var(--border);margin-top:14px}
    .illus-note{font-family:var(--font-mono);font-size:10px;letter-spacing:1px;color:var(--text-muted);margin-top:10px}
    .p-unit{font-family:var(--font-mono);font-size:11px;letter-spacing:1px;color:var(--text-muted);margin-bottom:24px}
    .p-warn{border:1px solid var(--accent);border-left-width:3px;padding:12px 16px;margin-bottom:24px;font-size:14px;color:var(--text)}
    .p-warn strong{font-family:var(--font-condensed);letter-spacing:2px;text-transform:uppercase;color:var(--accent-hover);display:block;margin-bottom:2px}
    .p-desc a,.fits a,details .body a{color:var(--text);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px}
    .p-desc a:hover,.fits a:hover{color:var(--accent-hover)}
    .specs{width:100%;border-collapse:collapse;font-size:14px}
    .specs th{text-align:left;font-family:var(--font-mono);font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);font-weight:400;padding:8px 16px 8px 0;white-space:nowrap;vertical-align:top}
    .specs td{padding:8px 0;color:var(--text)}
    .specs tr+tr th,.specs tr+tr td{border-top:1px solid var(--border)}
    .fits{max-width:1200px;margin:0 auto;padding:0 24px 100px}
    .fits h2{font-family:var(--font-display);font-size:40px;letter-spacing:2px;margin-bottom:8px}
    .fits-sub{font-family:var(--font-mono);font-size:11px;letter-spacing:1px;color:var(--text-muted);margin-bottom:28px;max-width:860px;line-height:1.8}
    .fits-wrap{overflow-x:auto;border:1px solid var(--border)}
    .fits table{width:100%;border-collapse:collapse;font-size:14px;min-width:640px}
    .fits thead th{background:var(--surface);text-align:left;font-family:var(--font-mono);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);font-weight:400;padding:12px 16px}
    .fits tbody td{padding:12px 16px;border-top:1px solid var(--border);vertical-align:top}
    .fits tbody tr:hover td{background:var(--black2)}
    .fits td.mk{font-family:var(--font-condensed);font-weight:700;letter-spacing:1px;text-transform:uppercase;white-space:nowrap}
    .fits td.yr{font-variant-numeric:tabular-nums;white-space:nowrap}
    .fits td.nt{color:var(--text-muted);font-size:13px}
    .legal{max-width:760px;margin:0 auto 20px;line-height:1.9}
    .legal strong{color:var(--text)}
    
    .brand-tile{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 95% at 50% 38%,#1d1d1d 0%,#0b0b0b 72%);container-type:inline-size;overflow:hidden}
    .brand-tile .bt-out{position:absolute;left:4%;top:4%;width:92%;height:92%;object-fit:contain;opacity:.17;padding:0}
    .bt-txt{position:relative;text-align:center;padding:0 7%;max-width:100%}
    .bt-brand{font-family:var(--font-display);font-size:clamp(24px,15cqw,84px);letter-spacing:.05em;line-height:.95;color:var(--text);text-wrap:balance}
    .bt-brand.bt-long{font-size:clamp(20px,11cqw,62px)}
    .bt-brand::after{content:'';display:block;width:clamp(22px,9cqw,48px);height:2px;background:var(--accent);margin:.3em auto 0}
    .bt-line{font-family:var(--font-condensed);font-weight:600;font-size:clamp(10px,4.7cqw,24px);letter-spacing:.2em;line-height:1.3;text-transform:uppercase;color:var(--text-muted);margin-top:.75em;text-wrap:balance}
    .bt-pn{font-family:var(--font-mono);font-size:clamp(10px,4.3cqw,22px);letter-spacing:.12em;text-transform:uppercase;color:var(--text);opacity:.9;margin-top:.7em}