:root{
  --bg:#080808;--surface:#111111;--surface2:#191919;--border:#2a2a2a;
  --red:#e02020;--red-dim:#8a1212;--red-glow:rgba(224,32,32,0.18);
  --text:#f0f0f0;--muted:#9a9a9a;--muted2:#666666;--radius:4px;
  --panel:#0f0f0f;--panel-edge:#333;--inset:#060606;
  --led-green:#22c55e;--led-amber:#f59e0b;--led-red:#e02020;
  --dot-size:2px;--dot-gap:6px;
  /* Subtle scanline + dot-matrix on surfaces */
  --scanline: repeating-linear-gradient(
    0deg,
    transparent,
    transparent 2px,
    rgba(0,0,0,0.08) 2px,
    rgba(0,0,0,0.08) 4px
  );
  --dot-matrix: radial-gradient(circle, rgba(255,255,255,0.03) 1px, transparent 1px);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--bg);color:var(--text);
  font-family:'Barlow',sans-serif;min-height:100vh;cursor:none;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;
  background-image:
    radial-gradient(circle, rgba(255,255,255,0.015) 1px, transparent 1px);
  background-size:var(--dot-gap) var(--dot-gap);
}
.cursor{position:fixed;width:10px;height:10px;background:var(--red);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);mix-blend-mode:difference}
.cursor-ring{position:fixed;width:32px;height:32px;border:1px solid rgba(224,32,32,0.5);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:all 0.18s ease}
body:has(a:hover) .cursor-ring,body:has(button:hover) .cursor-ring{transform:translate(-50%,-50%) scale(1.8);border-color:var(--red)}

/* NAV */
nav{
  position:fixed;top:0;left:0;right:0;z-index:200;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 48px;height:64px;
  border-bottom:1px solid var(--panel-edge);
  background:var(--panel);
  box-shadow:
    0 1px 0 rgba(255,255,255,0.04),
    0 4px 24px rgba(0,0,0,0.6);
  /* Subtle horizontal groove lines like a hardware faceplate */
  background-image:repeating-linear-gradient(
    0deg,transparent,transparent 7px,
    rgba(255,255,255,0.012) 7px,rgba(255,255,255,0.012) 8px
  );
}
.nav-logo{font-family:'Bebas Neue',sans-serif;font-size:26px;letter-spacing:4px;color:var(--text);text-decoration:none;cursor:none}
.nav-logo span{color:var(--red)}
.nav-links{display:flex;gap:36px;align-items:center}
.nav-link{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color 0.2s;padding:4px 0;border-bottom:1px solid transparent;cursor:none}
.nav-link:hover,.nav-link.active{color:var(--text);border-bottom-color:var(--red)}
.nav-cta{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--bg);background:var(--red);padding:10px 20px;border-radius:var(--radius);text-decoration:none;cursor:none;transition:all 0.2s}
.nav-cta:hover{background:#ff2828;box-shadow:0 0 20px var(--red-glow)}
.nav-cart{display:flex;align-items:center;gap:8px;font-family:'Space Mono',monospace;font-size:10px;letter-spacing:2px;color:var(--muted);cursor:none;background:var(--inset);border:1px solid var(--panel-edge);padding:9px 16px;border-radius:2px;transition:all 0.2s;text-transform:uppercase;box-shadow:inset 0 1px 0 rgba(255,255,255,0.03),0 2px 4px rgba(0,0,0,0.4)}
.nav-cart:hover{border-color:var(--red);color:var(--red)}
.cart-count{background:var(--red);color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:none;background:none;border:none;padding:4px}
.hamburger span{width:22px;height:1.5px;background:var(--text);display:block}
.mobile-menu{display:none;position:fixed;top:64px;left:0;right:0;bottom:0;background:var(--bg);z-index:199;padding:40px 32px;flex-direction:column;gap:28px}
.mobile-menu.open{display:flex}
.mobile-link{font-family:'Bebas Neue',sans-serif;font-size:36px;letter-spacing:3px;color:var(--text);text-decoration:none;border-bottom:1px solid var(--border);padding-bottom:20px;cursor:none}
.mobile-link:hover{color:var(--red)}

/* PAGES */
.page{display:none;padding-top:64px}
.page.active{display:block}

/* HERO */
.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding:0 48px 80px;position:relative;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 70% 40%,rgba(224,32,32,0.08) 0%,transparent 70%),radial-gradient(ellipse 40% 60% at 20% 80%,rgba(224,32,32,0.04) 0%,transparent 60%)}
.hero-grid{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(224,32,32,0.08) 1px,transparent 1px);background-size:24px 24px;opacity:1;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 20%,transparent 100%)}
.hero-eyebrow{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:4px;color:var(--red);text-transform:uppercase;margin-bottom:20px;animation:fadeUp 0.8s ease both}
.hero-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(72px,12vw,160px);line-height:0.9;letter-spacing:-1px;animation:fadeUp 0.8s 0.1s ease both}
.hero-title .red{color:var(--red)}
.hero-title .outline{-webkit-text-stroke:1px rgba(224,32,32,0.3);color:transparent}
.hero-sub{font-size:16px;font-weight:300;color:var(--muted);max-width:460px;line-height:1.7;margin-top:28px;animation:fadeUp 0.8s 0.2s ease both}
.hero-actions{display:flex;gap:16px;margin-top:36px;animation:fadeUp 0.8s 0.3s ease both}
.btn-primary{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:2px;text-transform:uppercase;background:var(--red);color:#fff;padding:14px 28px;border-radius:var(--radius);border:none;cursor:none;text-decoration:none;transition:all 0.2s;display:inline-block}
.btn-primary:hover{background:#ff2828;box-shadow:0 0 30px var(--red-glow);transform:translateY(-2px)}
.btn-secondary{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:2px;text-transform:uppercase;background:transparent;color:var(--text);padding:14px 28px;border-radius:var(--radius);border:1px solid var(--border);cursor:none;text-decoration:none;transition:all 0.2s;display:inline-block}
.btn-secondary:hover{border-color:var(--muted);background:var(--surface)}
.hero-scroll{position:absolute;bottom:32px;right:48px;font-family:'Space Mono',monospace;font-size:10px;letter-spacing:3px;color:var(--muted);text-transform:uppercase;writing-mode:vertical-rl;display:flex;align-items:center;gap:12px}
.hero-scroll::before{content:'';width:1px;height:48px;background:var(--red);animation:scrollLine 1.5s ease-in-out infinite alternate}
@keyframes scrollLine{from{height:20px}to{height:60px}}

/* TICKER */
.ticker{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:14px 0;overflow:hidden;background:var(--surface)}
.ticker-inner{display:flex;white-space:nowrap;animation:ticker 20s linear infinite}
.ticker-item{font-family:'Bebas Neue',sans-serif;font-size:18px;letter-spacing:4px;color:var(--muted);padding:0 40px;flex-shrink:0}
.ticker-item span{color:var(--red)}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* SECTIONS */
.section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:48px}
.section-eyebrow{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:4px;color:var(--red);text-transform:uppercase;margin-bottom:10px}
.section-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(36px,5vw,56px);letter-spacing:1px;line-height:1}
.section-link{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:2px;color:var(--muted);text-decoration:none;text-transform:uppercase;border-bottom:1px solid var(--border);padding-bottom:2px;transition:all 0.2s;cursor:none;white-space:nowrap;margin-bottom:4px}
.section-link:hover{color:var(--red);border-bottom-color:var(--red)}

/* PRODUCT CARDS */
.featured{padding:100px 48px}
.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2px}
.product-card{background:var(--surface);border:1px solid var(--border);overflow:hidden;cursor:none;transition:all 0.3s;position:relative}
.product-card:hover{border-color:var(--red);z-index:1}
.product-img-wrap{aspect-ratio:1;background:var(--surface2);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.product-img-wrap img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.product-img-wrap svg{width:65%;height:65%}
.product-img-wrap::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,var(--red-glow) 0%,transparent 70%);opacity:0;transition:opacity 0.3s}
.product-card:hover .product-img-wrap::after{opacity:1}
.card-view-toggle{position:absolute;top:10px;right:10px;display:flex;gap:4px;z-index:2;opacity:0;transition:opacity 0.2s}
.product-card:hover .card-view-toggle{opacity:1}
.view-btn{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:1px;text-transform:uppercase;padding:4px 7px;border-radius:2px;border:1px solid rgba(255,255,255,0.1);background:rgba(10,10,10,0.8);color:var(--muted);cursor:none;transition:all 0.15s}
.view-btn.active,.view-btn:hover{border-color:var(--red);color:var(--red);background:rgba(224,32,32,0.1)}
.product-info{padding:18px 20px;background:var(--panel);border-top:1px solid var(--panel-edge)}
.product-name{font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:3px;margin-bottom:4px;text-shadow:0 0 1px rgba(255,255,255,0.1)}
.product-tagline{font-size:12px;color:var(--muted);font-weight:300;margin-bottom:12px}
.product-footer{display:flex;align-items:center;justify-content:space-between}
.product-price{font-family:'Space Mono',monospace;font-size:13px;color:var(--red)}
.product-badge{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:2px;padding:4px 8px;border-radius:2px;text-transform:uppercase}
.badge-custom{background:rgba(224,32,32,0.1);color:var(--red);border:1px solid var(--red-dim)}
.badge-stock{background:rgba(255,255,255,0.05);color:var(--muted);border:1px solid var(--border)}

