/* Vehicle-first shopping assistance. The catalogue remains an enquiry-only showcase. */
body,button,input,select,textarea,input::placeholder{text-transform:uppercase}
body{letter-spacing:.12px}
[hidden]{display:none!important}
.header-main{grid-template-columns:300px minmax(0,1fr) 205px;gap:18px}
.header-main .logo img{width:298px;height:auto;max-width:100%}
.header-main nav a{font-size:15px;min-width:96px}
.header-main>.outline{font-size:13px}
.hero h1{font-size:clamp(42px,4.4vw,60px);letter-spacing:-1.9px;line-height:1.08}
.hero-copy{max-width:750px}
.hero-copy p{font-size:18px;max-width:520px}
.quick-lines>a>span:not(.line-count):not(.quick-symbol):not(.quick-art){font-size:17px;line-height:1.4}
.quick-lines .category-purpose{display:block;font-size:10px;line-height:1.5;letter-spacing:.2px;margin:7px 0 0;color:#9ac8df!important;font-weight:500}
.quick-lines>a{min-height:139px}
.quick-lines .line-count{font-size:11px}
.vehicles{position:relative}
.vehicles .section-heading{align-items:end;margin-bottom:27px}
.vehicles .section-heading h2{font-size:44px;line-height:1.15;letter-spacing:-1.3px}
.vehicles .section-heading>p{font-size:16px;max-width:465px;line-height:1.7}
.vehicle-tools{display:flex;align-items:center;gap:24px;margin-bottom:18px}
.vehicle-tools>.search-field{width:min(620px,100%);height:68px;background:#172a40;border:1px solid #3f7190;border-radius:16px;box-shadow:0 8px 24px #0002}
.vehicle-tools>.search-field:focus-within{border-color:#4bcfff;box-shadow:0 0 0 4px #0bb7f51c}
.vehicle-tools>.search-field input{font-size:18px;font-weight:600;letter-spacing:.2px}
.count-note{font-size:14px;white-space:normal}
.vehicle-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:17px;border:1px solid #345b7b;border-radius:18px;background:#102238;margin:0 0 27px;box-shadow:0 12px 35px #0003}
.result-heading{grid-column:1/-1;color:#93cde8;font-size:13px;font-weight:600;margin-bottom:6px}
.vehicle-result{display:flex;align-items:center;gap:18px;border-radius:13px;border:1px solid #31506d;background:#1a3049;padding:10px 16px 10px 10px;color:#edf7ff;text-align:left;min-width:0;transition:background .18s,border-color .18s,transform .18s;cursor:pointer}
.vehicle-result img{width:100px;height:76px;object-fit:contain;flex-shrink:0;border-radius:9px;background:#fff}
.vehicle-result>span:not(.result-car){display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.vehicle-result small{font-size:12px;color:#a6c7dc}
.vehicle-result strong{font-size:18px;line-height:1.45;overflow-wrap:anywhere}
.vehicle-result>.ui-icon{width:24px;height:24px;color:#6bd8ff;flex-shrink:0}
.vehicle-result[aria-selected=true],.vehicle-result:hover{background:#1d4a65;border-color:#53ceff}
.vehicle-result:active{transform:scale(.98)}
.result-car{width:100px;display:grid;place-items:center}
.result-car>.ui-icon{width:40px;height:40px;color:#82dbff}
.search-assistance{grid-column:1/-1;font-size:16px;line-height:1.8}
.search-assistance a{display:flex;gap:12px;align-items:center;margin-top:12px;color:#79ddff;font-weight:700;min-height:46px}
.search-assistance .ui-icon{height:25px;width:25px}
.discovery-hint{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:28px 0 19px;color:#b4cde0;font-size:13px;font-weight:600}
.discovery-hint>span:last-child{font-size:12px;color:#88abc5}
.manufacturer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.make-card{min-height:202px;border-radius:18px;padding:15px;gap:14px;background:#15283f!important;box-shadow:0 7px 22px #0001;transition:border-color .2s,box-shadow .2s,transform .2s}
.make-logo-crop{display:grid;place-items:center;width:100%;height:102px;border-radius:12px;overflow:hidden;background:#fff;isolation:isolate}
.make-card .make-logo-crop img{width:238px;height:98px!important;max-width:none;object-fit:contain;mix-blend-mode:normal;filter:none;transform:scale(1.25);image-rendering:auto}
.make-card .make-caption{width:100%;text-align:left;line-height:1.5}
.make-caption strong{font-size:17px}
.make-caption small{font-size:13px;color:#a5bfd3}
.make-card.selected{border-color:#55ceff;box-shadow:0 0 0 3px #21b5ec22}
.make-arrow{background:#1d4761;border-radius:50%;width:31px;height:31px}
.show-makes{display:flex;align-items:center;justify-content:center;gap:13px;min-height:54px;margin:22px auto 0;border:1px solid #3a5a76;background:#1a3048;color:#cfedfd;font-size:15px;font-weight:700;padding:13px 23px;border-radius:13px;cursor:pointer}
.show-makes:hover{background:#22445f;border-color:#50c9f6}
.show-makes .ui-icon{width:23px;height:23px}
.panel-brand>img{width:195px;height:82px;object-fit:contain;background:white;border-radius:12px}
.model-chip>.model-photo{height:190px}
.model-photo img{width:100%;height:100%;object-fit:contain}
.catalog .section-heading h2{font-size:43px;line-height:1.2}
.catalog .section-heading>p{font-size:16px;line-height:1.7;max-width:445px}
.category-brands{display:none}
.catalog-toolbar{display:grid;grid-template-columns:minmax(250px,1fr) auto;gap:15px;align-items:start}
.catalog-toolbar>.search-field{width:100%;min-width:0;height:60px;border-radius:13px}
.catalog-toolbar>.search-field input{font-size:16px;min-width:0}
.filter-toggle{display:flex;align-items:center;justify-content:center;gap:10px;min-height:60px;padding:12px 21px;font-size:16px;background:#21425c;border:1px solid #427897;color:#d9f3ff;border-radius:13px}
.catalog-toolbar .advanced-filters{grid-column:1/-1;display:none;width:100%;padding:22px;background:#14273d;border:1px solid #34526b;border-radius:15px;gap:18px;align-items:end;flex-wrap:wrap}
.catalog-toolbar .advanced-filters.open{display:flex}
.advanced-filters .filter-label{width:auto;min-width:205px;flex:1;font-size:14px;line-height:1.5}
.advanced-filters .filter-label select{width:100%;font-size:16px;height:55px;min-width:0;text-overflow:clip;padding-right:34px;border-radius:10px}
.expert-filter{flex-basis:100%;order:5;border-top:1px solid #33506a;padding-top:17px}
.expert-filter summary{font-size:14px;color:#a6c9df;cursor:pointer;min-height:44px;line-height:1.5;padding:10px 0}
.expert-filter .filter-label{display:block;max-width:440px;margin:12px 0 0}
.expert-filter select{margin-top:8px}
.clear-filters{min-height:49px;font-size:14px}
.product-grid{gap:24px}
.product-card{border-radius:18px;background:#15263d;box-shadow:0 8px 25px #0002;border-color:#304a64}
.product-photo{height:285px!important;padding:40px 14px 16px!important;background:#fff!important}
.product-photo img{object-fit:contain!important;max-width:100%;max-height:100%;width:100%;height:100%;filter:none!important;mix-blend-mode:normal;transition:transform .45s ease}
.product-photo:hover img{transform:scale(1.035)}
.product-info h3{font-size:18px;line-height:1.5;letter-spacing:.1px;min-height:109px}
.product-open{border:1px solid #3c718c;background:#1b405a;color:#c3edff!important;border-radius:11px;padding:13px 15px!important;font-size:16px}
.product-open:hover{background:#1f5878;border-color:#5ccfff}
.product-brand{font-size:12px;letter-spacing:.7px;color:#9ac4dd}
.product-line{font-size:11px;background:#eaf4f9;color:#385770;border:1px solid #d8e8f0}
.supplier-strip{border-color:#2f475e}
.supplier-button{font-size:15px}
@media(max-width:1200px) and (min-width:1001px){.header-main{grid-template-columns:260px minmax(0,1fr) 175px;gap:12px}.header-main .logo img{width:260px}.header-main nav a{font-size:14px;min-width:79px}.header-main>.outline{font-size:11px;padding:11px}.make-card .make-logo-crop img{width:215px}}
@media(max-width:1000px){.header-main{display:flex;min-height:92px}.header-main .logo img{width:285px}.header-main nav{top:92px}.hero-copy p{font-size:17px}.manufacturer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vehicle-tools{display:block}.vehicle-tools .search-field{width:100%}.count-note{display:block;margin-top:14px}.product-photo{height:265px!important}}
@media(max-width:600px){
 .header-main{height:76px;min-height:76px;gap:10px}
 .header-main .logo img{width:clamp(196px,59vw,250px);max-width:100%;height:auto}
 .mobile-call{font-size:14px;min-width:58px;padding:7px 9px;gap:5px}
 .mobile-call .ui-icon{width:21px;height:21px}
 .header-main nav,.header-main nav.open{top:auto;min-height:0}
 .header-main nav a{font-size:12px;min-height:66px;min-width:0;letter-spacing:0}
 .hero{height:clamp(287px,calc(100svh - 500px),380px)}
 .hero-inner{padding-top:21px}
 .hero h1{font-size:clamp(29px,8.1vw,36px);letter-spacing:-.9px;line-height:1.13;margin:12px 0}
 .hero-copy p{font-size:16px;line-height:1.5;max-width:340px;margin-bottom:16px}
 .hero-copy .eyebrow{font-size:9px;letter-spacing:0}
 .hero-copy .button{font-size:14px;min-height:49px;padding:12px 13px}
 .quick-lines{gap:9px}
 .quick-lines>a{min-height:115px;gap:9px;padding:11px 9px 27px}
 .quick-lines>a>span:not(.line-count):not(.quick-art):not(.quick-symbol){font-size:14px;line-height:1.4}
 .quick-lines .category-purpose{display:none}
 .quick-lines .line-count{font-size:11px}
 .quick-lines>a>.quick-art{width:37px;flex-basis:37px;height:43px}
 .quick-art>img{width:31px;height:30px}
 .vehicles .section-heading h2{font-size:31px}
 .vehicles .section-heading>p{font-size:15px;line-height:1.75}
 .vehicle-tools>.search-field{height:62px;padding:0 13px;gap:10px;border-radius:13px}
 .vehicle-tools>.search-field input{font-size:15px}
 .count-note{font-size:12px}
 .vehicle-results{grid-template-columns:1fr;padding:10px;gap:9px}
 .result-heading{font-size:11px;padding:5px;line-height:1.7}
 .vehicle-result{gap:12px;padding:9px;min-height:90px}
 .vehicle-result img{width:82px;height:64px}
 .vehicle-result strong{font-size:17px}
 .vehicle-result small{font-size:11px}
 .search-assistance{font-size:14px;padding:9px}
 .discovery-hint{display:block;font-size:12px;line-height:1.7}
 .discovery-hint>span:last-child{display:block;font-size:11px;color:#8cb1ca;margin-top:4px}
 .manufacturer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .make-card{min-height:178px;padding:10px;gap:13px}
 .make-logo-crop{height:92px;border-radius:10px}
 .make-card .make-logo-crop img{width:190px;height:78px!important;transform:scale(1.25)}
 .make-caption strong{font-size:14px}
 .make-caption small{font-size:12px}
 .show-makes{width:100%;font-size:13px;padding:12px 10px;gap:9px}
 .show-makes .ui-icon{width:21px;height:21px;flex-shrink:0}
 .panel-brand{gap:12px;flex-wrap:wrap}
 .panel-brand>img{width:145px;height:66px}
 .panel-brand h3{font-size:24px}
 .model-chip>.model-photo{height:145px}
 .model-chip .model-name{font-size:15px}
 .model-chip .model-applications{font-size:12px}
 .model-photo img{max-height:145px}
 .catalog .section-heading h2{font-size:33px}
 .catalog .section-heading>p{font-size:15px}
 .category-tabs button,.category-tabs button[data-category=racks]{font-size:14px;min-height:94px;line-height:1.5}
 .catalog-toolbar{grid-template-columns:minmax(0,1fr);gap:11px}
 .catalog-toolbar>.search-field{height:59px;min-width:0}
 .catalog-toolbar>.search-field input{font-size:14px}
 .catalog-toolbar .filter-toggle{width:100%;min-height:51px;font-size:15px}
 .catalog-toolbar .advanced-filters{padding:16px;gap:17px}
 .advanced-filters .filter-label{font-size:14px;min-width:0;flex-basis:100%}
 .expert-filter{min-width:0;width:100%}
 .expert-filter summary{font-size:13px}
 .expert-filter .filter-label{max-width:none}
 .product-photo{height:280px!important;padding:43px 14px 17px!important}
 .product-info h3{font-size:18px;line-height:1.55;min-height:0}
 .product-brand{font-size:12px}
 .product-line{font-size:11px}
 .product-open{font-size:16px}
 .about-copy h2{font-size:31px;line-height:1.25}
 .about-copy p{font-size:16px}
 .contact h2{font-size:38px;line-height:1.2}
 .contact p{font-size:16px}
 .contact-list>a>strong{font-size:16px}
 .contact .button{font-size:15px;white-space:normal}
 .footer-top p,.footer-top>a:last-child{font-size:13px}
 .dialog-content h2{font-size:23px;line-height:1.45}
 .dialog-content p{font-size:15px}
 .dialog-content .button{font-size:15px}
}
@media(max-width:360px){.header-main .logo img{width:196px}.mobile-call{min-width:46px;padding:7px}.mobile-call span{display:none}.hero h1{font-size:29px}.quick-lines>a>span:not(.line-count):not(.quick-art):not(.quick-symbol){font-size:13px}.make-card .make-logo-crop img{width:170px}.make-caption strong{font-size:13px}}
@media(max-width:600px) and (max-height:740px){.hero{height:269px}.hero-copy .eyebrow{display:none}.hero-inner{padding-top:17px}.hero h1{margin:9px 0 12px}.hero-copy p{line-height:1.45}.quick-lines>a{min-height:101px}}
@media(prefers-reduced-motion:reduce){.vehicle-result,.make-card,.product-photo img{transition:none}.vehicle-result:active,.product-photo:hover img{transform:none}}
/* Preserve the pixel density of the supplied automaker originals. MAP uses its vector logo. */
.make-card .make-logo-crop img{width:200px;transform:scale(1.1);border:0!important}
@media(max-width:600px){.make-card .make-logo-crop img{width:180px;transform:scale(1.1)}}
@media(max-width:360px){.make-card .make-logo-crop img{width:160px}}
@media(max-width:600px){.topbar .wrap{gap:10px}.topbar .wrap>span{font-size:11px;white-space:nowrap}.topbar a{font-size:14px;gap:5px;white-space:nowrap;flex-shrink:0}.topbar a .ui-icon{height:20px;width:20px}.quick-lines>a>span:not(.line-count):not(.quick-art):not(.quick-symbol){overflow-wrap:anywhere}}
@media(max-width:360px){.topbar .wrap>span{font-size:10px}.topbar a{font-size:13px}.topbar a .ui-icon{height:18px;width:18px}.quick-lines>a{flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:6px;min-height:109px;padding:9px 8px 24px}.quick-lines>a>.quick-art{width:35px;height:35px;flex:0 0 35px}.quick-lines>a>span:not(.line-count):not(.quick-art):not(.quick-symbol){font-size:13px;width:100%;line-height:1.3}.quick-lines .line-count{right:7px;font-size:10px}.hero{height:251px}.hero-copy p{font-size:15px}}
@media(max-width:360px){.hero{height:235px}.hero h1{font-size:28px;margin:8px 0 10px}.hero-copy p{font-size:15px;line-height:1.4;margin-bottom:12px}.hero-copy .button{min-height:45px;font-size:13px}}
@media(min-width:601px) and (max-width:1000px){.quick-lines{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-lines>a{min-height:126px;padding:18px 20px 28px}.quick-lines>a>span:not(.line-count):not(.quick-art):not(.quick-symbol){font-size:17px}.quick-lines>a>.quick-art{width:48px;flex-basis:48px}.quick-lines>a>span{overflow-wrap:anywhere}}