:root{--navy:#071a2b;--navy2:#0b2a46;--blue:#0d63c7;--blue2:#0a4e9d;--sky:#eaf4ff;--text:#0b2139;--muted:#5d6e7e;--line:#d9e3ec;--panel:#fff;--bg:#eef3f7;--shadow:0 10px 30px rgba(9,34,58,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(#eef5fa,#f8fafc);font-family:Arial,Helvetica,sans-serif;color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}.siteHeader{height:72px;background:linear-gradient(90deg,#061725,#0a263d);color:#fff;display:flex;align-items:center;padding:0 max(22px,calc((100vw - 1180px)/2));gap:28px;position:sticky;top:0;z-index:40;box-shadow:0 3px 18px #00101d44}.logo{display:grid;grid-template-columns:auto auto auto;grid-template-rows:auto auto;align-items:center;text-decoration:none;color:#fff;min-width:245px;line-height:1}.logo .gear{grid-row:1/3;font-size:34px;color:#1381eb;margin-right:8px}.logo .khg{font-size:28px;font-weight:900}.logo .parts{font-size:28px;font-weight:900;color:#1478df;margin-left:5px}.logo small{grid-column:2/4;font-size:8px;letter-spacing:.5px;margin-top:4px}.desktopNav{display:flex;align-items:center;gap:25px;flex:1}.desktopNav a{color:#e9f2f8;text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap}.desktopNav a.active,.desktopNav a:hover{color:#49a1ff}.headerTag{text-align:right;color:#66b4ff;font-size:12px;line-height:1.5}.headerTag b{font-weight:600}.hero{min-height:300px;position:relative;background:linear-gradient(100deg,#123b60,#0b2942);overflow:hidden;color:#fff}.hero:after{content:"";position:absolute;inset:0 0 0 42%;background:url('assets/v315-hero-vehicle.png') center/cover no-repeat;opacity:.88}.heroShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,26,43,.98) 0%,rgba(9,42,70,.90) 39%,rgba(8,28,45,.30) 67%,rgba(5,20,33,.48) 100%);z-index:1}.heroInner{max-width:1180px;margin:auto;padding:32px 22px 70px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.heroCopy{max-width:560px}.eyebrow,.miniLabel{font-size:11px;font-weight:900;letter-spacing:1.7px;color:#69b7ff}.hero h1{font-size:43px;line-height:1.04;margin:8px 0 10px;letter-spacing:-1px}.hero p{font-size:15px;line-height:1.45;max-width:510px;margin:0 0 15px;color:#eff7fd}.heroBadges{display:flex;gap:10px;flex-wrap:wrap}.heroBadges span{background:#ffffff17;border:1px solid #ffffff2d;border-radius:999px;padding:7px 10px;font-size:11px}.heroTrust{display:flex;gap:22px;margin-left:auto;align-self:flex-end;margin-bottom:20px}.heroTrust>div{display:flex;gap:8px;align-items:center;max-width:120px}.heroTrust strong{width:34px;height:34px;border-radius:50%;background:#fff;color:var(--blue);display:grid;place-items:center;font-size:19px}.heroTrust span{display:flex;flex-direction:column}.heroTrust b{font-size:11px}.heroTrust small{font-size:9px;color:#dce8f2;line-height:1.2;margin-top:2px}.sectionCard{max-width:1140px;margin:16px auto;background:#fff;border:1px solid #dce6ef;border-radius:8px;box-shadow:var(--shadow);padding:18px 20px}.vehicleCard{margin-top:-42px;position:relative;z-index:10}.sectionTitle{display:flex;align-items:center;gap:12px}.sectionTitle h2{font-size:22px;margin:0}.sectionTitle p{font-size:12px;color:var(--muted);margin:3px 0 0}.titleIcon{font-size:28px;color:var(--blue);width:36px;text-align:center}.vehicleFields{display:grid;grid-template-columns:1fr 1.15fr 1.15fr 1.25fr 1fr;gap:14px;margin-top:15px;align-items:end}.vehicleFields label span{display:block;font-size:11px;font-weight:800;margin:0 0 6px;color:#334d65}.vehicleFields select{width:100%;height:44px;border:1px solid #cbd8e3;border-radius:5px;background:#f8fbfd;padding:0 12px;color:#1b3247}.vehicleFields select:disabled{color:#8a99a8;background:#f0f4f7}.primaryBtn{height:44px;border:0;border-radius:5px;color:#fff;font-weight:800;background:linear-gradient(180deg,#1471d8,#0755aa);box-shadow:0 3px 8px #0c5eb327}.primaryBtn:hover{filter:brightness(1.06)}.primaryBtn span{margin-left:8px}.vehicleStatus{font-size:11px;color:#607487;margin-top:10px;min-height:15px}.rowTitle .textBtn{margin-left:auto}.textBtn{border:0;background:transparent;color:var(--blue);font-weight:800;font-size:11px}.categorySection{padding-bottom:20px}.essentialGrid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:15px}.essentialCard{border:1px solid #dce5ed;background:#fff;border-radius:6px;min-height:112px;padding:16px 10px 13px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text)}.essentialCard:hover{border-color:#86bdf3;background:#f7fbff}.essentialIcon{font-size:30px;margin-bottom:9px}.essentialCard b{font-size:14px}.essentialCard small{font-size:10px;line-height:1.3;color:#65788a;margin-top:4px}.partNumberSection{display:grid;grid-template-columns:minmax(260px,.9fr) 1.4fr;gap:24px;align-items:center}.compactTitle h2{font-size:20px}.partSearch{display:grid;grid-template-columns:1fr 145px;gap:12px}.partSearch input{height:42px;border:1px solid #cbd8e3;border-radius:5px;padding:0 14px}.hiddenSection{display:none}.partsTree.show{display:block}.treeGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.treeBranch{border:1px solid #dce5ed;border-radius:6px;overflow:hidden;background:#fafcfe}.treeBranch summary{list-style:none;display:flex;align-items:center;gap:8px;padding:13px 14px;font-size:13px;font-weight:900;cursor:pointer;background:#f4f8fb}.treeBranch summary::-webkit-details-marker{display:none}.treeBranch summary small{margin-left:auto;font-size:9px;color:#728395;font-weight:600}.treeLeaves{display:grid;grid-template-columns:1fr;padding:5px}.treeLeaves button{border:0;border-radius:4px;background:#fff;text-align:left;padding:9px 10px;font-size:11px;color:#274157}.treeLeaves button:hover{background:#eaf4ff;color:#064f9e}.featuredSection{padding-bottom:22px}.resultCount{margin-left:auto;font-size:11px;font-weight:800;color:var(--blue)}.productGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:15px}.productCard{border:1px solid #dce5ed;border-radius:7px;background:#fff;overflow:hidden;display:flex;flex-direction:column}.productArt{height:92px;display:grid;place-items:center;background:linear-gradient(145deg,#f9fbfc,#e8eef3);font-size:35px}.productBody{padding:12px;display:flex;flex-direction:column;flex:1}.productBody .badge{align-self:flex-start;font-size:8px;background:#eaf4ff;color:#0c5aa9;padding:4px 6px;border-radius:3px;font-weight:800}.productBody h3{font-size:12px;line-height:1.25;margin:8px 0 4px;min-height:30px}.productBody p{font-size:9px;line-height:1.35;color:#647688;margin:0 0 8px}.pn{font-family:monospace;font-size:10px;font-weight:800;color:#173b5f;margin-bottom:8px}.productBody button{margin-top:auto;height:32px;border:1px solid #80b9f1;background:#fff;color:#075ab1;border-radius:4px;font-size:10px;font-weight:800}.emptyState{grid-column:1/-1;border:1px dashed #bcd0e0;background:#f8fbfd;border-radius:8px;padding:28px;text-align:center}.emptyState h3{margin:0 0 8px}.emptyState p{max-width:720px;margin:0 auto 14px;color:#5f7283;font-size:12px;line-height:1.5}.emptyState .primaryBtn{padding:0 22px}.trustStrip{max-width:1180px;margin:18px auto 0;padding:18px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.trustStrip>div{display:flex;align-items:center;gap:10px}.trustStrip strong{font-size:27px}.trustStrip span{display:flex;flex-direction:column}.trustStrip b{font-size:11px}.trustStrip small{font-size:9px;color:#67798a;margin-top:3px}footer{margin-top:15px;background:#061725;color:#fff;padding:28px max(24px,calc((100vw - 1140px)/2));display:grid;grid-template-columns:1fr 2fr;gap:30px}.footerLogo{display:grid;grid-template-columns:auto 1fr;align-items:center}.footerLogo .gear{grid-row:1/3;font-size:34px;color:#1683ec;margin-right:8px}.footerLogo b{font-size:22px}.footerLogo em{color:#1683ec;font-style:normal}.footerLogo small{font-size:8px}.footerCols{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.footerCols div{display:flex;flex-direction:column;gap:6px}.footerCols b{font-size:10px;margin-bottom:3px}.footerCols a{font-size:9px;color:#c6d5df;text-decoration:none}.copyright{grid-column:1/-1;text-align:right;font-size:8px;color:#8fa5b5;margin:0}.modal{display:none;position:fixed;inset:0;background:#00101dcc;z-index:60;align-items:center;justify-content:center;padding:18px}.modal.open{display:flex}.dialog{background:#fff;border-radius:10px;width:min(650px,100%);max-height:88vh;overflow:auto;padding:24px;position:relative}.modalClose{position:absolute;right:12px;top:8px;border:0;background:transparent;font-size:26px}.offer{display:flex;justify-content:space-between;align-items:center;border:1px solid #d7e3ed;padding:12px;border-radius:6px;margin:8px 0;text-decoration:none;color:var(--text)}.offer small{display:block;color:#607487}.offerPending{background:#f5f8fb;border:1px solid #dce5ed;padding:12px;border-radius:6px;font-size:12px;color:#5d6f80}
@media(max-width:1000px){.headerTag{display:none}.desktopNav{gap:14px}.heroTrust{display:none}.essentialGrid{grid-template-columns:repeat(3,1fr)}.productGrid{grid-template-columns:repeat(3,1fr)}.vehicleFields{grid-template-columns:repeat(2,1fr)}.vehicleFields .primaryBtn{grid-column:1/-1}.treeGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.siteHeader{height:auto;min-height:66px;padding:10px 16px;position:relative}.logo{min-width:0}.logo .gear{font-size:29px}.logo .khg,.logo .parts{font-size:23px}.desktopNav{display:none}.hero{min-height:250px}.hero:after{inset:0;opacity:.42;background-position:62% center}.heroShade{background:linear-gradient(90deg,rgba(7,26,43,.98),rgba(7,26,43,.88) 70%,rgba(7,26,43,.55))}.heroInner{padding:30px 20px 65px}.hero h1{font-size:34px;line-height:1.05}.hero p{font-size:13px;max-width:92%}.heroBadges{display:none}.sectionCard{margin:12px 12px;padding:16px;border-radius:8px}.vehicleCard{margin-top:-36px}.sectionTitle h2{font-size:20px}.sectionTitle p{font-size:11px}.vehicleTitle{align-items:flex-start}.vehicleFields{grid-template-columns:1fr;margin-top:14px;gap:10px}.vehicleFields label span{font-size:10px}.vehicleFields select,.primaryBtn{height:46px}.essentialGrid{grid-template-columns:repeat(2,1fr);gap:8px}.essentialCard{min-height:105px}.rowTitle{align-items:flex-start}.rowTitle .textBtn{display:none}.partNumberSection{grid-template-columns:1fr;gap:14px}.partSearch{grid-template-columns:1fr 100px}.treeGrid{grid-template-columns:1fr}.productGrid{grid-template-columns:repeat(2,1fr)}.trustStrip{grid-template-columns:1fr 1fr;padding:12px 18px;gap:16px}.trustStrip b{font-size:10px}.trustStrip small{font-size:8px}footer{grid-template-columns:1fr;padding:25px 20px}.footerCols{gap:12px}.copyright{text-align:left}.resultCount{display:none}}
@media(max-width:420px){.logo small{display:none}.hero h1{font-size:31px}.productGrid{grid-template-columns:1fr 1fr}.productArt{height:78px}.partSearch{grid-template-columns:1fr}.partSearch .primaryBtn{width:100%}.trustStrip{grid-template-columns:1fr}.footerCols{grid-template-columns:1fr 1fr}.sectionTitle .titleIcon{font-size:24px}.essentialCard b{font-size:13px}}

.retailerCard .productArt{height:145px}.retailerCard .productArt img{width:100%;height:100%;object-fit:contain;padding:8px}.offerPrice{font-size:15px;font-weight:800;margin:4px 0 8px}.fitmentNote{display:block;color:#66788a;font-size:10px;line-height:1.3;margin:0 0 10px}.partLink{display:block;margin-top:auto;text-align:center;padding:9px;background:#0865bc;color:white;text-decoration:none;border-radius:4px;font-size:11px;font-weight:800}