/* STATEMENT */
.statement{padding:120px 48px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);position:relative;overflow:hidden}
.statement-bg{position:absolute;right:-200px;top:50%;transform:translateY(-50%);font-family:'Bebas Neue',sans-serif;font-size:280px;color:rgba(224,32,32,0.04);pointer-events:none;white-space:nowrap}
.statement-quote{font-family:'Bebas Neue',sans-serif;font-size:clamp(32px,5vw,64px);line-height:1.1;max-width:800px}
.statement-quote .red{color:var(--red);text-shadow:0 0 20px rgba(224,32,32,0.3)}
.statement-sub{font-size:15px;font-weight:300;color:var(--muted);max-width:500px;line-height:1.7;margin-top:28px}
.statement-stats{display:flex;gap:64px;margin-top:64px}
.stat-num{font-family:'Bebas Neue',sans-serif;font-size:56px;color:var(--red);line-height:1}
.stat-label{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:2px;color:var(--muted);text-transform:uppercase;margin-top:4px}

/* PROCESS */
.process{padding:100px 48px;background:var(--surface)}
.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}
.process-step{padding:36px 28px 36px 28px;border:1px solid var(--border);background:var(--bg);position:relative;overflow:hidden}
.process-num{font-family:'Bebas Neue',sans-serif;font-size:96px;color:var(--muted2);line-height:1;position:absolute;bottom:-10px;right:12px;pointer-events:none;opacity:0.6;z-index:0}
.process-title{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:1px;margin-bottom:10px;position:relative;z-index:1}
.process-desc{font-size:13px;color:var(--muted);line-height:1.6;font-weight:300;position:relative;z-index:1}

/* SHOP PAGE */
.shop-hero{padding:80px 48px 60px;border-bottom:1px solid var(--border)}
.shop-hero-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(48px,8vw,100px);letter-spacing:1px;line-height:1}
.shop-hero-sub{font-size:14px;color:var(--muted);max-width:400px;margin-top:16px;line-height:1.6;font-weight:300}
.shop-grid-area{padding:60px 48px}
.filter-row{display:flex;gap:8px;margin-bottom:40px;flex-wrap:wrap}
.filter-btn{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase;padding:8px 16px;border-radius:2px;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:none;transition:all 0.15s}
.filter-btn:hover,.filter-btn.active{border-color:var(--red);color:var(--red);background:rgba(224,32,32,0.06)}
.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:2px}

