@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--red:#e20a20;--red-dark:#be071a;--ink:#20242b;--muted:#646c78;--line:#e6e8ed;--pearl:#f7f8fa;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#fff;color:var(--ink);font:15px/1.55 'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{border:0;background:none;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:default;opacity:.45}button,a{transition:background .18s,color .18s,box-shadow .18s,transform .18s var(--ease)}button:active:not(:disabled),a.primary:active{transform:scale(.975)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #344862;outline-offset:3px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}button,input,textarea,select{border-radius:0}img{max-width:100%}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}[hidden]{display:none!important}
.header,main{max-width:1480px;margin:auto}.header{display:flex;align-items:center;justify-content:space-between;padding:23px 4%;border-bottom:1px solid #f0f1f4;gap:20px}.brand{display:flex;gap:14px;align-items:center;white-space:nowrap;font:800 27px/1 Manrope,Arial,sans-serif;letter-spacing:-1.25px}.brand img{width:52px;height:52px;object-fit:cover;border-radius:13px;box-shadow:0 5px 14px #18243a0d}.brand b,footer b{color:var(--red)}nav{display:flex;align-items:center;gap:25px}.desktop-nav{font-size:13px;font-weight:600}.contact-link{display:flex;align-items:center;gap:8px;color:#157c4b;padding:9px 13px;border:1px solid #dcebe2;border-radius:24px;font-size:13px;font-weight:600}.contact-link:hover{background:#f0f9f4}.intro{padding:37px 4% 27px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#737c88;margin-bottom:10px}.intro .eyebrow{display:flex;align-items:center;gap:8px}.intro .eyebrow>span{width:6px;height:6px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px #e20a2009}h1{font-size:clamp(35px,4vw,54px);letter-spacing:-2.1px;line-height:1.13;font-weight:800}h1 em{font-style:normal;color:var(--red)}.mobile-br,.desktop-br{display:none}.intro-copy{margin-top:14px;color:var(--muted);font-size:16px;max-width:650px}.trust-line{display:flex;gap:21px;margin-top:17px;color:#545d69;font-size:12px}.trust-line>span{display:flex;gap:6px;align-items:center}.trust-line .icon{width:15px;height:15px;color:var(--red);stroke-width:2}
.primary{display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(160deg,#ed1530,var(--red));color:#fff;min-height:50px;padding:13px 17px;border-radius:12px;box-shadow:0 5px 13px #d5092018,inset 0 1px 0 #ffffff35;font-size:14px;font-weight:700}.primary:hover{background:var(--red-dark);box-shadow:0 6px 18px #d5092025}.primary .icon{width:20px;height:20px}.primary[aria-disabled=true]{background:#eef0f3;color:#777f8a;box-shadow:none;cursor:default}.step-number{display:inline-grid;place-items:center;flex-shrink:0;width:30px;height:30px;background:#fff;border:1px solid #e1e4e9;border-radius:10px;color:#808895;font:600 10px Manrope,Arial,sans-serif}.registration-step{margin:0 4% 29px;padding:22px 24px;display:grid;grid-template-columns:1fr minmax(350px,47%);gap:25px;align-items:center;background:linear-gradient(120deg,#fafbfc,#fff);border:1px solid var(--line);border-radius:18px;box-shadow:0 6px 25px #20304b04}.registration-copy{display:flex;align-items:center;gap:13px}.registration-copy h2{font-size:18px;letter-spacing:-.5px}.registration-copy p{font-size:12px;color:var(--muted);margin-top:3px}.reg-fields{display:flex;gap:10px}.plate{display:flex;align-items:center;min-width:0;flex:1;border:1px solid #e1d7a6;border-radius:11px;background:linear-gradient(#fffbed,#fff7d9);box-shadow:inset 0 2px 5px #9c872509;overflow:hidden}.plate-mark{align-self:stretch;display:grid;place-items:center;padding:0 10px;border-right:1px solid #e4dbb3;font-size:10px;letter-spacing:1px;font-weight:700;color:#7b765b}.plate input{background:transparent;min-width:0;width:100%;border:0;padding:11px 12px;letter-spacing:2px;text-transform:uppercase;font-size:19px;font-weight:700;color:#303331;outline-offset:-3px}.plate input::placeholder{font-size:15px;font-weight:500;color:#959483}.reg-fields>.primary{flex-shrink:0;font-size:13px;min-height:50px}.reg-form>p{font-size:11px;color:var(--muted);margin-top:7px}.registration-confirmed{display:flex;align-items:center;justify-content:space-between;gap:10px}.registration-confirmed>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.registration-confirmed .icon{width:17px;height:17px;color:#138353}.registration-confirmed strong{font-size:18px;letter-spacing:1.8px}.registration-confirmed span{font-size:12px;color:var(--muted)}.text-button{color:var(--red-dark);font-size:12px;font-weight:600;padding:10px 2px;min-height:44px;white-space:nowrap}
.finder{padding:0 4% 38px;display:grid;grid-template-columns:minmax(0,1fr) 345px;gap:28px 30px;align-items:start;scroll-margin-top:20px}.explorer{min-width:0;grid-column:1;grid-row:1}.finder-step-title{display:flex;gap:12px;align-items:center;margin-bottom:17px}.finder-step-title h2{font-size:22px;letter-spacing:-.8px}.finder-step-title p{font-size:12px;color:var(--muted);margin-top:3px}.toolbar{position:relative;z-index:5}.search-wrap{position:relative}.search{display:flex;align-items:center;gap:11px;padding:6px 6px 6px 15px;background:white;border:1px solid #d9dde4;border-radius:14px;box-shadow:0 5px 21px #20304b06;transition:border .2s,box-shadow .2s}.search:focus-within{border-color:#bd6d77;box-shadow:0 0 0 3px #e20a2007,0 6px 20px #20304b06}.search>.icon{color:#7c8593;width:20px}.search input{flex:1;min-width:0;border:0;background:transparent;padding:9px 0;font-size:16px;outline:none}.search input::placeholder{color:#8a919b}.search button{width:44px;height:44px;display:grid;place-items:center;background:var(--red);border-radius:10px;color:white;flex-shrink:0}.search button:hover{background:var(--red-dark)}.search-results{position:absolute;left:0;right:0;top:calc(100% + 8px);background:#fff;box-shadow:0 18px 45px #1b2b4320;border:1px solid var(--line);border-radius:15px;padding:6px;max-height:320px;overflow:auto;animation:reveal .18s var(--ease)}.search-result,.search-custom{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;border-radius:10px;padding:12px;min-height:58px}.search-result:hover{background:#f6f7fa}.search-result strong,.search-custom strong{font-size:14px;font-weight:600;display:block}.search-result small,.search-custom small{display:block;font-size:12px;color:var(--muted);margin-top:2px}.search-result>.icon{color:var(--red);width:19px;height:19px}.search-custom{background:#faf4f5;margin-top:3px;justify-content:flex-start}.search-custom>.icon{color:#bd1224;width:18px;height:18px}.search-custom small{overflow-wrap:anywhere}.no-results{font-size:13px;color:var(--muted);padding:11px 12px}.finder-shortcuts{display:flex;gap:10px;justify-content:space-between;padding:11px 0 5px}.finder-shortcuts button{display:flex;gap:7px;align-items:center;min-height:40px;border-radius:9px;font-size:12px;font-weight:600;padding:7px 9px}.finder-shortcuts button:first-child{background:#fff5f6;color:#b60a1d}.finder-shortcuts button:last-child{color:#606a79}.finder-shortcuts .icon{width:16px;height:16px}.finder-shortcuts button:hover{background:#f3f4f7}
.scene{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 90%,#e9edf23d,transparent 63%),linear-gradient(#fcfcfd,#fff);border:1px solid #f0f1f4;border-radius:20px;height:420px;margin-top:10px}.scene-topline{position:absolute;left:17px;right:17px;top:16px;display:flex;align-items:center;justify-content:space-between;gap:8px;z-index:3}.scene-topline>span:first-child{font-size:8px;letter-spacing:1.6px;display:flex;align-items:center;gap:6px;color:#7b8390;font-weight:600}.scene-topline i{display:block;width:4px;height:4px;border-radius:50%;background:var(--red)}.scene-tag{font-size:7px;letter-spacing:1px;border:1px solid #e6e9ef;padding:3px 6px;border-radius:5px;color:#858e9b}.vehicle-image{position:absolute;left:0;top:46%;width:100%;aspect-ratio:1;background-image:url('assets/vehicle-views.png');background-size:300% 200%;background-position:0% 0%;transform:translateY(-50%);will-change:opacity,transform;z-index:0}.outgoing-view{z-index:1;pointer-events:none}.scene-shine{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(#fcfcfd 0,transparent 18%,transparent 70%,#fff 94%)}.scene-caption{position:absolute;left:17px;right:17px;bottom:17px;display:flex;justify-content:space-between;gap:10px;align-items:center;z-index:4;padding:11px 12px;border:1px solid #ffffffdf;background:#ffffffbb;box-shadow:0 3px 20px #24344e04;backdrop-filter:blur(10px);border-radius:13px}.mini-label{font-size:7px;letter-spacing:1.35px;color:#7c8593}.scene-caption h3{font-size:15px;letter-spacing:-.45px;margin-top:3px}.scene-caption p{font-size:11px;color:var(--muted);margin-top:3px}.scene-caption-icon{display:grid;place-items:center;border:1px solid #e7e9ed;background:#fff;border-radius:10px;width:32px;height:32px;flex-shrink:0;color:#89919d}.scene-caption-icon .icon{width:16px;height:16px}.hotspot{position:absolute;z-index:3;display:flex;align-items:center;gap:7px;padding:8px;min-height:44px;border-radius:10px}.dot{display:block;background:#fff;border:3px solid var(--red);width:13px;height:13px;border-radius:50%;box-shadow:0 0 0 6px #e20a2010;flex-shrink:0}.hotspot-label{display:block;background:#ffffffed;border:1px solid #e8eaf0;box-shadow:0 4px 16px #25334e08;padding:4px 8px;font-size:10px;border-radius:7px}.hotspot:hover .hotspot-label,.hotspot.selected .hotspot-label{border-color:#d66d79;color:#b8061a}.hotspot.light{top:37%;left:9%}.hotspot.engine{top:24%;left:37%}.hotspot.wheel{top:58%;left:43%}.hotspot.bumper{top:58%;left:0}.scene-footer{margin-top:14px}.view-buttons{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:1px 1px 5px}.view-buttons::-webkit-scrollbar{display:none}.view-buttons button{border:1px solid #e4e7ed;border-radius:11px;background:linear-gradient(#fff,#fafbfd);padding:10px 14px;min-height:42px;flex:1;font-size:11px;font-weight:500;white-space:nowrap;box-shadow:0 2px 6px #24344e03}.view-buttons button:hover{border-color:#bfc6d1}.view-buttons button.active{background:#252a32;border-color:#252a32;color:#fff;box-shadow:0 3px 10px #20293818}.scene-footer>p{font-size:10px;text-align:center;color:#79828f;margin-top:8px}
.part-browser{grid-column:1/-1;grid-row:2;padding-top:25px;border-top:1px solid var(--line);scroll-margin-top:20px}.browser-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.browser-heading h2{font-size:23px;letter-spacing:-.8px}.browser-heading .eyebrow{font-size:9px;margin-bottom:4px}.part-browser>p{font-size:13px;color:var(--muted);margin:8px 0 18px}.area-grid,.parts-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.area-card,.part-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px 17px;border:1px solid #e3e6ec;border-radius:13px;background:linear-gradient(140deg,#fff,#f6f7fa);box-shadow:0 4px 14px #25334b04;text-align:left;font-size:13px;min-height:76px}.area-card:hover,.part-card:hover{border-color:#d69099;box-shadow:0 5px 17px #d5092007}.area-card .icon,.part-card .icon{width:17px;height:17px;color:var(--red)}.part-card strong{font-weight:600;font-size:13px}
.request-column{grid-column:2;grid-row:1;min-width:0;scroll-margin-top:25px}.request-card{border:1px solid #e2e5eb;border-radius:20px;background:linear-gradient(150deg,#fff,#fcfcfd);padding:22px;box-shadow:0 12px 42px #24344e06}.request-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.request-heading>div{display:flex;align-items:center;gap:10px}.request-heading h2{font-size:18px;letter-spacing:-.6px}.count{display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:8px;background:#fff0f2;color:#bd0b20;font-size:11px;font-weight:700}.vehicle-summary{display:flex;gap:11px;align-items:center;background:#f3f5f8;border:1px solid #eceef2;border-radius:12px;padding:13px;margin-bottom:7px}.vehicle-summary>.icon{color:#8d96a5;width:21px;height:21px}.vehicle-summary strong{display:block;font-size:13px;letter-spacing:1px}.vehicle-summary small{display:block;font-size:11px;color:var(--muted);line-height:1.5;margin-top:3px}#empty-request{text-align:center;padding:32px 6px 25px}#empty-request>span{display:grid;place-items:center;margin:0 auto 14px;width:43px;height:43px;border:1px solid #e8ebf0;border-radius:14px;background:#fafbfc;box-shadow:0 3px 12px #24344e04;color:#8c97a7}#empty-request h3{font-size:13px;letter-spacing:-.2px}#empty-request p{font-size:12px;max-width:230px;color:var(--muted);margin:8px auto 0}.request-row{padding:15px 0;border-bottom:1px solid #e8ebf0;animation:reveal .2s var(--ease)}.request-row-top{display:flex;gap:10px;align-items:flex-start}.item-summary{flex:1;text-align:left;min-width:0;padding:0}.item-summary strong{display:block;font-size:13px;font-weight:600;white-space:pre-line;overflow-wrap:anywhere}.item-summary small{display:block;font-size:10px;color:var(--muted);margin-top:5px;line-height:1.6}.remove-item{flex-shrink:0;width:30px;height:30px;border-radius:9px;color:#8993a2;font-size:21px;line-height:1;padding:0}.remove-item:hover{color:var(--red);background:#fff0f2}.request-row-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:11px;color:var(--muted)}.quantity-stepper{display:flex;align-items:center;border:1px solid #dfe4eb;border-radius:10px;overflow:hidden;background:#fff;color:var(--ink)}.quantity-stepper button{width:34px;height:32px;font-size:17px;background:linear-gradient(#fff,#f6f7fa)}.quantity-stepper button:hover{background:#f0f2f6}.quantity-stepper>span{min-width:31px;text-align:center;font-size:12px;font-weight:600}.quantity-stepper input{width:48px;min-width:0;border:0;border-left:1px solid #e5e8ee;border-right:1px solid #e5e8ee;background:#fff;font-size:16px;font-weight:600;text-align:center;padding:6px 0;appearance:textfield;-moz-appearance:textfield}.quantity-stepper input::-webkit-inner-spin-button{display:none}.custom-part-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px;padding:11px 9px;margin-top:17px;border:1px dashed #c2c9d4;border-radius:11px;font-size:12px;font-weight:600;color:#596575;background:#fff}.custom-part-button:hover{border-color:#c33549;background:#fff8f9;color:#b7071c}.custom-part-button .icon{width:16px;height:16px}.request-actions{margin-top:20px}.quote-button{width:100%;gap:8px;font-size:12px;white-space:normal;min-height:52px}.quote-button>.icon{width:19px;height:19px}.quote-button>span{flex:1;text-align:center}.request-note{font-size:10px;color:var(--muted);line-height:1.7;text-align:center;margin-top:12px}.how{margin:0 4%;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.how article>span{font-size:10px;color:var(--red);font-weight:700;letter-spacing:1px}.how h3{font-size:15px;letter-spacing:-.3px;margin-top:6px}.how p{font-size:12px;color:var(--muted);margin-top:7px;max-width:260px}.help-section{padding:40px 4%;display:flex;justify-content:space-between;align-items:center;gap:28px}.help-section h2{font-size:27px;letter-spacing:-.9px}.help-section p:last-child{font-size:13px;color:var(--muted);max-width:570px;margin-top:10px}.secondary{display:flex;align-items:center;justify-content:center;gap:13px;min-height:48px;border:1px solid #dce1e8;background:linear-gradient(#fff,#fafbfd);border-radius:12px;padding:12px 17px;white-space:nowrap;font-size:13px;font-weight:600}.secondary .icon{width:18px;height:18px}.secondary:hover{border-color:#9ba6b7}footer{margin:0 4%;border-top:1px solid var(--line);padding:24px 0 30px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}footer>span{font-size:14px;font-weight:700;letter-spacing:-.4px}footer p{font-size:12px;color:var(--muted)}footer small{font-size:10px;color:var(--muted);width:100%}
dialog{width:min(450px,calc(100% - 32px));border:1px solid #e1e5ec;border-radius:22px;padding:30px;box-shadow:0 25px 90px #13213738;color:var(--ink);max-height:90dvh;overflow:auto}dialog[open]{animation:sheet-in .23s var(--ease)}dialog::backdrop{background:#1d2a3e55;backdrop-filter:blur(5px)}dialog form{margin:0}.sheet-handle{display:none}.close{position:absolute;right:13px;top:12px;width:38px;height:38px;display:grid;place-items:center;font-size:27px;border-radius:11px;background:#f6f7fa;color:#6b7585}.close:hover{background:#eceff4}dialog .eyebrow{font-size:9px;padding-right:30px}dialog h2{font-size:27px;letter-spacing:-1px;line-height:1.25;margin:12px 0 10px}.dialog-help{font-size:13px;color:var(--muted);margin-bottom:22px}dialog label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}dialog select{border:1px solid #dce1e9;border-radius:11px;padding:12px;width:100%;font-size:14px;background:#fff;color:var(--ink)}dialog .quantity-field{display:flex;justify-content:space-between;align-items:center;margin:22px 0}dialog .quantity-field label{margin:0}.quantity-field .quantity-stepper button{width:44px;height:42px}dialog .primary{width:100%;margin-top:10px}#custom-description{font-size:16px;padding:13px;width:100%;min-height:125px;resize:vertical;border:1px solid #dce1e9;border-radius:12px;margin-bottom:16px}#custom-description::placeholder{color:#8892a0}#toast{position:fixed;bottom:25px;left:50%;max-width:min(90vw,450px);transform:translate(-50%,15px);opacity:0;pointer-events:none;z-index:60;background:#252c38;color:#fff;border:1px solid #ffffff17;padding:12px 18px;border-radius:12px;box-shadow:0 8px 30px #18274023;font-size:13px;text-align:center;transition:opacity .17s,transform .2s var(--ease)}#toast.show{opacity:1;transform:translate(-50%,0)}.mobile-dock{display:none}@keyframes reveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes sheet-in{from{opacity:.5;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1150px){.area-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.area-card{grid-column:span 3}.area-card:nth-last-child(-n+3){grid-column:span 4}}
@media(max-width:1100px){.finder{grid-template-columns:minmax(0,1fr) 315px;gap:24px}.registration-step{grid-template-columns:1fr 1fr;gap:20px}.registration-copy h2{font-size:16px}.registration-copy p{font-size:11px}.reg-fields>.primary{padding:12px;font-size:12px}.scene{height:365px}.request-card{padding:18px}.request-heading h2{font-size:16px}.view-buttons button{padding:10px}.area-grid,.parts-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand{font-size:25px}}
@media(max-width:760px){
 html{scroll-padding-top:85px}.header{position:sticky;top:0;z-index:20;padding:13px 5%;min-height:68px;background:#fffffff0;backdrop-filter:blur(14px);border-bottom:1px solid #edf0f4;gap:10px}.brand{font-size:19px;gap:9px;letter-spacing:-.8px}.brand img{width:40px;height:40px;border-radius:11px}.desktop-nav{display:none}.contact-link{min-height:40px;padding:8px 10px;border-radius:12px;font-size:11px;gap:5px;background:#fff}.contact-link .icon{width:18px;height:18px}.intro{padding:28px 5% 23px}.intro .eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:13px}h1{font-size:42px;letter-spacing:-1.9px;line-height:1.08}.mobile-br{display:block}.intro-copy{font-size:14px;line-height:1.65;margin-top:14px;max-width:340px}.trust-line{font-size:11px;gap:17px;margin-top:15px}.trust-line .icon{width:14px;height:14px}.registration-step{margin:0 5% 24px;padding:18px;display:flex;flex-direction:column;align-items:stretch;gap:15px;border-radius:17px;background:linear-gradient(120deg,#fafbfc,#fff)}.registration-copy{gap:10px}.step-number{width:28px;height:28px;font-size:9px;border-radius:9px}.registration-copy h2{font-size:16px;letter-spacing:-.5px}.registration-copy p{font-size:12px;line-height:1.5;margin-top:3px}.reg-fields{gap:8px}.plate-mark{padding:0 7px;font-size:9px}.plate input{font-size:19px;letter-spacing:1px;padding:12px 9px}.plate input::placeholder{font-size:14px}.reg-fields>.primary{padding:12px 11px;gap:7px;min-height:50px;font-size:12px}.reg-fields>.primary>.icon{width:17px}.reg-form>p{font-size:11px;line-height:1.5;margin-top:8px}.registration-confirmed>div{gap:7px}.registration-confirmed strong{font-size:16px}.registration-confirmed span{font-size:11px;display:none}.registration-confirmed .icon{width:16px}.registration-confirmed{margin-top:-10px}.registration-step:has(.registration-confirmed:not([hidden])){gap:12px;padding:13px 16px}.registration-step:has(.registration-confirmed:not([hidden])) .registration-copy p{display:none}.registration-step:has(.registration-confirmed:not([hidden])) .registration-copy{display:none}.registration-confirmed{margin:0}.text-button{font-size:12px;padding:9px 0;min-height:36px}body[data-ready=true] .intro{padding:18px 5% 17px}body[data-ready=true] .intro .eyebrow{display:none}body[data-ready=true] h1{font-size:27px;letter-spacing:-1.1px}body[data-ready=true] h1 .mobile-br{display:none}body[data-ready=true] .intro-copy{display:none}body[data-ready=true] .trust-line{margin-top:9px;font-size:10px}
 .finder{display:flex;flex-direction:column;padding:0 5% 29px;gap:25px;scroll-margin-top:83px}.explorer,.request-column,.part-browser{width:100%}.explorer{order:0}.finder-step-title{gap:10px;margin-bottom:14px}.finder-step-title h2{font-size:20px;letter-spacing:-.65px}.finder-step-title p{font-size:12px;line-height:1.5;margin-top:3px}.search{padding-left:12px;gap:9px;min-height:58px;border-radius:14px}.search input{font-size:16px}.search>.icon{width:18px}.search-results{max-height:270px}.search-result{padding:12px;min-height:62px}.search-result strong{font-size:15px}.search-result small,.search-custom small{font-size:12px}.search-custom strong{font-size:13px}.finder-shortcuts{gap:4px;padding:10px 0 3px}.finder-shortcuts button{font-size:12px;min-height:42px;padding:8px;gap:6px}.finder-shortcuts .icon{width:15px;height:15px}.scene{height:300px;flex:none;min-height:0;margin-top:9px;border-radius:18px;background:linear-gradient(#fafbfc,#fff)}.scene-topline{top:15px;left:13px;right:13px}.scene-topline>span:first-child{font-size:7px;letter-spacing:1.2px}.scene-tag{font-size:6px;padding:3px 5px}.vehicle-image{top:44%;width:104%;left:-2%}.scene-shine{background:linear-gradient(#fafbfc 0,transparent 18%,transparent 69%,#fff 95%)}.scene-caption{left:10px;right:10px;bottom:11px;padding:9px 10px;border-radius:12px;gap:8px}.mini-label{font-size:6px;letter-spacing:1.15px}.scene-caption h3{font-size:14px;margin-top:3px;letter-spacing:-.4px}.scene-caption p{font-size:11px;line-height:1.4;max-width:245px}.scene-caption-icon{width:28px;height:28px;border-radius:8px}.hotspot{min-height:44px;padding:7px;gap:6px}.hotspot-label{font-size:10px;padding:5px 7px}.dot{width:11px;height:11px;border-width:2px;box-shadow:0 0 0 5px #e20a2012}.hotspot.light{top:35%;left:2%}.hotspot.engine{top:23%;left:33%}.hotspot.wheel{top:55%;left:39%}.hotspot.bumper{top:53%;left:-1%}.scene-footer{margin-top:11px}.view-buttons{gap:7px;margin-right:-5.55%;padding:1px 5% 5px 1px;scroll-snap-type:x proximity}.view-buttons button{flex:0 0 auto;font-size:12px;padding:11px 15px;min-height:44px;scroll-snap-align:start;border-radius:11px}.scene-footer>p{font-size:10px;line-height:1.5;margin-top:8px;color:#687382}
 .part-browser{order:1;grid-row:auto;border-top:0;padding-top:0;scroll-margin-top:84px;animation:reveal .2s var(--ease)}.finder[data-browse=false] .part-browser{display:none}.browser-heading h2{font-size:21px}.part-browser>p{font-size:13px;margin:7px 0 15px}.area-grid,.parts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.area-card,.part-card{min-height:76px;padding:15px 13px;border-radius:13px;font-size:13px;line-height:1.5}.part-card strong{font-size:13px}.area-card .icon,.part-card .icon{width:17px}.request-column{order:2;scroll-margin-top:85px}.request-card{padding:20px;border-radius:19px;box-shadow:0 10px 30px #24344e05}.request-heading h2{font-size:20px;letter-spacing:-.7px}.request-heading{margin-bottom:16px}.request-heading .step-number{display:none}.count{height:26px;min-width:26px;font-size:12px}.vehicle-summary{padding:13px;border-radius:12px;margin-bottom:7px}.vehicle-summary strong{font-size:14px}.vehicle-summary small{font-size:12px}.vehicle-summary>.icon{width:21px;height:21px}.request-row{padding:17px 0}.item-summary strong{font-size:15px;line-height:1.5}.item-summary small{font-size:12px;margin-top:5px}.remove-item{width:42px;height:42px;min-width:42px;font-size:24px;margin:-5px -7px 0 0}.request-row-bottom{font-size:12px;margin-top:13px}.quantity-stepper button{width:42px;height:40px;font-size:20px}.quantity-stepper>span{min-width:37px;font-size:14px}.custom-part-button{min-height:48px;font-size:13px;padding:12px 8px}.custom-part-button>.icon{width:17px}.quote-button{min-height:54px;font-size:14px;gap:7px;padding:12px}.quote-button>.icon{width:20px;height:20px}.request-actions{margin-top:18px}.request-note{font-size:12px;line-height:1.7;margin-top:13px}#empty-request{padding:27px 5px 23px}#empty-request h3{font-size:14px}#empty-request p{font-size:13px;max-width:250px}.how{padding:25px 0;grid-template-columns:1fr;gap:22px;margin:0 5%}.how article{display:grid;grid-template-columns:30px 1fr;gap:2px 10px}.how article>span{grid-row:1/3;padding-top:4px}.how h3{font-size:15px;margin:0}.how p{font-size:13px;max-width:unset;margin-top:3px}.help-section{padding:31px 5%;display:block}.help-section .eyebrow{font-size:8px}.help-section h2{font-size:25px;letter-spacing:-.8px}.help-section p:last-child{font-size:14px;line-height:1.7;margin-top:10px}.help-section .secondary{margin-top:20px;justify-content:flex-start;width:max-content;font-size:13px;min-height:48px}footer{margin:0 5%;padding-bottom:120px;gap:10px 16px}footer small{font-size:11px;line-height:1.7}
 .mobile-dock:not([hidden]){display:block;position:fixed;bottom:0;left:0;right:0;padding:12px 5% max(13px,env(safe-area-inset-bottom));z-index:25;background:linear-gradient(#ffffff00,#ffffffed 25%,#fff);pointer-events:none;transition:opacity .18s,transform .2s}.mobile-dock>button{pointer-events:auto;width:100%;display:flex;align-items:center;gap:12px;min-height:60px;padding:12px 16px;background:linear-gradient(120deg,#303743,#222a36);color:#fff;border:1px solid #454d59;border-radius:16px;box-shadow:0 9px 30px #19263922,inset 0 1px 0 #ffffff16;text-align:left}.mobile-dock>button>.icon:first-child{width:21px;height:21px}.mobile-dock>button>span:nth-child(2){flex:1}.mobile-dock strong{display:block;font-size:14px;font-weight:600}.mobile-dock small{display:block;font-size:11px;color:#d1d6df;line-height:1.3;margin-top:2px}.mobile-dock .count{background:#ffffff17;color:#fff;border:1px solid #ffffff18;border-radius:9px}.mobile-dock>button>.icon:last-child{width:18px;height:18px}.request-visible .mobile-dock,body:has(dialog[open]) .mobile-dock,body[data-typing=true] .mobile-dock{opacity:0;transform:translateY(100%);pointer-events:none}.request-visible .mobile-dock>button,body[data-typing=true] .mobile-dock>button{pointer-events:none}#toast{bottom:100px;font-size:13px;max-width:88vw;padding:12px 16px}
 dialog{position:fixed;inset:auto 0 0;width:100%;max-width:none;margin:0;max-height:90dvh;border:1px solid #e2e6ed;border-bottom:0;border-radius:25px 25px 0 0;padding:27px 23px max(25px,env(safe-area-inset-bottom));box-shadow:0 -15px 70px #1a294021;overscroll-behavior:contain}dialog[open]{animation:sheet-in .24s var(--ease)}.sheet-handle{display:block;width:34px;height:4px;background:#d8dee7;border-radius:4px;margin:-15px auto 21px}.close{top:20px;right:17px;width:42px;height:42px;background:#f3f5f8;font-size:27px}dialog .eyebrow{font-size:9px;letter-spacing:1.6px}dialog h2{font-size:26px;max-width:85%;margin:13px 0 10px}.dialog-help{font-size:14px;line-height:1.6;margin-bottom:22px}dialog label{font-size:14px}dialog select{font-size:16px;padding:13px;min-height:49px}dialog .primary{font-size:15px;min-height:53px;border-radius:13px;margin-top:12px}.quantity-field .quantity-stepper button{width:45px;height:43px}#custom-description{font-size:16px;min-height:130px;margin-bottom:15px}
}
@media(max-width:360px){.brand{font-size:16px;gap:7px;letter-spacing:-.65px}.brand img{width:36px;height:36px}.contact-link{padding:8px}.contact-link span{display:none}.contact-link .icon{width:20px;height:20px}.intro{padding-top:23px}h1{font-size:38px}.intro-copy{font-size:13px}.trust-line{font-size:10px;gap:11px}.registration-step{padding:15px}.registration-copy h2{font-size:15px}.registration-copy p{font-size:11px}.reg-fields>.primary{padding:12px 10px;font-size:11px;gap:5px}.plate input{font-size:17px;padding:12px 6px}.plate input::placeholder{font-size:12px}.plate-mark{padding:0 5px}.finder-shortcuts button{font-size:11px;gap:5px;padding:7px 6px}.scene{height:280px}.scene-caption h3{font-size:13px}.scene-caption p{font-size:10px;max-width:210px}.scene-topline>span:first-child{font-size:6px}.request-card{padding:17px}.quote-button{font-size:12px;gap:6px}.request-heading h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.vehicle-image{will-change:auto}}

@media(max-width:360px){body[data-ready=true] h1{font-size:23px;letter-spacing:-.9px}}

/* Keep the entire illustration above its caption, with a working parts action. */
.scene{height:auto!important;display:flex;flex-direction:column;--art-height:clamp(280px,30vw,380px)}
.scene-topline{position:relative;top:auto;left:auto;right:auto;padding:15px 17px 0;min-height:34px;flex-shrink:0}
.scene-artwork{position:relative;isolation:isolate;height:var(--art-height);width:100%;overflow:hidden;flex-shrink:0}
.vehicle-image{left:0;right:0;margin-inline:auto;top:50%;width:min(100%,var(--art-height));aspect-ratio:1;transform:translateY(-50%)}
.hotspots{position:absolute;inset:0;z-index:3}
.scene-shine{background:linear-gradient(#fcfcfd 0,transparent 10%,transparent 89%,#fff 100%)}
.scene-caption{position:relative;left:auto;right:auto;bottom:auto;margin:0 12px 12px;padding:13px 14px;min-height:81px;background:linear-gradient(135deg,#fff,#f9fafc);border-color:#edf0f5;backdrop-filter:none}
.scene-caption-icon{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:12px;color:#bd0b20;border-color:#efdce0;box-shadow:0 3px 12px #24344e05;cursor:pointer}
.scene-caption-icon:hover:not(:disabled){background:#fff1f3;border-color:#d18490;box-shadow:0 4px 14px #d5092010}
.scene-caption-icon:disabled{cursor:default}.scene-caption-icon .icon{width:20px;height:20px}
.area-picker-list{display:grid;grid-template-columns:1fr;gap:9px}.area-picker-list .part-card,.area-picker-list .area-card{min-height:54px;grid-column:auto;padding:13px 15px;font-size:14px}.area-picker-list .part-card strong{font-size:14px}#area-picker-back{margin:-12px 0 9px}#area-dialog{max-height:72dvh}
@media(max-width:760px){.scene{--art-height:clamp(240px,74vw,320px)}.scene-topline{padding:13px 13px 0;min-height:31px}.scene-caption{margin:0 10px 10px;padding:12px;min-height:82px;gap:10px}.scene-caption p{font-size:11px;line-height:1.5;max-width:none}.vehicle-image{left:0;top:50%;width:min(100%,var(--art-height))}.scene-shine{background:linear-gradient(#fafbfc,transparent 10%,transparent 89%,#fff)}.hotspot.engine{top:19%;left:33%}.hotspot.light{top:32%;left:4%}.hotspot.wheel{top:58%;left:40%}.hotspot.bumper{top:55%;left:1%}.area-picker-list .part-card,.area-picker-list .area-card{min-height:55px}.area-picker-list .part-card strong{font-size:15px}}

/* Each assembly has direct, labelled component selection. */
.component-hotspot{max-width:calc(100% - 12px);min-height:44px;border-radius:10px;transition:background .16s,transform .16s}
.component-hotspot.hotspot-reverse{flex-direction:row-reverse}.component-hotspot .hotspot-label{font-size:11px;font-weight:600;padding:6px 9px;background:#fffffff2;box-shadow:0 3px 13px #1a2d4614;white-space:nowrap}
.component-hotspot:focus-visible .hotspot-label,.component-hotspot:hover .hotspot-label{color:#b8061a;border-color:#c86c7c;background:#fff7f8}.component-hotspot:active .dot{box-shadow:0 0 0 8px #e20a2024}
.scene-caption>div{min-width:0;flex:1}
@media(max-width:760px){.component-hotspot{padding:7px;gap:5px;max-width:calc(100% - 8px)}.component-hotspot .hotspot-label{font-size:10px;padding:5px 7px}.component-hotspot .dot{width:11px;height:11px}}
@media(max-width:360px){.component-hotspot .hotspot-label{font-size:9px;padding:5px 6px}}

/* Review a request and continue to a personal WhatsApp quote. */
.request-intro{font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 14px}
.request-heading h2:focus{outline:none}.request-heading h2:focus-visible{outline:2px solid #bd6d77;outline-offset:4px;border-radius:4px}
.request-row{animation:none}.item-summary{padding:3px 0}.item-edit{display:inline-flex;align-items:center;gap:5px;color:#b3071d;font-size:12px;font-weight:600;min-height:30px;margin-top:3px}.item-edit .icon{width:13px;height:13px}.item-summary:hover .item-edit{color:var(--red);text-decoration:underline;text-underline-offset:3px}
.removal-notice{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0;padding:9px 12px;border:1px solid #dfe6e2;background:#f6faf7;border-radius:11px;font-size:12px;color:#425f4e}.removal-notice button{color:#17603a;font-weight:700;min-width:44px;min-height:44px;text-decoration:underline;text-underline-offset:3px}
.keep-shopping{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px;border:1px solid #e0e4eb;background:linear-gradient(#fff,#f8f9fb);border-radius:11px;font-size:12px;font-weight:600;margin-top:17px;padding:10px}.keep-shopping .icon{width:16px;height:16px}.keep-shopping .icon:last-child{margin-left:auto}.keep-shopping:hover{border-color:#b7c0cd;box-shadow:0 4px 12px #24344e08}.keep-shopping+.custom-part-button{margin-top:9px}
.quote-expectation{display:flex;gap:9px;align-items:flex-start;margin:0 0 15px;padding:14px 0;border-top:1px solid var(--line)}.quote-expectation>.icon{width:18px;height:18px;margin-top:2px;color:#72817c}.quote-expectation strong{display:block;font-size:12px;font-weight:600}.quote-expectation p{font-size:12px;color:var(--muted);line-height:1.65;margin-top:4px}.quote-button:not([aria-disabled=true]){background:linear-gradient(145deg,#19784e,#10643f);box-shadow:0 5px 16px #16573516,inset 0 1px 0 #ffffff30}.quote-button:not([aria-disabled=true]):hover{background:#0d5c38;box-shadow:0 6px 18px #16573525}.request-note strong{font-weight:600;color:#46574d}.no-payment{display:block;font-size:10px;color:#78808a;margin-top:7px}
@media(max-width:760px){.request-intro{font-size:13px;margin-bottom:15px}.request-row-top{gap:8px}.item-edit{font-size:12px;min-height:35px}.quantity-stepper button{width:44px;height:44px}.keep-shopping{min-height:48px;font-size:13px}.quote-expectation{padding-top:17px;margin-bottom:17px;gap:10px}.quote-expectation strong{font-size:13px}.quote-expectation p{font-size:13px}.quote-button{font-size:14px}.no-payment{font-size:11px}.removal-notice{font-size:12px}}

/* All nine areas stay visible; the parts list is one level deep. */
.vehicle-image{background-repeat:no-repeat}
.hotspots{left:50%;right:auto;width:min(100%,var(--art-height));height:var(--art-height);transform:translateX(-50%)}
.area-nav-label{font-size:9px;letter-spacing:1.5px;font-weight:700;color:#747e8b;margin:2px 0 10px}
.view-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible;padding:0;margin-right:0}
.view-buttons button{min-height:44px;padding:10px 8px;white-space:normal;line-height:1.3;font-size:12px;font-weight:600;scroll-snap-align:none}
.finder[data-browse=false] .part-browser{display:none}
.component-hotspot{max-width:58%;padding:6px;gap:5px}.component-hotspot .hotspot-label{font-size:10px;padding:5px 7px}
@media(max-width:760px){.area-nav-label{font-size:8px;margin-top:3px;margin-bottom:9px}.view-buttons{gap:7px;margin:0;padding:0}.view-buttons button{font-size:11px;min-height:44px;border-radius:11px;padding:9px 5px}.scene-footer>p{margin-top:11px}.component-hotspot .hotspot-label{font-size:9px;padding:5px 6px}.part-browser{scroll-margin-top:0}.finder[data-browse=true] .part-browser{display:block}}
@media(max-width:360px){.view-buttons button{font-size:10px}.component-hotspot .hotspot-label{font-size:8px}.component-hotspot{gap:4px;padding:5px}}

/* Optional MOT context never blocks choosing parts. */
.vehicle-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.lookup-status{grid-column:1/-1;font-size:12px;color:var(--muted);margin-top:-10px;line-height:1.6}
.mot-panel{margin:14px 0 12px;border:1px solid #e1e6e4;border-radius:15px;background:linear-gradient(130deg,#f6faf8,#fff);overflow:hidden}
.mot-panel summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;min-height:64px;padding:14px;font-size:13px;font-weight:600}.mot-panel summary::-webkit-details-marker{display:none}.mot-panel summary>span{flex:1;min-width:0}.mot-panel summary strong,.mot-panel summary small{display:block}.mot-panel summary small{font-size:11px;font-weight:400;color:var(--muted);margin-top:4px}.mot-panel summary>.icon{width:18px;height:18px;color:#42725b}.mot-panel summary>.icon:last-child{transition:transform .2s}.mot-panel details[open]>summary>.icon:last-child{transform:rotate(90deg)}.mot-panel summary:focus-visible{outline:2px solid #42725b;outline-offset:-3px;border-radius:12px}
.mot-content{padding:0 14px 15px}.mot-explanation{font-size:12px;color:var(--muted);line-height:1.65;margin-bottom:12px}.mot-test-context{font-size:11px;font-weight:600;color:#536358;margin:12px 0}.mot-advisory{padding:14px;background:#fff;border:1px solid #e4e9e6;border-radius:12px;margin-top:10px}.mot-advisory>p{font-size:13px;line-height:1.65;margin:6px 0 10px;overflow-wrap:anywhere}.mot-recorded{color:#7a8289;font-size:10px}.mot-match,.mot-sorted{display:block;font-size:11px;line-height:1.65;color:var(--muted)}.mot-sorted{color:#397053}.mot-card-actions{display:flex;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}.mot-add{min-height:44px;padding:10px 12px;border-radius:10px;border:1px solid #ceddd4;color:#1c6740;background:#f4faf6;font-size:12px;font-weight:600}.mot-add:hover:not(:disabled){background:#e9f5ee;border-color:#92b29f}.mot-add:disabled{opacity:1;color:#65786b;background:#f4f6f5;border-color:#e5eae7}.earlier-mot{margin-top:15px;border-top:1px solid #e2e8e4}.earlier-mot>summary{padding:13px 0;min-height:48px;color:#475b4e;font-size:12px}.earlier-mot>summary:after{content:'⌄';margin-left:auto}.earlier-mot h4{font-size:12px;margin:16px 0 5px}.mot-source{font-size:10px;line-height:1.7;color:#7a8380;margin-top:15px}
@media(max-width:760px){.registration-confirmed{align-items:flex-start}.registration-confirmed>div:first-child{min-width:0;flex:1}.registration-confirmed #confirmed-vehicle{display:block;flex-basis:100%;line-height:1.5;font-size:11px;letter-spacing:0}.vehicle-controls{gap:0 10px;max-width:116px}.vehicle-controls .text-button{font-size:11px;min-height:36px;white-space:normal;text-align:right}.lookup-status{margin:0;font-size:11px}.mot-panel{margin-top:13px}.mot-panel summary{min-height:66px;padding:13px;gap:8px}.mot-panel summary strong{font-size:13px}.mot-panel summary small{font-size:11px;line-height:1.5}.mot-content{padding:0 12px 13px}.mot-explanation,.mot-advisory>p{font-size:13px}.mot-add{font-size:12px}.mot-card-actions .text-button{min-height:44px}.mot-source{font-size:11px}.earlier-mot>summary{padding-left:0;padding-right:0}}