[hidden]{display:none!important}.experience-tabs{height:46px;background:#080d16;border-bottom:1px solid #263d5d;display:flex;align-items:center;gap:6px;padding:5px 5%;position:relative;z-index:20}.experience-tabs button{border:0;color:#a5b4c9;background:none;padding:9px 20px;border-radius:99px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer}.experience-tabs button.active{background:#125bb4;color:#fff}.experience-tabs>a{margin-left:auto;font-size:9px;color:#9babc1}.experience-tabs+header{top:46px}button:disabled{opacity:.4;cursor:default}.parts-teaser{background:radial-gradient(ellipse at 90% 0%,#204b8555,transparent 65%),#0b1220;border-top:1px solid #253a58}.parts-teaser p{font-size:14px;color:#b1c0d3;max-width:430px;line-height:1.8;margin:25px 0}.spec-action{width:100%;padding:19px 0;border:0;border-bottom:1px solid #20344e;background:none;color:white;display:flex;justify-content:space-between;text-align:left;cursor:pointer;font-size:13px}.spec-action:hover{color:#76b3ff}.spec-action span{color:var(--orange)}.catalog-view header{position:relative;top:0;background:#060b13;border-bottom:1px solid #21324a}.catalog-view #catalog-panel{padding:0}.catalog-hero{padding:75px 6% 55px;background:linear-gradient(90deg,#041126ec,#04112690),url('assets/turbo-hero.webp') 70% 50%/cover}.catalog-hero h2{font-size:clamp(50px,7vw,100px)}.catalog-hero p{color:#bdcce0;font-size:14px;line-height:1.8;max-width:420px;margin-top:25px}.catalog-notice{font-size:10px;line-height:1.8;letter-spacing:.5px;color:#ffc694;margin-top:30px;max-width:650px}.catalog-body{padding:45px 6% 80px;max-width:1470px}.catalog-toolbar{display:grid;grid-template-columns:1.2fr 1fr auto;gap:20px;align-items:end}.catalog-toolbar label{color:#9eaec5;font-size:10px;letter-spacing:1px;margin-bottom:10px}.catalog-toolbar input,.catalog-toolbar select{background:#101a29;border-color:#293e5b;color:white}.catalog-toolbar .pill{height:48px}.category-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:30px 0}.category-chip{background:#0e1725;border:1px solid #293d59;color:#aebdd1;border-radius:99px;padding:11px 19px;font-size:11px;cursor:pointer}.category-chip.selected{background:#086fe6;border-color:#3997ff;color:white}.catalog-status{font-size:11px;color:#91a1b8;margin-bottom:24px}.parts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.part-card{border:1px solid #263951;background:linear-gradient(145deg,#111d2f,#080e17);border-radius:22px;overflow:hidden}.part-art{width:100%;height:220px;position:relative;border:0;border-bottom:1px solid #2a4263;background:radial-gradient(ellipse at 70% 80%,#076de25c,transparent 60%),repeating-linear-gradient(125deg,#ffffff04 0 1px,transparent 1px 12px),#0b1524;color:white;display:flex;flex-direction:column;padding:24px;text-align:left;cursor:pointer;overflow:hidden}.part-art:after{content:'';position:absolute;right:-40px;bottom:-100px;width:250px;height:250px;border-radius:50%;border:20px solid #1b7ced18;box-shadow:0 0 0 16px #fff03,0 0 0 35px #1b7ced10;transform:rotate(-30deg)}.part-art.fueling,.part-art.drivetrain{background:radial-gradient(ellipse at 70% 80%,#ff751d40,transparent 65%),repeating-linear-gradient(125deg,#ffffff04 0 1px,transparent 1px 12px),#17131a}.part-art-index{font-size:8px;letter-spacing:2px;color:#9ab5d7}.part-monogram{font-family:Arial,sans-serif;font-size:50px;font-weight:900;font-style:italic;letter-spacing:-3px;margin-top:auto;background:linear-gradient(#fcfdff,#97b2d9);color:transparent;background-clip:text;position:relative;z-index:1}.part-art-caption{font-size:8px;letter-spacing:2px;margin-top:auto;display:flex;justify-content:space-between;color:#87a6ce}.part-art-caption span{color:#ff9e5a;font-size:20px}.part-card-content{padding:25px}.part-platform{font-size:9px;color:#70adff;letter-spacing:1px;line-height:1.8;display:block}.part-card h3{font-size:21px;line-height:1.2;margin:13px 0}.part-card p{font-size:11px;color:#a7b4c6}.part-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #25364f;margin-top:24px;padding-top:18px;gap:12px}.part-details{background:none;border:0;color:#a9c9f5;padding:7px 0;font-size:11px;cursor:pointer}.add-part{border:1px solid #3975bb;color:white;background:#1265c0;border-radius:99px;font-size:10px;padding:11px 14px;cursor:pointer}.catalog-help{margin-top:45px;padding:35px;border:1px solid #33445c;border-radius:20px;display:flex;justify-content:space-between;align-items:center;gap:25px;background:linear-gradient(100deg,#112a4e,#121722)}.catalog-help h3{font-size:23px;margin-bottom:12px}.catalog-help p{color:#adbed4;font-size:13px;line-height:1.7}.premium-modal{width:min(640px,94vw);max-height:90svh;padding:32px;border:1px solid #3b5c84;border-radius:26px;background:radial-gradient(ellipse at 100% 0%,#133568aa,transparent 55%),#0b121e;box-shadow:0 30px 100px #000b;color:white;overflow:auto}.premium-modal::backdrop{background:#000b;backdrop-filter:blur(9px)}.modal-heading{display:flex;justify-content:space-between;align-items:start;gap:20px;border-bottom:1px solid #2d3d54;padding-bottom:24px;margin-bottom:24px}.modal-heading h3{font-size:28px;letter-spacing:-1px;margin-top:15px}.premium-modal .close-modal{float:none;background:#ffffff0a;border:1px solid #526177;border-radius:50%;width:38px;height:38px;color:white;padding:0;cursor:pointer;font-size:23px;flex-shrink:0}.premium-modal form{background:none;padding:0;border:0;border-radius:0;box-shadow:none}.premium-modal label{font-size:11px;color:#b9c9dd}.premium-modal input,.premium-modal select,.premium-modal textarea{background:#050d19;border-color:#334b69;color:#fff}.request-progress{display:flex;gap:8px;margin:0 0 27px}.request-progress span{border-top:3px solid #31415b;flex:1;padding-top:10px;color:#7b8fae;font-size:10px}.request-progress span.current{border-color:#218cff;color:#b7d7ff}.request-step h4{font-size:22px;margin:0 0 12px}.request-step>p,.modal-intro{font-size:13px;color:#a6b6cd;line-height:1.8;margin:0 0 25px}.request-buttons{display:flex;gap:12px;margin-top:25px}.request-buttons .pill{margin:0;width:auto;flex:1}.request-summary,.fitment-warning{background:#122139;border:1px solid #2b4b76;border-radius:12px;padding:18px;margin:23px 0;font-size:12px;line-height:1.8;color:#c1d8f7}.request-parts,#request-feedback{font-size:11px;color:#f9b886;line-height:1.8;margin-top:20px}.fitment-notes{font-size:13px;line-height:2;color:#bdcbe0;padding-left:20px;margin:25px 0}#part-detail h3{font-size:34px;letter-spacing:-1px;margin:18px 0 22px}#part-detail>.pill{margin:5px 5px 5px 0}.quote-row{padding:24px 0;border-bottom:1px solid #293d57;display:flex;justify-content:space-between;gap:20px;align-items:center}.quote-row strong{display:block;font-size:15px}.quote-row small{display:block;font-size:10px;color:#91accf;margin:9px 0}.quote-row div>span{font-size:11px;color:#fdab73}.qty-controls{display:flex;align-items:center;gap:12px;flex-shrink:0}.qty-controls button{border:1px solid #36557f;border-radius:50%;width:28px;height:28px;background:#152239;color:white;cursor:pointer}.qty-controls .remove-part{color:#fda67f;border:0;background:none}.empty-catalog{grid-column:1/-1;border:1px dashed #375379;border-radius:20px;padding:40px;text-align:center}.empty-catalog p{font-size:13px;color:#a5b7d0;line-height:1.8;margin:20px 0}.empty-catalog h4{font-size:21px}#quote-request{margin-top:28px}body:has(.premium-modal[open]){overflow:hidden}
@media(max-width:900px){.parts-grid{grid-template-columns:1fr 1fr}.catalog-toolbar{grid-template-columns:1fr 1fr}.catalog-toolbar .pill{grid-column:1/-1}.catalog-help{align-items:start}.experience-tabs+header{top:46px}.catalog-view header{top:0}}
@media(max-width:640px){.experience-tabs{padding:6px 4%;height:45px;gap:2px}.experience-tabs button{font-size:9px;padding:9px 13px;letter-spacing:.5px}.experience-tabs>a{font-size:7px;max-width:65px;line-height:1.5;text-align:right}.experience-tabs+header{top:45px}.catalog-view header{top:0}.catalog-hero{padding:45px 6%}.catalog-hero h2{font-size:52px}.catalog-toolbar{grid-template-columns:1fr;gap:17px}.parts-grid{grid-template-columns:1fr}.part-art{height:210px}.part-monogram{font-size:60px}.catalog-body{padding:30px 6% 55px}.category-tabs{gap:7px}.category-chip{padding:10px 14px;font-size:10px}.catalog-help{flex-direction:column;padding:25px}.catalog-help .pill{width:100%}.premium-modal{padding:24px 20px;border-radius:22px;width:94vw;max-height:88svh}.modal-heading h3{font-size:24px}.modal-heading .eyebrow{font-size:7px}.premium-modal .fields{grid-template-columns:1fr}.request-buttons{gap:8px}.request-buttons .pill{padding:15px 12px;font-size:9px;letter-spacing:.5px}.request-progress span{font-size:9px}.premium-modal .pill{font-size:10px}.quote-row{flex-direction:column;align-items:start}.qty-controls{align-self:flex-end}.catalog-notice{font-size:9px}.part-card h3{font-size:23px}}
.premium-modal button{float:none}.premium-modal .close-modal{float:none}@media(max-width:640px){#part-detail>.pill{width:100%;margin:6px 0}.premium-modal input,.premium-modal select,.premium-modal textarea{font-size:16px}}

header{top:0}.catalog-view header{top:0}
/* Mobile hero: headline, brand artwork, then introduction and actions. */
@media(max-width:640px){
.hero-content{display:contents}
.hero-content>.eyebrow{order:0;margin:10px 6% 0}
.hero-content>h1{order:1;margin:24px 6% 18px;width:88%;max-width:none}
.hero-brand{order:2;margin:0 auto;width:94%;flex:none}
.hero-content>p{order:3;margin:22px 6% 0;width:88%;max-width:none;position:relative;z-index:3}
.hero-content>.actions{order:4;margin:26px 6% 0;width:88%;position:relative;z-index:3}
.hero-bottom{order:5}
}
@media(max-width:640px){.hero-content>.eyebrow,.hero-content>h1{position:relative;z-index:3;align-self:stretch}}
/* Compact mobile hero with visible artwork and actions before the logo. */
@media(max-width:640px){
.hero{padding-top:91px;padding-bottom:24px;background:radial-gradient(ellipse at 80% 60%,#123e72,#030508 80%)}
.hero-content>h1{order:1;margin-top:18px;margin-bottom:0}
.hero-content>p{order:2;margin-top:16px;font-size:12px;line-height:1.7}
.hero-content>.actions{order:3;margin-top:19px}
.hero-brand{order:4;width:91%;margin:22px auto 0}
.hero-bottom{order:5;margin-top:17px}
.hero-photo{object-fit:contain;object-position:center 44%;filter:brightness(.92) saturate(1.35);opacity:1;transform:scale(1.05)}
.hero:after{background:linear-gradient(180deg,#03050899 0%,#03050870 37%,#03050810 58%,#03050820 80%,#030508db 100%)}
.hero-content>h1,.hero-content>p{text-shadow:0 2px 18px #000b}
.hero .pill{padding:15px 12px}
}
@media(max-width:640px){.hero-photo{top:180px;height:auto;width:100%;object-fit:contain;object-position:center;transform:none;mask-image:linear-gradient(180deg,transparent 0%,#000 20%,#000 78%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 20%,#000 78%,transparent 100%)}.hero .actions .ghost{background:#08111ed9;border-color:#7890ae}.hero-content>p{text-shadow:0 2px 7px #000,0 0 18px #000}}
/* Restore the original mobile hero background while preserving button order. */
@media(max-width:640px){
.hero{background:#030508}
.hero-photo{top:0;bottom:auto;height:100%;width:100%;object-fit:cover;object-position:65% center;filter:brightness(.4) saturate(1.5);opacity:.7;transform:none;mask-image:none;-webkit-mask-image:none}
.hero:after{background:linear-gradient(0deg,#030508 0%,#030508b0 35%,#03050820 75%)}
}
/* Enhance the existing full-bleed artwork without changing its crop. */
.hero-photo{filter:brightness(.68) saturate(1.35) contrast(1.07)}
@media(max-width:640px){
.hero-photo{top:0;height:100%;width:100%;object-fit:cover;object-position:65% center;filter:brightness(.67) saturate(1.4) contrast(1.08);opacity:.9;transform:none;mask-image:none;-webkit-mask-image:none}
.hero:after{background:linear-gradient(180deg,#03050870 0%,#0305089c 18%,#030508b3 43%,#03050830 63%,#03050855 82%,#030508 100%),linear-gradient(90deg,#03050833,transparent 70%)}
.hero-content>h1,.hero-content>p{text-shadow:0 2px 10px #000b}
}