/* ═══ PRODUCT DETAIL PAGE ═══ */
.pdp-layout{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:calc(100vh - 64px)}
.pdp-gallery{position:sticky;top:64px;height:calc(100vh - 64px);display:flex;flex-direction:column;border-right:1px solid var(--panel-edge);overflow:hidden;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,0.1) 2px,rgba(0,0,0,0.1) 4px),radial-gradient(ellipse at center,#0d0d0d 0%,#060606 100%);box-shadow:inset 0 0 40px rgba(0,0,0,0.6)}
.pdp-main-img{flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.pdp-main-img img{width:100%;height:100%;object-fit:contain;padding:40px}
.pdp-main-img .svg-fallback{width:55%;height:55%}
.pdp-main-img .svg-fallback svg{width:100%;height:100%}
.pdp-thumbs{display:flex;gap:6px;padding:12px 16px;border-top:1px solid var(--border);overflow-x:auto}
.pdp-thumb{width:52px;height:52px;border:1px solid var(--border);border-radius:4px;overflow:hidden;cursor:none;flex-shrink:0;transition:border-color 0.15s;background:var(--surface2)}
.pdp-thumb:hover,.pdp-thumb.active{border-color:var(--red)}
.pdp-thumb img{width:100%;height:100%;object-fit:cover}
.pdp-thumb-svg{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.pdp-thumb-svg svg{width:38px;height:38px}
.pdp-info{padding:52px 48px;overflow-y:auto}
.pdp-eyebrow{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:3px;color:var(--red);text-transform:uppercase;margin-bottom:12px}
.pdp-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(40px,4vw,64px);letter-spacing:1px;line-height:0.95;margin-bottom:8px}
.pdp-tagline{font-size:14px;color:var(--muted);font-weight:300;margin-bottom:24px}
.pdp-price{font-family:'Bebas Neue',sans-serif;font-size:40px;letter-spacing:1px;color:var(--red);margin-bottom:32px}
.pdp-divider{border:none;border-top:1px solid var(--border);margin:28px 0}
.pdp-section-label{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:3px;color:var(--muted);text-transform:uppercase;margin-bottom:12px}
.pdp-desc{font-size:14px;color:var(--muted);line-height:1.8;font-weight:300}

/* VARIANT SELECTORS */
.size-selector{display:flex;gap:0;flex-wrap:wrap;border:1px solid var(--panel-edge);border-radius:3px;overflow:hidden;background:var(--inset);box-shadow:inset 0 2px 4px rgba(0,0,0,0.4)}
.size-btn{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:1px;padding:10px 16px;border:none;border-right:1px solid var(--panel-edge);background:transparent;color:var(--muted);cursor:none;transition:all 0.12s}
.size-btn:last-child{border-right:none}
.size-btn:hover{background:rgba(255,255,255,0.04);color:var(--text)}
.size-btn.active{background:var(--red);color:#fff;box-shadow:inset 0 2px 4px rgba(0,0,0,0.3)}
.colour-selector{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.colour-btn{width:32px;height:32px;border-radius:50%;cursor:none;border:3px solid #2a2a2a;position:relative;transition:all 0.15s;box-shadow:0 3px 6px rgba(0,0,0,0.6),inset 0 1px 0 rgba(255,255,255,0.12)}
.colour-btn::after{content:'';position:absolute;width:3px;height:8px;background:rgba(255,255,255,0.6);top:3px;left:50%;transform:translateX(-50%);border-radius:2px}
.colour-btn:hover{transform:rotate(20deg)}
.colour-btn.active{border-color:var(--red);box-shadow:0 0 0 2px rgba(224,32,32,0.3),0 3px 6px rgba(0,0,0,0.6);transform:rotate(30deg)}
.colour-label{font-family:'Space Mono',monospace;font-size:10px;color:var(--muted);margin-top:8px;letter-spacing:1px}

/* SPECS TABLE */
.specs-table{width:100%;border-collapse:collapse;margin-top:4px}
.specs-table tr{border-bottom:1px solid var(--border)}
.specs-table tr:last-child{border-bottom:none}
.specs-table td{padding:10px 0;font-size:13px;vertical-align:top}
.specs-table td:first-child{color:var(--muted);font-weight:300;width:40%;font-family:'Space Mono',monospace;font-size:11px}
.specs-table td:last-child{color:var(--text)}

/* ADD TO CART */
.qty-row{display:flex;align-items:center;gap:16px;margin-bottom:16px}
.qty-ctrl{display:flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
.qty-btn{width:36px;height:36px;background:var(--surface);border:none;color:var(--text);font-size:18px;cursor:none;transition:background 0.15s;display:flex;align-items:center;justify-content:center}
.qty-btn:hover{background:var(--surface2)}
.qty-val{width:40px;text-align:center;font-family:'Space Mono',monospace;font-size:13px;border:none;background:transparent;color:var(--text)}
.add-to-cart-btn{flex:1;background:var(--red);color:#fff;border:none;border-radius:var(--radius);padding:16px;font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:3px;cursor:none;transition:all 0.2s}
.add-to-cart-btn:hover{background:#ff2828;transform:translateY(-1px);box-shadow:0 8px 24px rgba(224,32,32,0.25)}
.configure-btn{width:100%;background:transparent;color:var(--red);border:1px solid var(--red);border-radius:var(--radius);padding:14px;font-family:'Bebas Neue',sans-serif;font-size:18px;letter-spacing:2px;cursor:none;transition:all 0.2s;margin-top:10px}
.configure-btn:hover{background:rgba(224,32,32,0.06)}
.pdp-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.pdp-badge-item{display:flex;align-items:center;gap:6px;font-family:'Space Mono',monospace;font-size:10px;letter-spacing:1px;color:var(--muted);text-transform:uppercase}
.pdp-badge-item::before{content:'✓';color:var(--red)}

/* ═══ CART DRAWER ═══ */
.cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);z-index:300;opacity:0;pointer-events:none;transition:opacity 0.3s;backdrop-filter:blur(2px)}
.cart-overlay.open{opacity:1;pointer-events:all}
.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:100vw;background:var(--surface);border-left:1px solid var(--border);z-index:301;transform:translateX(100%);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);display:flex;flex-direction:column}
.cart-drawer.open{transform:none}
.cart-head{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.cart-head-title{font-family:'Bebas Neue',sans-serif;font-size:24px;letter-spacing:2px}
.cart-close{background:none;border:none;color:var(--muted);font-size:20px;cursor:none;transition:color 0.15s;line-height:1}
.cart-close:hover{color:var(--text)}
.cart-items{flex:1;overflow-y:auto;padding:16px}
.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:14px;color:var(--muted)}
.cart-empty-icon{font-size:36px}
.cart-empty-text{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase}
.cart-item{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--border)}
.cart-item:last-child{border-bottom:none}
.cart-item-img{width:64px;height:64px;border-radius:6px;object-fit:cover;background:var(--surface2);flex-shrink:0;border:1px solid var(--border)}
.cart-item-img-svg{width:64px;height:64px;border-radius:6px;background:var(--surface2);flex-shrink:0;border:1px solid var(--border);display:flex;align-items:center;justify-content:center}
.cart-item-img-svg svg{width:48px;height:48px}
.cart-item-info{flex:1;min-width:0}
.cart-item-name{font-family:'Bebas Neue',sans-serif;font-size:16px;letter-spacing:1px;margin-bottom:3px}
.cart-item-variant{font-size:11px;color:var(--muted);font-family:'Space Mono',monospace;letter-spacing:0.5px}
.cart-item-price{font-family:'Space Mono',monospace;font-size:12px;color:var(--red);margin-top:4px}
.cart-item-remove{background:none;border:none;color:var(--muted2);cursor:none;font-size:16px;padding:2px;transition:color 0.15s;line-height:1}
.cart-item-remove:hover{color:var(--red)}
.cart-item-qty{display:flex;align-items:center;gap:8px;margin-top:8px}
.cart-qty-btn{width:24px;height:24px;background:var(--surface2);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:14px;cursor:none;display:flex;align-items:center;justify-content:center;transition:all 0.15s}
.cart-qty-btn:hover{border-color:var(--red);color:var(--red)}
.cart-qty-val{font-family:'Space Mono',monospace;font-size:11px;min-width:16px;text-align:center}
.cart-foot{padding:20px 24px;border-top:1px solid var(--border);flex-shrink:0}
.cart-subtotal{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.cart-subtotal-label{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:2px;color:var(--muted);text-transform:uppercase}
.cart-subtotal-val{font-family:'Bebas Neue',sans-serif;font-size:28px;color:var(--red)}
.cart-note{font-size:11px;color:var(--muted);margin-bottom:16px}
.checkout-btn{width:100%;background:var(--red);color:#fff;border:none;border-radius:var(--radius);padding:16px;font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:3px;cursor:none;transition:all 0.2s}
.checkout-btn:hover{background:#ff2828;transform:translateY(-1px);box-shadow:0 8px 24px rgba(224,32,32,0.25)}
.checkout-btn:disabled{background:var(--surface2);color:var(--muted);cursor:not-allowed;transform:none;box-shadow:none}

/* ═══ CHECKOUT MODAL ═══ */
.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.88);z-index:400;align-items:center;justify-content:center;backdrop-filter:blur(6px)}
.modal-overlay.open{display:flex}
.modal{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:40px;width:520px;max-width:92vw;display:flex;flex-direction:column;gap:16px;max-height:90vh;overflow-y:auto}
.modal h2{font-family:'Bebas Neue',sans-serif;font-size:30px;letter-spacing:2px}
.modal p{font-size:13px;color:var(--muted);line-height:1.6}
input[type=text],input[type=tel],input[type=email],textarea,select{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;color:var(--text);font-family:'Barlow',sans-serif;font-size:14px;transition:border 0.2s}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--red)}
.cart-summary-mini{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:14px}
.csi{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);padding:4px 0}
.csi.total{color:var(--text);font-family:'Space Mono',monospace;font-size:13px;border-top:1px solid var(--border);padding-top:10px;margin-top:6px}
.modal-actions{display:flex;gap:10px}
.btn-back{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:13px;font-family:'Space Mono',monospace;font-size:10px;letter-spacing:1px;color:var(--muted);cursor:none;transition:all 0.15s}
.btn-back:hover{color:var(--text);border-color:var(--muted2)}
.pay-btn{flex:2;background:var(--red);color:#fff;border:none;border-radius:var(--radius);padding:14px;font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:3px;cursor:none;transition:all 0.2s}
.pay-btn:hover{background:#ff2828}
.pay-loading{text-align:center;padding:20px;font-family:'Space Mono',monospace;font-size:10px;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:10px}
.success-wrap{text-align:center;padding:20px 0;display:flex;flex-direction:column;align-items:center;gap:14px}
.success-icon{width:60px;height:60px;border-radius:50%;background:rgba(224,32,32,0.1);border:1px solid var(--red-dim);display:flex;align-items:center;justify-content:center;font-size:26px}
.success-wrap h2{font-family:'Bebas Neue',sans-serif;font-size:32px;letter-spacing:2px}
.success-wrap p{font-size:13px;color:var(--muted);max-width:300px;line-height:1.6}

/* ABOUT */
.about-hero{padding:100px 48px 80px;border-bottom:1px solid var(--border);position:relative;overflow:hidden}
.about-bg-text{position:absolute;right:-40px;top:40px;font-family:'Bebas Neue',sans-serif;font-size:200px;color:rgba(224,32,32,0.04);pointer-events:none}
.about-hero-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(48px,8vw,96px);letter-spacing:1px;line-height:1;max-width:700px}
.about-hero-title .red{color:var(--red)}
.about-body{padding:80px 48px;max-width:900px}
.about-para{font-size:17px;line-height:1.85;color:var(--muted);font-weight:300;margin-bottom:32px}
.about-para strong{color:var(--text);font-weight:500}
.about-para .red{color:var(--red)}
.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:64px}
.value-card{padding:36px 28px;border:1px solid var(--border);background:var(--surface)}
.value-num{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:3px;color:var(--red);margin-bottom:16px}
.value-title{font-family:'Bebas Neue',sans-serif;font-size:24px;letter-spacing:1px;margin-bottom:10px}
.value-body{font-size:13px;color:var(--muted);line-height:1.6;font-weight:300}

/* CONFIGURATOR */
.config-layout{display:grid;grid-template-columns:1fr 440px;min-height:calc(100vh - 64px)}
.config-preview{
  background:#080808;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:60px 40px;position:relative;border-right:1px solid var(--panel-edge);
  /* CRT screen effect */
  background-image:
    repeating-linear-gradient(
      0deg,transparent,transparent 2px,
      rgba(0,0,0,0.12) 2px,rgba(0,0,0,0.12) 4px
    ),
    radial-gradient(ellipse at center, #0d0d0d 0%, #050505 100%);
  box-shadow:inset 0 0 60px rgba(0,0,0,0.8),inset 0 0 20px rgba(224,32,32,0.03);
}
.config-live-badge{position:absolute;top:24px;left:28px;font-family:'Space Mono',monospace;font-size:10px;letter-spacing:3px;color:var(--muted);text-transform:uppercase;display:flex;align-items:center;gap:8px}
.live-dot{width:6px;height:6px;border-radius:50%;background:var(--red);animation:blink 1.4s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0.2}}
.preview-toggle{position:absolute;top:24px;right:28px;display:flex;gap:4px}
.ptoggle-btn{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:1px;text-transform:uppercase;padding:5px 10px;border-radius:2px;border:1px solid var(--border);background:rgba(10,10,10,0.8);color:var(--muted);cursor:none;transition:all 0.15s}
.ptoggle-btn.active{border-color:var(--red);color:var(--red);background:rgba(224,32,32,0.1)}
.photo-preview{display:none;width:100%;max-width:400px;border-radius:8px;overflow:hidden;border:1px solid var(--border)}
.photo-preview img{width:100%;height:auto;display:block}
.photo-preview .no-photo{aspect-ratio:4/3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--surface2);font-family:'Space Mono',monospace;font-size:10px;letter-spacing:2px;color:var(--muted)}
.config-tabs{display:flex;border-bottom:1px solid var(--border);background:var(--surface)}
.config-tab{flex:1;padding:16px;text-align:center;font-family:'Space Mono',monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);cursor:none;border:none;background:none;border-bottom:2px solid transparent;transition:all 0.2s}
.config-tab:hover{color:var(--text)}
.config-tab.active{color:var(--red);border-bottom-color:var(--red)}
.config-controls{padding:36px 32px;overflow-y:auto;max-height:calc(100vh - 64px);background:var(--panel);background-image:repeating-linear-gradient(0deg,transparent,transparent 5px,rgba(0,0,0,0.08) 5px,rgba(0,0,0,0.08) 6px);}
.config-product-title{font-family:'Bebas Neue',sans-serif;font-size:38px;letter-spacing:2px;line-height:1}
.config-price{font-family:'Space Mono',monospace;font-size:12px;color:var(--red);margin-top:6px}
.config-desc{font-size:13px;color:var(--muted);line-height:1.6;margin-top:8px;font-weight:300}
.ctl-group{display:flex;flex-direction:column;gap:10px;margin-top:24px}
.ctl-label{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--muted);display:flex;justify-content:space-between;align-items:center}
.cc{color:var(--red)}.cc.warn{color:#ff8800}
.text-input-styled{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:13px 16px;color:var(--text);font-family:'Bebas Neue',sans-serif;font-size:26px;letter-spacing:4px;text-transform:uppercase;width:100%;transition:border 0.2s}
.text-input-styled::placeholder{font-size:18px;color:var(--muted)}
.text-input-styled:focus{outline:none;border-color:var(--red)}
.swatches{display:flex;gap:10px;flex-wrap:wrap}
.swatch{width:34px;height:34px;border-radius:50%;cursor:none;border:2px solid transparent;transition:all 0.15s;position:relative}
.swatch:hover{transform:scale(1.12)}
.swatch.active{border-color:var(--red);box-shadow:0 0 0 3px rgba(224,32,32,0.2)}
.swatch-tip{position:absolute;bottom:-22px;left:50%;transform:translateX(-50%);font-size:10px;color:var(--muted);white-space:nowrap;font-family:'Space Mono',monospace;opacity:0;transition:opacity 0.15s;pointer-events:none}
.swatch:hover .swatch-tip{opacity:1}
.size-row-cfg{display:flex;gap:8px}
.size-opt{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 8px;cursor:none;text-align:center;transition:all 0.15s}
.size-opt:hover{border-color:var(--muted2)}
.size-opt.active{border-color:var(--red);background:rgba(224,32,32,0.05)}
.size-opt-n{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:1px}
.size-opt-d{font-family:'Space Mono',monospace;font-size:10px;color:var(--muted);margin-top:2px}
.size-opt-p{font-family:'Space Mono',monospace;font-size:10px;color:var(--red);margin-top:4px}
.divider{border:none;border-top:1px solid var(--panel-edge);margin:24px 0;box-shadow:0 1px 0 rgba(255,255,255,0.03)}
.order-sum{background:var(--inset);border:1px solid var(--panel-edge);border-radius:2px;padding:18px;box-shadow:inset 0 2px 6px rgba(0,0,0,0.4);}
.sum-row{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);padding:4px 0}
.sum-row.total{color:var(--text);font-family:'Space Mono',monospace;font-size:14px;padding-top:12px;margin-top:8px;border-top:1px solid var(--panel-edge)}
.sum-val{color:var(--text)}
.cta-btn{width:100%;background:var(--red);color:#fff;border:none;border-radius:var(--radius);padding:16px;margin-top:16px;font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:3px;cursor:none;transition:all 0.2s}
.cta-btn:hover{background:#ff2828;transform:translateY(-1px);box-shadow:0 8px 24px rgba(224,32,32,0.25)}
.cta-btn:disabled{background:var(--surface2);color:var(--muted);cursor:not-allowed;transform:none;box-shadow:none}
.ship-note{font-family:'Space Mono',monospace;font-size:10px;color:var(--muted);text-align:center;letter-spacing:1px;margin-top:10px}

/* PLATE PREVIEW */
.plate-wrap{display:flex;flex-direction:column;align-items:center;gap:24px}
.plate-outer{padding:14px 20px;border-radius:10px;box-shadow:0 24px 60px rgba(0,0,0,0.7),inset 0 1px 0 rgba(255,255,255,0.04);transition:background 0.3s;position:relative}
.bolt{position:absolute;width:10px;height:10px;border-radius:50%;background:#3a3a3a;border:1px solid #333;box-shadow:inset 0 1px 2px rgba(0,0,0,0.9)}
.bolt.tl{top:9px;left:9px}.bolt.tr{top:9px;right:9px}.bolt.bl{bottom:9px;left:9px}.bolt.br{bottom:9px;right:9px}
.plate-inner{padding:22px 44px;border-radius:6px;min-width:300px;text-align:center;position:relative;transition:all 0.3s}
.plate-text{font-family:'Bebas Neue',sans-serif;font-size:64px;letter-spacing:8px;line-height:1;transition:all 0.15s;word-break:break-all;text-shadow:0 2px 10px rgba(0,0,0,0.5)}
.plate-dim-label{font-family:'Space Mono',monospace;font-size:10px;color:var(--muted);letter-spacing:1px}

/* FLIP CALENDAR PREVIEW */
.cal-wrap{display:flex;flex-direction:column;align-items:center;gap:28px}
.flip-body-outer{
  padding:20px 22px 22px;border-radius:16px;display:flex;gap:14px;
  box-shadow:0 32px 64px rgba(0,0,0,0.85),0 4px 16px rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.06);
  transition:background 0.3s;position:relative;
}
.flip-panel{
  width:120px;height:100px;border-radius:10px;
  background:#111;display:flex;align-items:center;justify-content:center;
  position:relative;overflow:hidden;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.04),
    inset 0 -1px 0 rgba(0,0,0,0.6),
    0 4px 12px rgba(0,0,0,0.6);
}
.flip-half-top{
  position:absolute;top:0;left:0;right:0;height:50%;
  background:linear-gradient(180deg,#1c1c1c 0%,#161616 100%);
  border-radius:10px 10px 0 0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.05);
}
.flip-half-bot{
  position:absolute;bottom:0;left:0;right:0;height:50%;
  background:linear-gradient(180deg,#0e0e0e 0%,#0a0a0a 100%);
  border-radius:0 0 10px 10px;
}
.flip-split{
  position:absolute;top:50%;left:0;right:0;height:2px;
  background:#000;z-index:2;
  box-shadow:0 1px 0 rgba(255,255,255,0.03);
}
.flip-char{
  font-family:'Bebas Neue',sans-serif;font-size:58px;
  color:#fff;line-height:1;letter-spacing:3px;
  position:absolute;top:50%;transform:translateY(-50%);z-index:3;
  text-shadow:0 2px 8px rgba(0,0,0,0.8);
}
.flip-lbl{
  position:absolute;bottom:7px;font-family:'Space Mono',monospace;
  font-size:10px;color:rgba(255,255,255,0.18);letter-spacing:3px;
  text-transform:uppercase;z-index:3;
}
.flip-base-bar{
  width:100%;height:10px;border-radius:0 0 10px 10px;
  background:#181818;
  box-shadow:0 6px 16px rgba(0,0,0,0.7),inset 0 -1px 0 rgba(0,0,0,0.5);
  transition:background 0.3s;
}
.flip-feet{display:flex;justify-content:space-around;padding:0 16px;margin-top:3px}
.flip-foot{width:32px;height:6px;border-radius:0 0 6px 6px;background:#141414;box-shadow:0 3px 8px rgba(0,0,0,0.5)}

/* FOOTER */
footer{border-top:1px solid var(--border);padding:64px 48px 40px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px}
.logo-big{font-family:'Bebas Neue',sans-serif;font-size:40px;letter-spacing:5px}
.logo-big span{color:var(--red)}
.footer-brand p{font-size:13px;color:var(--muted);line-height:1.7;max-width:280px;margin-top:16px;font-weight:300}
.footer-col-title{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--muted);margin-bottom:20px}
.footer-links{display:flex;flex-direction:column;gap:12px}
.footer-link{font-size:13px;color:var(--muted);text-decoration:none;cursor:none;transition:color 0.2s}
.footer-link:hover{color:var(--red)}
.footer-bottom{border-top:1px solid var(--border);padding:24px 48px;display:flex;justify-content:space-between;align-items:center}
.footer-copy{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:2px;color:var(--muted)}
.footer-socials{display:flex;gap:20px}
.social-link{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:2px;color:var(--muted);text-decoration:none;cursor:none;transition:color 0.2s}
.social-link:hover{color:var(--red)}

/* UTILS */
.loading-state{display:flex;align-items:center;justify-content:center;padding:60px;color:var(--muted);font-family:'Space Mono',monospace;font-size:10px;letter-spacing:2px;gap:12px}
.spinner{width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--red);border-radius:50%;animation:spin 0.8s linear infinite}

/* ── SEARCH ── */
.search-overlay{position:fixed;inset:0;background:rgba(5,5,5,0.97);z-index:500;display:none;flex-direction:column;padding:80px 48px 48px;background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,0.15) 3px,rgba(0,0,0,0.15) 4px);}
.search-overlay.open{display:flex}
.search-bar-wrap{display:flex;align-items:center;gap:16px;border-bottom:2px solid var(--red);padding-bottom:16px;margin-bottom:40px}
.search-icon{font-size:24px;color:var(--muted);flex-shrink:0}
.search-input-main{flex:1;background:transparent;border:none;outline:none;font-family:'Bebas Neue',sans-serif;font-size:clamp(28px,5vw,52px);letter-spacing:2px;color:var(--text)}
.search-input-main::placeholder{color:var(--muted2)}
.search-close{background:none;border:none;color:var(--muted);font-size:24px;cursor:none;transition:color 0.15s;flex-shrink:0}
.search-close:hover{color:var(--text)}
.search-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2px;overflow-y:auto}
.search-empty{font-family:'Space Mono',monospace;font-size:12px;letter-spacing:2px;color:var(--muted);text-transform:uppercase;text-align:center;padding:60px}
.search-btn{background:none;border:none;color:var(--muted);cursor:none;transition:color 0.2s;display:flex;align-items:center;gap:6px;font-family:'Space Mono',monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase;padding:9px 14px;border:1px solid var(--border);border-radius:var(--radius)}
.search-btn:hover{color:var(--text);border-color:var(--muted2)}

