/* MAP: permanent dark surface with generous, centered navigation. */
html{color-scheme:dark;scrollbar-gutter:stable;scroll-padding-top:126px}body{background:#0e1524}html:has(dialog[open]){overflow:hidden}header{backdrop-filter:blur(18px)}html[data-theme=dark] header{background:#131d30f5;border-bottom-color:#2d425b}.header-main{display:grid;grid-template-columns:230px minmax(0,1fr) 230px;gap:20px;height:112px}.header-main .logo{margin:0;justify-self:start}.header-main .logo img{width:226px}.header-main nav{display:flex;align-items:stretch;justify-content:center;gap:12px;color:#c0d1e4}.header-main nav a{min-width:100px;min-height:86px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:12px 13px;text-align:center;border-radius:13px;white-space:normal;line-height:1.45;font-size:12px;font-weight:600;border:1px solid transparent;position:relative}.header-main nav a>span:last-child{display:block}.header-main nav .nav-icon{display:grid;place-items:center;width:42px;height:34px;border:0;border-radius:0;background:transparent;color:#71caee;box-shadow:none}.header-main nav .nav-icon .ui-icon{width:29px;height:29px;stroke-width:1.65}.header-main nav a:hover,.header-main nav a.nav-current{background:#00a1e10a;border-color:#24799e33;color:#b0eaff}.header-main nav a:hover .nav-icon,.header-main nav a.nav-current .nav-icon{background:transparent;border:0;transform:translateY(-2px);color:#61d4ff}.header-main nav a:after{content:'';display:block;width:20px;height:2px;background:#1baee6;left:calc(50% - 10px);bottom:4px;position:absolute;transform:scaleX(0);border-radius:2px}.header-main nav a.nav-current:after{transform:scaleX(1)}.header-main>.outline{justify-self:end;min-height:48px;padding:12px 16px;border-radius:10px;font-size:11px;gap:10px}.header-main>.outline>.ui-icon:first-child{width:19px;height:19px}.hero-copy p{max-width:405px}.section-heading .eyebrow{letter-spacing:1.5px}.category-brands{margin-bottom:23px}.brand-family{border-radius:12px}.category-tabs button{transition:background .18s,border-color .18s,transform .18s}.category-tabs button:disabled:hover{transform:none;background:#1a293d;color:#b9ccdf;border-color:#32475f}.category-tabs button:not(:disabled):hover{transform:translateY(-1px)}.product-card{overflow:hidden}.product-photo{isolation:isolate}button.product-photo{padding-top:34px}.product-photo img,.model-photo img,#dialog-image{background:#fff;mix-blend-mode:normal}.product-line{z-index:1}.product-info{gap:0}.product-info h3{line-height:1.65}.product-open{transition:background .18s,border-color .18s}.vehicle-context{box-shadow:0 8px 25px #0000000c}.vehicle-context h3{letter-spacing:-.3px}.filter-label select{padding-right:27px}.model-photo{border-bottom:1px solid #dfebf3}.model-chip.selected{outline:1px solid #16a7dc}.model-name{min-height:34px}.photo-credit:hover{color:#b7ecff}.application-gallery>button{transition:border-color .18s,box-shadow .18s}.application-gallery>button[aria-pressed=true]{border-color:#21b1e4;box-shadow:0 0 0 2px #21b1e444}.application-gallery>button:focus-visible{outline-offset:2px}.application-gallery img{background:#fff;border-radius:4px}.application-gallery{padding:3px 2px;scrollbar-width:thin}.floating-whatsapp{border:1px solid #53cfa333;box-shadow:0 7px 28px #0004}dialog{max-height:90dvh;overflow:auto;overscroll-behavior:contain}dialog[open]{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.dialog-photo{grid-column:1;grid-row:1;border-radius:13px 0 0 13px;min-height:360px}.dialog-content{grid-column:2;grid-row:1;min-width:0;padding:43px 31px 30px}.dialog-close{grid-column:2;grid-row:1;position:sticky;top:10px;right:auto;justify-self:end;align-self:start;margin:10px 10px -46px 0;z-index:8}.dialog-photo #dialog-image{max-height:360px}.photo-expanded .dialog-photo{grid-column:1;grid-row:1;border-radius:13px}.photo-expanded .dialog-close{grid-column:1;grid-row:1}.photo-expanded[open]{grid-template-columns:1fr}.dialog-content h2{overflow-wrap:anywhere}.photo-tools{gap:13px}.photo-tools button,.photo-tools a{white-space:nowrap}.photo-tools button{border-radius:6px}.application-help{line-height:1.8}
@media(max-width:1200px) and (min-width:1001px){.header-main{grid-template-columns:195px minmax(0,1fr) 195px;gap:12px}.header-main .logo img{width:195px}.header-main nav{gap:5px}.header-main nav a{min-width:88px;font-size:11px;padding:12px 9px}.header-main nav .nav-icon .ui-icon{width:28px;height:28px}}
@media(max-width:1000px){html{scroll-padding-top:96px}.header-main{height:80px;display:flex;gap:18px}.header-main .logo{margin-right:auto}.header-main .logo img{width:215px}.header-main nav{display:none;position:absolute;top:80px;left:0;right:0;padding:14px 24px 19px;background:#131f32;box-shadow:0 14px 25px #0004;border-top:1px solid #2e435e;gap:10px}.header-main nav.open{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.header-main nav a{min-width:0;min-height:91px;gap:9px;font-size:12px;padding:12px 9px}.header-main nav .nav-icon{width:40px;height:34px}.header-main nav .nav-icon .ui-icon{width:29px;height:29px}#menu-toggle{display:grid;place-items:center;border:1px solid #415a77;border-radius:10px;width:43px;height:43px;background:#1b2c43;color:#d3e9fb;flex-shrink:0}#menu-toggle[aria-expanded=true]{border-color:#249ac5;color:#84dbff;background:#193d53}}
@media(max-width:600px){html{scroll-padding-top:90px}.header-main{height:74px;gap:12px}.header-main .logo img{width:204px}.header-main>.outline{display:none}.header-main nav{top:74px;padding:14px 17px 18px;gap:9px}.header-main nav.open{grid-template-columns:1fr 1fr}.header-main nav a{font-size:13px;min-height:96px;background:#1c2b401f;border-color:#2b405755}.header-main nav .nav-icon{width:41px;height:35px}.header-main nav .nav-icon .ui-icon{width:30px;height:30px}#menu-toggle{width:42px;height:42px}.category-tabs button{gap:8px;min-height:56px;padding:11px 8px;line-height:1.5}.category-tabs button .category-count{margin-left:0}.product-info h3{font-size:12px;min-height:95px}.model-name{min-height:31px}.floating-whatsapp{right:13px;bottom:13px;font-size:11px;padding:11px 14px}.dialog-photo{grid-column:1;grid-row:1;min-height:255px;height:255px;border-radius:13px 13px 0 0;padding:28px 20px 58px}.dialog-photo #dialog-image{max-height:175px}.dialog-content{grid-column:1;grid-row:2;padding:28px 23px}.dialog-close{grid-column:1;grid-row:1;margin:9px 9px -44px 0;top:9px}.photo-expanded .dialog-photo{min-height:64dvh;height:auto;padding:28px 16px 65px}.photo-expanded .dialog-photo #dialog-image{max-height:76dvh}.photo-tools{gap:12px}.application-gallery>button{width:90px}.application-gallery img{width:76px;height:63px}.vehicle-context{border-radius:12px}.form-fields label{line-height:1.65}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.header-main nav a,.header-main nav .nav-icon,.category-tabs button,.application-gallery>button{transition:none}.header-main nav a:hover .nav-icon,.category-tabs button:not(:disabled):hover{transform:none}}
@media(max-width:600px){dialog[open]{grid-template-columns:1fr}.photo-expanded[open]{grid-template-columns:1fr}}
html{scroll-behavior:auto}
