:root{--red:#CC1E28;--red2:#e8222e;--rlt:#fff5f5;--blk:#111;--blk2:#1a1a1a;--g50:#f8f9fb;--g100:#f1f2f4;--g200:#e2e4e8;--g300:#c4c9d4;--g500:#6b7280;--g700:#374151;--g900:#0f1010;--wh:#fff;--r:8px;--rl:12px;--s1:0 1px 3px rgba(0, 0, 0,.07);--s3:0 8px 32px rgba(0, 0, 0,.11);--fh:'Barlow Condensed', sans-serif;--fb:'Inter', sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--fb);background:var(--g50);color:var(--g900);line-height:1.6;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f0f0f0}::-webkit-scrollbar-thumb{background:var(--red);border-radius:3px}.topbar{background:var(--blk);padding:7px 1.5rem}.ti{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.tl{display:flex;align-items:center;gap:22px}.titem{display:flex;align-items:center;gap:6px;font-size:12px;color:rgba(255, 255, 255,.5)}.titem svg{width:13px;height:13px;color:var(--red)}.tr{display:flex;align-items:center;gap:14px}.tr a{font-size:12px;color:rgba(255, 255, 255,.45);text-decoration:none;transition:color .15s}.tr a:hover{color:white}.tdv{width:1px;height:12px;background:rgba(255, 255, 255,.15)}.ebtn{background:var(--red);color:white!important;font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:5px 14px;border-radius:4px;font-family:var(--fh);transition:background .15s;text-decoration:none}.ebtn:hover{background:var(--red2)!important}header{background:white;border-bottom:1px solid var(--g200);position:sticky;top:0;z-index:300;box-shadow:0 2px 8px rgba(0, 0, 0,.06)}.hdr{max-width:1400px;margin:0 auto;padding:0 1.5rem;height:76px;display:flex;align-items:center;gap:2rem}.logo-link{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.logo-link img{height:54px;width:auto;object-fit:contain}.hsrch{flex:1;max-width:580px;position:relative}.hsrch svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:var(--g300)}.hsrch input{width:100%;height:46px;border:2px solid var(--g200);border-radius:var(--r);padding:0 16px 0 44px;font-family:var(--fb);font-size:14px;outline:none;transition:border-color .18s;background:var(--g50)}.hsrch input:focus{border-color:var(--red);background:white;box-shadow:0 0 0 3px rgba(204, 30, 40,.07)}.hsrch input::placeholder{color:var(--g300)}.sbtn{position:absolute;right:5px;top:5px;height:36px;background:var(--red);color:white;border:none;border-radius:6px;padding:0 20px;font-family:var(--fh);font-size:13px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:background .15s}.sbtn:hover{background:var(--red2)}.hact{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-left:auto}.hph{display:flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;color:var(--g700);text-decoration:none;transition:color .15s;white-space:nowrap}.hph:hover{color:var(--red)}.hph svg{width:16px;height:16px;color:var(--red)}.bq{background:var(--red);color:white;border:none;border-radius:var(--r);padding:10px 22px;font-family:var(--fh);font-size:14px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:all .18s;display:flex;align-items:center;gap:7px;white-space:nowrap}.bq:hover{background:var(--red2);box-shadow:0 4px 18px rgba(204, 30, 40,.35);transform:translateY(-1px)}.nav-bar{background:var(--blk);border-bottom:3px solid var(--red)}.ni{max-width:1400px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center}.nav-bar a{font-family:var(--fh);font-size:13.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255, 255, 255,.65);text-decoration:none;padding:11px 16px;display:block;transition:all .18s;border-bottom:3px solid transparent;margin-bottom:-3px}.nav-bar a:hover{color:white;background:rgba(255, 255, 255,.05)}.nav-bar a.active{color:white;border-bottom-color:var(--red)}.nsp{flex:1}.nemg{font-family:var(--fh);font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--red);display:flex;align-items:center;gap:6px;padding:11px 0;white-space:nowrap}.blk{animation:blnk 1.2s infinite}@keyframes blnk{0%, 100%{opacity:1}50%{opacity:.3}}.hero{position:relative;height:500px;overflow:hidden;background:#0d0d0d}.hero-stripe{position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--red);z-index:30}.slide{position:absolute;inset:0;opacity:0;transition:opacity .75s ease;pointer-events:none}.slide.active{opacity:1;pointer-events:all}.hero-img{position:absolute;left:430px;right:0;top:0;bottom:0;overflow:hidden}.hero-img::before{content:'';position:absolute;left:0;top:0;bottom:0;width:120px;background:linear-gradient(90deg, #1d1d1d, transparent);z-index:2;pointer-events:none}.hero-img img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .7s ease;display:block}.slide.active .hero-img img{transform:scale(1.03)}.hero-left{position:absolute;left:0;top:0;bottom:0;width:430px;background:linear-gradient(135deg, #0c0c0c 0%, #1d1d1d 100%);z-index:20;display:flex;flex-direction:column;justify-content:center;padding:40px 36px 40px 50px}.hero-left::after{content:'';position:absolute;right:-1px;top:0;bottom:0;width:80px;background:linear-gradient(90deg, #1d1d1d, transparent);pointer-events:none}.hbadge{display:inline-flex;align-items:center;gap:8px;background:rgba(204, 30, 40,.15);border:1px solid rgba(204, 30, 40,.35);border-radius:20px;padding:5px 15px;font-family:var(--fh);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#ff7a7a;margin-bottom:18px;width:fit-content}.hbadge::before{content:'';width:6px;height:6px;border-radius:50%;background:#ff7a7a;animation:pulse 2s infinite}@keyframes pulse{0%, 100%{opacity:1}50%{opacity:.4}}.hero h1{font-family:var(--fh);font-size:clamp(34px, 3.2vw, 56px);font-weight:900;line-height:.92;text-transform:uppercase;letter-spacing:-.5px;color:white;margin-bottom:14px}.hero h1 .acc{color:var(--red);display:block}.hero h1 .out{-webkit-text-stroke:1.5px rgba(255, 255, 255,.2);color:transparent;display:block}#hDesc{font-size:12.5px;color:rgba(255, 255, 255,.45);margin-bottom:24px;line-height:1.78;border-left:2px solid var(--red);padding-left:12px;max-width:320px;min-height:40px}.hctas{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.bhp{font-family:var(--fh);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--red);color:white;border:none;border-radius:var(--r);padding:11px 22px;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:7px}.bhp:hover{background:var(--red2);box-shadow:0 4px 20px rgba(204, 30, 40,.45);transform:translateY(-1px)}.bhg{font-family:var(--fh);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:transparent;color:white;border:1.5px solid rgba(255, 255, 255,.25);border-radius:var(--r);padding:11px 20px;cursor:pointer;transition:all .2s}.bhg:hover{border-color:rgba(255, 255, 255,.6);background:rgba(255, 255, 255,.07)}.hstats{display:flex;gap:0;border-top:1px solid rgba(255, 255, 255,.1);padding-top:20px}.hst{flex:1;padding-right:16px;position:relative}.hst:not(:last-child)::after{content:'';position:absolute;right:0;top:0;bottom:0;width:1px;background:rgba(255, 255, 255,.1)}.hst:not(:first-child){padding-left:16px;padding-right:0}.hst:not(:first-child):not(:last-child){padding-right:16px}.hsv{font-family:var(--fh);font-size:26px;font-weight:900;color:white;line-height:1}.hsv em{color:var(--red);font-style:normal}.hsl{font-size:10px;color:rgba(255, 255, 255,.35);text-transform:uppercase;letter-spacing:.1em;margin-top:2px}#hBrand{position:absolute;top:16px;right:18px;font-family:var(--fh);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255, 255, 255,.4);background:rgba(255, 255, 255,.06);border:1px solid rgba(255, 255, 255,.1);padding:5px 14px;border-radius:20px;z-index:25}.scnt{position:absolute;bottom:18px;right:18px;font-family:var(--fh);font-size:12px;font-weight:700;letter-spacing:.1em;color:rgba(255, 255, 255,.28);z-index:25}.sdots{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;z-index:25}.dot{width:8px;height:8px;border-radius:50%;background:rgba(255, 255, 255,.25);border:none;cursor:pointer;transition:all .25s;padding:0}.dot.active{background:var(--red);width:24px;border-radius:4px}.sarr{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0, 0, 0,.45);border:1px solid rgba(255, 255, 255,.15);color:white;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:25;transition:all .2s;backdrop-filter:blur(4px)}.sarr:hover{background:var(--red);border-color:var(--red)}.sarr svg{width:17px;height:17px}.aprev{left:436px}.anext{right:16px}.promo{background:var(--red);padding:9px 1.5rem}.pi2{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap}.pitem{display:flex;align-items:center;gap:7px;font-family:var(--fh);font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:white}.pitem svg{width:14px;height:14px;opacity:.85}.psep{width:4px;height:4px;border-radius:50%;background:rgba(255, 255, 255,.35)}.main{max-width:1400px;margin:0 auto;padding:1.5rem;display:grid;grid-template-columns:240px 1fr;gap:1.5rem;align-items:start}.sidebar{display:flex;flex-direction:column;gap:12px;position:sticky;top:92px}.sbox{background:#1a1a1a;border:1px solid rgba(255, 255, 255,.06);border-radius:var(--rl);overflow:hidden;box-shadow:0 4px 16px rgba(0, 0, 0,.3)}.shead{font-family:var(--fh);font-size:10.5px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:rgba(255, 255, 255,.3);padding:10px 16px;background:rgba(255, 255, 255,.04);border-bottom:1px solid rgba(255, 255, 255,.06)}.sbox ul{list-style:none}.sbox ul li a{display:flex;align-items:center;justify-content:space-between;padding:9px 16px;font-size:13px;color:rgba(255, 255, 255,.55);text-decoration:none;border-bottom:1px solid rgba(255, 255, 255,.05);transition:all .15s}.sbox ul li:last-child a{border-bottom:none}.sbox ul li a:hover{background:rgba(204, 30, 40,.12);color:#ff7a7a;padding-left:20px}.sbox ul li a.active{background:rgba(204, 30, 40,.15);color:#ff7a7a;font-weight:600;border-left:3px solid var(--red);padding-left:13px}.scnt2{font-family:var(--fh);font-size:10px;font-weight:700;background:rgba(255, 255, 255,.08);color:rgba(255, 255, 255,.35);padding:2px 8px;border-radius:10px}.active .scnt2{background:rgba(204, 30, 40,.2);color:#ff7a7a}.ecard{background:linear-gradient(135deg, var(--blk), #1f1f1f);border-radius:var(--rl);padding:18px;position:relative;overflow:hidden;border:1px solid rgba(204, 30, 40,.2)}.ecard::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--red)}.etitle{font-family:var(--fh);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:white;margin-bottom:7px;display:flex;align-items:center;gap:7px}.ecard p{font-size:12px;color:rgba(255, 255, 255,.5);line-height:1.65;margin-bottom:12px}.ecbtn{display:block;text-align:center;background:var(--red);color:white;text-decoration:none;padding:10px;border-radius:var(--r);font-family:var(--fh);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;transition:all .18s;margin-bottom:8px}.ecbtn:hover{background:var(--red2)}.eceml{display:block;text-align:center;font-size:11px;color:rgba(255, 255, 255,.35);text-decoration:none;transition:color .15s}.eceml:hover{color:rgba(255, 255, 255,.7)}.cathdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.cattitle{font-family:var(--fh);font-size:22px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:var(--blk);display:flex;align-items:center;gap:10px}.cattitle::before{content:'';width:4px;height:22px;background:var(--red);border-radius:2px;flex-shrink:0}.catsub{font-size:12px;font-weight:400;color:var(--g500);font-family:var(--fb);text-transform:none;margin-left:4px}.hpill{display:inline-flex;align-items:center;gap:6px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;padding:5px 14px;font-size:11.5px;color:#16a34a;font-weight:500}.ldot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 7px #22c55e;animation:pulse 2s infinite;flex-shrink:0}.frow{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px;align-items:center}.flbl{font-family:var(--fh);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--g500);margin-right:2px}.fp{font-family:var(--fh);font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:white;border:1.5px solid var(--g200);color:var(--g500);padding:5px 14px;border-radius:20px;cursor:pointer;transition:all .18s}.fp:hover{border-color:var(--red);color:var(--red);background:var(--rlt)}.fp.active{background:var(--red);border-color:var(--red);color:white}.cgrid{display:grid;grid-template-columns:repeat(3, 1fr);gap:14px}.cc{background:white;border:1.5px solid var(--g200);border-radius:var(--rl);overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:all .22s;box-shadow:var(--s1);position:relative;animation:fu .45s ease both}.cc::before{content:'';position:absolute;top:0;left:0;right:0;height:0;background:var(--red);transition:height .22s;z-index:1}.cc:hover{border-color:rgba(204, 30, 40,.3);transform:translateY(-4px);box-shadow:0 12px 32px rgba(0, 0, 0,.1)}.cc:hover::before{height:3px}@keyframes fu{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.cc:nth-child(1){animation-delay:.04s}.cc:nth-child(2){animation-delay:.08s}.cc:nth-child(3){animation-delay:.12s}.cc:nth-child(4){animation-delay:.16s}.cc:nth-child(5){animation-delay:.20s}.cc:nth-child(6){animation-delay:.24s}.cc:nth-child(7){animation-delay:.28s}.cc:nth-child(8){animation-delay:.32s}.cc:nth-child(9){animation-delay:.36s}.cc:nth-child(10){animation-delay:.40s}.cc-banner{height:115px;min-height:115px;max-height:115px;flex-shrink:0;flex-grow:0;display:flex;align-items:center;justify-content:center;padding:6px 12px;background:#f8f9fb;border-bottom:1px solid var(--g100);overflow:hidden;position:relative;transition:background .2s}.cc-banner img{max-width:92%;max-height:100px;width:auto;height:auto;object-fit:contain;display:block;margin:0 auto;transition:transform .3s ease}.cc:hover .cc-banner{background:#fff}.cc:hover .cc-banner img{transform:scale(1.05)}.cc-banner::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--red);transform:scaleX(0);transition:transform .25s ease;transform-origin:left}.cc:hover .cc-banner::after{transform:scaleX(1)}.cci{display:none}.cch{padding:12px 16px 8px;border-bottom:1px solid var(--g100)}.ccmeta{display:flex;flex-direction:column;gap:2px}.ccn{font-family:var(--fh);font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--blk);line-height:1.2}.ccb{font-size:11px;color:var(--g500);line-height:1.4}.ccbody{padding:10px 16px 12px;flex:1}.stags{display:flex;flex-wrap:wrap;gap:5px}.stag{background:var(--g50);border:1px solid var(--g200);color:var(--g700);font-size:11px;padding:3px 8px;border-radius:4px;transition:all .15s;white-space:nowrap}.cc:hover .stag{background:#fff5f5;border-color:#fecaca;color:#b91c1c}.ccf{padding:9px 16px;border-top:1px solid var(--g100);display:flex;align-items:center;justify-content:space-between;background:var(--g50);margin-top:auto}.ccnt{font-size:10.5px;color:var(--g500)}.cclnk{font-family:var(--fh);font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--red);text-decoration:none;display:flex;align-items:center;gap:4px;transition:gap .18s}.cc:hover .cclnk{gap:8px}.cclnk svg{width:11px;height:11px}.rfqb{background:linear-gradient(135deg, var(--blk), #1f1f1f);border-radius:var(--rl);padding:28px 32px;margin:1.5rem 0;display:flex;align-items:center;justify-content:space-between;gap:2rem;position:relative;overflow:hidden;box-shadow:var(--s3);border:1px solid rgba(204, 30, 40,.15)}.rfqb::before{content:'';position:absolute;top:0;left:0;bottom:0;width:4px;background:var(--red)}.rfqb::after{content:'RFQ';position:absolute;right:-5px;top:50%;transform:translateY(-50%);font-family:var(--fh);font-size:130px;font-weight:900;color:rgba(204, 30, 40,.05);pointer-events:none;user-select:none;line-height:1}.rfqt{font-family:var(--fh);font-size:21px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:white;margin-bottom:5px}.rfqs{font-size:13px;color:rgba(255, 255, 255,.5);font-weight:300}.rfqbdg{display:flex;gap:7px;flex-wrap:wrap}.rb{font-family:var(--fh);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:1px solid rgba(255, 255, 255,.12);color:rgba(255, 255, 255,.6);padding:5px 12px;border-radius:4px}.rb.hot{border-color:rgba(204, 30, 40,.45);color:#ff8a8a;background:rgba(204, 30, 40,.12)}.sechdr{display:flex;align-items:center;gap:12px;margin:2rem 0 14px}.sechdr h2{font-family:var(--fh);font-size:18px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--blk)}.sechdr::before{content:'';width:4px;height:20px;background:var(--red);border-radius:2px;flex-shrink:0}.sechdr::after{content:'';flex:1;height:1px;background:var(--g200)}.wgrid{display:grid;grid-template-columns:repeat(3, 1fr);gap:12px;margin-bottom:1.5rem}.wcard{background:white;border:1.5px solid var(--g200);border-radius:var(--rl);padding:20px;transition:all .2s;box-shadow:var(--s1);display:flex;flex-direction:column}.wcard:hover{border-color:rgba(204, 30, 40,.25);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0, 0, 0,.08)}.wico{width:52px;height:52px;margin-bottom:16px;flex-shrink:0;background:rgba(204, 30, 40,.07);border-radius:14px;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(204, 30, 40,.12);transition:all .2s}.wcard:hover .wico{background:rgba(204, 30, 40,.12);border-color:rgba(204, 30, 40,.25);transform:scale(1.05)}.wico svg{width:26px;height:26px}.wnam{font-family:var(--fh);font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--blk);margin-bottom:6px}.wdsc{font-size:12.5px;color:var(--g500);line-height:1.7}.pcat-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px;background:white;border:1.5px solid var(--g200);border-radius:var(--rl);padding:14px 16px;box-shadow:var(--s1)}.pcat-search{flex:1;min-width:260px;position:relative}.pcat-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--g300)}.pcat-search input{width:100%;height:40px;border:1.5px solid var(--g200);border-radius:var(--r);padding:0 12px 0 36px;font-family:var(--fb);font-size:13.5px;outline:none;transition:border-color .18s;background:var(--g50)}.pcat-search input:focus{border-color:var(--red);background:white}.pcat-search input::placeholder{color:var(--g300)}.pcat-sel{height:40px;border:1.5px solid var(--g200);border-radius:var(--r);padding:0 10px;font-family:var(--fb);font-size:13px;color:var(--g700);background:var(--g50);outline:none;cursor:pointer;min-width:160px}.pcat-sel:focus{border-color:var(--red)}.pcat-clear{height:40px;background:var(--g100);border:1.5px solid var(--g200);border-radius:var(--r);padding:0 16px;font-family:var(--fh);font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--g500);cursor:pointer;transition:all .18s;white-space:nowrap}.pcat-clear:hover{border-color:var(--red);color:var(--red);background:var(--rlt)}.pcat-meta{font-size:12.5px;color:var(--g500);margin-bottom:10px;padding:0 2px}.pcat-wrap{background:white;border:1.5px solid var(--g200);border-radius:var(--rl);overflow:hidden;box-shadow:var(--s1);overflow-x:auto}.pcat-table{width:100%;border-collapse:collapse;font-size:13px}.pcat-table thead{background:var(--blk);position:sticky;top:0;z-index:5}.pcat-table thead th{padding:11px 14px;text-align:left;font-family:var(--fh);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255, 255, 255,.65);white-space:nowrap;border-right:1px solid rgba(255, 255, 255,.07)}.pcat-table thead th:last-child{border-right:none}.sortable{cursor:pointer;user-select:none}.sortable:hover{color:white}.sort-ico{font-size:10px;opacity:.5;margin-left:4px}.pcat-table tbody tr{border-bottom:1px solid var(--g100);cursor:pointer;transition:background .12s}.pcat-table tbody tr:hover{background:#fff5f5}.pcat-table tbody tr:last-child{border-bottom:none}.pcat-table td{padding:10px 14px;vertical-align:middle;color:var(--g700)}.th-thumb{width:68px;padding:0 !important}.td-thumb{width:68px;padding:6px 8px 6px 10px !important;vertical-align:middle}.pcat-thumb-link{display:block;width:52px;height:52px;border-radius:6px;overflow:hidden;background:#f8fafc;border:1px solid var(--g100);transition:all .18s;text-decoration:none}.pcat-thumb-link:hover{border-color:var(--red);box-shadow:0 2px 8px rgba(204, 30, 40,.15);transform:translateY(-1px)}.pcat-thumb{width:100%;height:100%;display:block;object-fit:contain;background:#fff}.td-brand{white-space:nowrap;vertical-align:middle}.td-cat{color:var(--g500);white-space:nowrap;font-size:12px}.td-pn{font-family:monospace;font-size:12.5px;font-weight:600;color:var(--red);white-space:nowrap}.td-desc{max-width:380px;line-height:1.4}.rfq-cell{text-align:right;padding-right:10px;white-space:nowrap}.rfq-mini{font-family:var(--fh);font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;background:var(--red);color:white;border:none;border-radius:5px;padding:4px 12px;cursor:pointer;transition:all .18s;opacity:0}tr:hover .rfq-mini{opacity:1}.rfq-mini:hover{background:var(--red2)}.pcat-foot{display:flex;align-items:center;justify-content:space-between;padding:12px 0;margin-top:8px}#pcatShowing{font-size:12.5px;color:var(--g500)}.pcat-more{font-family:var(--fh);font-size:13px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;background:white;border:1.5px solid var(--g200);border-radius:var(--r);padding:9px 22px;cursor:pointer;color:var(--g700);transition:all .18s}.pcat-more:hover{border-color:var(--red);color:var(--red);background:var(--rlt)}.pcat-more:disabled{opacity:.35;cursor:default}.bgrid{display:grid;grid-template-columns:repeat(8, 1fr);gap:8px;margin-bottom:2rem}.brand-card{background:white;border:1.5px solid var(--g200);border-radius:var(--rl);padding:14px 8px;text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:90px;transition:all .22s;box-shadow:var(--s1);position:relative;overflow:hidden}.brand-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:0;background:var(--red);transition:height .2s}.brand-card:hover{border-color:rgba(204, 30, 40,.3);transform:translateY(-3px);box-shadow:0 8px 24px rgba(0, 0, 0,.1)}.brand-card:hover::after{height:3px}.blw{height:34px;display:flex;align-items:center;justify-content:center;width:100%}.blw img{max-height:30px;max-width:90%;object-fit:contain;filter:none;transition:transform .22s}.brand-card:hover .blw img{transform:scale(1.07)}.bln{font-family:var(--fh);font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--g500);transition:color .22s;line-height:1.2}.brand-card:hover .bln{color:var(--blk)}.bls{font-size:9px;color:var(--g300);line-height:1.2}.modal-back{position:fixed;inset:0;background:rgba(0, 0, 0,.6);backdrop-filter:blur(6px);z-index:1000;display:none;align-items:center;justify-content:center;padding:1.5rem}.modal-back.open{display:flex}.modal{background:white;border-radius:var(--rl);width:100%;max-width:560px;overflow:hidden;box-shadow:0 24px 64px rgba(0, 0, 0,.2);animation:min .28s cubic-bezier(.34, 1.56,.64, 1) both}@keyframes min{from{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.mhead{background:var(--blk);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid var(--red)}.mhead h3{font-family:var(--fh);font-size:18px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:white}.mclose{background:rgba(255, 255, 255,.08);border:1px solid rgba(255, 255, 255,.15);border-radius:6px;color:rgba(255, 255, 255,.6);cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .18s}.mclose:hover{background:rgba(204, 30, 40,.3);color:white}.mbody{padding:22px 24px}.fmrow{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.fg{margin-bottom:12px}.fg label{display:block;font-family:var(--fh);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--g500);margin-bottom:5px}.fg input,.fg textarea,.fg select{width:100%;background:var(--g50);border:1.5px solid var(--g200);border-radius:var(--r);padding:10px 13px;font-family:var(--fb);font-size:13.5px;color:var(--g900);outline:none;transition:border-color .18s}.fg input:focus,.fg textarea:focus,.fg select:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(204, 30, 40,.07);background:white}.fg textarea{resize:vertical;min-height:80px}.mfoot{padding:0 24px 22px;display:flex;gap:10px}.bsub{flex:1;background:var(--red);color:white;border:none;border-radius:var(--r);padding:12px;font-family:var(--fh);font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;cursor:pointer;transition:all .18s}.bsub:hover{background:var(--red2);box-shadow:0 4px 18px rgba(204, 30, 40,.35)}.bcan{background:var(--g50);color:var(--g500);border:1.5px solid var(--g200);border-radius:var(--r);padding:12px 18px;font-family:var(--fh);font-size:14px;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .18s}.bcan:hover{border-color:var(--g300);color:var(--g700)}.mnote{text-align:center;font-size:11.5px;color:var(--g500);padding:0 24px 18px}.mnote strong{color:var(--red)}footer{background:var(--blk);color:rgba(255, 255, 255,.4);padding:50px 1.5rem 24px;margin-top:4rem;position:relative}footer::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, var(--red) 0%, var(--red2) 40%, transparent 100%)}.fin{max-width:1400px;margin:0 auto}.flogo{margin-bottom:2.5rem}.flogo img{height:44px;width:auto;object-fit:contain;filter:none}.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:3rem;margin-bottom:32px}.fc h4{font-family:var(--fh);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:rgba(255, 255, 255,.3);margin-bottom:13px}.fc p{font-size:13px;color:rgba(255, 255, 255,.28);line-height:1.8;font-weight:300}.fc ul{list-style:none}.fc ul li a{font-size:13px;color:rgba(255, 255, 255,.28);text-decoration:none;line-height:2.3;display:block;transition:color .15s}.fc ul li a:hover{color:rgba(255, 255, 255,.65)}.fcrow{display:flex;align-items:flex-start;gap:9px;margin-bottom:10px}.fcrow svg{width:14px;height:14px;color:var(--red);flex-shrink:0;margin-top:2px}.fcrow a,.fcrow span{font-size:12.5px;color:rgba(255, 255, 255,.28);text-decoration:none;transition:color .15s}.fcrow a:hover{color:rgba(255, 255, 255,.65)}.fdis{display:flex;align-items:flex-start;gap:9px;font-size:11px;color:rgba(255, 255, 255,.18);line-height:1.65;padding:14px 16px;background:rgba(255, 255, 255,.03);border:1px solid rgba(255, 255, 255,.06);border-radius:8px;margin-bottom:18px}.fdis svg{width:14px;height:14px;flex-shrink:0;margin-top:1px;color:rgba(255, 255, 255,.18)}.fdv{border:none;border-top:1px solid rgba(255, 255, 255,.07);margin:0 0 18px}.fbot{display:flex;align-items:center;justify-content:space-between;font-size:11.5px;color:rgba(255, 255, 255,.18)}.fbot .r{color:var(--red);font-weight:600;opacity:.8}@media(max-width:1100px){.main{grid-template-columns:1fr}.sidebar{display:none}.cgrid{grid-template-columns:repeat(2, 1fr)}.bgrid{grid-template-columns:repeat(4, 1fr)}.fgrid{grid-template-columns:1fr 1fr}.wgrid{grid-template-columns:1fr 1fr}.hero-left{width:320px;padding:28px 24px 28px 32px}.hero-img{left:320px}.aprev{left:325px}.rfqb{flex-direction:column;align-items:flex-start;gap:16px}.rfqb::after{display:none}.pcat-bar{flex-wrap:wrap}.pcat-sel{flex:1;min-width:180px}}@media(max-width:768px){.tl{display:none}.tr{gap:8px;flex-wrap:wrap;justify-content:flex-end}.ebtn{font-size:10.5px;padding:5px 12px}.tdv{display:none}.hdr{height:64px;padding:0 1rem;gap:10px}.logo-link img{height:42px}.hsrch{display:none}.hph{display:none}.bq{padding:9px 16px;font-size:12.5px;gap:5px}.bq svg{display:none}.nav-bar{overflow-x:auto}.ni{padding:0 1rem;gap:0;min-width:max-content}.nav-bar a{padding:10px 14px;font-size:12px;white-space:nowrap}.nemg{display:none}.nsp{display:none}.hero{height:auto;min-height:auto}.hero-left{position:relative;width:100%;padding:28px 20px 24px;order:2}.hero-left::after{display:none}.hero-stripe{display:none}.slide{position:relative!important;display:flex;flex-direction:column;inset:auto!important;opacity:1!important;pointer-events:all!important}.slide:not(.active){display:none}.hero-img{position:relative!important;left:0!important;height:240px;width:100%;order:1}.hero-img::before{display:none}.hero h1{font-size:30px;margin-bottom:12px}#hDesc{font-size:12px;margin-bottom:16px;min-height:auto}.hctas{gap:8px;margin-bottom:20px}.bhp,.bhg{padding:10px 18px;font-size:12px}.hstats{padding-top:16px;flex-wrap:wrap;gap:8px}.hsv{font-size:22px}.hsl{font-size:9px}#hBrand{top:8px;right:8px;font-size:10px;padding:3px 10px}.scnt{bottom:10px;right:10px;font-size:10px}.sdots{bottom:10px;left:50%;transform:translateX(-50%)}.dot{width:7px;height:7px}.dot.active{width:20px}.sarr{width:34px;height:34px}.aprev{left:8px;top:120px}.anext{right:8px;top:120px}.pi2{gap:12px;justify-content:center}.pitem{font-size:11px}.psep{display:none}.main{padding:1rem;gap:1rem;grid-template-columns:1fr}.sidebar{display:none}.cgrid{grid-template-columns:1fr}.cathdr{flex-direction:column;align-items:flex-start;gap:8px}.frow{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.frow::-webkit-scrollbar{display:none}.fp{flex-shrink:0}.rfqb{padding:20px;flex-direction:column;gap:14px}.rfqb::after{display:none}.rfqbdg{flex-wrap:wrap}.wgrid{grid-template-columns:1fr}.pcat-bar{padding:10px 12px;gap:8px;flex-direction:column}.pcat-search{width:100%}.pcat-sel{width:100%;height:40px}.pcat-clear{width:100%}.pcat-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.pcat-table{font-size:12px;min-width:620px}.pcat-table td{padding:8px 10px}.td-desc{max-width:180px;font-size:11px}.td-cat{display:none}.th-thumb,.td-thumb{width:52px;padding:4px 6px !important}.pcat-thumb-link{width:40px;height:40px}.pcat-foot{flex-direction:column;gap:8px;align-items:flex-start}.pcat-more{width:100%;text-align:center}.bgrid{grid-template-columns:repeat(3, 1fr)}footer{padding:32px 1rem 20px}.fgrid{grid-template-columns:1fr;gap:2rem}.flogo img{height:38px}.modal{margin:0 0.5rem;max-height:90vh;overflow-y:auto}.fmrow{grid-template-columns:1fr}.mbody{padding:16px}.mfoot{padding:0 16px 16px}}@media(max-width:480px){.logo-link img{height:36px}.bq{font-size:12px;padding:8px 12px}.hero h1{font-size:24px}.hero-img{height:190px}.hstats .hst:last-child{display:none}.bgrid{grid-template-columns:repeat(2, 1fr)}.cgrid{grid-template-columns:1fr}.wcard{padding:16px}.topbar{padding:5px 0.75rem}.hdr{padding:0 0.75rem}.main{padding:0.75rem}.bhp,.bhg{padding:8px 14px;font-size:11px}}html, body{overflow-x:hidden;max-width:100vw}img{max-width:100%}*{-webkit-box-sizing:border-box;box-sizing:border-box}.ti,.hdr,.ni,.pi2,.fin{max-width:100%;width:100%}.modal{max-height:95vh;overflow-y:auto}@media(max-width:768px){.pcat-table{min-width:620px}.width-1400{width:100% !important}#heroSlider{position:relative;overflow:hidden}.slide:not(.active){display:none !important}.slide.active{position:relative !important;inset:auto !important;opacity:1 !important;display:flex !important;flex-direction:column}.promo{overflow-x:hidden}.pi2{flex-wrap:wrap;justify-content:center}.fin{padding:0}.fc .bq{font-size:12px;padding:10px}}@media(max-width:900px){.ni{overflow-x:auto;-webkit-overflow-scrolling:touch}.ni::-webkit-scrollbar{display:none}}@media(min-width:769px) and (max-width:1100px){.hero-left{width:320px !important}.hero-img{left:320px !important}.aprev{left:325px !important}.cgrid{grid-template-columns:repeat(2, 1fr)}.bgrid{grid-template-columns:repeat(4, 1fr)}.pcat-bar{flex-wrap:wrap}.pcat-sel{min-width:200px;flex:1}}.lang-switch{display:inline-flex;align-items:center;gap:6px;margin-right:4px}.lang-switch button{background:transparent;border:0;color:rgba(255, 255, 255,.55);font-family:var(--fh);font-size:11px;font-weight:700;letter-spacing:.06em;cursor:pointer;padding:2px 6px;border-radius:3px;transition:color .15s, background .15s}.lang-switch button:hover{color:#fff}.lang-switch button.active{color:#fff;background:rgba(204, 30, 40,.85)}.cart-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;color:#374151;text-decoration:none;transition:all .15s;margin-right:6px}.cart-btn:hover{border-color:#CC1E28;color:#CC1E28;background:#fff5f5}.cart-btn.active{border-color:#CC1E28;color:#CC1E28;background:#fff5f5}.cart-btn svg{width:20px;height:20px}.cart-badge{position:absolute;top:-6px;right:-6px;background:#CC1E28;color:#fff;font-family:var(--fh);font-size:10px;font-weight:800;min-width:18px;height:18px;padding:0 5px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;border:2px solid #fff;box-shadow:0 1px 3px rgba(0, 0, 0,.2)}.msa-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(100px);background:#111827;color:#fff;padding:12px 20px;border-radius:8px;font-family:var(--fh);font-size:13px;font-weight:600;letter-spacing:.02em;box-shadow:0 10px 25px rgba(0, 0, 0,.25);z-index:9999;opacity:0;transition:opacity .3s, transform .3s;pointer-events:none;max-width:90vw;text-align:center}.msa-toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}.msa-toast.success{background:#059669}.msa-toast.info{background:#2563eb}.cart-page{background:#f8fafc;min-height:calc(100vh - 240px);padding:28px 20px 60px}.cart-wrap{max-width:1100px;margin:0 auto}.cart-back{display:inline-flex;align-items:center;gap:6px;color:#6b7280;text-decoration:none;font-family:var(--fh);font-size:12px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;margin-bottom:20px;transition:color .15s}.cart-back:hover{color:#CC1E28}.cart-hdr{margin-bottom:24px}.cart-hdr h1{font-family:var(--fh);font-size:32px;font-weight:800;letter-spacing:-.01em;color:#111827;margin:0 0 6px}.cart-hdr p{color:#6b7280;font-size:14px;margin:0;max-width:640px}.cart-empty{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:60px 30px;text-align:center}.cart-empty svg{width:56px;height:56px;color:#d1d5db;margin:0 auto 20px;display:block}.cart-empty h2{font-family:var(--fh);font-size:22px;font-weight:700;color:#111827;margin:0 0 8px}.cart-empty p{color:#6b7280;font-size:14px;max-width:420px;margin:0 auto 24px}.cart-empty .bhp{display:inline-flex;padding:12px 22px}.cart-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;margin-bottom:20px}.cart-section-hdr{margin-bottom:18px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}.cart-section-hdr h2{font-family:var(--fh);font-size:18px;font-weight:700;color:#111827;margin:0;letter-spacing:-.01em}.cart-count-label{font-family:var(--fh);font-size:12px;font-weight:600;color:#6b7280;background:#f3f4f6;padding:4px 10px;border-radius:4px;letter-spacing:.03em}.cart-form-intro{color:#6b7280;font-size:13px;margin:4px 0 0;flex-basis:100%}.cart-items-wrap{overflow-x:auto;margin:0 -4px}.cart-items-table{width:100%;border-collapse:collapse;min-width:600px}.cart-items-table thead th{text-align:left;font-family:var(--fh);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6b7280;padding:10px 12px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.cart-items-table tbody td{padding:14px 12px;border-bottom:1px solid #f3f4f6;font-size:13px;color:#111827;vertical-align:middle}.cart-items-table tbody tr:hover{background:#fafbfc}.cart-td-brand{font-family:var(--fh);font-weight:700;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#374151;white-space:nowrap}.cart-td-pn{font-family:ui-monospace,"SF Mono", Menlo, monospace;font-size:12.5px;font-weight:600;color:#0891b2}.cart-td-desc{color:#374151;line-height:1.4;max-width:360px}.cart-td-qty{width:120px;white-space:nowrap}.cart-td-rm{width:40px;text-align:right}.qty-ctrl{display:inline-flex;align-items:center;border:1px solid #d1d5db;border-radius:6px;overflow:hidden;background:#fff}.qty-btn{background:#f9fafb;border:0;width:28px;height:32px;font-size:16px;font-weight:600;color:#374151;cursor:pointer;transition:background .12s}.qty-btn:hover{background:#e5e7eb}.qty-input{border:0;width:44px;height:32px;text-align:center;font-family:var(--fh);font-size:13px;font-weight:600;color:#111827;-moz-appearance:textfield;background:#fff}.qty-input::-webkit-outer-spin-button,.qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty-input:focus{outline:none}.cart-remove-btn{background:transparent;border:0;width:30px;height:30px;border-radius:6px;color:#9ca3af;font-size:14px;cursor:pointer;transition:all .12s;display:inline-flex;align-items:center;justify-content:center}.cart-remove-btn:hover{background:#fee2e2;color:#dc2626}.cart-clear-all{background:transparent;border:0;color:#9ca3af;font-size:12px;font-family:var(--fh);font-weight:600;letter-spacing:.02em;cursor:pointer;padding:10px 0 0;text-decoration:underline;text-underline-offset:3px}.cart-clear-all:hover{color:#dc2626}.cart-form{display:flex;flex-direction:column;gap:14px}.cart-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cart-fg{display:flex;flex-direction:column;gap:6px}.cart-fg label{font-family:var(--fh);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#374151}.cart-fg label .req{color:#CC1E28}.cart-fg input,.cart-fg select,.cart-fg textarea{font-family:inherit;font-size:14px;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#111827;transition:border-color .15s, box-shadow .15s;width:100%;box-sizing:border-box}.cart-fg input:focus,.cart-fg select:focus,.cart-fg textarea:focus{outline:none;border-color:#CC1E28;box-shadow:0 0 0 3px rgba(204, 30, 40,.1)}.cart-fg textarea{resize:vertical;min-height:90px;font-family:inherit;line-height:1.5}.cart-form-actions{display:flex;justify-content:flex-end;margin-top:8px;padding-top:16px;border-top:1px solid #f3f4f6}.cart-submit{background:#CC1E28;color:#fff;border:0;padding:13px 28px;border-radius:7px;font-family:var(--fh);font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background .15s, transform .1s;box-shadow:0 2px 4px rgba(204, 30, 40,.25)}.cart-submit:hover:not(:disabled){background:#b01921;transform:translateY(-1px);box-shadow:0 4px 8px rgba(204, 30, 40,.3)}.cart-submit:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.cart-success,.cart-error{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:50px 30px;text-align:center}.cart-success-ico,.cart-error-ico{width:64px;height:64px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-bottom:20px}.cart-success-ico{background:#d1fae5;color:#059669}.cart-success-ico svg{width:32px;height:32px}.cart-error-ico{background:#fee2e2;color:#dc2626;font-size:32px;font-weight:800;font-family:var(--fh)}.cart-success h2,.cart-error h2{font-family:var(--fh);font-size:24px;font-weight:800;color:#111827;margin:0 0 10px}.cart-success p,.cart-error p{color:#4b5563;font-size:15px;line-height:1.55;max-width:540px;margin:0 auto 24px}.cart-success .bhp,.cart-error .bhp{display:inline-flex;padding:12px 22px}@media (max-width:640px){.cart-form-row{grid-template-columns:1fr}.cart-hdr h1{font-size:24px}.cart-section{padding:18px}.cart-page{padding:20px 14px 40px}.cart-items-table tbody td{padding:10px 8px;font-size:12px}.cart-td-desc{max-width:none}}.pcat-table .td-pn .pn-link{color:#0891b2;text-decoration:none;font-weight:700;transition:color .12s;display:inline-block}.pcat-table .td-pn .pn-link:hover{color:#CC1E28;text-decoration:underline;text-underline-offset:2px}.pcat-table .td-desc .desc-link{color:inherit;text-decoration:none;display:inline-block;transition:color .12s}.pcat-table .td-desc .desc-link:hover{color:#0891b2}.pcat-table .pcat-row{cursor:default}.pcat-table .pcat-row:hover{background:#f8fafc}.hsrch{position:relative}.ac-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 20px 50px -12px rgba(0, 0, 0,.25), 0 8px 20px -8px rgba(0, 0, 0,.1);z-index:100;max-height:520px;overflow-y:auto}.ac-list{display:flex;flex-direction:column}.ac-item{display:flex;gap:12px;padding:12px 14px;text-decoration:none;color:inherit;border-bottom:1px solid #f3f4f6;transition:background .12s;cursor:pointer}.ac-item:last-child{border-bottom:0}.ac-item:hover,.ac-item.highlighted{background:#f0f9ff}.ac-thumb{flex:0 0 48px;width:48px;height:48px;border-radius:6px;overflow:hidden;background:#f1f5f9;border:1px solid #e5e7eb}.ac-thumb img{width:100%;height:100%;display:block}.ac-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ac-top{display:flex;align-items:center;gap:8px;margin-bottom:2px}.ac-brand{font-family:var(--fh);font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;border-radius:3px;white-space:nowrap}.ac-cat{font-size:10px;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ac-pn{font-family:ui-monospace,"SF Mono", Menlo, monospace;font-size:13px;font-weight:700;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ac-pn mark{background:#fef08a;color:#111827;padding:0 1px;border-radius:2px}.ac-desc{font-size:12px;color:#6b7280;line-height:1.35;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.ac-desc mark{background:#fef08a;color:#111827;padding:0 1px;border-radius:2px}.ac-empty{padding:28px 14px;text-align:center;color:#9ca3af;font-size:13px}.ac-viewall{display:block;padding:12px 14px;text-align:center;font-family:var(--fh);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#CC1E28;text-decoration:none;background:#fafafa;border-top:1px solid #e5e7eb;transition:background .12s}.ac-viewall:hover{background:#fef2f2}.product-page{background:#f8fafc;min-height:calc(100vh - 240px);padding:24px 20px 60px}.product-wrap{max-width:1200px;margin:0 auto}.product-loading{text-align:center;padding:80px 20px;color:#6b7280}.spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#CC1E28;border-radius:50%;margin:0 auto 16px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.product-notfound{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:60px 30px;text-align:center;max-width:560px;margin:20px auto}.pnf-ico{width:60px;height:60px;border-radius:50%;background:#fee2e2;color:#dc2626;font-family:var(--fh);font-size:32px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;margin-bottom:18px}.product-notfound h2{font-family:var(--fh);font-size:22px;font-weight:700;margin:0 0 8px;color:#111827}.product-notfound p{color:#6b7280;font-size:14px;margin:0 0 22px}.breadcrumbs{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280;margin-bottom:18px;flex-wrap:wrap}.breadcrumbs a{color:#6b7280;text-decoration:none;transition:color .12s}.breadcrumbs a:hover{color:#CC1E28}.breadcrumbs .bc-sep{color:#d1d5db}.breadcrumbs .bc-current{color:#111827;font-weight:600;font-family:ui-monospace,"SF Mono", Menlo, monospace}.product-main{display:grid;grid-template-columns:minmax(0, 460px) 1fr;gap:40px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:28px;margin-bottom:20px}.product-gallery{display:flex;flex-direction:column;gap:12px}.pg-main{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden}.pg-main img{max-width:100%;max-height:100%;object-fit:contain;display:block}.pg-main .pg-placeholder{width:100%;height:100%}.pg-thumbs{display:flex;gap:8px;flex-wrap:wrap}.pg-thumb{width:64px;height:64px;border:2px solid #e5e7eb;border-radius:6px;padding:0;overflow:hidden;cursor:pointer;background:#fff;transition:border-color .15s}.pg-thumb:hover{border-color:#94a3b8}.pg-thumb.active{border-color:#CC1E28}.pg-thumb img{width:100%;height:100%;object-fit:cover;display:block}.product-info{display:flex;flex-direction:column;min-width:0}.pi-brand{display:flex;align-items:center;gap:10px;margin-bottom:10px}.pi-brand-badge{font-family:var(--fh);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:4px 9px;border-radius:4px;white-space:nowrap}.pi-cat{font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.pi-part{font-family:var(--fh);font-size:34px;font-weight:800;letter-spacing:-.01em;color:#111827;margin:0 0 10px;line-height:1.1;word-break:break-all}.pi-desc{color:#4b5563;font-size:14.5px;line-height:1.55;margin:0 0 20px}.pi-availability{margin-bottom:22px}.pi-badge{display:inline-flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;font-family:var(--fh)}.pi-badge svg{width:22px;height:22px;flex-shrink:0}.pi-badge strong{display:block;font-size:14px;font-weight:700;letter-spacing:.01em}.pi-badge span{display:block;font-size:12px;font-weight:500;opacity:.85;margin-top:1px}.pi-badge.in-stock{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.pi-badge.quote{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.pi-actions{display:flex;gap:14px;align-items:flex-end;margin-bottom:16px;flex-wrap:wrap}.pi-qty{display:flex;flex-direction:column;gap:6px}.pi-qty label{font-family:var(--fh);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#374151}.pi-add-btn{flex:1;min-width:200px;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#CC1E28;color:#fff;border:0;padding:14px 24px;border-radius:8px;font-family:var(--fh);font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:all .15s;box-shadow:0 2px 4px rgba(204, 30, 40,.25)}.pi-add-btn:hover{background:#b01921;transform:translateY(-1px);box-shadow:0 6px 14px rgba(204, 30, 40,.35)}.pi-add-btn.added{background:#059669;box-shadow:0 2px 4px rgba(5, 150, 105,.25)}.pi-add-btn svg{width:18px;height:18px}.pi-response{display:flex;align-items:center;gap:8px;color:#059669;font-size:12.5px;font-weight:600;margin-bottom:8px}.pi-response svg{width:16px;height:16px;flex-shrink:0}.pi-emergency{font-size:12px;color:#6b7280;padding:10px 12px;background:#fef2f2;border-left:3px solid #CC1E28;border-radius:4px}.pi-emergency strong{color:#991b1b;font-weight:600}.product-tabs{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:24px;overflow:hidden}.pt-nav{display:flex;border-bottom:1px solid #e5e7eb;background:#f9fafb;overflow-x:auto}.pt-btn{flex-shrink:0;background:transparent;border:0;padding:16px 22px;font-family:var(--fh);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6b7280;cursor:pointer;border-bottom:3px solid transparent;transition:all .15s;margin-bottom:-1px}.pt-btn:hover{color:#111827;background:rgba(255, 255, 255,.6)}.pt-btn.active{color:#CC1E28;border-bottom-color:#CC1E28;background:#fff}.pt-panels{padding:24px 26px}.pt-panel{display:none}.pt-panel.active{display:block}.pt-block{margin-bottom:22px}.pt-block:last-child{margin-bottom:0}.pt-block h4{font-family:var(--fh);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6b7280;margin:0 0 10px}.pt-block p{color:#374151;font-size:14px;line-height:1.65;margin:0;max-width:720px}.pt-empty{text-align:center;padding:30px 20px;color:#6b7280;font-size:13.5px;line-height:1.55;max-width:580px;margin:0 auto}.pt-empty-inline{padding:16px 14px;background:#f9fafb;border-radius:6px;color:#6b7280;font-size:13px;line-height:1.55}.pt-empty-inline p{margin:0}.pt-intro{font-size:13.5px;color:#6b7280;margin:0 0 16px;line-height:1.5}.spec-table{width:100%;border-collapse:collapse}.spec-table tbody tr{border-bottom:1px solid #f1f5f9}.spec-table tbody tr:last-child{border-bottom:0}.spec-table th{text-align:left;font-family:var(--fh);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#6b7280;padding:12px 14px 12px 0;width:38%;vertical-align:top}.spec-table td{padding:12px 0;color:#111827;font-size:14px;vertical-align:top}.pt-downloads{display:flex;gap:12px;flex-wrap:wrap}.pt-dl{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;text-decoration:none;transition:all .15s;color:#111827;background:#fff;min-width:240px}.pt-dl:hover{border-color:#CC1E28;background:#fff5f5}.pt-dl svg{width:22px;height:22px;flex-shrink:0;color:#CC1E28}.pt-dl strong{display:block;font-size:13px;font-weight:700;font-family:var(--fh);margin-bottom:2px}.pt-dl span{display:block;font-size:11px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.alt-list{display:flex;flex-direction:column;gap:10px}.alt-link{display:grid;grid-template-columns:120px 1fr 2fr;gap:14px;align-items:center;padding:12px 14px;border:1px solid #e5e7eb;border-radius:8px;text-decoration:none;color:inherit;transition:all .12s}.alt-link:hover{border-color:#0891b2;background:#f0f9ff;transform:translateX(2px)}.alt-badge{font-family:var(--fh);font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:3px 8px;border-radius:3px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alt-pn{font-family:ui-monospace,"SF Mono", Menlo, monospace;font-size:13px;font-weight:700;color:#0891b2}.alt-desc{font-size:12.5px;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pi-disclaimer{font-size:11px;color:#94a3b8;line-height:1.5;padding:14px 18px;background:#f9fafb;border-radius:8px;margin-bottom:30px}.product-related{margin-top:10px}.product-related h3{font-family:var(--fh);font-size:20px;font-weight:800;color:#111827;margin:0 0 18px;letter-spacing:-.01em}.pr-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(190px, 1fr));gap:14px}.pr-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px;text-decoration:none;color:inherit;transition:all .15s}.pr-card:hover{border-color:#CC1E28;box-shadow:0 6px 14px -4px rgba(0, 0, 0,.08);transform:translateY(-2px)}.pr-thumb{aspect-ratio:1/1;background:#f8fafc;border-radius:6px;margin-bottom:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.pr-thumb img{width:100%;height:100%;object-fit:contain}.pr-badge{display:inline-block;font-family:var(--fh);font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;border-radius:3px;margin-bottom:6px;align-self:flex-start}.pr-pn{font-family:ui-monospace,"SF Mono", Menlo, monospace;font-size:12.5px;font-weight:700;color:#111827;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pr-desc{font-size:11px;color:#6b7280;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:860px){.product-main{grid-template-columns:1fr;gap:24px;padding:20px}.pi-part{font-size:26px}.pi-add-btn{min-width:0;width:100%}.pi-actions{flex-direction:column;align-items:stretch}.pi-qty{width:100%}.alt-link{grid-template-columns:1fr;gap:6px}.alt-badge{align-self:flex-start}}@media (max-width:540px){.product-page{padding:16px 12px 40px}.breadcrumbs{font-size:11px}.pt-btn{padding:14px 16px;font-size:11px}.pt-panels{padding:18px 16px}.ac-dropdown{max-height:400px}.ac-item{padding:10px}.ac-thumb{width:40px;height:40px;flex:0 0 40px}}.ac-thumb.ac-thumb-real{background:#ffffff;padding:2px}.ac-thumb.ac-thumb-real img{object-fit:contain}.pr-thumb.pr-thumb-real{background:#ffffff}.pr-thumb.pr-thumb-real img{object-fit:contain;padding:6px}.brands-modal{position:fixed;inset:0;background:rgba(0, 0, 0,.72);backdrop-filter:blur(8px);z-index:2000;display:none;align-items:flex-start;justify-content:center;padding:2.5rem 1rem;overflow-y:auto;-webkit-overflow-scrolling:touch;animation:brandsModalFadeIn .2s ease}.brands-modal.open{display:flex}@keyframes brandsModalFadeIn{from{opacity:0}to{opacity:1}}.brands-modal-dialog{background:#1a1a1a;color:#fff;width:100%;max-width:1200px;border-radius:18px;box-shadow:0 25px 80px rgba(0, 0, 0,.6);position:relative;overflow:hidden;display:flex;flex-direction:column;max-height:calc(100vh - 5rem);animation:brandsModalSlideUp .25s cubic-bezier(.2,.9,.32, 1.2)}@keyframes brandsModalSlideUp{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.brands-modal-dialog::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg, var(--red) 0%, #ff4855 50%, var(--red) 100%)}.brands-modal-close{position:absolute;top:18px;right:18px;width:36px;height:36px;border-radius:8px;border:none;background:rgba(255, 255, 255,.08);color:#fff;font-size:22px;font-weight:300;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;z-index:10}.brands-modal-close:hover{background:rgba(255, 255, 255,.18);transform:rotate(90deg)}.brands-modal-header{padding:28px 32px 18px 32px;border-bottom:1px solid rgba(255, 255, 255,.08)}.brands-modal-header h2{font-family:var(--fh);font-size:22px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px 0;color:#fff}.brands-modal-sub{font-size:13.5px;color:rgba(255, 255, 255,.55);margin:0;font-weight:400}.brands-modal-sub #brandsModalCount{color:var(--red);font-weight:700}.brands-modal-search{position:relative;padding:18px 32px;border-bottom:1px solid rgba(255, 255, 255,.06);background:#151515}.brands-modal-search-icon{position:absolute;left:48px;top:50%;transform:translateY(-50%);color:rgba(255, 255, 255,.35);pointer-events:none}.brands-modal-search input{width:100%;background:rgba(255, 255, 255,.05);border:1px solid rgba(255, 255, 255,.1);border-radius:10px;padding:12px 16px 12px 44px;font-size:14px;color:#fff;font-family:inherit;outline:none;transition:all .15s}.brands-modal-search input::placeholder{color:rgba(255, 255, 255,.35)}.brands-modal-search input:focus{border-color:var(--red);background:rgba(255, 255, 255,.08);box-shadow:0 0 0 3px rgba(204, 30, 40,.15)}.brands-modal-grid{flex:1;overflow-y:auto;padding:22px 32px 24px 32px;display:grid;grid-template-columns:repeat(6, minmax(0, 1fr));gap:14px;background:#1a1a1a}.brands-modal-grid::-webkit-scrollbar{width:10px}.brands-modal-grid::-webkit-scrollbar-track{background:rgba(255, 255, 255,.03)}.brands-modal-grid::-webkit-scrollbar-thumb{background:rgba(255, 255, 255,.15);border-radius:5px}.brands-modal-grid::-webkit-scrollbar-thumb:hover{background:rgba(255, 255, 255,.25)}.brands-modal-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px 10px 12px 10px;cursor:pointer;text-align:center;transition:all .15s ease;font-family:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:110px}.brands-modal-card:hover{border-color:var(--red);transform:translateY(-2px);box-shadow:0 6px 20px rgba(204, 30, 40,.18)}.brands-modal-card:active{transform:translateY(0)}.brands-modal-card-logo{width:100%;height:52px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.brands-modal-card-logo img{max-width:100%;max-height:100%;object-fit:contain;display:block}.brands-modal-card-fallback{font-family:var(--fh);font-size:14px;font-weight:800;color:var(--blk);letter-spacing:.05em}.brands-modal-card-name{font-family:var(--fh);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--g600);line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%}.brands-modal-empty{grid-column:1/-1;text-align:center;padding:60px 20px;color:rgba(255, 255, 255,.5);font-size:14px}.brands-modal-footer{padding:18px 32px;border-top:1px solid rgba(255, 255, 255,.08);background:#151515;display:flex;align-items:center;justify-content:space-between;gap:16px}.brands-modal-footer-count{font-size:13px;color:rgba(255, 255, 255,.55);font-weight:500}.brands-modal-quote-btn{background:var(--red);color:#fff;border:none;border-radius:10px;padding:11px 24px;font-family:var(--fh);font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:8px}.brands-modal-quote-btn:hover{background:var(--red2);transform:translateX(2px)}.brands-modal-quote-btn span[aria-hidden]{transition:transform .15s}.brands-modal-quote-btn:hover span[aria-hidden]{transform:translateX(4px)}@media(max-width:1100px){.brands-modal-grid{grid-template-columns:repeat(5, minmax(0, 1fr))}}@media(max-width:900px){.brands-modal-grid{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media(max-width:700px){.brands-modal{padding:1rem .5rem}.brands-modal-dialog{border-radius:14px;max-height:calc(100vh - 2rem)}.brands-modal-header{padding:22px 20px 14px 20px}.brands-modal-header h2{font-size:17px}.brands-modal-sub{font-size:12px}.brands-modal-search{padding:14px 20px}.brands-modal-search-icon{left:36px}.brands-modal-grid{grid-template-columns:repeat(3, minmax(0, 1fr));padding:16px 20px 18px 20px;gap:10px}.brands-modal-card{min-height:96px;padding:10px 6px 10px 6px}.brands-modal-card-logo{height:42px}.brands-modal-card-name{font-size:9.5px;letter-spacing:.05em}.brands-modal-footer{padding:14px 20px;flex-direction:column;gap:12px}.brands-modal-footer-count{order:2}.brands-modal-quote-btn{width:100%;justify-content:center;order:1}}@media(max-width:420px){.brands-modal-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}}.obs-modal{position:fixed;inset:0;background:rgba(0, 0, 0,.72);backdrop-filter:blur(8px);z-index:2000;display:none;align-items:flex-start;justify-content:center;padding:2rem 1rem;overflow-y:auto;-webkit-overflow-scrolling:touch;animation:brandsModalFadeIn .2s ease}.obs-modal.open{display:flex}.obs-modal-dialog{width:100%;max-width:1200px;border-radius:18px;overflow:hidden;box-shadow:0 25px 80px rgba(0, 0, 0,.6);position:relative;display:grid;grid-template-columns:minmax(320px, 38%) 1fr;background:#fff;animation:brandsModalSlideUp .25s cubic-bezier(.2,.9,.32, 1.2);max-height:calc(100vh - 4rem)}.obs-modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:8px;border:none;background:#f1f5f9;color:var(--g700);font-size:22px;font-weight:300;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;z-index:10}.obs-modal-close:hover{background:#e2e8f0;color:var(--blk);transform:rotate(90deg)}.obs-modal-side{background:#0a0a0a;color:#fff;padding:36px 32px;display:flex;flex-direction:column;overflow-y:auto;position:relative}.obs-modal-side::before{content:'';position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(180deg, var(--red) 0%, #ff4855 50%, var(--red) 100%)}.obs-modal-badge{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;background:rgba(204, 30, 40,.15);color:var(--red);font-family:var(--fh);font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:6px 14px;border-radius:20px;border:1px solid rgba(204, 30, 40,.3);margin-bottom:20px}.obs-modal-badge::before{content:''}.obs-modal-hero{font-family:var(--fh);font-size:34px;font-weight:900;line-height:1.02;letter-spacing:-.01em;color:#fff;margin:0 0 18px 0;text-transform:uppercase}.obs-modal-hero .obs-red{color:var(--red)}.obs-modal-pitch{font-size:14px;line-height:1.55;color:rgba(255, 255, 255,.7);margin:0 0 28px 0;padding-left:16px;border-left:2px solid rgba(204, 30, 40,.5)}.obs-modal-steps{list-style:none;padding:0;margin:0 0 24px 0;display:flex;flex-direction:column;gap:18px}.obs-modal-steps li{display:flex;gap:16px;align-items:flex-start}.obs-step-num{font-family:var(--fh);font-size:22px;font-weight:900;color:var(--red);min-width:32px;line-height:1}.obs-step-title{font-family:var(--fh);font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#fff;margin-bottom:4px}.obs-step-desc{font-size:12.5px;line-height:1.45;color:rgba(255, 255, 255,.6)}.obs-modal-emergency{margin-top:auto;padding:14px 16px;background:rgba(204, 30, 40,.1);border:1px solid rgba(204, 30, 40,.25);border-radius:10px;display:flex;align-items:center;gap:12px}.obs-modal-emergency svg{color:var(--red);flex-shrink:0}.obs-em-label{font-size:12px;color:rgba(255, 255, 255,.7);margin-bottom:2px}.obs-em-phone{font-family:var(--fh);font-size:14px;font-weight:800;color:var(--red);text-decoration:none;letter-spacing:.01em}.obs-em-phone:hover{color:#ff4855;text-decoration:underline}.obs-modal-form-wrap{padding:36px 40px 28px 40px;overflow-y:auto;background:#fff}.obs-modal-form-header{margin-bottom:22px}.obs-modal-form-header h3{font-family:var(--fh);font-size:22px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--blk);margin:0 0 8px 0}.obs-modal-form-header p{font-size:13.5px;color:var(--g500);margin:0;line-height:1.5}.obs-modal-form{display:flex;flex-direction:column;gap:16px}.obs-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.obs-form-full{display:block}.obs-modal-form label{display:flex;flex-direction:column;gap:6px}.obs-label{font-family:var(--fh);font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--g700)}.obs-modal-form input,.obs-modal-form select,.obs-modal-form textarea{width:100%;padding:11px 14px;font-size:13.5px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-family:inherit;color:var(--blk);transition:all .15s;outline:none}.obs-modal-form input:focus,.obs-modal-form select:focus,.obs-modal-form textarea:focus{border-color:var(--red);background:#fff;box-shadow:0 0 0 3px rgba(204, 30, 40,.12)}.obs-modal-form textarea{resize:vertical;min-height:88px;line-height:1.5}.obs-modal-form input::placeholder,.obs-modal-form textarea::placeholder{color:#9ca3af}.obs-form-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:8px;padding-top:18px;border-top:1px solid #e5e7eb}.obs-form-status{font-size:13px;color:var(--g500);flex:1}.obs-form-status.is-success{color:#059669;font-weight:600}.obs-form-status.is-error{color:var(--red);font-weight:600}.obs-submit-btn{background:var(--red);color:#fff;border:none;border-radius:10px;padding:12px 26px;font-family:var(--fh);font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.obs-submit-btn:hover:not(:disabled){background:var(--red2);transform:translateX(2px)}.obs-submit-btn:disabled{opacity:.6;cursor:wait}.obs-submit-btn.is-loading{background:var(--g500)}@media(max-width:860px){.obs-modal{padding:1rem .5rem}.obs-modal-dialog{grid-template-columns:1fr;max-height:calc(100vh - 2rem);border-radius:14px}.obs-modal-side{padding:28px 24px 24px 24px}.obs-modal-hero{font-size:26px}.obs-modal-form-wrap{padding:24px 22px}.obs-modal-form-header h3{font-size:18px}.obs-form-row{grid-template-columns:1fr;gap:14px}.obs-form-actions{flex-direction:column-reverse;align-items:stretch}.obs-submit-btn{justify-content:center;width:100%}.obs-form-status{text-align:center}}.about-stats{display:grid;grid-template-columns:repeat(2, 1fr);gap:12px;margin:4px 0 24px 0}.about-stat{background:rgba(255, 255, 255,.04);border:1px solid rgba(255, 255, 255,.08);border-radius:10px;padding:14px 16px}.about-stat-num{font-family:var(--fh);font-size:26px;font-weight:900;color:#fff;line-height:1;margin-bottom:6px}.about-stat-num span{color:var(--red);margin-left:2px}.about-stat-label{font-size:11px;color:rgba(255, 255, 255,.55);font-weight:500;letter-spacing:.03em}.about-content{display:flex;flex-direction:column}.about-body{font-size:14.5px;line-height:1.6;color:var(--g700);margin:0 0 26px 0}.about-pillars{display:flex;flex-direction:column;gap:18px;margin-bottom:22px}.about-pillar{padding-left:16px;border-left:3px solid var(--red)}.about-pillar-title{font-family:var(--fh);font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--blk);margin-bottom:4px}.about-pillar-desc{font-size:13.5px;color:var(--g500);line-height:1.5}.about-cta{margin-top:auto;padding-top:20px;border-top:1px solid #e5e7eb}.contact-channels{display:flex;flex-direction:column;gap:10px;margin:4px 0 24px 0}.contact-channel{display:flex;align-items:center;gap:14px;padding:14px 16px;background:rgba(255, 255, 255,.04);border:1px solid rgba(255, 255, 255,.08);border-radius:10px;text-decoration:none;color:#fff;transition:all .15s}.contact-channel:hover:not(.contact-channel-static){background:rgba(204, 30, 40,.12);border-color:rgba(204, 30, 40,.35);transform:translateX(2px)}.contact-channel svg{color:var(--red);flex-shrink:0}.contact-channel-label{font-size:11px;color:rgba(255, 255, 255,.55);letter-spacing:.05em;text-transform:uppercase;margin-bottom:3px}.contact-channel-value{font-family:var(--fh);font-size:14px;font-weight:700;color:#fff}.contact-channel-static{cursor:default}@media(max-width:860px){.about-stats{grid-template-columns:repeat(2, 1fr)}}@media(max-width:420px){.about-stats{grid-template-columns:1fr}}.nav-dropdown{position:relative;display:inline-block}.nav-dropdown-trigger{display:flex !important;align-items:center;gap:6px;cursor:pointer}.nav-dropdown-caret{transition:transform .2s ease;opacity:.7;flex-shrink:0}.nav-dropdown.is-open .nav-dropdown-trigger{color:#fff;background:rgba(255, 255, 255,.08);border-bottom-color:var(--red)}.nav-dropdown.is-open .nav-dropdown-caret{transform:rotate(180deg);opacity:1;color:var(--red)}.nav-dropdown-panel{position:absolute;top:calc(100% + 3px);left:0;z-index:500;min-width:320px;background:#1a1a1a;border:1px solid rgba(255, 255, 255,.08);border-radius:10px;box-shadow:0 20px 50px rgba(0, 0, 0,.5);padding:8px 0;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s ease, transform .18s ease, visibility .18s;overflow:hidden}.nav-dropdown.is-open .nav-dropdown-panel{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-panel::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg, var(--red) 0%, #ff4855 50%, var(--red) 100%)}.nav-dropdown-heading{font-family:var(--fh);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255, 255, 255,.35);padding:12px 18px 8px 18px;border-top:1px solid rgba(255, 255, 255,.05)}.nav-dropdown-group:first-child .nav-dropdown-heading{border-top:none}.nav-dropdown-item{display:flex !important;align-items:center;gap:12px !important;padding:10px 18px !important;margin:0 !important;font-family:var(--fh);font-size:12.5px !important;font-weight:700;letter-spacing:.05em !important;text-transform:uppercase !important;color:rgba(255, 255, 255,.85) !important;background:transparent !important;border:none !important;border-bottom:none !important;border-left:3px solid transparent !important;transition:all .12s ease !important;cursor:pointer;white-space:nowrap}.nav-dropdown-item:hover{background:rgba(255, 255, 255,.04) !important;color:#fff !important;border-left-color:var(--red) !important;padding-left:21px !important}.nav-dropdown-item .nav-dropdown-icon{color:var(--red);display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0}.nav-dropdown-item:hover .nav-dropdown-icon{transform:scale(1.1)}.nav-dropdown-item-cta{background:rgba(204, 30, 40,.08) !important;margin-top:4px !important;border-top:1px solid rgba(255, 255, 255,.05) !important}.nav-dropdown-item-cta:hover{background:rgba(204, 30, 40,.15) !important}@media(max-width:768px){.nav-dropdown-panel{min-width:280px;max-width:calc(100vw - 24px);left:50%;transform:translateX(-50%) translateY(-6px)}.nav-dropdown.is-open .nav-dropdown-panel{transform:translateX(-50%) translateY(0)}.nav-dropdown-item{font-size:11.5px !important;padding:9px 14px !important}}@media (max-width:768px){input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="number"], input[type="search"], input[type="url"], textarea, select{font-size:16px !important}.qty-input{font-size:15px !important}}@media (max-width:768px){.ebtn,.tr a,.sort-ico,.rfq-mini,.pcat-clear{min-height:36px;display:inline-flex;align-items:center;justify-content:center}.rfq-mini{opacity:1 !important}}@media (max-width:640px){.modal-back{padding:0.75rem}.modal{width:100% !important;max-width:none !important;max-height:92vh;margin:0;border-radius:10px}.mbody{padding:18px 16px !important}.mfoot{padding:0 16px 16px !important;flex-direction:column;gap:10px}.mfoot .bhp,.mfoot .bhg{width:100%;justify-content:center}}@media (max-width:768px){.brands-modal-dialog,.obs-modal-dialog{-webkit-overflow-scrolling:touch}.brands-modal,.obs-modal{padding:0.5rem !important}}@media (max-width:380px){.hdr{gap:6px;padding:0 0.5rem}.logo-link img{height:34px}.bq{padding:8px 10px;font-size:11.5px}.bq span:not(#cartBadge){display:none}.nav-bar a{padding:10px 10px;font-size:11px}.obs-modal-hero{font-size:22px !important}.obs-modal-form-wrap{padding:20px 16px !important}.obs-modal-side{padding:24px 18px !important}.brands-modal-header{padding:18px 16px 12px 16px !important}.brands-modal-header h2{font-size:15px !important}.brands-modal-search{padding:12px 16px !important}.brands-modal-grid{padding:14px 14px 16px 14px !important;gap:8px !important}}@media (max-width:900px) and (orientation:landscape) and (max-height:500px){.hero-img{height:180px !important}.hero h1{font-size:22px !important;margin-bottom:8px !important}.hctas{margin-bottom:12px !important}}@media (min-width:1600px){.main{max-width:1500px;margin-left:auto;margin-right:auto}}html, body{overflow-x:clip}@media print{.topbar,.nav-bar,.hact,.bq,.rfq-mini,.sbtn,.brands-modal,.obs-modal, footer{display:none !important}body{background:white}.main{padding:0}}@media (max-width:768px){.cc{display:grid !important;grid-template-columns:92px minmax(0, 1fr);grid-template-rows:auto auto 1fr auto}.cc-banner{grid-column:1;grid-row:1 / -1;width:auto;height:auto !important;min-height:auto !important;max-height:none !important;padding:10px 6px;border-bottom:none;border-right:1px solid var(--g100);align-self:stretch}.cc-banner img{max-width:100%;max-height:76px;width:auto;height:auto;object-fit:contain}.cc-banner::after{display:none}.cch{grid-column:2;grid-row:1;padding:10px 12px 4px 14px;border-bottom:none;min-width:0;max-width:100%;overflow:hidden}.ccbody{grid-column:2;grid-row:2;padding:4px 12px 6px 14px;min-width:0;max-width:100%;overflow:hidden}.ccf{grid-column:2;grid-row:4;padding:6px 12px 8px 14px;min-width:0;max-width:100%;background:transparent;border-top:1px solid var(--g100);margin-top:0;overflow:hidden}.cc::before{top:0;left:0;bottom:0;right:auto;height:auto !important;width:0;transition:width .22s}.cc:hover::before{width:3px}.ccn{font-size:13.5px;line-height:1.2;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis}.ccb{font-size:10.5px;line-height:1.3;color:var(--g500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stags{display:flex;flex-wrap:wrap;gap:4px;width:100%;max-width:100%}.stag{white-space:normal !important;word-break:break-word;overflow-wrap:anywhere;font-size:10px;padding:2px 7px;line-height:1.4;border-radius:3px;max-width:100%}.ccnt{font-size:10px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin-right:8px;color:var(--g500)}.cclnk{font-size:10.5px;flex-shrink:0;white-space:nowrap}}@media (max-width:380px){.cc{grid-template-columns:78px minmax(0, 1fr) !important}.cc-banner{padding:8px 4px}.cc-banner img{max-height:62px}.ccn{font-size:13px}.stag{font-size:9.5px;padding:2px 6px}.ccnt{display:none}.ccf{justify-content:flex-end}.cclnk{font-size:10.5px}}@media (max-width:768px){.sechdr h2{font-size:18px !important;line-height:1.3}.pcat-bar{padding:12px !important}.pcat-table{font-size:12.5px;min-width:540px}.td-pn{font-size:12px;font-weight:700}.td-desc{max-width:200px;font-size:11.5px;line-height:1.35}.rfq-mini{opacity:1 !important;padding:6px 10px !important;font-size:10.5px !important;min-height:auto !important}.rfq-cell{padding:6px 8px !important}.td-brand span{font-size:9.5px !important;padding:2px 6px !important}}@media (max-width:420px){.pcat-table .td-brand,.pcat-table thead th:nth-child(2){display:none}.pcat-table{min-width:460px}.td-desc{max-width:160px;font-size:11px}}@media (max-width:768px){.pcat-wrap{background:linear-gradient(to right, white 30%, transparent), linear-gradient(to right, transparent, white 70%) right, radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0,.12), transparent), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0,.12), transparent) right;background-repeat:no-repeat;background-size:40px 100%, 40px 100%, 14px 100%, 14px 100%;background-attachment:local, local, scroll, scroll}}
/* ═══════════════════════════════════════════════════════════════
   CRITICAL RESPONSIVE FIX — prevent horizontal overflow
   Any 1fr grid column needs minmax(0, 1fr) when it contains content
   that could push it wider (long words, tags, images)
   ═══════════════════════════════════════════════════════════════ */
@media (max-width: 1100px) {
  .main { grid-template-columns: minmax(0, 1fr) !important; }
  .main > * { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
  .wgrid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; }
}
@media (max-width: 768px) {
  .wgrid { grid-template-columns: minmax(0, 1fr) !important; }
  .wcard { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
  .wdsc { overflow-wrap: anywhere; word-break: normal; }

  /* RFQ banner — ensure text wraps and doesn't overflow */
  .rfqb { max-width: 100%; overflow-wrap: anywhere; min-width: 0; }
  .rfqs { overflow-wrap: anywhere; word-break: normal; max-width: 100%; }
  .rfqt { overflow-wrap: anywhere; max-width: 100%; }
  .rfqbdg { max-width: 100%; overflow-wrap: anywhere; }

  /* Section headers — make sure they never overflow */
  .sechdr { overflow: hidden; }
  .sechdr h2 { min-width: 0; overflow-wrap: anywhere; max-width: 100%; }

  /* Catalog header and filter row */
  .cathdr { max-width: 100%; min-width: 0; }
  .cattitle { overflow-wrap: anywhere; max-width: 100%; flex-wrap: wrap; }
  .catsub { overflow-wrap: anywhere; }
}

/* ═══════════════════════════════════════════════════════════════
   MOBILE SEARCH BAR — bring it back below the header on mobile
   ═══════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  /* Override: show the search bar on mobile as a full-width row below the logo */
  .hsrch {
    display: block !important;
    position: absolute;
    top: 64px;  /* right below the 64px mobile header */
    left: 0;
    right: 0;
    padding: 8px 12px;
    background: #fff;
    border-bottom: 1px solid var(--g200);
    z-index: 299;
    max-width: 100%;
  }
  .hsrch input {
    height: 40px;
    font-size: 16px;  /* prevents iOS zoom */
    padding-left: 40px;
  }
  .hsrch svg { left: 22px; width: 16px; height: 16px; }
  .hsrch .sbtn { display: none; }  /* hide inline "Search" button on mobile, save space */

  /* Push content down so it doesn't hide under the search bar */
  header { padding-bottom: 54px; }

  /* Make sure the autocomplete dropdown fits too */
  .ac-dropdown { left: 12px !important; right: 12px !important; }
}

/* ═══════════════════════════════════════════════════════════════
   DEFENSIVE GLOBAL OVERFLOW — catch anything we missed
   ═══════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  /* Any paragraph/text container should wrap long words rather than overflow */
  p, .wdsc, .rfqs, .ccb, .ccnt, .ccn, .pi-desc,
  .obs-modal-pitch, .obs-step-desc, .about-body {
    overflow-wrap: anywhere;
    word-break: normal;
  }
  /* Ensure the body + root containers absolutely never cause horizontal scroll */
  body { min-width: 0; }
  main, .main, .fin, .ti, .hdr, .ni, .pi2 {
    min-width: 0; max-width: 100vw;
  }
}