/* ════════════════════════════════════════
   HARDWARE PANEL AESTHETIC
   ════════════════════════════════════════ */

/* Panel surface — inset/embossed sections */
.hw-panel{
  background:var(--panel);
  border:1px solid var(--panel-edge);
  border-radius:var(--radius);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.05),
    inset 0 -1px 0 rgba(0,0,0,0.5),
    0 2px 8px rgba(0,0,0,0.4);
  background-image:repeating-linear-gradient(
    0deg,transparent,transparent 3px,
    rgba(0,0,0,0.06) 3px,rgba(0,0,0,0.06) 4px
  );
}

/* LED status indicator */
.led{
  width:8px;height:8px;border-radius:50%;
  box-shadow:0 0 6px currentColor;
  display:inline-block;flex-shrink:0;
}
.led-green{color:var(--led-green);background:var(--led-green)}
.led-red{color:var(--led-red);background:var(--led-red)}
.led-amber{color:var(--led-amber);background:var(--led-amber)}
.led-off{color:#222;background:#1a1a1a;box-shadow:none;border:1px solid #333}

/* Knob-style colour selector (replaces round swatches in configurator) */
.hw-swatches{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.hw-swatch{
  position:relative;cursor:none;
  display:flex;flex-direction:column;align-items:center;gap:6px;
}
.hw-swatch-knob{
  width:36px;height:36px;border-radius:50%;
  border:3px solid #2a2a2a;
  box-shadow:
    0 4px 8px rgba(0,0,0,0.7),
    inset 0 1px 0 rgba(255,255,255,0.15),
    inset 0 -2px 4px rgba(0,0,0,0.5);
  position:relative;transition:all 0.15s;cursor:none;
  background:none;
}
/* Indicator dot on knob (like a physical knob's position marker) */
.hw-swatch-knob::after{
  content:'';position:absolute;
  width:3px;height:10px;
  background:rgba(255,255,255,0.7);
  top:3px;left:50%;transform:translateX(-50%);
  border-radius:2px;
}
.hw-swatch-knob:hover{
  transform:rotate(15deg);
  box-shadow:0 6px 12px rgba(0,0,0,0.8),inset 0 1px 0 rgba(255,255,255,0.2),inset 0 -2px 4px rgba(0,0,0,0.6);
}
.hw-swatch.active .hw-swatch-knob{
  border-color:var(--red);
  box-shadow:0 0 0 2px rgba(224,32,32,0.3),0 4px 8px rgba(0,0,0,0.7),inset 0 1px 0 rgba(255,255,255,0.15);
  transform:rotate(30deg);
}
.hw-swatch-label{
  font-family:'Space Mono',monospace;font-size:10px;
  letter-spacing:1px;color:var(--muted);text-transform:uppercase;
  text-align:center;white-space:nowrap;
}
.hw-swatch.active .hw-swatch-label{color:var(--red)}

/* Toggle switch (for size options) */
.hw-toggle-group{display:flex;gap:0;border:1px solid var(--panel-edge);border-radius:3px;overflow:hidden;background:var(--inset);box-shadow:inset 0 2px 4px rgba(0,0,0,0.5)}
.hw-toggle-opt{
  flex:1;padding:10px 8px;text-align:center;cursor:none;
  border:none;background:transparent;
  border-right:1px solid var(--panel-edge);
  transition:all 0.12s;position:relative;
}
.hw-toggle-opt:last-child{border-right:none}
.hw-toggle-opt:hover{background:rgba(255,255,255,0.04)}
.hw-toggle-opt.active{
  background:var(--red);
  box-shadow:inset 0 2px 4px rgba(0,0,0,0.4),0 0 8px rgba(224,32,32,0.2);
}
.hw-toggle-opt.active::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:rgba(255,255,255,0.15);
}
.hw-toggle-label{font-family:'Bebas Neue',sans-serif;font-size:18px;letter-spacing:1px;color:var(--text)}
.hw-toggle-sub{font-family:'Space Mono',monospace;font-size:10px;color:rgba(255,255,255,0.4);margin-top:2px;letter-spacing:1px}
.hw-toggle-price{font-family:'Space Mono',monospace;font-size:10px;color:var(--red);margin-top:3px}
.hw-toggle-opt.active .hw-toggle-sub{color:rgba(255,255,255,0.6)}
.hw-toggle-opt.active .hw-toggle-price{color:rgba(255,255,255,0.9)}

/* Section label with hardware-style header bar */
.hw-label{
  font-family:'Space Mono',monospace;font-size:10px;letter-spacing:3px;
  color:var(--muted);text-transform:uppercase;
  display:flex;align-items:center;gap:8px;margin-bottom:10px;
}
.hw-label::before{
  content:'';width:12px;height:1px;background:var(--red);flex-shrink:0;
}
.hw-label::after{
  content:'';flex:1;height:1px;
  background:linear-gradient(90deg,var(--border),transparent);
}

/* Product card hardware style */
.product-card{
  background:var(--surface);border:1px solid var(--border);
  overflow:hidden;cursor:none;transition:all 0.2s;position:relative;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.03);
}
.product-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.06),transparent);
}
.product-card:hover{
  border-color:var(--red);
  box-shadow:0 0 0 1px var(--red-dim),inset 0 1px 0 rgba(255,255,255,0.04);
}

