:root{--forge-black:#0a0f1e;--steel-navy:#0f1e35;--fire-red:#f30;--ember:#ff6b1a;--deep-steel:#1a2a42;--cool-gray:#c8d4e8;--warm-surface:#f2f0ec;--pure-white:#fff;--bg:var(--warm-surface);--bg-card:var(--pure-white);--text:var(--forge-black);--text-mute:#5a6b82;--border:#dddad2;--font-display:"Big Shoulders Display","Barlow Condensed",sans-serif;--font-heading:"Work Sans",sans-serif;--font-body:"Instrument Sans",sans-serif;--font-label:"Jura",sans-serif;--font-mono:"DM Mono",monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:15px;line-height:1.55;color:var(--text);background:var(--bg)}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}.wrap{max-width:1440px;margin:0 auto;padding:0 24px}.utility{background:var(--forge-black);color:var(--cool-gray);font-size:11px;padding:8px 0;font-family:var(--font-label);letter-spacing:.5px;border-bottom:1px solid var(--deep-steel)}.utility-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.utility a{color:var(--cool-gray)}.utility a:hover{color:var(--fire-red)}.lang-switch{display:flex;gap:10px;align-items:center}.lang-switch a,.lang-switch button{padding:2px 8px;font-weight:500;background:none;border:none;cursor:pointer;color:var(--cool-gray);font-family:var(--font-label);font-size:11px;letter-spacing:.5px}.lang-switch a.active,.lang-switch button.active{color:var(--fire-red);border-bottom:1px solid var(--fire-red)}.lang-switch a:hover,.lang-switch button:hover{color:var(--fire-red)}.nav{background:var(--forge-black);position:-webkit-sticky;position:sticky;top:0;z-index:100;border-bottom:1px solid var(--deep-steel)}.nav-inner{display:flex;align-items:center;gap:18px;padding:14px 0}.logo-svg{display:block;height:42px;width:auto;flex-shrink:0}.nav-search{flex:1 1;position:relative;max-width:600px}.nav-search input{width:100%;padding:11px 16px 11px 40px;border:1px solid var(--deep-steel);font-size:14px;font-family:var(--font-body);background:var(--steel-navy);color:var(--pure-white)}.nav-search input::placeholder{color:#6b7a92;font-family:var(--font-mono);font-size:12px;letter-spacing:.5px}.nav-search input:focus{outline:none;border-color:var(--fire-red)}.nav-search:before{content:"⌕";position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--fire-red);font-weight:700}.nav-actions{display:flex;gap:10px;align-items:center}.nav-link{font-family:var(--font-heading);font-size:13px;font-weight:600;color:var(--cool-gray);padding:8px 12px;text-transform:uppercase;letter-spacing:.8px}.nav-link:hover{color:var(--fire-red)}.cta-btn{background:var(--fire-red);color:var(--pure-white)!important;padding:10px 20px;font-weight:700;font-size:12px;border:none;cursor:pointer;display:inline-block;white-space:nowrap;font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;transition:background .15s}.cta-btn:hover{background:var(--ember)}.cta-btn-outline{background:transparent;color:var(--cool-gray)!important;border:1px solid var(--deep-steel)}.cart-badge{background:var(--fire-red);color:#fff;font-family:var(--font-mono);font-size:10px;padding:2px 6px;margin-left:6px;font-weight:600}.browse-hero{background:var(--steel-navy);color:#fff;padding:40px 0 36px;border-bottom:1px solid var(--deep-steel);position:relative}.browse-hero:before{content:"";position:absolute;top:0;left:0;width:36px;height:36px;background:var(--fire-red);-webkit-clip-path:polygon(0 0,100% 0,0 100%);clip-path:polygon(0 0,100% 0,0 100%)}.browse-hero h1{font-family:var(--font-display);font-size:42px;font-weight:800;text-transform:uppercase;line-height:1;letter-spacing:-.3px;margin-bottom:8px}.browse-hero p{font-family:var(--font-body);font-size:14px;color:var(--cool-gray);max-width:680px}.browse-hero .meta{font-family:var(--font-mono);font-size:11px;color:var(--cool-gray);margin-top:12px;letter-spacing:.5px}.browse-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:0;gap:0;padding:32px 0 60px;border:1px solid var(--border);background:var(--bg-card)}.browse-card{padding:28px 22px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s;display:flex;flex-direction:column;gap:10px;min-height:180px;position:relative}.browse-card:nth-child(4n){border-right:none}.browse-card:hover{background:var(--forge-black);color:#fff}.browse-card:hover .browse-num{color:var(--fire-red)}.browse-card:hover .browse-title{color:#fff}.browse-card:hover .browse-desc{color:var(--cool-gray)}.browse-card:hover .browse-count{color:var(--fire-red);border-top-color:var(--deep-steel)}.browse-num{font-family:var(--font-mono);font-size:11px;color:var(--fire-red);letter-spacing:1.5px;font-weight:500}.browse-icon{font-size:28px;line-height:1;opacity:.9}.browse-title{font-family:var(--font-display);font-size:22px;font-weight:700;line-height:1.05;text-transform:uppercase;letter-spacing:.3px;transition:color .15s}.browse-desc{font-family:var(--font-body);font-size:12px;line-height:1.55;flex:1 1}.browse-count,.browse-desc{color:var(--text-mute);transition:color .15s}.browse-count{font-family:var(--font-mono);font-size:11px;letter-spacing:1px;margin-top:auto;padding-top:8px;border-top:1px solid var(--border);text-transform:uppercase}.cat-header{background:var(--steel-navy);color:#fff;padding:32px 0 28px;border-bottom:1px solid var(--deep-steel)}.crumbs{font-family:var(--font-mono);font-size:11px;color:var(--cool-gray);letter-spacing:.5px;margin-bottom:10px}.crumbs a:hover{color:var(--fire-red)}.crumbs span.sep{margin:0 6px;color:var(--text-mute)}.cat-header h1{font-family:var(--font-display);font-size:38px;font-weight:800;text-transform:uppercase;line-height:1;letter-spacing:-.3px}.cat-header .meta{font-family:var(--font-mono);font-size:12px;color:var(--cool-gray);margin-top:8px;letter-spacing:.5px}.cat-layout{display:grid;grid-template-columns:260px 1fr;grid-gap:0;gap:0;align-items:flex-start;min-height:600px}.filters{background:var(--bg-card);border-right:1px solid var(--border);position:-webkit-sticky;position:sticky;top:69px;max-height:calc(100vh - 69px);overflow-y:auto;padding:24px 20px}.filter-head,.filters{border-bottom:1px solid var(--border)}.filter-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:18px;padding-bottom:12px}.filter-head h2{font-family:var(--font-display);font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.filter-head a{font-family:var(--font-mono);font-size:10px;color:var(--fire-red);letter-spacing:1px;text-transform:uppercase;cursor:pointer}.filter-group{margin-bottom:22px}.filter-group h3{font-family:var(--font-label);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-mute);margin-bottom:10px;padding-bottom:6px;border-bottom:1px dashed var(--border)}.filter-list{list-style:none;max-height:240px;overflow-y:auto}.filter-list li{padding:5px 0;font-size:13px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:var(--text)}.filter-list li:hover{color:var(--fire-red)}.filter-list li.active{color:var(--fire-red);font-weight:600}.filter-list li .count{font-family:var(--font-mono);font-size:10px;color:var(--text-mute)}.filter-check{width:13px;height:13px;border:1px solid var(--text-mute);margin-right:8px;display:inline-block;flex-shrink:0;position:relative}.filter-list li.active .filter-check{border-color:var(--fire-red);background:var(--fire-red)}.filter-list li.active .filter-check:after{content:"✓";position:absolute;top:-3px;left:1px;color:#fff;font-size:11px;font-weight:700}.filter-label-text{flex:1 1}.cat-main{padding:24px;min-height:600px}.toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.toolbar-info{font-family:var(--font-mono);font-size:12px;color:var(--text-mute);letter-spacing:.3px}.toolbar-info b{color:var(--text);font-weight:600}.toolbar-actions{display:flex;gap:10px;align-items:center}.toolbar select{padding:8px 14px;font-family:var(--font-body);font-size:13px;background:#fff;cursor:pointer}.toolbar select,.view-toggle{border:1px solid var(--border)}.view-toggle{display:flex}.view-toggle button{padding:8px 12px;background:#fff;border:none;cursor:pointer;font-family:var(--font-mono);font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--text-mute);border-right:1px solid var(--border);transition:all .15s}.view-toggle button:last-child{border-right:none}.view-toggle button.active{background:var(--forge-black);color:var(--fire-red)}.active-filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.active-filter{background:var(--forge-black);color:#fff;font-family:var(--font-mono);font-size:11px;padding:4px 10px;letter-spacing:.5px;cursor:pointer}.active-filter:after{content:" ✕";opacity:.6}.active-filter:hover{background:var(--fire-red)}.brand-filter{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--border)}.brand-filter-label{letter-spacing:1px;margin-right:4px}.brand-chip,.brand-filter-label{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;color:var(--text-mute)}.brand-chip{padding:5px 14px;letter-spacing:.5px;border:1px solid var(--border);background:#fff;cursor:pointer;transition:all .15s;white-space:nowrap}.brand-chip:hover{border-color:var(--forge-black);color:var(--forge-black)}.brand-chip.active{background:var(--forge-black);color:var(--fire-red);border-color:var(--forge-black);font-weight:600}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:0;gap:0;border:1px solid var(--border)}.product{background:var(--bg-card);border-right:1px solid var(--border);border-bottom:1px solid var(--border);display:flex;flex-direction:column;transition:background .15s;cursor:pointer;position:relative;text-decoration:none;color:inherit}.product:nth-child(4n){border-right:none}.product:hover{background:#faf8f2}.product-img-wrap{width:100%;aspect-ratio:1/1;overflow:hidden;background:var(--warm-surface);position:relative;border-bottom:1px solid var(--border)}.product-img{width:100%;height:100%;object-fit:contain;padding:14px}.stock-badge{position:absolute;top:8px;left:8px;font-family:var(--font-mono);font-size:9px;padding:3px 7px;font-weight:500;letter-spacing:1px;text-transform:uppercase;background:var(--forge-black);color:var(--fire-red);border:1px solid var(--fire-red);z-index:2}.product-body{padding:14px;flex:1 1;display:flex;flex-direction:column;gap:6px}.product-brand{font-family:var(--font-mono);font-size:10px;color:var(--fire-red);letter-spacing:1px;text-transform:uppercase;font-weight:500}.product-name{font-family:var(--font-heading);font-size:13px;font-weight:600;line-height:1.35;color:var(--text);flex:1 1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.product-sku{font-family:var(--font-mono);font-size:10px;color:var(--text-mute)}.products-list{background:#fff;border:1px solid var(--border)}.list-row{display:grid;grid-template-columns:80px 110px 1.5fr 110px 1fr 80px 200px;grid-gap:14px;gap:14px;padding:12px 16px;border-bottom:1px solid var(--border);align-items:center}.list-row:last-child{border-bottom:none}.list-row.header{background:var(--forge-black);color:var(--cool-gray);font-family:var(--font-label);font-size:10px;text-transform:uppercase;letter-spacing:1.5px;font-weight:500;padding:10px 16px}.list-row:not(.header):hover{background:#faf8f2}.list-img{width:64px;height:64px;background:var(--warm-surface);padding:4px}.list-img img{width:100%;height:100%;object-fit:contain}.list-img.placeholder{display:flex;align-items:center;justify-content:center;font-size:9px;text-align:center}.list-img.placeholder,.list-sku{font-family:var(--font-mono);color:var(--text-mute)}.list-sku{font-size:11px;word-break:break-all}.list-name{font-family:var(--font-heading);font-size:13px;font-weight:600;line-height:1.4;color:inherit;text-decoration:none}.list-name:hover{color:var(--fire-red)}.list-name small{display:block;font-size:10px;color:var(--text-mute);margin-top:3px;font-weight:400}.list-brand,.list-name small{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px}.list-brand{font-size:11px;color:var(--fire-red);font-weight:500}.list-specs{font-family:var(--font-mono);font-size:10px;color:var(--text-mute);line-height:1.4}.list-specs b{color:var(--forge-black);font-weight:500}.list-stock{font-family:var(--font-mono);font-size:10px;color:var(--fire-red);border:1px solid var(--fire-red);padding:3px 6px;text-align:center;letter-spacing:.5px;text-transform:uppercase;background:var(--forge-black)}.list-actions{display:flex;gap:0;border:1px solid var(--border)}.list-actions a,.list-actions button{flex:1 1;padding:8px 4px;font-family:var(--font-mono);font-size:10px;letter-spacing:.8px;text-transform:uppercase;cursor:pointer;border:none;background:#fff;color:var(--text-mute);transition:all .15s;text-align:center;text-decoration:none}.list-actions a:hover,.list-actions button:hover{background:var(--forge-black);color:#fff}.list-actions a:first-child{border-right:1px solid var(--border)}.pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:32px;padding-top:20px}.pagination a,.pagination span.page{padding:8px 12px;font-family:var(--font-mono);font-size:12px;border:1px solid var(--border);background:#fff;cursor:pointer}.pagination a:hover{border-color:var(--fire-red);color:var(--fire-red)}.pagination .active{background:var(--forge-black);color:#fff;border-color:var(--forge-black)}.pagination .ellipsis{color:var(--text-mute);padding:0 4px;border:none;background:transparent}.pagination .disabled{opacity:.4;pointer-events:none}.detail-wrap{padding:32px 0 60px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px;align-items:flex-start}.detail-img-wrap{background:var(--bg-card);border:1px solid var(--border);aspect-ratio:1/1;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:30px;position:relative}.detail-img-wrap img{max-width:100%;max-height:100%;object-fit:contain}.stock-tag{position:absolute;top:14px;left:14px;font-size:11px;padding:5px 10px;letter-spacing:1.5px;background:var(--forge-black);border:1px solid var(--fire-red)}.detail-brand,.stock-tag{font-family:var(--font-mono);font-weight:500;text-transform:uppercase;color:var(--fire-red)}.detail-brand{font-size:12px;letter-spacing:2px;margin-bottom:8px}.detail-name{font-family:var(--font-display);font-size:32px;font-weight:800;line-height:1.05;text-transform:uppercase;letter-spacing:-.3px;margin-bottom:10px}.detail-sku{font-family:var(--font-mono);font-size:13px;color:var(--text-mute);letter-spacing:.5px;padding-bottom:16px;border-bottom:1px solid var(--border);margin-bottom:20px}.spec-section{margin-bottom:24px}.spec-section h3{font-family:var(--font-display);font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.spec-section h3 small{font-family:var(--font-mono);font-size:10px;color:var(--text-mute);font-weight:400;letter-spacing:.5px}.spec-table{width:100%;border-collapse:collapse}.spec-table tr{border-bottom:1px dashed var(--border)}.spec-table tr:last-child{border-bottom:none}.spec-table td{padding:10px 0;font-size:13px;vertical-align:top}.spec-table td.k{font-family:var(--font-label);color:var(--text-mute);letter-spacing:.5px;text-transform:uppercase;font-size:11px;width:42%;padding-right:14px}.spec-table td.v{font-family:var(--font-body);color:var(--forge-black);font-weight:500}.detail-desc{font-size:13.5px;color:var(--text-mute);line-height:1.7}.detail-actions{display:flex;gap:10px;margin-bottom:20px;padding:18px;background:var(--forge-black);position:relative}.detail-actions:before{content:"";position:absolute;top:0;right:0;width:18px;height:18px;background:var(--fire-red);-webkit-clip-path:polygon(100% 0,100% 100%,0 0);clip-path:polygon(100% 0,100% 100%,0 0)}.detail-actions .cta-btn{padding:14px 24px;font-size:13px}.qty-input{display:flex;align-items:center;gap:0;background:var(--steel-navy);border:1px solid var(--deep-steel)}.qty-input button{width:38px;height:42px;background:transparent;border:none;color:#fff;font-size:18px;cursor:pointer}.qty-input button:hover{background:var(--fire-red)}.qty-input input{width:50px;height:42px;background:transparent;border:none;border-left:1px solid var(--deep-steel);border-right:1px solid var(--deep-steel);color:#fff;text-align:center;font-family:var(--font-mono);font-size:14px}.related{margin-top:60px;padding-top:40px;border-top:1px solid var(--border)}.related h2{font-family:var(--font-display);font-size:24px;font-weight:800;text-transform:uppercase;margin-bottom:24px}.seo-content{background:var(--bg-card);padding:32px;border:1px solid var(--border);margin-top:40px}.seo-content h2{font-family:var(--font-display);font-size:22px;font-weight:800;text-transform:uppercase;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--fire-red);display:inline-block}.seo-content h3{font-family:var(--font-heading);font-size:16px;font-weight:600;margin:20px 0 10px}.seo-content p{font-size:14px;line-height:1.7;color:var(--text-mute);margin-bottom:12px}.seo-content ul{margin:12px 0 12px 24px}.seo-content li{font-size:14px;line-height:1.7;color:var(--text-mute);margin-bottom:6px}.rfq-drawer{position:fixed;top:0;right:-420px;width:420px;max-width:100vw;height:100vh;background:#fff;box-shadow:-10px 0 30px rgba(0,0,0,.15);z-index:300;transition:right .3s;display:flex;flex-direction:column}.rfq-drawer.open{right:0}.rfq-overlay{position:fixed;inset:0;background:rgba(10,15,30,.5);z-index:299;opacity:0;pointer-events:none;transition:opacity .3s}.rfq-overlay.open{opacity:1;pointer-events:auto}.rfq-head{background:var(--forge-black);color:#fff;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;position:relative}.rfq-head:before{content:"";position:absolute;top:0;right:0;width:24px;height:24px;background:var(--fire-red);-webkit-clip-path:polygon(100% 0,100% 100%,0 0);clip-path:polygon(100% 0,100% 100%,0 0)}.rfq-head h3{font-family:var(--font-display);font-size:22px;font-weight:800;text-transform:uppercase}.rfq-close{background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer}.rfq-list{flex:1 1;overflow-y:auto;padding:16px 24px}.rfq-item{display:grid;grid-template-columns:50px 1fr auto;grid-gap:10px;gap:10px;padding:12px 0;border-bottom:1px solid var(--border);align-items:center}.rfq-item img{width:50px;height:50px;object-fit:contain;background:var(--warm-surface);padding:4px}.rfq-item-info{font-size:12px;line-height:1.4}.rfq-item-info b{display:block;font-family:var(--font-heading);font-weight:600;color:var(--text)}.rfq-item-info span{font-size:10px}.rfq-empty,.rfq-item-info span{font-family:var(--font-mono);color:var(--text-mute)}.rfq-empty{padding:40px 24px;text-align:center;font-size:12px}.rfq-foot{padding:18px 24px;border-top:1px solid var(--border);background:var(--warm-surface)}.rfq-foot .cta-btn{width:100%;padding:14px;font-size:13px}footer{background:var(--steel-navy);color:var(--cool-gray);padding:48px 0 20px;border-top:2px solid var(--fire-red);margin-top:60px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:32px;gap:32px;margin-bottom:30px}.footer-brand p{font-family:var(--font-body);font-size:13px;line-height:1.7;margin-top:12px}.footer-col h4{font-family:var(--font-display);color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px}.footer-col ul{list-style:none}.footer-col li{padding:3px 0;font-size:13px}.footer-col a:hover{color:var(--fire-red)}.footer-bottom{border-top:1px solid var(--deep-steel);padding-top:18px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-family:var(--font-mono);font-size:11px;color:var(--text-mute);letter-spacing:.5px}.rfq-form-wrap{padding:40px 0 60px}.rfq-form-grid{display:grid;grid-template-columns:1.5fr 1fr;grid-gap:40px;gap:40px}.rfq-form-card{background:var(--bg-card);padding:32px;border:1px solid var(--border)}.rfq-form-card h2{font-family:var(--font-display);font-size:22px;font-weight:800;text-transform:uppercase;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--fire-red);display:inline-block}.field{margin-bottom:16px}.field label{display:block;font-family:var(--font-label);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-mute);margin-bottom:6px}.field input,.field textarea{width:100%;padding:11px 14px;border:1px solid var(--border);font-size:14px;font-family:var(--font-body);background:#fff}.field input:focus,.field textarea:focus{outline:none;border-color:var(--fire-red)}.field textarea{min-height:100px;resize:vertical}@media (max-width:1200px){.browse-grid{grid-template-columns:repeat(3,1fr)}.browse-card:nth-child(4n){border-right:1px solid var(--border)}.browse-card:nth-child(3n){border-right:none}.products-grid{grid-template-columns:repeat(3,1fr)}.product:nth-child(4n){border-right:1px solid var(--border)}.product:nth-child(3n){border-right:none}.list-row{grid-template-columns:64px 100px 1.5fr 90px 80px 180px}.list-row .col-specs{display:none}}@media (max-width:1024px){.browse-grid{grid-template-columns:repeat(2,1fr)}.browse-card:nth-child(3n){border-right:1px solid var(--border)}.browse-card:nth-child(2n){border-right:none}.cat-layout{grid-template-columns:1fr}.filters{position:static;max-height:none;border-right:none}.products-grid{grid-template-columns:repeat(2,1fr)}.product:nth-child(3n){border-right:1px solid var(--border)}.product:nth-child(2n){border-right:none}.footer-grid{grid-template-columns:1fr 1fr}.detail-grid{gap:24px}.detail-grid,.rfq-form-grid{grid-template-columns:1fr}}@media (max-width:768px){.browse-grid,.products-grid{grid-template-columns:1fr}.browse-card,.product{border-right:none!important}.nav-link,.nav-search{display:none}.footer-grid{grid-template-columns:1fr}.browse-hero h1,.cat-header h1{font-size:28px}.detail-name{font-size:24px}.rfq-drawer{width:100vw;right:-100vw}}