/* Compact navigation, keeping the approved local typeface 07. */
html[data-font] #site-nav,html[data-font] #site-nav :is(summary,a,small,p){font-family:var(--font-nav);font-style:normal;font-weight:400;letter-spacing:0;line-height:1.4}
#site-nav .brands-menu{width:min(340px,calc(100vw - 32px));padding:16px;border-radius:18px;max-height:calc(100dvh - 115px);overflow-y:auto}
#site-nav .brands-menu>.eyebrow{font-size:11px;margin:0 8px 10px;letter-spacing:.08em}
#site-nav .brand-group{margin:0;border:0}
#site-nav .brand-group>summary{display:flex;justify-content:space-between;align-items:center;min-height:44px;padding:10px 12px;font-size:15px;border-radius:10px}
#site-nav .brand-group[open]>summary{background:#b6dacb16}
#site-nav .model-list{padding:4px 8px 6px 14px;margin:0}
#site-nav .family-group{border:0;margin:0}
#site-nav .family-group>summary{display:grid;grid-template-columns:1fr auto;gap:0;padding:8px 10px;min-height:44px;font-size:14px}
#site-nav .family-group>summary small{display:none}
#site-nav .family-group>summary::after{grid-column:2;grid-row:1}
#site-nav .generation-list{padding:2px 0 4px 12px;margin:0;border-left:1px solid #b6dacb35}
#site-nav .generation-list>.eyebrow{display:none}
#site-nav .generation-list a{display:flex;justify-content:space-between;gap:10px;min-height:44px;padding:9px 10px;margin:0;border:0;border-radius:8px;font-size:14px}
#site-nav .generation-list a:hover,#site-nav .generation-list a[aria-current]{background:#b6dacb18}
#site-nav .generation-list .cta-arrow{width:16px;height:16px;flex-shrink:0}
#site-nav .brands-menu>a{font-size:14px;padding:12px 8px 2px;margin-top:8px;border:0;border-top:1px solid #b6dacb30}
#site-nav .catalog-pending{display:block;padding:9px 10px;font-size:14px}
#site-nav .catalog-pending small{display:block;font-size:11px;color:var(--muted)}
@media(max-width:760px){#site-nav .brands-menu{width:100%;max-height:60dvh;padding:12px;border-radius:12px}}