/* CRT scanline effect on product image areas */
.product-img-wrap{
  aspect-ratio:1;background:var(--surface2);position:relative;
  overflow:hidden;display:flex;align-items:center;justify-content:center;
}
.product-img-wrap::before{
  content:'';position:absolute;inset:0;
  background:repeating-linear-gradient(
    0deg,transparent,transparent 2px,
    rgba(0,0,0,0.06) 2px,rgba(0,0,0,0.06) 4px
  );
  pointer-events:none;z-index:2;
}
.product-img-wrap img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.product-img-wrap svg{width:65%;height:65%}
.product-img-wrap::after{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse at center,var(--red-glow) 0%,transparent 70%);
  opacity:0;transition:opacity 0.3s;z-index:3;
}
.product-card:hover .product-img-wrap::after{opacity:1}

/* Ticker hardware style */
.ticker{
  border-top:1px solid var(--panel-edge);
  border-bottom:1px solid var(--panel-edge);
  padding:12px 0;overflow:hidden;
  background:var(--inset);
  box-shadow:inset 0 2px 8px rgba(0,0,0,0.5),inset 0 -1px 0 rgba(255,255,255,0.03);
  position:relative;
}
.ticker::before{
  content:'';position:absolute;left:0;top:0;bottom:0;width:80px;
  background:linear-gradient(90deg,var(--inset),transparent);
  z-index:1;pointer-events:none;
}
.ticker::after{
  content:'';position:absolute;right:0;top:0;bottom:0;width:80px;
  background:linear-gradient(-90deg,var(--inset),transparent);
  z-index:1;pointer-events:none;
}

/* Process steps hardware */
.process{padding:100px 48px;background:var(--panel)}
.process-step{
  padding:36px 28px 36px 28px;
  border:1px solid var(--panel-edge);
  background:var(--inset);
  position:relative;overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.03),inset 0 -1px 0 rgba(0,0,0,0.3);
}
.process-step::after{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,rgba(224,32,32,0.3),transparent);
}

/* Statement section */
.statement{
  padding:120px 48px;
  border-top:1px solid var(--panel-edge);
  border-bottom:1px solid var(--panel-edge);
  position:relative;overflow:hidden;
  background:var(--panel);
  background-image:repeating-linear-gradient(
    0deg,transparent,transparent 5px,
    rgba(0,0,0,0.08) 5px,rgba(0,0,0,0.08) 6px
  );
}

/* Order summary hardware panel */
.order-sidebar,.order-sum,.track-form,.detail-card{
  background:var(--panel);
  border:1px solid var(--panel-edge);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.04),0 2px 8px rgba(0,0,0,0.3);
}

/* Input fields hardware style */
.checkout-input,.form-input,.promo-input,.pincode-input{
  background:var(--inset);
  border:1px solid var(--panel-edge);
  box-shadow:inset 0 2px 4px rgba(0,0,0,0.4);
}
.checkout-input:focus,.form-input:focus,.promo-input:focus,.pincode-input:focus{
  outline:none;border-color:var(--red);
  box-shadow:inset 0 2px 4px rgba(0,0,0,0.4),0 0 0 1px rgba(224,32,32,0.2);
}

/* Button hardware */
.btn-primary,.add-to-cart-btn,.cta-btn,.checkout-page-btn,.pay-now-btn{
  box-shadow:
    0 4px 0 #8a1212,
    0 6px 12px rgba(0,0,0,0.5),
    inset 0 1px 0 rgba(255,255,255,0.15);
  transition:all 0.1s;
}
.btn-primary:hover,.add-to-cart-btn:hover,.cta-btn:hover,.checkout-page-btn:hover,.pay-now-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 5px 0 #8a1212,0 8px 16px rgba(0,0,0,0.6),inset 0 1px 0 rgba(255,255,255,0.15);
}
.btn-primary:active,.add-to-cart-btn:active,.cta-btn:active,.checkout-page-btn:active,.pay-now-btn:active{
  transform:translateY(3px);
  box-shadow:0 1px 0 #8a1212,0 2px 4px rgba(0,0,0,0.4),inset 0 1px 0 rgba(0,0,0,0.2);
}

/* Section eyebrow with LED */
.section-eyebrow{
  font-family:'Space Mono',monospace;font-size:10px;letter-spacing:4px;
  color:var(--red);text-transform:uppercase;margin-bottom:10px;
  display:flex;align-items:center;gap:8px;
}
.section-eyebrow::before{
  content:'';width:6px;height:6px;border-radius:50%;
  background:var(--red);box-shadow:0 0 6px var(--red);
  flex-shrink:0;animation:blink 2s infinite;
}

/* Footer hardware */
footer{
  border-top:2px solid var(--panel-edge);
  padding:64px 48px 40px;
  display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;
  background:var(--panel);
  background-image:repeating-linear-gradient(
    0deg,transparent,transparent 3px,
    rgba(0,0,0,0.1) 3px,rgba(0,0,0,0.1) 4px
  );
  box-shadow:inset 0 2px 0 rgba(255,255,255,0.03);
}
.footer-bottom{
  border-top:1px solid var(--panel-edge);
  padding:20px 48px;
  display:flex;justify-content:space-between;align-items:center;
  background:var(--inset);
}

