/* Menu styles are scoped to this plugin. Product forms and checkout are untouched. */
.vama-menu-shell{--vama-ink:#001d34;--vama-line:#e3e8ec;display:flex;align-items:center;gap:16px;width:100%;margin:0;padding:0;color:var(--vama-ink);font-family:inherit}
.vama-menu-shell *, .vama-menu-panel *{box-sizing:border-box}
.vama-menu-shell .vama-menu-list,.vama-menu-panel .vama-menu-list,.vama-menu-list .sub-menu{list-style:none;margin:0;padding:0}
.vama-menu-list li{position:relative;list-style:none;margin:0;padding:0}
.vama-menu-list a{display:block;color:#001d34;text-decoration:none;font-family:inherit;line-height:1.4;text-transform:none;overflow-wrap:anywhere}
.vama-menu-list a:hover{color:#001d34;text-decoration:none}
.vama-menu-list .current-menu-item>a{font-weight:700;color:#9c141b}
.vama-menu-icon{width:24px;height:24px;flex:none;display:block}
.vama-menu-shell a:focus-visible,.vama-menu-panel a:focus-visible,.vama-menu-shell button:focus-visible,.vama-menu-panel button:focus-visible,.vama-menu-toggle:focus-visible{outline:3px solid #2876b5;outline-offset:3px}
.vama-menu-desktop{flex:1;min-width:0;background:#fff;border:0;border-radius:0;padding:4px 0}
.vama-menu-desktop>.vama-menu-list{display:flex;flex-wrap:wrap;align-items:center;gap:0 clamp(18px,2.4vw,36px)}
.vama-menu-desktop>.vama-menu-list>li{display:flex;align-items:center}
.vama-menu-desktop>.vama-menu-list>li>a{padding:13px 7px;min-height:48px;font-size:15px;font-weight:600;border:1px solid transparent;border-radius:8px}
.vama-menu-desktop .vama-menu-list>li:hover>a,.vama-menu-desktop .vama-menu-list>li:focus-within>a,.vama-menu-desktop .vama-menu-list>li>a[aria-expanded=true]{background:#eaf0f4;border-color:#dfe7ec;color:#001d34}
.vama-menu-subtoggle{display:inline-flex;align-items:center;justify-content:center;flex:none;width:40px;height:44px;padding:0;border:0;border-radius:8px;background:transparent;color:#001d34;cursor:pointer;box-shadow:none}
.vama-menu-subtoggle:hover,.vama-menu-subtoggle:focus{background:#e5edf3;color:#001d34}
.vama-menu-subtoggle::before{content:'';display:block;width:8px;height:8px;border:solid currentColor;border-width:0 1.8px 1.8px 0;transform:rotate(45deg) translate(-2px,-2px);transition:transform .16s ease}
.vama-menu-subtoggle[aria-expanded=true]::before{transform:rotate(225deg) translate(-1px,-1px)}
.vama-menu-desktop .sub-menu{position:absolute;z-index:100;left:0;top:100%;min-width:240px;max-width:min(320px,90vw);padding:8px;border:1px solid #dfe7ec;border-radius:12px;background:#f4f7f9;box-shadow:0 10px 24px #001d3414;text-align:left}
.vama-menu-desktop .sub-menu li{display:flex;align-items:center;border-radius:6px}
.vama-menu-desktop .sub-menu li>a{flex:1;padding:11px 12px;min-height:44px;font-size:15px;font-weight:400;border-radius:6px}
.vama-menu-desktop .sub-menu>li:hover>a,.vama-menu-desktop .sub-menu>li:focus-within>a,.vama-menu-desktop .sub-menu>li>a[aria-expanded=true]{background:#e5edf3;color:#001d34}
.vama-menu-desktop .sub-menu .sub-menu{top:-8px;left:100%}
.vama-menu-desktop .vama-align-end>.sub-menu{left:auto;right:0}
.vama-menu-desktop .sub-menu .vama-align-end>.sub-menu{left:auto;right:100%}
/* The open top-level item and its dropdown form one connected tab. */
.vama-menu-desktop>.vama-menu-list>li.vama-has-submenu>a[aria-expanded=true]{position:relative;z-index:101;border-color:#dfe7ec;border-bottom-color:#f4f7f9;border-radius:8px 8px 0 0;background:#f4f7f9}
.vama-menu-desktop>.vama-menu-list>li.vama-has-submenu>a[aria-expanded=true]::after{content:'';position:absolute;left:0;right:0;bottom:-2px;height:2px;background:#f4f7f9;pointer-events:none}
.vama-menu-desktop>.vama-menu-list>li.vama-has-submenu>.sub-menu{border-top-left-radius:0}
.vama-menu-desktop>.vama-menu-list>li.vama-has-submenu.vama-align-end>.sub-menu{border-top-left-radius:12px;border-top-right-radius:0}
.vama-menu-list .sub-menu[hidden]{display:none!important}
/* Without JavaScript: ordinary hover/focus navigation still works. */
body:not(.vama-menu-ready) .vama-menu-desktop .sub-menu{display:none}
body:not(.vama-menu-ready) .vama-menu-desktop li:hover>.sub-menu,body:not(.vama-menu-ready) .vama-menu-desktop li:focus-within>.sub-menu{display:block}
.vama-menu-desktop-cart{flex:0 0 56px;align-self:center}
.vama-menu-cart{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;width:56px;height:56px;color:#001d34!important;background:#f5f6f7;border:1px solid #e4e8eb;border-radius:12px;text-decoration:none!important}
.vama-menu-cart:hover{background:#e9eff3;border-color:#c8d5df}
.vama-menu-desktop-cart .vama-menu-cart{background:#fff;border:0;border-radius:10px;box-shadow:none}
.vama-menu-desktop-cart .vama-menu-cart:hover,.vama-menu-desktop-cart .vama-menu-cart:focus-visible{background:#eaf0f4;color:#001d34!important}
.vama-menu-count{position:absolute;right:-5px;top:-5px;display:flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 5px;border:2px solid #fff;border-radius:20px;background:#a3151c;color:#fff;font-size:11px;font-weight:700;line-height:1;box-sizing:border-box}
.vama-menu-count[hidden],.vama-menu-panel[hidden],.vama-menu-backdrop[hidden]{display:none!important}
.vama-menu-mobile{display:none}
.vama-menu-close{display:none}
.vama-menu-panel{--vama-ink:#001d34;color:#001d34;font-family:inherit;background:#fff}
.vama-menu-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px;border-bottom:1px solid #e3e8ec}
.vama-menu-panel h2{margin:0;color:#001d34;font-size:23px;line-height:1.2;font-weight:600}
.vama-menu-mobile-nav{padding:12px 16px 20px}
.vama-menu-mobile-nav>.vama-menu-list>li{border-bottom:1px solid #edf0f2}
.vama-menu-mobile-nav>.vama-menu-list>li:last-child{border-bottom:0}
.vama-menu-mobile-nav .vama-menu-list>li>a{padding:17px 12px;min-height:56px;font-size:17px;font-weight:500;text-align:left;border-radius:8px}
.vama-menu-mobile-nav .vama-has-submenu>a{padding-right:58px}
.vama-menu-mobile-nav .vama-menu-subtoggle{position:absolute;top:6px;right:4px;width:44px;height:44px;background:#f3f6f8}
.vama-menu-mobile-nav .vama-menu-subtoggle[aria-expanded=true]{background:#e7eef4}
.vama-menu-mobile-nav .sub-menu{position:static;margin:0 4px 12px;padding:4px 8px;background:#f6f8fa;border:0;border-radius:10px;box-shadow:none;text-align:left}
.vama-menu-mobile-nav .sub-menu li>a{padding:13px 10px;font-size:15px;min-height:46px;font-weight:400}
.vama-menu-mobile-nav .sub-menu .vama-has-submenu>a{padding-right:54px}
.vama-menu-mobile-nav .sub-menu .sub-menu{background:#edf2f6;margin-left:10px}
.vama-menu-mobile-nav a:hover{background:#eef3f7}
.vama-menu-panel-footer{margin-top:auto;padding:16px 24px max(24px,env(safe-area-inset-bottom));border-top:1px solid #e3e8ec}
.vama-menu-cart-drawer{width:100%;height:50px;border:0;background:#eef3f7;font-size:15px;font-weight:600}
.vama-menu-cart-drawer .vama-menu-count{position:static;margin-left:auto;border-color:#eef3f7}
.vama-menu-cart-drawer{padding:0 16px}
@media(min-width:768px){
 .vama-menu-enabled .site-header,.vama-menu-enabled .storefront-primary-navigation{background:#fff;border:0;box-shadow:none}
 .vama-menu-enabled .vama-menu-shell{border-bottom:1px solid #dce4e9}
}
@media(max-width:767px){
 .vama-menu-enabled .site-header{position:relative}
 .vama-menu-shell{display:block;min-height:0}
 .vama-menu-desktop,.vama-menu-desktop-cart{display:none}
 .vama-menu-mobile{display:block}
 .vama-menu-toggle{position:absolute;top:20px;right:22px;display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:9px 12px;border:1px solid #ccd7df;border-radius:10px;background:#fff;color:#001d34;font-size:14px;font-weight:600;line-height:1.3;list-style:none;cursor:pointer}
 .vama-menu-toggle::-webkit-details-marker{display:none}
 .vama-menu-toggle::marker{content:''}
 body:not(.vama-menu-ready) .vama-menu-panel{margin:16px 0 0;border:1px solid #e3e8ec;border-radius:12px}
 .vama-menu-ready .vama-menu-panel{position:fixed;z-index:999992;inset:0 0 0 auto;display:flex;flex-direction:column;width:min(380px,calc(100vw - 24px));height:100vh;height:100dvh;padding-top:env(safe-area-inset-top);overflow-y:auto;overscroll-behavior:contain;background:#fff;box-shadow:-16px 0 60px #001d3426;animation:vama-menu-enter .18s ease-out}
 .vama-menu-ready .vama-menu-close{display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:0;border:0;border-radius:10px;background:#f1f5f7;color:#001d34;cursor:pointer}
 .vama-menu-ready .vama-menu-backdrop{position:fixed;z-index:999991;inset:0;background:#001d3466;cursor:pointer}
 .vama-menu-enabled .storefront-handheld-footer-bar{background:#fff;border-top:1px solid #e3e8ec;box-shadow:0 -4px 18px #001d340a;padding-bottom:env(safe-area-inset-bottom)}
 .vama-menu-enabled .storefront-handheld-footer-bar ul li>a:not(.button){position:relative;height:64px;background:#fff;color:#001d34;text-indent:0;line-height:104px;text-decoration:none;font-size:12px;font-weight:500;letter-spacing:0;white-space:nowrap}
 .vama-menu-enabled .storefront-handheld-footer-bar ul li>a::before{top:8px;height:28px;line-height:28px;font-size:22px}
 .vama-menu-enabled .storefront-handheld-footer-bar ul li.home>a::before{content:'\f086';color:#078443}
 .vama-menu-enabled .storefront-handheld-footer-bar a.vama-menu-footer-trigger{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;line-height:1.2!important}
 .vama-menu-enabled .storefront-handheld-footer-bar a.vama-menu-footer-trigger::before{display:none}
 .vama-menu-enabled .storefront-handheld-footer-bar .vama-menu-icon{width:22px;height:22px}
 .vama-menu-enabled .storefront-handheld-footer-bar ul li.cart .count{background:#a3151c;color:#fff;border-color:#fff;top:5px;font-weight:600}
 .vama-menu-enabled .storefront-handheld-footer-bar .count[hidden]{display:none}
 /* Hide the closed form itself: Storefront's negative bottom offset can leave FiboSearch visible. */
 .vama-menu-enabled .storefront-handheld-footer-bar ul li.search .site-search{display:none!important;position:absolute;top:auto;bottom:100%;left:0;right:0;width:100%!important;padding:0;background:#fff;transition:none}
 .vama-menu-enabled .storefront-handheld-footer-bar ul li.search.active .site-search,.vama-menu-enabled #page.search-mobile-active .storefront-handheld-footer-bar ul li.search .site-search{display:block!important}
 .vama-menu-enabled .storefront-handheld-footer-bar a:focus-visible{outline:3px solid #2876b5;outline-offset:-4px}
}
@keyframes vama-menu-enter{from{transform:translateX(18px);opacity:.4}to{transform:translateX(0);opacity:1}}
@media(prefers-reduced-motion:reduce){.vama-menu-ready .vama-menu-panel{animation:none}.vama-menu-subtoggle::before{transition:none}}