/* ═══════════════════════════════════════════════════════════════
   FIX: "FILTER:" label breaking vertically on mobile
   The recent overflow-wrap: anywhere rule was being inherited too
   aggressively and breaking short labels letter-by-letter.
   ═══════════════════════════════════════════════════════════════ */

/* Labels and short UI text should NEVER break mid-word */
.flbl, .fp, .stag, .pi-brand-badge, .pi-cat,
.cart-count-label, .rb, .obs-modal-badge,
.nav-bar a, .ac-brand, .ac-cat,
.brand-card .bln, .brands-modal-card-name,
.nav-dropdown-item, .nav-dropdown-heading,
.ebtn, .bq, .bhp, .bhg, .sbtn,
.rfq-mini, .pcat-more, .pcat-clear,
.cclnk, .cart-submit, .obs-submit-btn,
.qty-btn, .cart-remove-btn,
.hsv, .hsl, .pitem, .flogo, .lang-switch button,
.pt-btn, .pr-badge, .pi-badge strong,
.about-stat-num, .about-stat-label,
.brands-modal-quote-btn, .contact-channel-label,
.nav-dropdown-caret, .sort-ico,
.td-brand span, .td-pn, .td-cat,
.ccn, .cattitle, .sechdr h2 {
  overflow-wrap: normal !important;
  word-break: keep-all !important;
  white-space: nowrap;
}