/* ── STOCK BADGES ── */
.stock-badge{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:2px;padding:4px 10px;border-radius:2px;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px;border:1px solid;box-shadow:inset 0 1px 0 rgba(255,255,255,0.04)}
.stock-badge::before{content:'';width:6px;height:6px;border-radius:50%;flex-shrink:0;box-shadow:0 0 5px currentColor}
.stock-in{background:rgba(34,197,94,0.08);color:#22c55e;border:1px solid rgba(34,197,94,0.25)}
.stock-in::before{background:#22c55e}
.stock-low{background:rgba(245,158,11,0.08);color:#f59e0b;border:1px solid rgba(245,158,11,0.25)}
.stock-low::before{background:#f59e0b}
.stock-out{background:rgba(90,90,90,0.1);color:var(--muted);border:1px solid var(--border)}
.stock-out::before{background:var(--muted)}
.stock-mto{background:rgba(224,32,32,0.08);color:var(--red);border:1px solid var(--red-dim)}
.stock-mto::before{background:var(--red)}

/* ── PINCODE CHECKER ── */
.pincode-wrap{margin:20px 0;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}
.pincode-label{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:2px;color:var(--muted);text-transform:uppercase;margin-bottom:10px}
.pincode-row{display:flex;gap:8px}
.pincode-input{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;color:var(--text);font-family:'Space Mono',monospace;font-size:14px;letter-spacing:2px;transition:border 0.2s;max-width:160px}
.pincode-input:focus{outline:none;border-color:var(--red)}
.pincode-btn{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:1px;text-transform:uppercase;padding:10px 16px;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--muted);cursor:none;transition:all 0.15s;white-space:nowrap}
.pincode-btn:hover{border-color:var(--red);color:var(--red)}
.pincode-result{margin-top:10px;font-size:13px;display:none}
.pincode-result.ok{color:#22c55e}
.pincode-result.warn{color:#f59e0b}
.pincode-result.err{color:var(--red)}

/* ── SIZE GUIDE MODAL ── */
.size-guide-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.88);z-index:600;display:none;align-items:center;justify-content:center;backdrop-filter:blur(4px)}
.size-guide-overlay.open{display:flex}
.size-guide-modal{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:36px;width:560px;max-width:92vw;max-height:85vh;overflow-y:auto}
.size-guide-title{font-family:'Bebas Neue',sans-serif;font-size:28px;letter-spacing:2px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}
.sg-close{background:none;border:none;color:var(--muted);font-size:20px;cursor:none;transition:color 0.15s}
.sg-close:hover{color:var(--text)}
.sg-table{width:100%;border-collapse:collapse;margin-bottom:20px}
.sg-table th{padding:10px 14px;text-align:left;font-family:'Space Mono',monospace;font-size:10px;letter-spacing:2px;color:var(--muted);text-transform:uppercase;border-bottom:1px solid var(--border);background:var(--bg)}
.sg-table td{padding:12px 14px;font-size:13px;border-bottom:1px solid var(--border)}
.sg-table tr:last-child td{border-bottom:none}
.sg-table td:first-child{font-family:'Bebas Neue',sans-serif;font-size:18px;letter-spacing:1px}
.sg-visual{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:16px;display:flex;align-items:center;justify-content:center}
.sg-note{font-size:12px;color:var(--muted);line-height:1.6;font-family:'Space Mono',monospace;letter-spacing:0.5px}

/* ── COD PAYMENT OPTION ── */
.payment-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}
.payment-opt{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);padding:16px;cursor:none;transition:all 0.15s;position:relative}
.payment-opt:hover{border-color:var(--muted2)}
.payment-opt.active{border-color:var(--red);background:rgba(224,32,32,0.04)}
.payment-opt-title{font-family:'Bebas Neue',sans-serif;font-size:18px;letter-spacing:1px;margin-bottom:4px}
.payment-opt-sub{font-size:12px;color:var(--muted);line-height:1.5}
.payment-opt-badge{position:absolute;top:10px;right:10px;font-family:'Space Mono',monospace;font-size:10px;letter-spacing:1px;padding:3px 7px;border-radius:2px;text-transform:uppercase}
.cod-badge{background:rgba(245,158,11,0.1);color:#f59e0b;border:1px solid rgba(245,158,11,0.3)}
.online-badge{background:rgba(34,197,94,0.1);color:#22c55e;border:1px solid rgba(34,197,94,0.3)}
.cod-breakdown{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-top:10px;display:none}
.cod-breakdown.show{display:block}
.cod-row{display:flex;justify-content:space-between;font-size:13px;padding:4px 0}
.cod-row .key{color:var(--muted)}
.cod-row .val{font-family:'Space Mono',monospace}

/* ── RELATED PRODUCTS ── */
.related-section{padding:48px;border-top:1px solid var(--border);background:var(--surface)}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:24px}

/* ── OUT OF STOCK OVERLAY ON CARD ── */
.oos-overlay{position:absolute;inset:0;background:rgba(10,10,10,0.7);display:flex;align-items:center;justify-content:center;z-index:3}
.oos-label{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:3px;color:var(--muted);text-transform:uppercase;background:var(--bg);padding:8px 14px;border:1px solid var(--border);border-radius:2px}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.fade-in{opacity:0;transform:translateY(20px);transition:opacity 0.6s ease,transform 0.6s ease}
.fade-in.visible{opacity:1;transform:none}
/* ═══ POLICY / FAQ / LEGAL PAGES ═══ */
.policy-hero{padding:80px 48px 60px;border-bottom:1px solid var(--border);position:relative;overflow:hidden}
.policy-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(44px,7vw,88px);letter-spacing:1px;line-height:1;margin-bottom:12px}
.policy-lead{font-size:15px;color:var(--muted);max-width:560px;line-height:1.7;font-weight:300}
.policy-body{padding:60px 48px 100px;max-width:820px}
.policy-section{margin-bottom:40px}
.policy-section h2{font-family:'Bebas Neue',sans-serif;font-size:26px;letter-spacing:1px;margin-bottom:14px;color:var(--text)}
.policy-section p{font-size:14px;color:var(--muted);line-height:1.8;font-weight:300;margin-bottom:12px}
.policy-section p strong{color:var(--text);font-weight:500}
.policy-list{margin:10px 0 12px 20px;display:flex;flex-direction:column;gap:8px}
.policy-list li{font-size:14px;color:var(--muted);line-height:1.6;font-weight:300}
.policy-list li strong{color:var(--text);font-weight:500}
.policy-table{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-top:12px}
.policy-table-row{display:flex;justify-content:space-between;padding:12px 16px;font-size:13px;border-bottom:1px solid var(--border)}
.policy-table-row:last-child{border-bottom:none}
.policy-table-row.header{background:var(--surface2);font-family:'Space Mono',monospace;font-size:10px;letter-spacing:2px;color:var(--muted);text-transform:uppercase}

/* FAQ */
.faq-wrap{padding:40px 48px 100px;max-width:820px}
.faq-section-title{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:3px;color:var(--red);text-transform:uppercase;padding:32px 0 12px;border-bottom:1px solid var(--border);margin-bottom:0}
.faq-item{border-bottom:1px solid var(--border)}
.faq-q{display:flex;justify-content:space-between;align-items:center;padding:16px 0;font-size:14px;font-weight:500;cursor:none;transition:color 0.15s;gap:16px;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:0.5px}
.faq-q:hover{color:var(--red)}
.faq-icon{font-family:'Space Mono',monospace;font-size:20px;color:var(--red);flex-shrink:0;transition:transform 0.2s;line-height:1}
.faq-q.open .faq-icon{transform:rotate(45deg)}
.faq-a{font-size:13px;color:var(--muted);line-height:1.8;font-weight:300;display:none;padding-bottom:18px}
.faq-a.open{display:block}

/* CART & CHECKOUT */
.cart-page{padding:60px 48px 100px;display:grid;grid-template-columns:1fr 360px;gap:48px;min-height:calc(100vh - 64px);align-items:start}
.cart-page-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(36px,5vw,56px);letter-spacing:1px;margin-bottom:32px}
.cart-items-list{display:flex;flex-direction:column}
.cart-item-row{display:grid;grid-template-columns:90px 1fr auto;gap:18px;align-items:start;padding:20px 0;border-bottom:1px solid var(--border)}
.cart-item-row:first-child{border-top:1px solid var(--border)}
.cart-item-img-box{width:90px;height:90px;border-radius:var(--radius);background:var(--surface2);border:1px solid var(--border);overflow:hidden;flex-shrink:0}
.cart-item-img-box img{width:100%;height:100%;object-fit:cover;display:block}
.cart-item-img-box svg{width:66px;height:66px;margin:12px}
.cart-item-body{display:flex;flex-direction:column;gap:3px}
.cart-item-name{font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:2px}
.cart-item-meta{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:1px;color:var(--muted);text-transform:uppercase;line-height:1.5}
.cart-item-unit{font-family:'Space Mono',monospace;font-size:12px;color:var(--muted);margin-top:4px}
.cart-item-qty-row{display:flex;align-items:center;gap:0;border:1px solid var(--border);border-radius:var(--radius);width:fit-content;overflow:hidden;margin-top:10px}
.cqb{width:34px;height:34px;background:var(--surface);border:none;color:var(--text);font-size:16px;cursor:none;display:flex;align-items:center;justify-content:center;transition:background 0.15s}
.cqb:hover{background:var(--surface2);color:var(--red)}
.cqv{width:38px;text-align:center;font-family:'Space Mono',monospace;font-size:12px;border:none;background:transparent;color:var(--text);border-left:1px solid var(--border);border-right:1px solid var(--border);height:34px;line-height:34px}
.cart-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.cart-item-total{font-family:'Space Mono',monospace;font-size:14px}
.cart-item-del{background:none;border:none;color:var(--muted2);cursor:none;font-size:16px;transition:color 0.15s;line-height:1;padding:4px}
.cart-item-del:hover{color:var(--red)}
.cart-empty-page{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 48px;gap:16px;text-align:center;min-height:calc(100vh - 64px)}
.cart-empty-icon{font-size:48px}
.cart-empty-title{font-family:'Bebas Neue',sans-serif;font-size:40px;letter-spacing:2px}
.cart-empty-sub{font-size:14px;color:var(--muted)}
.promo-row{display:flex;gap:10px;padding:20px 0;border-bottom:1px solid var(--border)}
.promo-input{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:11px 14px;color:var(--text);font-family:'Barlow',sans-serif;font-size:14px;transition:border 0.2s}
.promo-input:focus{outline:none;border-color:var(--red)}
.promo-apply{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:1px;text-transform:uppercase;padding:11px 18px;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--muted);cursor:none;transition:all 0.15s}
.promo-apply:hover{border-color:var(--red);color:var(--red)}
.order-sidebar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;position:sticky;top:84px}
.order-sidebar-title{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:2px;margin-bottom:18px}
.order-line{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--border);font-size:13px}
.order-line:last-of-type{border-bottom:none}
.order-line-key{color:var(--muted);flex:1;margin-right:12px}
.order-line-val{font-family:'Space Mono',monospace;font-size:11px;text-align:right}
.order-total-line{display:flex;justify-content:space-between;align-items:baseline;padding:16px 0 20px;border-top:2px solid var(--border);margin-top:4px}
.order-total-label{font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:1px}
.order-total-val{font-family:'Bebas Neue',sans-serif;font-size:28px;color:var(--red)}
.checkout-page-btn{width:100%;background:var(--red);color:#fff;border:none;border-radius:var(--radius);padding:15px;font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:3px;cursor:none;transition:all 0.2s}
.checkout-page-btn:hover{background:#ff2828;transform:translateY(-1px);box-shadow:0 8px 24px rgba(224,32,32,0.25)}
.secure-note{display:flex;align-items:center;justify-content:center;gap:6px;font-family:'Space Mono',monospace;font-size:10px;letter-spacing:1px;color:var(--muted);text-transform:uppercase;margin-top:12px}
.checkout-page{padding:60px 48px 100px;display:grid;grid-template-columns:1fr 380px;gap:56px;min-height:calc(100vh - 64px);align-items:start}
.checkout-section{margin-bottom:32px}
.checkout-section-title{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:2px;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--border)}
.checkout-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:12px}
.checkout-form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.checkout-label{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:2px;color:var(--muted);text-transform:uppercase}
.checkout-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;color:var(--text);font-family:'Barlow',sans-serif;font-size:14px;width:100%;transition:border 0.2s}
.checkout-input:focus{outline:none;border-color:var(--red)}
.checkout-input::placeholder{color:var(--muted)}
.checkout-select{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;color:var(--text);font-family:'Barlow',sans-serif;font-size:14px;width:100%;cursor:pointer;transition:border 0.2s}
.checkout-select:focus{outline:none;border-color:var(--red)}
.checkout-right{position:sticky;top:84px}
.checkout-summary-title{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:2px;margin-bottom:18px}
.checkout-item{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}
.checkout-item:last-child{border-bottom:none}
.checkout-item-img-wrap{position:relative;flex-shrink:0}
.checkout-item-img{width:60px;height:60px;border-radius:var(--radius);object-fit:cover;background:var(--surface2);border:1px solid var(--border)}
.checkout-item-img-svg{width:60px;height:60px;border-radius:var(--radius);background:var(--surface2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center}
.checkout-item-img-svg svg{width:44px;height:44px}
.checkout-item-qty-badge{position:absolute;top:-6px;right:-6px;background:var(--muted);color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}
.checkout-item-info{flex:1;min-width:0}
.checkout-item-name{font-size:13px;font-weight:500;margin-bottom:2px}
.checkout-item-variant{font-size:11px;color:var(--muted);font-family:'Space Mono',monospace;letter-spacing:0.5px}
.checkout-item-price{font-family:'Space Mono',monospace;font-size:13px;white-space:nowrap}
.checkout-totals{margin-top:14px;border-top:1px solid var(--border);padding-top:14px}
.checkout-total-row{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);padding:5px 0}
.checkout-total-row.final{color:var(--text);font-family:'Space Mono',monospace;font-size:15px;padding-top:12px;margin-top:8px;border-top:1px solid var(--border);font-weight:700}
.pay-now-btn{width:100%;background:var(--red);color:#fff;border:none;border-radius:var(--radius);padding:16px;font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:3px;cursor:none;transition:all 0.2s;margin-top:18px}
.pay-now-btn:hover{background:#ff2828;transform:translateY(-1px);box-shadow:0 8px 24px rgba(224,32,32,0.25)}
.pay-processing{display:none;align-items:center;justify-content:center;gap:12px;padding:16px;font-family:'Space Mono',monospace;font-size:10px;letter-spacing:2px;color:var(--muted);background:var(--surface);border-radius:var(--radius);margin-top:18px;border:1px solid var(--border)}

/* TRACKING */
.track-form-wrap{padding:48px;max-width:560px}
.track-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:32px}
.track-result{margin-top:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}
.track-status-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}
.track-order-num{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:2px;color:var(--muted)}
.track-status-badge{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:2px;padding:6px 12px;border-radius:2px;text-transform:uppercase}
.track-steps{display:flex;flex-direction:column;gap:0}
.track-step{display:flex;gap:16px;align-items:flex-start;position:relative}
.track-step:not(:last-child)::after{content:'';position:absolute;left:11px;top:28px;bottom:-1px;width:1px;background:var(--border)}
.track-step-dot{width:24px;height:24px;border-radius:50%;border:2px solid var(--border);background:var(--surface);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:10px;z-index:1}
.track-step.done .track-step-dot{border-color:var(--red);background:var(--red);color:#fff}
.track-step.active .track-step-dot{border-color:var(--red);background:transparent;animation:pulse 1.5s infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(224,32,32,0.4)}50%{box-shadow:0 0 0 6px rgba(224,32,32,0)}}
.track-step-info{padding-bottom:20px}
.track-step-label{font-size:14px;font-weight:500;margin-bottom:3px}
.track-step.done .track-step-label{color:var(--text)}
.track-step:not(.done):not(.active) .track-step-label{color:var(--muted)}
.track-step-sub{font-size:12px;color:var(--muted);font-family:'Space Mono',monospace}
.track-detail-row{display:flex;justify-content:space-between;font-size:13px;padding:8px 0;border-bottom:1px solid var(--border)}
.track-detail-row:last-child{border-bottom:none}
.track-detail-key{color:var(--muted)}

