/* One customer navigation layout, outside the fleet renderer and page scrollers. */
:root{--ac-customer-header-height:0px}
html{scroll-padding-top:calc(var(--ac-customer-header-height) + 16px)}
/* The fleet renderer supplies full-viewport height rules for its prototype.
   Customer pages use document flow; the mobile header follows the whole page. */
body:has(>.ac-customer-header){height:auto;min-height:100vh}
body:has(>.ac-customer-header) #dc-root,body:has(>.ac-customer-header) #dc-root>.sc-host{height:auto;min-height:0}
.ac-customer-header{box-sizing:border-box;position:static;z-index:40;display:grid;grid-template-columns:174px minmax(0,1fr) auto;align-items:center;column-gap:36px;width:100%;max-width:none;min-height:76px;height:auto;margin:0;padding:0 max(40px,calc((100% - 1360px)/2));border:0;border-bottom:1px solid #DDDDDD;background:#F4F2EC;color:#1D1D1D;font-family:Geist,Arial,Helvetica,sans-serif}
.ac-customer-header *{box-sizing:border-box}
.ac-customer-header a{color:#555;text-decoration:none;flex-shrink:0}
.ac-customer-header a:hover{color:#1D1D1D}
.ac-customer-header a:focus-visible{outline:2px solid #046E82;outline-offset:3px}
.ac-customer-header-top{display:contents}
.ac-customer-home{grid-column:1;grid-row:1;display:inline-flex;align-items:center;min-height:44px;max-width:174px}
.ac-customer-home img{display:block;width:174px;height:40px;max-width:100%;object-fit:contain;object-position:left center}
.ac-customer-header-actions{grid-column:3;grid-row:1;display:flex;align-items:center;gap:18px;flex:none}
.ac-customer-contact{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-size:13px;font-weight:600;line-height:1.2}
.ac-customer-header .ac-customer-account{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 16px;border:1px solid #1D1D1D;border-radius:10px;background:#1D1D1D;color:#fff;font-size:13px;font-weight:600;line-height:1.2;white-space:nowrap}
.ac-customer-header .ac-customer-account:hover{background:#000;color:#fff}
.ac-customer-nav{grid-column:2;grid-row:1;display:flex;align-items:stretch;gap:0;min-width:0;margin:0;padding:0;min-height:75px}
.ac-customer-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 12px;font-size:12px;font-weight:600;line-height:1.2;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.ac-customer-nav a[aria-current=page]{color:#1D1D1D;box-shadow:inset 0 -2px 0 #1D1D1D}
.ac-customer-contact[aria-current=page]{color:#1D1D1D;text-decoration:underline;text-underline-offset:5px}
.vehicle-detail-page section[id],.cp-main section[id],.customer-mobile-hero,[aria-label=Showroom]{scroll-margin-top:0!important}
body:has(>.ac-customer-header) :focus-visible{scroll-margin-top:0;scroll-margin-bottom:20px}
@media(max-width:899px){
 :root{--ac-customer-header-height:calc(113px + env(safe-area-inset-top,0px))}
 .ac-customer-header{position:sticky;top:0;display:block;min-height:0;padding:env(safe-area-inset-top,0px) 0 0}
 .ac-customer-header-top{display:flex;align-items:center;justify-content:center;min-height:68px;gap:16px;padding:12px 20px}
 .ac-customer-home{max-width:140px}
 .ac-customer-home img{width:140px;height:34px}
 .ac-customer-header-actions{gap:14px}
 .ac-customer-nav{justify-content:center;min-height:44px;padding:0 10px}
 .ac-customer-nav a{font-size:11px;padding:0 10px}
}
@media(max-width:420px){
 :root{--ac-customer-header-height:calc(105px + env(safe-area-inset-top,0px))}
 .ac-customer-header-top{min-height:60px;gap:12px;padding:8px 16px}
 .ac-customer-home{max-width:112px}
 .ac-customer-home img{width:112px;height:30px}
 .ac-customer-header-actions{gap:10px}
 .ac-customer-contact{font-size:12px}
 .ac-customer-header .ac-customer-account{font-size:12px;padding:10px 12px}
 .ac-customer-nav{padding:0 8px}
 .ac-customer-nav a{padding:0 8px;font-size:10.5px}
}
@media(max-width:359px){.ac-customer-nav a{font-size:10px;letter-spacing:.04em}}

/* The mobile topic sheet scrolls independently above the pinned navigation. */
body:has(.customer-mobile-sheet[aria-modal="true"]){overflow:hidden}
[data-mobile-sheet-backdrop]{touch-action:none}
.customer-mobile-sheet>div:last-child{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}