/* Long paragraph/description text SHOULD wrap softly but at word boundaries,
   not mid-word. Override the "anywhere" rule I added too aggressively */
p, .wdsc, .rfqs, .ccb, .ccnt, .pi-desc, .ac-desc, .pr-desc,
.obs-modal-pitch, .obs-step-desc, .about-body, .about-pillar-desc,
.contact-channel-value, .cart-td-desc, .td-desc {
  overflow-wrap: break-word !important;  /* break-word = only at boundaries when necessary */
  word-break: normal !important;
  white-space: normal;
}

/* Filter row specifically — make sure the label fits on its scroll line */
.frow .flbl {
  flex-shrink: 0;
  white-space: nowrap;
  overflow: visible;
  align-self: center;
  padding: 2px 0;
}

/* On very narrow screens, simplify the "FILTER:" label — make it more compact */
@media (max-width: 480px) {
  .frow .flbl {
    font-size: 10px;
    letter-spacing: .08em;
    margin-right: 4px;
  }
}

/* ═══════════════════════════════════════════════════════════════
   FAQ MODAL — Accordion-style Q&A
   ═══════════════════════════════════════════════════════════════ */

/* Make the FAQ dialog a bit wider since it has more content */
.obs-modal-dialog.faq-dialog {
  max-width: 1100px;
}

