:root{--brand-red:#e21323;--brand-red-dark:#b50f1c;--brand-red-soft:#fdecee;--brand-black:#0a0a0a;--brand-gray:#adadad;--bg:#fff;--bg-muted:#f7f8fa;--surface:#fff;--border:#e6e8ec;--border-strong:#cfd3d9;--text:#14171a;--text-2:#4b5058;--text-muted:#737a85;--text-inverse:#fff;--success:#15803d;--success-bg:#e6f4ea;--warning:#b45309;--warning-bg:#fdf1e0;--info:#1d4ed8;--info-bg:#e8effc;--radius-sm:6px;--radius:10px;--radius-lg:16px;--shadow-sm:0 1px 2px #1018280f;--shadow:0 4px 16px #10182814;--shadow-lg:0 16px 48px #10182824;--font:var(--font-sans,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif);--container:1280px;--header-h:64px;--focus:0 0 0 3px #e2132338}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}a:hover{color:var(--brand-red-dark)}img,svg{max-width:100%}img{height:auto}h1,h2,h3,h4{letter-spacing:-.015em;overflow-wrap:anywhere;margin:0;font-weight:650;line-height:1.2}h1{font-size:clamp(1.7rem,1.2rem + 2vw,2.6rem)}h2{font-size:clamp(1.3rem,1.05rem + 1vw,1.75rem)}h3{font-size:1.1rem}p{margin:0}button{font:inherit;color:inherit}:focus-visible{box-shadow:var(--focus);border-radius:var(--radius-sm);outline:none}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:20px}@media (max-width:640px){.container{padding-inline:16px}}.stack{flex-direction:column;gap:16px;display:flex}.row{align-items:center;gap:10px;display:flex}.row-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.grow{flex:1;min-width:0}.wrap{flex-wrap:wrap}.section{padding-block:clamp(32px,5vw,64px)}.section-muted{background:var(--bg-muted)}.muted{color:var(--text-muted)}.text-2{color:var(--text-2)}.small{font-size:.875rem}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.center{text-align:center}.nowrap{white-space:nowrap}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}@media (max-width:520px){.grid-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;transition:box-shadow .15s,border-color .15s,transform .15s;display:flex;overflow:hidden}.card:hover{box-shadow:var(--shadow);border-color:var(--border-strong);transform:translateY(-2px)}.card-media{aspect-ratio:4/3;background:var(--bg-muted);place-items:center;display:grid;position:relative;overflow:hidden}.card-media img{object-fit:contain;width:100%;height:100%}.category-icon{block-size:auto;max-block-size:60%;inline-size:46%;color:var(--border-strong)}.category-icon-lg{inline-size:34%}.card-eyebrow{letter-spacing:.02em;color:var(--text-muted);text-transform:uppercase;font-size:.75rem;font-weight:600}.card-eyebrow:hover{color:var(--brand-red-dark)}.card-body{flex-direction:column;flex:1;gap:6px;padding:14px;display:flex}.card-title{overflow-wrap:anywhere;font-size:.95rem;font-weight:600;line-height:1.35}.card-price{color:var(--brand-black);font-weight:700}.card-foot{border-block-start:1px solid var(--border);margin-block-start:auto;padding-block-start:10px;font-size:.8rem}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding-block:2px;padding-inline:9px;font-size:.75rem;font-weight:650;display:inline-flex}.badge-verified{background:var(--success-bg);color:var(--success)}.badge-neutral{background:var(--bg-muted);color:var(--text-2);border:1px solid var(--border)}.badge-accent{background:var(--brand-red-soft);color:var(--brand-red-dark)}.badge-stock-out{background:var(--warning-bg);color:var(--warning)}.btn{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);min-height:44px;color:var(--text);cursor:pointer;text-align:center;justify-content:center;align-items:center;gap:8px;padding-inline:20px;font-weight:600;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.btn:hover{background:var(--bg-muted);color:var(--text)}.btn-primary{background:var(--brand-red);border-color:var(--brand-red);color:#fff}.btn-primary:hover{background:var(--brand-red-dark);border-color:var(--brand-red-dark);color:#fff}.btn-dark{background:var(--brand-black);border-color:var(--brand-black);color:#fff}.btn-dark:hover{color:#fff;background:#262626}.btn-sm{min-height:36px;padding-inline:14px;font-size:.875rem}.btn-block{width:100%}.site-header{z-index:40;background:var(--surface);border-block-end:1px solid var(--border);position:sticky;inset-block-start:0}.site-header .bar{min-height:var(--header-h);flex-wrap:wrap;align-items:center;gap:12px 20px;padding-block:10px;display:flex}.brand-logo{flex-shrink:0;align-items:center;display:inline-flex}.brand-logo img{block-size:38px;inline-size:auto}.site-footer .footer-grid img{block-size:40px;inline-size:auto}@media (max-width:520px){.brand-logo img{block-size:30px}}@media (max-width:400px){.header-cta{display:none}}.nav-row{border-block-start:1px solid var(--border);background:var(--surface)}.site-nav{flex-wrap:wrap;gap:24px;padding-block:10px;font-size:.925rem;font-weight:550;display:flex}.site-nav a:hover{color:var(--brand-red-dark)}@media (max-width:820px){.nav-row{display:none}}.mobile-nav-wrap{display:none}@media (max-width:820px){.brand-logo{margin-inline-end:auto}.mobile-nav-wrap{display:block}}.nav-toggle{cursor:pointer;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);block-size:44px;inline-size:44px;color:var(--text);justify-content:center;align-items:center;padding:0;display:inline-flex}.nav-toggle:focus-visible{border-color:var(--brand-red);box-shadow:var(--focus);outline:none}.nav-toggle-bars{gap:4px;inline-size:18px;display:grid}.nav-toggle-bars>span{background:currentColor;border-radius:2px;block-size:2px;inline-size:100%;transition:transform .14s,opacity .14s;display:block}.nav-toggle-bars.is-open>span:first-child{transform:translateY(6px)rotate(45deg)}.nav-toggle-bars.is-open>span:nth-child(2){opacity:0}.nav-toggle-bars.is-open>span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.mobile-nav{background:var(--surface);border-block-end:1px solid var(--border);box-shadow:var(--shadow);max-block-size:calc(100dvh - var(--header-h));position:absolute;inset-block-start:100%;inset-inline:0;overflow-y:auto}.mobile-nav[hidden]{display:none}.mobile-nav nav{max-width:var(--container);flex-direction:column;margin-inline:auto;padding-block:4px;display:flex}.mobile-nav nav a{border-block-end:1px solid var(--border);padding-block:14px;padding-inline:20px;font-weight:550}.mobile-nav nav a:last-child{border-block-end:none}.mobile-nav nav a[aria-current=page]{color:var(--brand-red-dark);background:var(--brand-red-soft)}@media (min-width:821px){.mobile-nav-wrap,.mobile-nav{display:none}}.site-footer{background:var(--brand-black);color:#d6d8dc;margin-block-start:64px;padding-block:44px 28px}.site-footer a{color:#d6d8dc}.site-footer a:hover{color:#fff}.site-footer h4{color:#fff;margin-block-end:12px;font-size:.9rem}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:32px;display:grid}.footer-bottom{color:#9aa0a8;border-block-start:1px solid #26292e;margin-block-start:32px;padding-block-start:20px;font-size:.8rem}.breadcrumbs{color:var(--text-muted);overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:8px;padding-block:16px;font-size:.85rem;display:flex}.breadcrumbs .sep{color:var(--border-strong)}.breadcrumbs a:hover{color:var(--brand-red-dark)}.pdp{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:clamp(24px,4vw,56px);display:grid}@media (max-width:900px){.pdp{grid-template-columns:1fr}}.gallery-main{aspect-ratio:1;background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius);place-items:center;display:grid;position:relative;overflow:hidden}.gallery-main img{object-fit:contain;width:100%;height:100%}.gallery-thumbs{flex-wrap:wrap;gap:10px;margin-block-start:12px;display:flex}.gallery-thumbs .thumb{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-muted);block-size:72px;inline-size:72px;overflow:hidden}.gallery-thumbs .thumb img{object-fit:contain;width:100%;height:100%}.price-block{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:20px}.price-main{letter-spacing:-.02em;font-size:1.85rem;font-weight:750}.price-request{color:var(--text-2);font-size:1.2rem;font-weight:650}.spec-table{border-collapse:collapse;width:100%;font-size:.925rem}.spec-table th,.spec-table td{text-align:start;border-block-end:1px solid var(--border);vertical-align:top;padding-block:10px;padding-inline:0}.spec-table th{color:var(--text-muted);inline-size:42%;font-weight:550}.spec-table tr:last-child th,.spec-table tr:last-child td{border-block-end:0}.supplier-box{border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:12px;padding:18px;display:flex}.supplier-logo{border-radius:var(--radius-sm);border:1px solid var(--border);object-fit:contain;background:#fff;flex-shrink:0;block-size:48px;inline-size:48px}.state{text-align:center;color:var(--text-muted);padding-block:64px}.state h2{color:var(--text);margin-block-end:8px}.flavour-ribbon{z-index:90;letter-spacing:.04em;text-transform:uppercase;background:var(--warning-bg);color:var(--warning);box-shadow:var(--shadow-sm);pointer-events:none;border:1px solid #f5dcb3;border-radius:999px;align-items:center;gap:8px;padding-block:4px;padding-inline:11px;font-size:.7rem;font-weight:700;display:inline-flex;position:fixed;inset-block-end:10px;inset-inline-start:10px}.flavour-ribbon.live{background:var(--brand-red);color:#fff;border:0;border-radius:0;justify-content:center;font-size:.75rem;inset-block:0 auto;inset-inline:0}[dir=rtl] .dir-flip{transform:scaleX(-1)}.search-form{align-items:center;gap:10px;max-width:720px;display:flex}.search-form .input{flex:1;min-inline-size:0}.header-search-form{max-inline-size:560px;margin-inline:auto}@media (max-width:820px){.header-search-form{flex-basis:100%;order:3;max-inline-size:none;margin-inline:0}.site-header .brand-logo{margin-inline-end:auto}}.input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);min-width:0;min-height:44px;color:var(--text);font:inherit;text-align:start;padding-block:8px;padding-inline:14px}.input::placeholder{color:var(--text-muted)}.input:focus-visible{border-color:var(--brand-red)}.value-props{border-block-end:1px solid var(--border);background:var(--surface)}.value-props-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px 32px;padding-block:26px;display:grid}.value-prop{align-items:start;gap:12px;display:flex}.value-prop svg{block-size:28px;inline-size:28px;color:var(--brand-red);flex-shrink:0}.value-prop-title{font-size:.925rem;font-weight:650}.supplier-rail{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;display:grid}.supplier-chip{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);align-items:center;gap:10px;min-width:0;padding:12px 14px;transition:border-color .12s,box-shadow .12s;display:flex}.supplier-chip:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm);color:inherit}.supplier-chip-name{font-size:.925rem;font-weight:600}.listing-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-block-end:16px;display:flex}.sort-form{align-items:center;gap:8px;display:flex}.sort-form select{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);min-block-size:38px;color:var(--text);font:inherit;padding-block:6px;padding-inline:10px}@media (scripting:enabled){.sort-apply{display:none}}.badge-moq{background:var(--bg-muted);color:var(--text-2);border:1px solid var(--border);font-variant-numeric:tabular-nums}.cat-menu-wrap{position:static}.cat-menu-toggle{cursor:pointer;font:inherit;color:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-weight:550;display:inline-flex}.cat-menu-toggle:hover{color:var(--brand-red-dark)}.cat-menu-toggle:focus-visible{box-shadow:var(--focus);border-radius:var(--radius-sm);outline:none}.caret{border-block-end:2px solid;border-inline-end:2px solid;block-size:7px;inline-size:7px;transition:transform .14s;transform:rotate(45deg)translate(-2px,-2px)}.caret.is-open{transform:rotate(-135deg)translate(-2px,-2px)}.cat-menu{background:var(--surface);border-block-end:1px solid var(--border);box-shadow:var(--shadow);z-index:41;position:absolute;inset-block-start:100%;inset-inline:0}.cat-menu[hidden]{display:none}.cat-menu-inner{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:24px 32px;padding-block:24px;display:grid}.cat-menu-col ul{flex-direction:column;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.cat-menu-col li a{color:var(--text-2);font-size:.875rem}.cat-menu-col li a:hover{color:var(--brand-red-dark)}.cat-menu-root{overflow-wrap:anywhere;font-weight:650}.cat-menu-all{align-items:start;display:flex}.hero{background:var(--bg-muted);border-block-end:1px solid var(--border);padding-block:clamp(36px,6vw,68px)}.stat-band{grid-template-columns:repeat(auto-fit,minmax(140px,max-content));gap:12px 40px;margin:0;padding-block-start:12px;display:grid}.stat-band dt{color:var(--brand-black);font-size:clamp(1.4rem,1.1rem + 1vw,1.9rem);font-weight:700}.stat-band dd{color:var(--text-muted);margin:0;font-size:.85rem}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-block-end:20px;display:flex}.section-head a{color:var(--brand-red-dark);font-weight:600}.category-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.category-card{text-align:center;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;align-items:center;gap:6px;padding:22px 14px;transition:border-color .12s,box-shadow .12s,transform .12s;display:flex}.category-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow);color:inherit;transform:translateY(-2px)}.category-card .category-icon{max-block-size:none;inline-size:52px;color:var(--brand-red)}.category-card-name{overflow-wrap:anywhere;font-size:.95rem;font-weight:600}.rfq-band{border-radius:var(--radius-lg);background:var(--brand-red-soft);border:1px solid #f6c9ce;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:clamp(20px,3vw,32px);display:flex}.search-layout{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:32px;margin-block-end:48px;display:grid}@media (max-width:900px){.search-layout{grid-template-columns:1fr;gap:20px}}.filters{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:18px;padding:16px;display:flex;position:sticky;inset-block-start:88px}@media (max-width:900px){.filters{position:static}}.filter-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.filter-head h2{font-size:1rem}.filter-head a{color:var(--brand-red-dark);text-decoration:underline}.filter-group{border:0;flex-direction:column;gap:6px;margin:0;padding:0;display:flex}.filter-group legend{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-block-end:6px;padding:0;font-size:.8rem;font-weight:700}.filter-option{cursor:pointer;align-items:center;gap:8px;padding-block:3px;font-size:.9rem;display:flex}.filter-option input{accent-color:var(--brand-red);flex-shrink:0;block-size:16px;inline-size:16px}.filter-count{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.8rem}.filter-apply{align-self:start}@media (scripting:enabled){.filter-apply{display:none}}.pager{color:var(--text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding-block:40px;font-size:.9rem;display:flex}.pager span[aria-disabled=true]{opacity:.45;cursor:default}.prose{flex-direction:column;gap:16px;max-width:72ch;display:flex}.prose h2{margin-block-start:20px}.prose ol,.prose ul{flex-direction:column;gap:10px;margin:0;padding-inline-start:24px;display:flex}.prose a{color:var(--brand-red-dark);text-decoration:underline}.prose a:hover{text-decoration:none}.note{border-radius:var(--radius-sm);background:var(--warning-bg);max-width:72ch;color:var(--warning);border:1px solid #f5dcb3;padding-block:14px;padding-inline:16px;font-size:.9rem;font-weight:600}.enquiry-form{max-width:720px}.enquiry-subject{border-radius:var(--radius);background:var(--brand-red-soft);border:1px solid #f6c9ce;flex-direction:column;gap:2px;padding:12px 16px;display:flex}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;display:grid}@media (max-width:620px){.field-grid{grid-template-columns:1fr}}.field{flex-direction:column;gap:6px;display:flex}.field>span{color:var(--text-2);font-size:.875rem;font-weight:600}.field .req{color:var(--brand-red)}.field input,.field select,.field textarea{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);inline-size:100%;font:inherit;color:var(--text);padding-block:11px;padding-inline:12px}.field textarea{resize:vertical;min-block-size:130px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand-red);box-shadow:var(--focus);outline:none}.alert-error{border-radius:var(--radius-sm);color:#b91c1c;background:#fbe9e9;border:1px solid #f1c2c2;padding-block:11px;padding-inline:14px;font-size:.925rem}.honeypot{block-size:1px;inline-size:1px;position:absolute;inset-inline-start:-9999px;overflow:hidden}.reference{border-radius:var(--radius-sm);background:var(--bg-muted);border:1px solid var(--border);color:var(--text);margin-block-start:20px;padding-block:10px;padding-inline:16px;display:inline-block}