.store-hover-menu{position:relative;background:#fff;color:#20242b;box-shadow:0 2px 5px #172b3e12;z-index:40;isolation:isolate}.store-hover-menu ul{list-style:none;margin:0;padding:0;text-align:left}.hover-menu-root{display:flex;flex-wrap:wrap;align-items:center}.hover-menu-item{position:relative}.hover-menu-item>a{display:block;color:inherit;text-decoration:none;padding:14px 12px;font-size:14px;font-weight:600;line-height:1.4}.hover-menu-item:has(>.hover-submenu-toggle)>a{padding-right:30px}.hover-submenu-toggle{position:absolute;right:3px;top:7px;display:flex;align-items:center;justify-content:center;width:26px;height:30px;border:0;background:transparent;color:inherit;padding:0;cursor:pointer}.hover-submenu-toggle svg{width:14px;height:14px;display:block}.hover-menu-root>.hover-menu-item>.hover-submenu-toggle svg{transform:rotate(90deg)}.hover-menu-item.is-open>a,.hover-menu-item>a:hover{color:var(--hover-menu-accent)}.hover-menu-dropdown{display:none;position:absolute;top:100%;left:0;width:225px;background:#fff;color:#30353b;border-top:3px solid var(--hover-menu-accent);box-shadow:0 7px 22px #10233324;z-index:10}.hover-menu-item.is-open>.hover-menu-dropdown{display:block}.hover-menu-dropdown .hover-menu-dropdown{top:-3px;left:100%}.hover-menu-item.opens-left>.hover-menu-dropdown{left:auto;right:0}.hover-menu-dropdown .hover-menu-item.opens-left>.hover-menu-dropdown{right:100%;left:auto}.hover-menu-dropdown .hover-menu-item>a,.hover-menu-view-all>a{padding:10px 15px;font-size:13px;font-weight:400;line-height:1.45}.hover-menu-dropdown .hover-menu-item:hover>a,.hover-menu-dropdown .hover-menu-item.is-open>a{background:#f2f4f7;color:var(--hover-menu-accent)}.hover-menu-dropdown .hover-submenu-toggle{top:4px;right:5px}.hover-menu-view-all{border-top:1px solid #edf0f3}.hover-menu-view-all>a{display:block;color:var(--hover-menu-accent);text-decoration:none}.hover-menu-mobile-toggle{display:none}.store-hover-menu :focus-visible{outline:2px solid var(--hover-menu-accent);outline-offset:-2px}@media(max-width:600px){.hover-menu-mobile-toggle{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 14px;background:transparent;border:0;color:inherit;font-weight:600;font-size:14px;cursor:pointer}.store-hover-menu .hover-menu-root{display:none}.store-hover-menu.menu-expanded .hover-menu-root{display:block}.store-hover-menu .hover-menu-dropdown{position:static;width:auto;box-shadow:none;border-top:0;border-left:2px solid #e4e9ef;margin:0 12px;padding-left:8px}.hover-menu-root>.hover-menu-item>.hover-submenu-toggle svg{transform:rotate(90deg)}.hover-submenu-toggle{width:38px;height:38px;top:3px}.hover-menu-item>a{padding:12px 14px}.hover-menu-dropdown .hover-submenu-toggle{top:0}.hover-menu-item.is-open>.hover-submenu-toggle svg{transform:rotate(90deg)}}

.hover-menu-drawer{position:fixed;inset:0 auto 0 0;margin:0;padding:0;width:min(350px,88vw);max-width:88vw;height:100dvh;max-height:100dvh;box-sizing:border-box;border:0;border-radius:0;background:#fff;color:#25313b;overflow:auto}.hover-menu-drawer::backdrop{background:#15233380}.hover-menu-drawer>header{position:sticky;top:0;background:#fff;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #e5e9ee}.hover-menu-drawer>header button{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;background:#f2f5f7;color:inherit;font-size:26px;cursor:pointer}.hover-menu-drawer [data-hover-menu-slot]{padding:6px 8px 24px}.store-hover-menu .hover-menu-drawer .hover-menu-root{display:block}.hover-menu-drawer .hover-menu-root>.hover-menu-item{border-bottom:1px solid #eef1f4}.hover-menu-drawer .hover-submenu-toggle svg{transition:transform .18s}.hover-menu-drawer .is-open>.hover-submenu-toggle svg{transform:rotate(90deg)}html:has(.hover-menu-drawer[open]){overflow:hidden}@media(min-width:601px){.hover-menu-drawer{display:none}}@media(prefers-reduced-motion:no-preference){.hover-menu-drawer[open]{animation:menu-drawer-in .2s ease-out}@keyframes menu-drawer-in{from{transform:translateX(-100%)}to{transform:translateX(0)}}}

.store-hover-menu .hover-menu-item>a{display:flex;align-items:center;gap:7px}.hover-menu-thumbnail{display:block;width:24px;height:24px;flex:0 0 24px;object-fit:contain;border-radius:4px;background:#f4f6f8}.hover-menu-thumbnail.is-placeholder{display:grid;place-items:center;font-size:11px;font-weight:600;color:#71808e}.hover-menu-label{min-width:0;overflow-wrap:anywhere}.hover-menu-dropdown .hover-menu-thumbnail{width:26px;height:26px;flex-basis:26px}.hover-menu-drawer .hover-menu-thumbnail{width:28px;height:28px;flex-basis:28px}

@media(min-width:601px){.store-hover-menu>.hover-menu-root{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.store-hover-menu>.hover-menu-root::-webkit-scrollbar{display:none}.hover-menu-root>.hover-menu-item{flex:0 0 auto}.hover-menu-root>.hover-menu-item>a{white-space:nowrap}.store-hover-menu .hover-menu-item.is-open>.hover-menu-dropdown{position:fixed;left:var(--submenu-left);right:auto;top:var(--submenu-top);max-height:var(--submenu-height,70vh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.store-hover-menu .hover-menu-dropdown:has(.hover-menu-item.is-open){overflow:visible}.store-hover-menu .hover-menu-dropdown .hover-menu-item.is-open>.hover-menu-dropdown{left:var(--submenu-left);right:auto;top:var(--submenu-top)}}

.hover-menu-trigger-icon{display:block;width:30px;height:28px;flex:0 0 auto}.hover-menu-mobile-toggle{align-items:center;justify-content:center;gap:9px}.hover-menu-mobile-toggle:not(:has(span)){padding:7px;width:44px;height:44px;min-height:44px}.hover-menu-mobile-toggle span{line-height:1.3}

.store-hover-menu.is-icon-widget{display:inline-block;background:transparent;box-shadow:none}.is-icon-widget>.hover-menu-mobile-toggle{display:flex}.is-icon-widget>.hover-menu-root{display:none}.store-hover-menu.is-icon-widget .hover-menu-drawer[open]{display:block}.is-icon-widget .hover-menu-drawer .hover-menu-root{display:block}.is-icon-widget .hover-menu-drawer .hover-menu-dropdown{position:static;width:auto;box-shadow:none;border-top:0;border-left:2px solid #e4e9ef;margin:0 12px;padding-left:8px}.is-icon-widget .hover-menu-drawer .hover-menu-item>a{padding:12px 14px}.is-icon-widget .hover-menu-drawer .hover-submenu-toggle{width:38px;height:38px;top:3px;right:3px}.is-icon-widget .hover-menu-drawer .hover-menu-item.is-open>.hover-menu-dropdown{position:static;overflow:visible;max-height:none}.is-icon-widget .hover-menu-drawer .hover-menu-item{flex:none}

.store-hover-menu .hover-menu-dropdown .hover-menu-item>a,.default-header-categories .hover-menu-dropdown .hover-menu-item>a{display:flex!important;flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important;gap:8px;white-space:nowrap}.store-hover-menu .hover-menu-dropdown .hover-menu-label{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.store-hover-menu .hover-menu-dropdown .hover-menu-thumbnail{display:block;flex:0 0 24px;width:24px;height:24px;margin:0}.store-hover-menu .hover-menu-dropdown .hover-menu-thumbnail.is-placeholder{display:grid}



/* Shared category navigation: a single source for typography, spacing and feedback. */
.store-hover-menu{--category-ink:#23364b;--category-hover:#fff;font-family:Kalpurush,"Segoe UI",Arial,sans-serif;color:var(--category-ink)}
.hover-bar-arrows{display:none}
.hover-menu-dropdown{border:1px solid #dce3eb;border-top:1px solid #edf0f4;border-radius:6px;box-shadow:0 10px 26px #15283d24;box-sizing:border-box;padding:3px 0!important}
.hover-menu-dropdown>.hover-menu-item{border-bottom:1px solid #edf0f4}
.hover-menu-dropdown>.hover-menu-item:last-child{border-bottom:0}
.store-hover-menu .hover-menu-dropdown .hover-menu-item>a{font-size:14px;font-weight:400;line-height:20px;min-height:42px;padding:6px 32px 6px 12px;color:var(--category-ink)}
.store-hover-menu .hover-menu-dropdown .hover-menu-thumbnail{width:30px;height:30px;flex:0 0 30px;object-fit:contain}
.store-hover-menu .hover-menu-item>a:hover,.store-hover-menu .hover-menu-item.is-open>a{background:#fff!important;color:var(--green,#02bfe4)!important}
.store-hover-menu .hover-menu-item:hover>.hover-submenu-toggle,.store-hover-menu .hover-menu-item.is-open>.hover-submenu-toggle{color:var(--green,#02bfe4)!important}
@media(min-width:601px){
.storefront .shop-header.default-store-header{z-index:200;padding-bottom:0!important;row-gap:8px!important}
.storefront .default-header-categories{position:relative;isolation:isolate;z-index:210;background:#fff!important;border:0!important;border-radius:0!important;padding:6px 0!important;column-gap:12px!important;min-height:0!important;margin:0!important;box-shadow:0 3px 9px #182c4010}
.default-header-categories:before{content:'';position:absolute;top:0;bottom:0;left:calc((100% - var(--store-viewport-width,100vw))/2);width:var(--store-viewport-width,100vw);background:#fff;z-index:-1;pointer-events:none}
.store-hover-menu:not(.is-icon-widget){padding-right:76px;background:transparent;box-shadow:none;min-width:0;z-index:220}
.store-hover-menu:not(.is-icon-widget)>.hover-menu-root{gap:8px;padding:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.hover-menu-root::-webkit-scrollbar{display:none}
.store-hover-menu>.hover-menu-root>.hover-menu-item{flex-shrink:0}
.default-header-categories .store-hover-menu>.hover-menu-root>.hover-menu-item>a{display:flex;align-items:center;gap:6px;box-sizing:border-box;min-height:35px;padding:2px 8px!important;border:0;border-radius:0;background:#fff;color:#26374b;font-size:14px;font-weight:400;line-height:20px;white-space:nowrap}
.default-header-categories .store-hover-menu>.hover-menu-root>.hover-menu-item>a>.hover-menu-thumbnail{width:30px;height:30px;flex:0 0 30px;object-fit:contain;border-radius:4px;background:#f2f5f8}
.store-hover-menu:not(.is-icon-widget)>.hover-menu-root>.hover-all-categories{order:-1;position:sticky;left:0;z-index:4;background:#fff;border-right:1px solid #e8ecf0;padding-right:9px}
.default-header-categories .store-hover-menu>.hover-menu-root>.hover-all-categories>a{min-width:190px;padding:6px 32px 6px 12px!important}
.hover-all-categories>a>svg{flex:none}
.hover-all-categories>.hover-submenu-toggle{right:12px;top:3px}
.store-hover-menu:not(.is-icon-widget)>.hover-menu-root>.hover-menu-item:not(.hover-all-categories)>.hover-submenu-toggle,.store-hover-menu:not(.is-icon-widget)>.hover-menu-root>.hover-menu-item:not(.hover-all-categories)>.hover-menu-dropdown{display:none!important}
.store-hover-menu .hover-menu-item.is-open>.hover-menu-dropdown{display:block;z-index:1000;background:#fff}
.store-hover-menu:not(.is-icon-widget)>.hover-bar-arrows{position:absolute;right:0;top:0;bottom:0;display:flex;align-items:center;gap:5px;padding-left:8px;background:#fff}
.hover-bar-arrows button{width:29px;height:30px;display:grid;place-items:center;padding:0;border:1px solid #b7e7ef;border-radius:5px;background:#fff;color:var(--green,#02bfe4);font:24px/1 Kalpurush,Arial;cursor:pointer}
.hover-bar-arrows button:hover:not(:disabled){background:#fff;color:var(--green,#02bfe4)}
.hover-bar-arrows button:disabled{background:#edf0f4;border-color:#dbe1e8;color:#9da9b7;cursor:default}
.store-hover-menu.no-category-overflow>.hover-bar-arrows{visibility:hidden}
.storefront .default-header-categories .default-category-offer{min-height:38px;padding:3px 9px!important;gap:8px;border:1px solid #ffc4d4!important;border-radius:5px;background:#fff3f6!important}
.default-category-offer>span:first-of-type{font-size:16px;font-weight:600;white-space:nowrap}
.default-category-offer>svg{width:24px;height:30px}
}
@media(max-width:600px){.hover-all-categories{display:none}}
@media(prefers-reduced-motion:no-preference){.default-category-offer{animation:category-offer-pulse 3s ease-in-out infinite}.default-category-offer>svg{animation:category-offer-flame 2.6s ease-in-out infinite;transform-origin:50% 85%}.default-category-offer:hover{animation-play-state:paused}@keyframes category-offer-pulse{0%,100%{box-shadow:0 0 0 0 #ff315000}50%{box-shadow:0 0 0 3px #ff315026}}@keyframes category-offer-flame{0%,100%{transform:rotate(0)}45%{transform:rotate(-6deg)}60%{transform:rotate(6deg)}}}

@media(min-width:601px){
.default-header-categories .store-hover-menu>.hover-menu-root>.hover-menu-item>a:hover,.default-header-categories .store-hover-menu>.hover-menu-root>.hover-menu-item.is-open>a{background:#fff!important;color:var(--green,#02bfe4)!important;box-shadow:none!important;border:0}
.default-header-categories .hover-menu-thumbnail{background:transparent!important}
.default-header-categories .hover-bar-arrows button{border:0;box-shadow:none;background:#fff;font-size:26px}
.default-header-categories .hover-bar-arrows button:disabled{background:#fff;color:#d4d9df;border:0}
}
/* Consistent reference-style navigation typography. */
@media(min-width:601px){
.default-header-categories .store-hover-menu>.hover-menu-root>.hover-menu-item>a{font-family:Kalpurush,"Segoe UI",Arial,sans-serif!important;font-size:15px!important;font-weight:400!important;line-height:22px!important;letter-spacing:0!important;color:#283142!important;min-height:36px;padding:6px 10px!important;gap:7px}
.default-header-categories .store-hover-menu>.hover-menu-root>.hover-all-categories>a{font-size:15px!important;font-weight:400!important;min-width:178px;padding:6px 28px 6px 6px!important}
.default-header-categories .store-hover-menu>.hover-menu-root{gap:6px}
.default-header-categories .store-hover-menu>.hover-menu-root>.hover-menu-item>a>.hover-menu-thumbnail{width:25px;height:25px;flex-basis:25px}
.default-header-categories .store-hover-menu>.hover-menu-root>.hover-menu-item>a:hover,.default-header-categories .store-hover-menu>.hover-menu-root>.hover-menu-item.is-open>a{color:var(--green,#02bfe4)!important}
.store-hover-menu .hover-menu-dropdown .hover-menu-item>a{font-family:Kalpurush,"Segoe UI",Arial,sans-serif;font-size:15px;font-weight:400;line-height:20px;color:#283142;letter-spacing:0}
}
@property --offer-border-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.default-header-categories .default-category-offer{position:relative;isolation:isolate;animation:none!important;box-shadow:none!important;border-color:#ffc2cf!important}
.default-header-categories .default-category-offer:after{content:'';position:absolute;inset:-2px;border-radius:inherit;padding:2px;background:conic-gradient(from var(--offer-border-angle),transparent 0deg,transparent 250deg,#ff9aac 285deg,#ff1744 330deg,#bd0027 355deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;z-index:2;animation:offer-border-snake 2.8s linear infinite}
@keyframes offer-border-snake{to{--offer-border-angle:360deg}}
@media(prefers-reduced-motion:reduce){.default-header-categories .default-category-offer:after{animation:none;--offer-border-angle:90deg}}

/* Compact, high-contrast cascading category list. */
.store-hover-menu .hover-menu-dropdown{padding:0!important;border-color:#e6e8ec;border-top:0;border-radius:9px;background:#fff}
.store-hover-menu .hover-menu-dropdown .hover-menu-item{border-bottom:1px solid #eceef1}
.store-hover-menu .hover-menu-dropdown .hover-menu-item>a{box-sizing:border-box;min-height:40px;padding:6px 33px 6px 13px;font-family:Kalpurush,"Segoe UI",Arial,sans-serif;font-size:15px!important;font-weight:400!important;line-height:20px!important;letter-spacing:0;color:#283142!important;gap:9px}
.store-hover-menu .hover-menu-dropdown .hover-menu-thumbnail{width:27px;height:27px;flex:0 0 27px;object-fit:contain}
.store-hover-menu .hover-menu-dropdown .hover-submenu-toggle{top:4px;right:8px;color:#141b24;width:25px;height:30px}
.store-hover-menu .hover-menu-dropdown .hover-submenu-toggle svg{width:16px;height:16px;stroke-width:2.2}
.store-hover-menu .hover-menu-dropdown .hover-menu-item:hover>a,.store-hover-menu .hover-menu-dropdown .hover-menu-item.is-open>a{background:#fff!important;color:var(--green,#02bfe4)!important}
.store-hover-menu .hover-menu-dropdown .hover-menu-item:hover>.hover-submenu-toggle,.store-hover-menu .hover-menu-dropdown .hover-menu-item.is-open>.hover-submenu-toggle{color:var(--green,#02bfe4)!important}