/* Quick-links sidebar block in FAQ modal */
.faq-quick-links {
  margin: 22px 0;
  padding: 16px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
}
.faq-ql-heading {
  font-family: var(--fh);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.55);
  margin-bottom: 10px;
}
.faq-ql-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.85);
  text-decoration: none;
  transition: color .15s;
}
.faq-ql-item:hover { color: var(--red); }
.faq-ql-item svg { color: var(--red); flex-shrink: 0; }

/* Content area scrollable */
.faq-content {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* Accordion list */
.faq-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 22px;
}

/* Each Q&A item (uses native <details>) */
.faq-item {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  overflow: hidden;
  transition: border-color .15s, box-shadow .15s;
}
.faq-item[open] {
  border-color: var(--red);
  box-shadow: 0 4px 16px rgba(204, 30, 40, 0.08);
  background: #fff;
}
.faq-item[open] .faq-chevron { transform: rotate(45deg); }

/* Question row (clickable) */
.faq-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 18px;
  font-family: var(--fh);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .02em;
  color: var(--blk);
  cursor: pointer;
  list-style: none;
  user-select: none;
  transition: background .12s;
}
.faq-q::-webkit-details-marker { display: none; }
.faq-q:hover { background: rgba(204, 30, 40, 0.03); }
.faq-item[open] .faq-q { border-bottom: 1px solid #f1f5f9; }

.faq-chevron {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(204, 30, 40, 0.08);
  color: var(--red);
  border-radius: 50%;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  transition: transform .25s ease;
}

/* Answer text */
.faq-a {
  padding: 14px 18px 16px 18px;
  font-size: 13.5px;
  line-height: 1.65;
  color: var(--g700);
  animation: faqFadeIn .22s ease;
}
@keyframes faqFadeIn {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Mobile adjustments for FAQ */
@media (max-width: 860px) {
  .obs-modal-dialog.faq-dialog {
    max-width: 100%;
  }
  .faq-quick-links { padding: 12px; margin: 14px 0 18px; }
  .faq-ql-item { font-size: 12.5px; padding: 6px 0; }
  .faq-q {
    padding: 12px 14px;
    font-size: 13px;
    gap: 10px;
  }
  .faq-chevron { width: 22px; height: 22px; font-size: 16px; }
  .faq-a { padding: 12px 14px 14px 14px; font-size: 12.5px; line-height: 1.6; }
  .faq-list { gap: 8px; }
}

@media (max-width: 480px) {
  .faq-q { font-size: 12.5px; padding: 11px 12px; }
  .faq-a { font-size: 12px; padding: 10px 12px 12px 12px; }
}

/* ═══════════════════════════════════════════════════════════════
   RESPONSIVE RE-VERIFICATION — modal + dropdown touch behavior
   ═══════════════════════════════════════════════════════════════ */

/* Ensure About + Contact + FAQ modals have proper padding/scrolling on very small screens */
@media (max-width: 480px) {
  .obs-modal {
    padding: 0 !important;
    align-items: stretch !important;
  }
  .obs-modal-dialog {
    border-radius: 0 !important;
    max-height: 100vh !important;
    min-height: 100vh;
  }
  .obs-modal-side {
    padding: 22px 18px !important;
  }
  .obs-modal-hero {
    font-size: 24px !important;
  }
  .obs-modal-form-wrap,
  .about-content,
  .faq-content {
    padding: 20px 16px !important;
  }
}

/* ═══════════════════════════════════════════════════════════════
   NAV DROPDOWN — extra mobile safety
   ═══════════════════════════════════════════════════════════════ */

/* On mobile, when the dropdown panel opens, make sure it stays within the viewport
   and allows scrolling if content is long */
@media (max-width: 768px) {
  .nav-dropdown-panel {
    min-width: 260px;
    max-width: calc(100vw - 16px);
    max-height: calc(100vh - 140px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  /* Ensure the dropdown panel isn't clipped by the scrolling nav bar */
  .nav-dropdown.is-open {
    position: static;
  }
  .nav-dropdown.is-open .nav-dropdown-panel {
    position: fixed;
    top: auto;
    bottom: auto;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 4px;
  }
  /* Better mobile tap targets for dropdown items */
  .nav-dropdown-item {
    padding: 12px 16px !important;
    min-height: 44px;
  }
}

/* On ULTRA-narrow screens, make the dropdown panel close to full width */
@media (max-width: 380px) {
  .nav-dropdown-panel {
    min-width: calc(100vw - 20px);
    left: 10px !important;
    right: 10px !important;
    transform: none !important;
  }
}

/* Ensure the Obsolete Parts modal dropdown's service select is touch-friendly */
@media (max-width: 768px) {
  .obs-modal-form select {
    min-height: 44px;
    padding: 11px 14px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 36px !important;
    -webkit-appearance: none;
    appearance: none;
  }
}

/* Dropdown hidden attribute support (prevents panel showing before CSS loads) */
.nav-dropdown-panel[hidden] { display: none !important; }
.nav-dropdown.is-open .nav-dropdown-panel { display: block !important; }

/* ═══════════════════════════════════════════════════════════════
   MOBILE RESPONSIVE for obs-modal (About, FAQ, Engineering, Contact, Obsolete)
   — compacts sidebar so content is accessible without huge scroll
   ═══════════════════════════════════════════════════════════════ */
@media (max-width: 640px) {
  /* Full-screen modal on mobile, no bg padding */
  .obs-modal {
    padding: 0 !important;
    align-items: stretch !important;
  }
  .obs-modal-dialog {
    border-radius: 0 !important;
    max-height: 100vh !important;
    min-height: 100vh;
  }

  /* ─── SIDEBAR (dark): compact it significantly ─── */
  .obs-modal-side {
    padding: 22px 20px 18px 20px !important;
  }
  .obs-modal-hero {
    font-size: 22px !important;
    line-height: 1.05 !important;
    margin-bottom: 12px !important;
  }
  .obs-modal-badge {
    font-size: 9.5px !important;
    padding: 4px 10px !important;
    margin-bottom: 12px !important;
  }
  .obs-modal-pitch {
    font-size: 12.5px !important;
    line-height: 1.45 !important;
    margin-bottom: 16px !important;
    padding-left: 12px !important;
  }

  /* Stats: 2x2 tiny cards */
  .about-stats {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
    margin: 0 0 16px 0 !important;
  }
  .about-stat {
    padding: 10px 10px !important;
  }
  .about-stat-num {
    font-size: 20px !important;
    margin-bottom: 2px !important;
  }
  .about-stat-label {
    font-size: 9.5px !important;
    line-height: 1.25;
  }

  /* Steps (Obsolete modal "how it works") — compact */
  .obs-modal-steps {
    gap: 12px !important;
    margin-bottom: 16px !important;
  }
  .obs-step-num {
    font-size: 18px !important;
    min-width: 26px !important;
  }
  .obs-step-title {
    font-size: 11.5px !important;
    margin-bottom: 2px !important;
  }
  .obs-step-desc {
    font-size: 11.5px !important;
    line-height: 1.35 !important;
  }

  /* Emergency card — compact */
  .obs-modal-emergency {
    padding: 10px 12px !important;
    gap: 10px !important;
  }
  .obs-modal-emergency svg { width: 18px !important; height: 18px !important; }
  .obs-em-label { font-size: 11px !important; }
  .obs-em-phone { font-size: 13px !important; }

  /* About pillars — compact */
  .about-pillars {
    gap: 12px !important;
    margin-bottom: 16px !important;
  }
  .about-pillar {
    padding-left: 12px !important;
  }
  .about-pillar-title {
    font-size: 12px !important;
  }
  .about-pillar-desc {
    font-size: 12.5px !important;
    line-height: 1.4 !important;
  }
  .about-body {
    font-size: 13px !important;
    line-height: 1.5 !important;
    margin-bottom: 16px !important;
  }

  /* Contact channels (Contact modal sidebar) — compact */
  .contact-channels {
    gap: 8px !important;
    margin: 0 0 16px 0 !important;
  }
  .contact-channel {
    padding: 10px 12px !important;
    gap: 10px !important;
  }
  .contact-channel svg { width: 18px !important; height: 18px !important; }
  .contact-channel-label { font-size: 10px !important; margin-bottom: 1px !important; }
  .contact-channel-value { font-size: 12.5px !important; }

  /* ─── FORM WRAP (white side): less padding ─── */
  .obs-modal-form-wrap {
    padding: 20px 18px 20px 18px !important;
  }
  .obs-modal-form-header {
    margin-bottom: 16px !important;
  }
  .obs-modal-form-header h3 {
    font-size: 17px !important;
    margin-bottom: 4px !important;
  }
  .obs-modal-form-header p {
    font-size: 12.5px !important;
    line-height: 1.4 !important;
  }
  .obs-form-row {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  .obs-label {
    font-size: 9.5px !important;
  }
  .obs-modal-form textarea {
    min-height: 70px !important;
  }
  .obs-form-actions {
    flex-direction: column-reverse;
    align-items: stretch;
    gap: 10px !important;
  }
  .obs-submit-btn {
    justify-content: center;
    width: 100%;
    padding: 12px 20px !important;
  }
  .obs-form-status {
    text-align: center;
    font-size: 12px !important;
  }

  /* Close button — easier to tap */
  .obs-modal-close {
    top: 12px !important;
    right: 12px !important;
    width: 40px !important;
    height: 40px !important;
    font-size: 24px !important;
  }

  /* FAQ items — compact accordion */
  .faq-item, #faqModal details {
    margin-bottom: 6px !important;
  }
  #faqModal details summary,
  .faq-item summary {
    padding: 11px 40px 11px 14px !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
  }
  #faqModal details p,
  .faq-item p,
  .faq-answer {
    padding: 0 14px 12px 14px !important;
    font-size: 12.5px !important;
    line-height: 1.45 !important;
  }
}

/* Even smaller phones (iPhone SE, old Androids) */
@media (max-width: 380px) {
  .obs-modal-side {
    padding: 18px 16px 14px 16px !important;
  }
  .obs-modal-hero {
    font-size: 20px !important;
  }
  .obs-modal-form-wrap {
    padding: 18px 14px !important;
  }
  .about-stat-num { font-size: 18px !important; }
  .about-stat-label { font-size: 9px !important; }
}

/* Mobile modals: let entire modal scroll as ONE continuous page
   (fixes "content not fully visible" issue on phones) */
@media (max-width: 640px) {
  .obs-modal-dialog {
    min-height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
  .obs-modal-side {
    overflow: visible !important;
  }
  .obs-modal-form-wrap {
    overflow: visible !important;
  }
  /* Emergency card uses margin-top:auto on desktop to push it to bottom;
     on mobile let it flow naturally */
  .obs-modal-emergency {
    margin-top: 16px !important;
  }
  .about-cta {
    margin-top: 20px !important;
  }
}

/* ═══════════════════════════════════════════════════════════════
   SOURCE REQUEST PAGE (part not in catalog → customer can still quote)
   ═══════════════════════════════════════════════════════════════ */
.sr-placeholder{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%)!important}
.sr-placeholder svg{width:100%;height:100%;display:block}
.sr-banner{display:inline-flex;align-items:center;gap:8px;background:#fff5f5;border:1.5px solid #fecaca;color:#991b1b;font-family:var(--fh);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:8px 14px;border-radius:6px;margin-bottom:14px}
.sr-badge{background:#CC1E28!important;color:#fff!important}
.sr-fields{display:flex;flex-direction:column;gap:14px;margin-bottom:20px;padding:18px;background:#f8fafc;border:1.5px dashed #e2e8f0;border-radius:10px}
.sr-field{display:flex;flex-direction:column;gap:6px}
.sr-label{font-family:var(--fh);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#374151}
.sr-label em{font-style:normal;font-weight:500;color:#9ca3af;text-transform:none;letter-spacing:0;font-size:10.5px;margin-left:4px}
.sr-field input,.sr-field textarea{font-family:inherit;font-size:14px;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#111;transition:border-color .15s,box-shadow .15s;outline:none;width:100%;box-sizing:border-box}
.sr-field input:focus,.sr-field textarea:focus{border-color:#CC1E28;box-shadow:0 0 0 3px rgba(204,30,40,.1)}
.sr-field textarea{resize:vertical;min-height:70px;line-height:1.5}
.sr-field input::placeholder,.sr-field textarea::placeholder{color:#94a3b8}

/* Source Request item inside cart — red accent so it's obvious */
.cart-items-table tr.cart-row-source .cart-td-brand{color:#CC1E28}
.cart-items-table tr.cart-row-source .cart-td-brand::after{content:' · SOURCE REQ';font-size:9px;font-weight:800;letter-spacing:.08em;color:#CC1E28;margin-left:4px}

@media(max-width:860px){
  .sr-fields{padding:14px;gap:12px}
}

/* Autocomplete "Request this part" CTA — shown when no matches found */
.ac-source-cta{display:flex;gap:14px;padding:16px;text-decoration:none;color:inherit;background:linear-gradient(135deg,#fff5f5 0%,#fff 100%);border-top:1px solid #fecaca;transition:background .15s;align-items:center}
.ac-source-cta:hover{background:#fff5f5}
.ac-source-ico{flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:#CC1E28;color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-size:24px;font-weight:900;line-height:1}
.ac-source-body{flex:1;min-width:0}
.ac-source-title{font-family:var(--fh);font-size:13px;font-weight:700;letter-spacing:.03em;color:#111;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ac-source-sub{font-size:12px;color:#6b7280;line-height:1.3}