/* Progressive enhancement: desktop and the no-JS category links stay unchanged. */
.nav-branch-toggle,.nav-mobile-all,.nav-mobile-toolbar,.nav-menu-toggle{display:none}
@media(max-width:700px){
 .nav-menu-toggle{display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--ink);font-size:26px;line-height:1}
 .header.mobile-navigation-ready .nav>.header-search{grid-row:auto;grid-column:auto;order:0;flex:none;width:100%;margin:0 0 16px}
 .header.mobile-navigation-ready .nav>.header-search .header-suggestions{position:static;width:100%;max-height:45vh;max-height:min(45dvh,360px);margin-top:8px;box-shadow:none}
 .header.mobile-navigation-ready .nav{display:none;grid-row:3;flex-direction:column;align-items:stretch;gap:0;width:100%;padding:8px 0}
 .header.mobile-navigation-ready .nav.mobile-primary-open{display:flex;position:fixed;inset:0;transform:none;width:100%;height:100vh;height:100dvh;max-height:none;margin:0;padding:0 18px calc(18px + env(safe-area-inset-bottom));border:0;background:var(--surface);color:var(--ink);overflow:auto;overscroll-behavior:contain;justify-content:flex-start;z-index:1000}
 .header.mobile-navigation-ready .nav>details>summary,.header.mobile-navigation-ready .nav>a{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:10px 8px;font-size:14px}
 .header.mobile-navigation-ready .nav .nav-advice-full{display:inline}
 .header.mobile-navigation-ready .nav .nav-advice-short{display:none}
 html.mobile-menu-open,html.mobile-menu-open body{overflow:hidden;overscroll-behavior:none}
 #nav-products.nav-mobile-fullscreen,#nav-articles.nav-mobile-fullscreen,#nav-company.nav-mobile-fullscreen{position:fixed;inset:0;transform:none;width:100%;height:100vh;height:100dvh;max-height:none;margin:0;padding:0 18px calc(18px + env(safe-area-inset-bottom));border:0;border-radius:0;z-index:1000}
 .nav-mobile-toolbar{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 -18px 16px;padding:calc(12px + env(safe-area-inset-top)) 18px 12px;background:var(--surface);border-bottom:1px solid var(--line)}
 .nav-mobile-toolbar h2{margin:0;font-size:21px;font-weight:700;letter-spacing:0;line-height:1.4}
 .nav-mobile-close{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--soft);color:var(--ink);font-size:32px;line-height:1}
 .nav-mobile-submenu-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:6px 16px}
 .nav-mobile-submenu-toolbar h2{grid-column:1/-1;grid-row:2}
 .nav-mobile-back{justify-self:start;min-height:44px;padding:8px;border:0;border-radius:4px;background:transparent;color:var(--ink);font:inherit;font-size:14px;font-weight:600}
 .nav-mobile-back:hover,.nav-mobile-back:focus-visible{background:var(--soft)}
 #nav-products .nav-product-list>li{margin-bottom:4px}
 .nav-mobile-branch>a{display:none!important}
 .nav .nav-branch-toggle{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:44px;padding:10px 8px;border:0;border-radius:4px;background:transparent;color:var(--ink);font:inherit;font-size:13px;font-weight:800;line-height:1.55;text-align:left;overflow-wrap:anywhere}
 .nav-branch-toggle:hover,.nav-branch-toggle:focus-visible{background:var(--soft)}
 .nav-branch-toggle[aria-expanded="false"]+.nav-subcategory-list{display:none}
 .nav .nav-branch-toggle .nav-chevron{transform:none}
 .nav .nav-branch-toggle[aria-expanded="true"] .nav-chevron{transform:rotate(180deg)}
 .nav-mobile-branch>.nav-subcategory-list{margin-bottom:12px}
 .nav-mobile-all{display:list-item}
 .nav .nav-mobile-all>a{font-weight:600}
}