/* A compact first screen; all home navigation opens over the film without moving it. */
.shop-home .header{min-height:84px;padding-block:15px!important;gap:12px;flex-wrap:nowrap}
.shop-home .header .brand{width:220px}
.shop-home .header .shop-quick-cart{display:inline-flex;margin-left:auto}
.shop-home .header .shop-menu-toggle{display:inline-flex;width:auto;gap:9px;margin:0;padding:11px 14px;color:#304f83;border-radius:8px}
.shop-home .shop-menu-toggle>span{display:inline}
.shop-home .header .home-menu .category-nav{position:absolute;top:calc(100% + 8px);right:max(24px,calc((100% - 1240px)/2));left:auto;width:min(620px,calc(100vw - 48px));max-height:calc(100svh - var(--home-header-height,130px) - 24px);overflow-y:auto;overscroll-behavior:contain;margin:0;padding:18px;gap:8px!important;grid-template-columns:repeat(2,minmax(0,1fr));background:#fff;border:1px solid #d9e2eb;border-radius:14px;box-shadow:0 16px 45px #0d355b29;align-items:stretch}
.shop-home .header .home-menu[open] .category-nav{display:grid!important}
.shop-home .header .home-menu:not([open]) .category-nav{display:none!important}
.shop-home .header .category-nav>a{padding:14px;font-size:14px;min-height:48px;background:#f4f8fc;margin:0;justify-content:flex-start}
.shop-home .header .category-nav>a:hover{background:#dfedf9}
.shop-home .category-nav .shop-global-search{grid-column:1/-1;display:block;padding:0 0 15px;margin:0 0 6px;border:0;border-bottom:1px solid #e3ebf3;background:none}
.shop-home .category-nav .shop-global-search>label{display:block;margin:0 0 9px}
.shop-home .category-nav .shop-search-field{max-width:none;width:100%}
.shop-home .category-nav :is(a,button,input):focus-visible,.shop-home .shop-menu-toggle:focus-visible{outline:3px solid #4b91bc;outline-offset:3px}
@media(max-width:760px){
 .shop-home .header{min-height:72px;padding:12px 16px!important;gap:9px}
 .shop-home .header .brand{width:min(190px,calc(100vw - 180px));min-width:0}
 .shop-home .header .shop-menu-toggle{padding:10px;gap:6px;font-size:12px}
 .shop-home .header .home-menu .category-nav{right:12px;width:calc(100vw - 24px);padding:14px;top:calc(100% + 4px)}
 .shop-home .header .category-nav>a{font-size:13px;padding:12px}
}
@media(max-width:350px){.shop-home .header .home-menu .category-nav{grid-template-columns:1fr}}
@media print{.shop-home .header .home-menu .category-nav{display:none!important}}

/* The native closed menu and its controls exist in the initial HTML, before modules load. */
.shop-home .home-menu{position:static;flex:none;margin:0;padding:0;border:0}
.shop-home .home-menu>summary{list-style:none;cursor:pointer;user-select:none}
.shop-home .home-menu>summary::-webkit-details-marker{display:none}
.shop-home .home-menu[open]>summary{background:linear-gradient(135deg,#f3f7ff,#dce7f8);border-color:#93afd5}