/* RESPONSIVE ADDITIONS */
@media(max-width:900px){
  .cart-page{grid-template-columns:1fr;padding:32px 24px 80px;gap:28px}
  .order-sidebar{position:static}
  .checkout-page{grid-template-columns:1fr;padding:32px 24px 80px;gap:28px}
  .checkout-right{position:static}
  .checkout-form-row{grid-template-columns:1fr}
  .policy-hero,.policy-body,.faq-wrap,.track-form-wrap{padding-left:24px;padding-right:24px}
}

.toast-wrap{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:999;display:flex;flex-direction:column;align-items:center;gap:8px}
.toast{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 20px;font-size:13px;animation:fadeUp 0.2s ease;box-shadow:0 8px 24px rgba(0,0,0,0.4);display:flex;align-items:center;gap:10px;white-space:nowrap}
.toast.success{border-color:rgba(34,197,94,0.4)}
.toast.error{border-color:var(--red-dim)}
.toast-dot{width:7px;height:7px;border-radius:50%}
.toast.success .toast-dot{background:#22c55e}
.toast.error .toast-dot{background:var(--red)}

@media(max-width:960px){
  nav{padding:0 24px}.nav-links{display:none}.hamburger{display:flex}
  .hero,.featured,.statement,.process,.shop-grid-area,.shop-hero,.about-hero,.about-body{padding-left:24px;padding-right:24px}
  .hero-title{font-size:clamp(56px,14vw,100px)}.hero-scroll{display:none}
  .pdp-layout{grid-template-columns:1fr}
  .pdp-gallery{position:relative;height:60vw;min-height:280px}
  .config-layout{grid-template-columns:1fr}
  .config-preview{min-height:320px;border-right:none;border-bottom:1px solid var(--border);padding:40px 24px}
  .config-controls{max-height:none;padding:28px 24px}
  .products-grid,.shop-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
  .process-steps{grid-template-columns:1fr 1fr}
  .about-values{grid-template-columns:1fr}
  footer{grid-template-columns:1fr 1fr;padding:40px 24px}
  .footer-bottom{padding:20px 24px;flex-direction:column;gap:12px;text-align:center}
  .statement-stats{flex-wrap:wrap;gap:40px}
  .cart-drawer{width:100vw}
}
@media(max-width:500px){
  .process-steps,.about-values{grid-template-columns:1fr}
  footer{grid-template-columns:1fr}
  .hero-actions{flex-direction:column}
  .products-grid,.shop-grid{grid-template-columns:1fr 1fr}
  .pdp-info{padding:28px 24px}
}
/* ── HARDWARE FINISH DETAILS ── */

/* Corner screw detail on featured/shop sections */
.featured,.shop-hero,.shop-grid-area{position:relative}
.featured::before,.shop-hero::before{
  content:'';position:absolute;top:16px;right:16px;
  width:8px;height:8px;border-radius:50%;
  background:radial-gradient(circle,#3a3a3a 30%,#1a1a1a 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 3px rgba(0,0,0,0.8);
  opacity:0.6;
}

/* Stat numbers hardware glow */
.stat-num{font-family:'Bebas Neue',sans-serif;font-size:56px;color:var(--red);line-height:1;text-shadow:0 0 20px rgba(224,32,32,0.4)}

/* Nav logo hardware */
.nav-logo{font-family:'Bebas Neue',sans-serif;font-size:26px;letter-spacing:4px;color:var(--text);text-decoration:none;cursor:none;text-shadow:0 0 1px rgba(255,255,255,0.1)}

/* Live preview badge */
.config-live-badge{position:absolute;top:20px;left:24px;font-family:'Space Mono',monospace;font-size:10px;letter-spacing:3px;color:var(--muted);text-transform:uppercase;display:flex;align-items:center;gap:8px;background:rgba(0,0,0,0.6);padding:5px 10px;border-radius:2px;border:1px solid var(--panel-edge)}

/* Config section title */
.config-product-title{font-family:'Bebas Neue',sans-serif;font-size:36px;letter-spacing:3px;line-height:1;text-shadow:0 0 1px rgba(255,255,255,0.05)}
.config-price{font-family:'Space Mono',monospace;font-size:11px;color:var(--red);margin-top:6px;letter-spacing:1px}

/* Payment option cards hardware */
.payment-opt{
  background:var(--inset);border:2px solid var(--panel-edge);
  border-radius:2px;padding:16px;cursor:none;transition:all 0.15s;position:relative;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.03);
}
.payment-opt.active{
  border-color:var(--red);background:rgba(224,32,32,0.04);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.03),0 0 0 1px rgba(224,32,32,0.1);
}

