/* Desktop keeps the existing shared header. Mobile uses a keyboard-accessible disclosure. */
.gh-nav-panel { display:contents; }
.gh-nav-toggle,.gh-subnav-toggle { display:none; }
@media(max-width:1280px) {
 body .site-nav .site-nav-inner { display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"brand toggle"; gap:12px; padding:12px 16px; }
 body .site-nav .site-brand { grid-area:brand; }
 body .gh-nav-toggle { grid-area:toggle; display:flex; align-items:center; justify-content:center; gap:9px; padding:9px 12px; min-height:44px; border:1px solid #52715f; border-radius:10px; background:#101b15; color:#fff; font:600 15px/1.2 Arial,sans-serif; cursor:pointer; }
 .gh-nav-toggle svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; }
 body :is(.site-nav,.admin-header) .gh-nav-panel { display:none; position:absolute; top:100%; left:0; right:0; box-sizing:border-box; max-height:calc(100dvh - 80px); overflow:auto; overscroll-behavior:contain; background:#07140d; border-bottom:1px solid #52715f; padding:16px; box-shadow:0 16px 26px #0004; }
 body :is(.site-nav,.admin-header)[data-menu-open=true] .gh-nav-panel { display:flex; flex-direction:column; gap:18px; }
 body .site-nav .gh-nav-panel .site-nav-links { display:flex; flex-direction:column; align-items:stretch; width:100%; overflow:visible; gap:4px; }
 body .site-nav .gh-nav-panel .site-nav-links a { padding:13px 12px; min-height:44px; box-sizing:border-box; border-radius:8px; }
 body .site-nav .gh-nav-panel .site-nav-links a:hover { background:#173c2a; }
 body .site-nav .gh-nav-panel :is(.site-actions,.site-locale) { display:flex; flex-wrap:wrap; justify-content:flex-start; align-self:stretch; max-width:none; width:auto; gap:12px; }
 body .site-nav .gh-nav-panel .site-actions a { max-width:none; white-space:nowrap; }
 body :is(.site-nav,.admin-header) .gh-nav-panel .locale-popover { position:static; margin-top:8px; width:min(280px,calc(100vw - 48px)); max-width:100%; }
 body .site-nav .gh-nav-panel .site-locale:has(.locale-popover:not([hidden])) { align-items:flex-start; }
 body .admin-header { position:sticky; top:0; z-index:60; display:flex; flex-wrap:nowrap; justify-content:space-between; gap:12px; padding:12px 16px; }
 body .admin-header .admin-brand { flex:0 1 auto; min-width:0; }
 body .admin-header .gh-nav-panel #account-navigation { display:block; width:100%; margin:0; }
 body .admin-header .gh-nav-panel .account-tabs { display:flex; flex-direction:column; align-items:stretch; gap:4px; }
 body .admin-header .gh-nav-panel .account-tabs a { padding:13px 12px; min-height:44px; box-sizing:border-box; }
 body .admin-header .gh-nav-panel .account-locale { display:flex; flex-wrap:wrap; align-items:flex-start; gap:12px; }
 body .admin-header .gh-nav-panel .local-state { align-self:flex-start; }
 :is(#energy-overview .elavtal-fixed-navigation .elavtal-host-nav,.energy-app-navigation) { position:relative; min-height:48px; }
 :is(#energy-overview .elavtal-fixed-navigation .elavtal-host-nav,.energy-app-navigation) .gh-subnav-toggle { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:48px; padding:12px 20px; border:0; background:#e8ede1; color:#173e2e; font:600 15px/1.4 Roboto,Arial,sans-serif; cursor:pointer; }
 :is(#energy-overview .elavtal-fixed-navigation .elavtal-host-nav,.energy-app-navigation) > div { display:none; position:absolute; top:100%; left:0; right:0; box-sizing:border-box; max-height:calc(100dvh - 140px); overflow:auto; width:100%; min-height:0; margin:0; padding:8px 12px 12px; background:#e8ede1; box-shadow:0 12px 18px #0002; }
 :is(#energy-overview .elavtal-fixed-navigation .elavtal-host-nav,.energy-app-navigation)[data-menu-open=true] > div { display:flex; flex-direction:column; align-items:stretch; gap:4px; }
 :is(#energy-overview .elavtal-fixed-navigation .elavtal-host-nav,.energy-app-navigation) > div a { justify-content:flex-start; }
 .gh-nav-toggle:focus-visible,.gh-subnav-toggle:focus-visible { outline:3px solid #7ecba1; outline-offset:3px; }
}
@media(max-width:1280px) {
 /* Product search stays in the shop toolbar; the global menu owns navigation. */
 body[data-commerce] .site-header .mobile-menu { display:none; }
 body[data-commerce] .site-header .main-nav { display:flex; align-items:center; }
 body[data-commerce] .site-header .main-nav a { padding:8px 0; font-size:13px; }
}