/* Unified navigation: real links plus explicit, accessible disclosures. */
.store-header{position:sticky;top:0;z-index:60;isolation:isolate;background:#fff;transition:box-shadow .2s}
.store-header.is-scrolled{box-shadow:0 5px 24px #0b285012}
.store-header .store-nav{background:#fff;border-top:1px solid #edf1f5;border-bottom:1px solid #dfe9f0}
.store-header .store-nav-inner{display:grid;grid-template-columns:208px minmax(0,1fr) auto;align-items:center;gap:20px;min-height:64px;position:relative}
.store-header .category-dropdown{position:relative;align-self:center;min-width:0;flex:none;background:transparent;color:#fff;border-radius:9px;z-index:95}
.store-header .category-dropdown>summary{display:grid;grid-template-columns:19px minmax(0,1fr) 14px;align-items:center;gap:10px;min-height:44px;height:auto;padding:11px 14px;list-style:none;border-radius:9px;background:linear-gradient(110deg,var(--brand-green),#0d7735);color:#fff;font-size:.875rem;line-height:1.4;font-weight:600;box-shadow:0 3px 10px #0c64291a;cursor:pointer;transition:background .2s,box-shadow .2s}
.store-header .category-dropdown>summary:hover,.store-header .category-dropdown[open]>summary{background:linear-gradient(110deg,#084b20,var(--brand-green));box-shadow:0 0 0 3px #fec81525,0 5px 12px #0c642926}
.category-dropdown>summary::-webkit-details-marker{display:none}
.category-trigger-label{min-width:0;white-space:normal;text-align:left}
.category-grid-icon{width:19px;height:19px;stroke-width:1.7}
.menu-chevron{width:14px;height:14px;stroke-width:1.8;transition:transform .2s;flex:none}
.category-dropdown[open]>summary .menu-chevron,.nav-group[data-open=true] .submenu-toggle .menu-chevron{transform:rotate(180deg)}
.store-header .category-dropdown>.category-menu-panel{position:absolute;top:calc(100% + 11px);left:0;right:auto;width:min(560px,calc(100vw - 40px));min-width:0;padding:0;background:#fff;color:var(--brand-navy);border:1px solid #dfe8ef;border-radius:14px;box-shadow:0 20px 45px -12px #0b285035;max-height:min(640px,var(--navigation-space,70vh));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c3d8e7 transparent;animation:navigation-panel-in .18s ease-out}
.category-menu-panel:before,.nav-submenu:before{content:'';position:absolute;left:0;right:0;top:-12px;height:12px}
.category-menu-heading{padding:20px 20px 15px;border-bottom:1px solid #edf2f6;background:linear-gradient(110deg,#f4f9f4,#f2f8ff);border-radius:13px 13px 0 0}
.category-menu-heading small{display:block;font-size:.6rem;font-weight:600;letter-spacing:.1em;line-height:1.7;color:#5c7b75;margin-bottom:5px}
.category-menu-heading strong{font-size:1.2rem;font-weight:650;line-height:1.5;color:var(--brand-navy)}
.category-menu-grid{display:grid;grid-template-columns:1fr 1fr;padding:9px;gap:3px}
.store-header .category-dropdown .category-menu-grid>a{display:grid;grid-template-columns:36px minmax(0,1fr);gap:11px;align-items:center;min-width:0;padding:12px 9px;border:1px solid transparent;border-radius:9px;font-size:.875rem;line-height:1.5;text-align:left;color:var(--brand-navy);transition:background .2s,border-color .2s,transform .2s}
.category-menu-grid>a>span:last-child{min-width:0}
.category-menu-grid strong{display:block;font-size:.875rem;font-weight:600;white-space:normal;line-height:1.5}
.category-menu-grid small{display:block;font-size:.7rem;line-height:1.6;font-weight:400;color:#718296;white-space:normal;margin-top:3px}
.category-menu-icon{width:36px;height:36px;display:grid;place-items:center;background:#eaf5ee;color:var(--brand-green);border-radius:9px}
.category-menu-icon svg{width:23px;height:23px;stroke-width:1.5}
.category-menu-grid>a:nth-child(2n) .category-menu-icon{background:#eaf4ff;color:#086cbd}
.category-menu-grid>a:nth-child(3n) .category-menu-icon{background:#fff5d7;color:#997215}
.store-header .category-dropdown .category-menu-grid>a:hover,.store-header .category-dropdown .category-menu-grid>a.selected{background:#f1f7fc;border-color:#e0edf6;color:var(--brand-navy);transform:translateX(2px)}
.store-header .category-dropdown .category-menu-footer{display:flex;align-items:center;justify-content:center;padding:14px 18px;margin:0;border-top:1px solid #e7eef3;border-radius:0 0 13px 13px;background:#f7fafc;color:var(--brand-green);font-size:.875rem;line-height:1.5;font-weight:600}
.store-header .category-dropdown .category-menu-footer:hover{background:#edf7ef;color:#084b20}
.store-header .navlinks{position:static;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;gap:5px;padding:0;margin:0;min-width:0;max-height:none;overflow:visible;background:transparent;box-shadow:none;white-space:nowrap;z-index:90}
.store-header .nav-group{position:relative;width:auto;min-width:0}
.nav-item-row{position:relative;display:flex;align-items:center;border:1px solid transparent;border-radius:9px;transition:background .2s,border-color .2s}
.store-header .nav-item-row>a{position:relative;display:block;padding:11px 12px;line-height:20px;font-size:.875rem;font-weight:550;color:#29415f;border:0;border-radius:8px;text-decoration:none;white-space:nowrap}
.store-header .has-submenu .nav-item-row>a{padding-right:3px}
.store-header .navlinks a.active:after{content:none;display:none}
.store-header .nav-item-row>a:hover{color:var(--brand-green)}
.nav-item-row:hover{background:#f5f8fc;border-color:#ecf1f6}
.nav-group.is-active>.nav-item-row{background:#edf7ef;border-color:#deeddf}
.store-header .nav-group.is-active>.nav-item-row>a{color:var(--brand-green);font-weight:650}
.nav-group.is-active>.nav-item-row:after{content:'';position:absolute;bottom:0;left:12px;right:12px;height:2px;background:linear-gradient(90deg,var(--brand-green),var(--brand-water));border-radius:2px}
.submenu-toggle{display:none;align-items:center;justify-content:center;width:28px;height:40px;padding:0;margin:0 3px 0 0;background:transparent;color:#7990a4;border:0;border-radius:7px;flex:none}
.navigation-ready .submenu-toggle{display:flex}
.submenu-toggle:hover{background:#e4edf6;color:#0065b7}
.nav-group[data-open=true]>.nav-item-row{background:#edf5fd;border-color:#dceaf6}
.nav-group[data-open=true] .submenu-toggle{color:#0066ba}
.store-header .nav-group>.nav-submenu{display:none;position:absolute;left:0;right:auto;top:calc(100% + 10px);width:270px;min-width:0;margin:0;padding:8px;background:#fff;border:1px solid #dfe8f0;border-radius:12px;box-shadow:0 18px 38px -10px #0b285033;white-space:normal;animation:navigation-panel-in .18s ease-out}
.store-header .nav-group[data-open=true]>.nav-submenu{display:grid;gap:3px}
.store-header .nav-group[data-align=right]>.nav-submenu{left:auto;right:0}
.submenu-heading{font-size:.65rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#7c8ea0;padding:8px 11px 7px;line-height:1.6}
.store-header .nav-submenu>a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;min-height:42px;line-height:1.5;border:0;border-radius:7px;font-size:.875rem;font-weight:500;color:#2f4b67;transition:background .18s,color .18s,transform .18s}
.store-header .nav-submenu>a:hover,.store-header .nav-submenu>a.active{background:#edf6fd;color:#0065b7;transform:translateX(2px)}
.submenu-link-dot{width:5px;height:5px;flex:none;border-radius:50%;background:#d4e4ed;transition:background .18s,box-shadow .18s}
.nav-submenu>a:hover .submenu-link-dot,.nav-submenu>a.active .submenu-link-dot{background:var(--brand-green);box-shadow:0 0 0 3px #0c642912}
.store-header .menu-toggle{display:none}
.mobile-nav-heading{display:none}
.store-header .store-nav-help{display:flex;align-items:center;gap:9px;margin:0;padding:6px 0 6px 15px;border-left:1px solid #e4ebf1;white-space:nowrap;color:var(--brand-green);font-size:.8rem}
.store-nav-help>span:last-child{display:flex;flex-direction:column;gap:3px}
.store-nav-help small{font-size:.65rem;font-weight:400;color:#7c8d9e;line-height:1.3}
.store-nav-help b{font-size:.8rem;font-weight:600;line-height:1.4}
.nav-help-icon{display:grid;place-items:center;width:31px;height:31px;background:#f0f7ee;border-radius:9px;color:var(--brand-green)}
.nav-help-icon svg{width:20px;height:20px;stroke-width:1.7}
.store-header .store-nav-help:hover{color:#0066b6;text-decoration:none}
html:not(.navigation-ready) .store-header .nav-group:hover>.nav-submenu,html:not(.navigation-ready) .store-header .nav-group:focus-within>.nav-submenu{display:grid}
@keyframes navigation-panel-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1190px){.store-header .store-nav-inner{grid-template-columns:200px minmax(0,1fr);gap:16px}.store-header .store-nav-help{display:none}.store-header .navlinks{justify-content:flex-end;gap:3px}.store-header .nav-item-row>a{padding-left:10px;padding-right:10px}}
@media(max-width:960px){
 .store-header{position:relative;top:auto}
 .store-header .store-nav-inner{grid-template-columns:minmax(0,1fr) auto;gap:16px;min-height:62px}
 .store-header .category-dropdown{width:100%;max-width:260px;align-self:center}
 .store-header .menu-toggle{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 13px;margin:0;border:1px solid #dce7ee;border-radius:9px;color:var(--brand-navy);background:#f5f8fc;font-size:.875rem;line-height:1.5;font-weight:600}
 .store-header .menu-toggle .menu-label{font-size:.875rem;line-height:1.5}
 .navigation-toggle-icon{width:19px;height:19px;stroke-width:1.8}
 .navigation-toggle-icon path{transition:transform .2s,opacity .2s}
 .menu-toggle[aria-expanded=true]{background:var(--brand-navy);border-color:var(--brand-navy);color:#fff}
 .menu-toggle[aria-expanded=true] .menu-line-top{transform:translateY(6px) rotate(45deg);transform-origin:12px 6px}
 .menu-toggle[aria-expanded=true] .menu-line-middle{opacity:0}
 .menu-toggle[aria-expanded=true] .menu-line-bottom{transform:translateY(-6px) rotate(-45deg);transform-origin:12px 18px}
 .store-header .navlinks{display:none;position:absolute;left:0;right:0;top:calc(100% + 9px);width:auto;max-height:min(600px,var(--navigation-space,65vh));padding:12px;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px;background:#fff;border:1px solid #dfe8f0;border-radius:13px;box-shadow:0 20px 45px -12px #0b285038;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c3d8e7 transparent;animation:navigation-panel-in .18s ease-out;z-index:100}
 .store-header .navlinks.open{display:flex}
 .store-header .nav-group{width:100%}
 .mobile-nav-heading{display:block;padding:7px 12px 12px;font-size:.68rem;line-height:1.6;color:#7b8fa2;letter-spacing:.08em;text-transform:uppercase;font-weight:650;border-bottom:1px solid #edf2f6;margin-bottom:4px}
 .nav-item-row{width:100%}
 .store-header .nav-item-row>a{flex:1;padding:12px;min-height:46px;line-height:22px;font-size:.9rem}
 .submenu-toggle{width:44px;height:44px;margin-right:1px}
 .store-header .nav-group>.nav-submenu,.store-header .nav-group[data-align=right]>.nav-submenu{position:static;top:auto;left:auto;right:auto;width:auto;margin:6px 0 8px 12px;padding:6px;box-shadow:none;background:#f6f9fc;border:1px solid #e5eef5;border-radius:9px}
 .store-header .nav-submenu>a{padding:10px 12px;min-height:42px;font-size:.85rem;background:transparent}
 .submenu-heading{display:none}
 .store-header .nav-group>.nav-submenu:before{display:none}
 html:not(.navigation-ready) .store-header .navlinks{display:flex;position:static;grid-column:1/-1;max-height:none;box-shadow:none}
 html:not(.navigation-ready) .store-header .nav-submenu{display:grid}
 html:not(.navigation-ready) .store-header .menu-toggle{display:none}
}
@media(max-width:600px){.category-menu-grid{grid-template-columns:1fr;gap:2px;padding:8px}.category-menu-heading{padding:15px 18px 12px}.category-menu-heading strong{font-size:1.1rem}.store-header .category-dropdown .category-menu-grid>a{padding:10px}.category-menu-grid small{font-size:.72rem}.store-header .store-nav-inner{gap:12px}.store-header .category-dropdown>summary{font-size:.85rem}.store-header .category-dropdown>.category-menu-panel{width:calc(100vw - 40px)}}
@media(prefers-reduced-motion:reduce){.store-header .nav-submenu,.store-header .navlinks,.store-header .category-menu-panel{animation:none}.store-header,.menu-chevron,.navigation-toggle-icon path{transition:none}}