/* Cart qty buttons hardware */
.cqb{width:34px;height:34px;background:var(--inset);border:1px solid var(--panel-edge);color:var(--text);font-size:16px;cursor:none;display:flex;align-items:center;justify-content:center;transition:background 0.15s;box-shadow:inset 0 1px 0 rgba(255,255,255,0.04)}
.cqb:hover{background:var(--surface2);color:var(--red)}

/* Checkout input hardware */
.checkout-section-title{font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:3px;margin-bottom:18px;padding-bottom:10px;border-bottom:1px solid var(--panel-edge);display:flex;align-items:center;gap:10px}
.checkout-section-title::before{content:'';width:16px;height:2px;background:var(--red);flex-shrink:0}

/* Scroll bar hardware style */
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:var(--inset)}
::-webkit-scrollbar-thumb{background:var(--panel-edge);border-radius:0}
::-webkit-scrollbar-thumb:hover{background:var(--red)}

/* Order tracking steps */
.track-step-dot{width:24px;height:24px;border-radius:50%;border:2px solid var(--panel-edge);background:var(--inset);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:10px;z-index:1;font-family:'Space Mono',monospace;box-shadow:inset 0 1px 0 rgba(255,255,255,0.04)}
.track-step.done .track-step-dot{border-color:var(--red);background:var(--red);color:#fff;box-shadow:0 0 8px rgba(224,32,32,0.4)}
.track-step.active .track-step-dot{border-color:var(--red);background:transparent;animation:pulse 1.5s infinite}

/* Mobile hardware fixes */
@media(max-width:900px){
  nav{padding:0 20px;background-image:none}
  .featured::before,.shop-hero::before{display:none}
}
/* ════════════════════════════════════════
   RETRO EFFECTS
   ════════════════════════════════════════ */

/* ── BOOT SCREEN ── */
#bootScreen{
  position:fixed;inset:0;background:#000;z-index:9000;
  display:flex;flex-direction:column;justify-content:center;
  padding:48px;font-family:'Space Mono',monospace;
  overflow:hidden;
}
#bootScreen::before{
  content:'';position:absolute;inset:0;
  background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,0,0.015) 2px,rgba(0,255,0,0.015) 4px);
  pointer-events:none;
}
.boot-line{
  font-size:clamp(11px,1.5vw,14px);color:#22c55e;
  letter-spacing:2px;line-height:1.8;opacity:0;
  white-space:pre;
}
.boot-line.dim{color:#155724;opacity:0}
.boot-line.active{opacity:1}
.boot-line.err{color:#e02020}
.boot-line.warn{color:#f59e0b}
.boot-line.bright{color:#fff}
.boot-cursor{display:inline-block;width:10px;height:15px;background:#22c55e;animation:blink-cur 0.6s infinite;vertical-align:text-bottom;margin-left:3px}
@keyframes blink-cur{0%,49%{opacity:1}50%,100%{opacity:0}}
.boot-logo{
  font-family:'Bebas Neue',sans-serif;font-size:clamp(40px,8vw,80px);
  letter-spacing:8px;color:#e02020;margin-bottom:32px;
  text-shadow:0 0 20px rgba(224,32,32,0.5),0 0 60px rgba(224,32,32,0.2);
}
.boot-logo span{color:#fff}
.boot-progress{
  width:100%;height:2px;background:#111;margin-top:24px;
  border:1px solid #1a1a1a;overflow:hidden;
}
.boot-progress-bar{
  height:100%;width:0%;background:var(--red);
  box-shadow:0 0 8px var(--red);
  transition:width 0.1s linear;
}
#bootScreen.fade-out{
  animation:bootFade 0.5s ease forwards;
}
@keyframes bootFade{
  0%{opacity:1;transform:scale(1)}
  50%{opacity:1;transform:scale(1.01)}
  100%{opacity:0;transform:scale(0.98);pointer-events:none}
}

/* ── NOISE OVERLAY ── */
#noiseCanvas{
  position:fixed;inset:0;z-index:1;
  pointer-events:none;opacity:0.035;
  mix-blend-mode:screen;
}

/* ── GLITCH EFFECT ── */
@keyframes glitch-1{
  0%{clip-path:inset(40% 0 61% 0);transform:translate(-3px,0)}
  20%{clip-path:inset(92% 0 1% 0);transform:translate(3px,0)}
  40%{clip-path:inset(43% 0 1% 0);transform:translate(-2px,0)}
  60%{clip-path:inset(25% 0 58% 0);transform:translate(2px,0)}
  80%{clip-path:inset(54% 0 7% 0);transform:translate(-3px,0)}
  100%{clip-path:inset(58% 0 43% 0);transform:translate(0)}
}
@keyframes glitch-2{
  0%{clip-path:inset(24% 0 29% 0);transform:translate(3px,0)}
  20%{clip-path:inset(54% 0 7% 0);transform:translate(-3px,0)}
  40%{clip-path:inset(5% 0 68% 0);transform:translate(2px,0)}
  60%{clip-path:inset(12% 0 71% 0);transform:translate(-2px,0)}
  80%{clip-path:inset(70% 0 22% 0);transform:translate(3px,0)}
  100%{clip-path:inset(32% 0 50% 0);transform:translate(0)}
}
.glitch-wrap{position:relative;display:inline-block}
.glitch-wrap::before,.glitch-wrap::after{
  content:attr(data-text);
  position:absolute;top:0;left:0;width:100%;height:100%;
  opacity:0;pointer-events:none;
}
.glitch-wrap::before{color:#ff0000;text-shadow:-2px 0 #ff0000}
.glitch-wrap::after{color:#0000ff;text-shadow:2px 0 #0000ff}
.glitch-wrap:hover::before{
  opacity:0.7;
  animation:glitch-1 0.3s steps(1) forwards;
}
.glitch-wrap:hover::after{
  opacity:0.7;
  animation:glitch-2 0.3s steps(1) 0.05s forwards;
}
/* Card glitch on hover */
.product-card:hover .product-name{
  animation:glitch-text 0.2s steps(1) forwards;
}
@keyframes glitch-text{
  0%{text-shadow:none}
  20%{text-shadow:-2px 0 #ff0000,2px 0 #0000ff}
  40%{text-shadow:2px 0 #ff0000,-2px 0 #0000ff}
  60%{text-shadow:-1px 0 #ff0000,1px 0 #0000ff}
  80%{text-shadow:1px 0 #ff0000,-1px 0 #0000ff}
  100%{text-shadow:none}
}

/* Price in 7-seg */
.product-price{font-family:'Space Mono',monospace;font-size:13px;color:var(--red);letter-spacing:1px}
.pdp-price{font-family:'Space Mono',monospace;font-size:36px;letter-spacing:2px;color:var(--red);margin-bottom:32px;text-shadow:0 0 12px rgba(224,32,32,0.3)}
.sum-row.total span:last-child{font-family:'Space Mono',monospace;color:var(--red);text-shadow:0 0 8px rgba(224,32,32,0.2)}
.cart-subtotal-val,.order-total-val,.checkout-total-row.final span:last-child{font-family:'Space Mono',monospace}
.config-price{font-family:'Space Mono',monospace;font-size:13px;color:var(--red);margin-top:6px;letter-spacing:1px}
/* Cart count badge */
.cart-count{font-family:'Space Mono',monospace;background:var(--red);color:#fff;border-radius:3px;width:22px;height:18px;display:flex;align-items:center;justify-content:center;font-size:11px;box-shadow:0 0 6px rgba(224,32,32,0.4)}
/* stat numbers */
.stat-num{font-family:'Space Mono',monospace;font-size:48px;color:var(--red);line-height:1;text-shadow:0 0 16px rgba(224,32,32,0.4)}