na-header-drawer-component{display:block}na-header-drawer-component .header-drawer__toggle{display:flex;align-items:center;justify-content:center;padding:0;background:transparent;border:none;cursor:pointer;color:var(--color-foreground)}@media(prefers-reduced-motion:no-preference){na-header-drawer-component .header-drawer__toggle{transition:color var(--animation-speed-slow, .2s) ease}}na-header-drawer-component .header-drawer__toggle:hover{color:var(--color-foreground-accent, var(--color-foreground))}na-header-drawer-component .header-drawer__toggle .svg-wrapper{width:24px;height:24px}na-header-drawer-component .menu-drawer-container>summary{list-style:none}na-header-drawer-component .menu-drawer-container>summary::-webkit-details-marker{display:none}na-header-drawer-component{--drawer-banner-height: 38px;--drawer-banner-bg: var(--color-background)}na-header-drawer-component .menu-drawer{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;background-color:var(--color-background);z-index:var(--layer-menu-drawer, 18);transform:translate(-100%);visibility:hidden;overflow-x:hidden;padding:0;display:flex;flex-direction:column}na-header-drawer-component .menu-drawer:has(~.menu-drawer__footer-banner){bottom:var(--drawer-banner-height)}@media(prefers-reduced-motion:no-preference){na-header-drawer-component .menu-drawer-container[open]>.menu-drawer,na-header-drawer-component .menu-drawer-container[open]>.menu-drawer__submenu{transition:transform var(--animation-speed-slow, .2s) ease,visibility var(--animation-speed-slow, .2s) ease,opacity var(--animation-speed-slow, .2s) ease}}na-header-drawer-component .menu-drawer-container[open].menu-opening>.menu-drawer,na-header-drawer-component details[open].menu-opening>.menu-drawer__submenu{transform:translate(0);visibility:visible;opacity:1}@media screen and (min-width:750px){na-header-drawer-component .menu-drawer,na-header-drawer-component .menu-drawer__submenu,na-header-drawer-component .menu-drawer__footer-banner{max-width:40rem}}na-header-drawer-component .menu-drawer__header{display:flex;justify-content:space-between;align-items:center;padding:var(--padding-sm, 1.25rem);flex-shrink:0}na-header-drawer-component .menu-drawer__search-button{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;background:transparent;border:none;cursor:pointer;color:var(--color-foreground)}na-header-drawer-component .menu-drawer__search-button .svg-wrapper{width:22px;height:22px}na-header-drawer-component .menu-drawer__search-button .svg-wrapper svg{width:100%;height:100%}@media(prefers-reduced-motion:no-preference){na-header-drawer-component .menu-drawer__search-button{transition:color var(--animation-speed-slow, .2s) ease}}na-header-drawer-component .menu-drawer__search-button:hover{color:var(--color-foreground-accent, var(--color-foreground))}na-header-drawer-component .menu-drawer__message{margin:0;font-size:var(--font-size--2xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary)}na-header-drawer-component .menu-drawer__close-button{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;background:transparent;border:none;cursor:pointer;color:var(--color-foreground)}@media(prefers-reduced-motion:no-preference){na-header-drawer-component .menu-drawer__close-button{transition:color var(--animation-speed-slow, .2s) ease}}na-header-drawer-component .menu-drawer__close-button:hover{color:var(--color-foreground-accent, var(--color-foreground))}na-header-drawer-component .menu-drawer__close-button .svg-wrapper{width:20px;height:20px;flex-shrink:0}na-header-drawer-component .menu-drawer__inner-container{position:relative;flex:1;min-height:0}na-header-drawer-component .menu-drawer__navigation-container{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;height:100%}na-header-drawer-component .menu-drawer__navigation{padding:0 var(--padding-sm, 1.25rem);position:relative}na-header-drawer-component .menu-drawer__divider{height:1px;background-color:rgb(var(--color-foreground-rgb) / var(--opacity-10-25));margin:var(--margin-2xs, .5rem) var(--padding-sm, 1.25rem)}na-header-drawer-component .menu-drawer__menu-item--secondary{font-weight:400;font-size:var(--font-size--sm, .875rem)}na-header-drawer-component .menu-drawer__menu--secondary{padding-top:var(--padding-2xs, .5rem)}na-header-drawer-component .menu-drawer__menu--secondary .menu-drawer__list-item--secondary{padding:0}na-header-drawer-component .menu-drawer__menu--secondary .menu-drawer__menu-item{font-size:var(--font-size--sm)}na-header-drawer-component .menu-drawer__menu,na-header-drawer-component .list-menu{list-style:none;margin:0;padding:0}na-header-drawer-component .menu-drawer__list-item:first-child{border-top:none}na-header-drawer-component .menu-drawer__list-item--divider{border-bottom:1px solid var(--color-border)}na-header-drawer-component .menu-drawer__menu-item{display:flex;align-items:center;justify-content:space-between;color:var(--color-foreground);text-decoration:none;font-weight:600;font-size:var(--font-size--md, 1rem);width:100%;cursor:pointer;background:transparent;border:none;padding:0;box-sizing:border-box}na-header-drawer-component .menu-drawer__menu-item:hover,na-header-drawer-component .menu-drawer__menu-item:focus-visible{color:var(--color-foreground-accent, var(--color-foreground))}na-header-drawer-component .menu-drawer__menu-item--active{color:var(--color-foreground-accent, var(--color-foreground))}na-header-drawer-component .menu-drawer__menu-item--parent{font-weight:600;padding-top:var(--padding-sm, 1.25rem)}na-header-drawer-component .menu-drawer__menu-item--child{font-weight:400;font-size:var(--font-size--sm, .875rem)}na-header-drawer-component .menu-drawer__menu-item-text{flex:1;text-align:left}na-header-drawer-component .menu-drawer__caret{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}na-header-drawer-component .menu-drawer__caret svg{width:100%;height:100%}na-header-drawer-component .menu-drawer__submenu-trigger{width:100%}na-header-drawer-component .menu-drawer__submenu-trigger>summary{list-style:none}na-header-drawer-component .menu-drawer__submenu-trigger>summary::-webkit-details-marker{display:none}na-header-drawer-component .menu-drawer__submenu{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;background-color:var(--color-background);z-index:var(--layer-menu-drawer, 18);transform:translate(100%);visibility:hidden;opacity:0}@media(prefers-reduced-motion:no-preference){na-header-drawer-component .menu-drawer__submenu-trigger[open] .menu-drawer__submenu{transition:transform var(--animation-speed-slow, .2s) ease,visibility var(--animation-speed-slow, .2s) ease,opacity var(--animation-speed-slow, .2s) ease}}na-header-drawer-component .menu-drawer__submenu-trigger[open].menu-opening .menu-drawer__submenu{transform:translate(0);visibility:visible;opacity:1}na-header-drawer-component .menu-drawer__inner-submenu{display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto}na-header-drawer-component .menu-drawer__submenu-header{display:flex;justify-content:space-between;align-items:center;padding:var(--padding-sm, 1.25rem);flex-shrink:0}na-header-drawer-component .menu-drawer__back-button{display:flex;align-items:center;gap:var(--gap-2xs, .5rem);min-height:44px;padding:0;background:transparent;border:none;cursor:pointer;color:var(--color-foreground);font-weight:600;font-size:var(--font-size--md, 1rem);text-transform:capitalize}@media(prefers-reduced-motion:no-preference){na-header-drawer-component .menu-drawer__back-button{transition:color var(--animation-speed-slow, .2s) ease}}na-header-drawer-component .menu-drawer__back-button:hover{color:var(--color-foreground-accent, var(--color-foreground))}na-header-drawer-component .menu-drawer__back-icon{width:12px;height:12px;flex-shrink:0;transform:rotate(90deg)}na-header-drawer-component .menu-drawer__back-icon svg{width:100%;height:100%}na-header-drawer-component .menu-drawer__submenu-list{list-style:none;margin:0;padding:0 var(--padding-sm, 1.25rem)}na-header-drawer-component .menu-drawer__submenu-item{padding:var(--padding-2xs, .625rem) 0 0}na-header-drawer-component .menu-drawer__submenu-item--has-children{padding-top:var(--padding-sm, 1.25rem)}na-header-drawer-component .menu-drawer__submenu-item--divider{border-bottom:1px solid var(--color-border)}na-header-drawer-component .menu-drawer__menu--grandchildlist{padding:0;list-style:none;margin:0}na-header-drawer-component .menu-drawer__menu--grandchildlist .menu-drawer__list-item{border-top:none;padding:var(--padding-2xs, .625rem) 0 0}na-header-drawer-component .menu-item__products{display:flex;overflow-x:auto;width:100%;gap:var(--gap-xs, .75rem);margin-top:var(--margin-xs, .75rem);padding:0 0 var(--padding-3xs, .5rem)}na-header-drawer-component .menu-item__products:has(.drawer-mega-menu){flex-direction:column;overflow-x:visible;gap:0;margin-top:0;padding:0}na-header-drawer-component .menu-item__products .drawer-mega-menu{width:100%;flex-shrink:0}na-header-drawer-component .menu-item__products::-webkit-scrollbar{display:none}na-header-drawer-component .header__mega-menu-grid-product{min-width:calc(48% - 12px);width:100%;display:flex;flex-direction:column;align-items:flex-start}@media screen and (max-width:749px){na-header-drawer-component .header__mega-menu-grid-product{min-width:calc(70% - 12px)}}na-header-drawer-component .header__mega-menu-grid-product a{width:100%;text-decoration:none;color:var(--color-foreground)}na-header-drawer-component .header__mega-menu-grid-product--image{position:relative;width:100%;overflow:hidden;border-radius:var(--style-border-radius-sm, 4px)}na-header-drawer-component .header__mega-menu-grid-product--image img{width:100%;height:auto;display:block}na-header-drawer-component .header__mega-menu-grid-product .product-tag{position:absolute;top:var(--padding-3xs, .5rem);left:var(--padding-3xs, .5rem);padding:var(--padding-4xs, .25rem) var(--padding-3xs, .5rem);border-radius:var(--style-border-radius-sm, 2px)}na-header-drawer-component .header__mega-menu-grid-product .product-tag p{margin:0;font-size:var(--font-size--3xs, .625rem);font-weight:700}na-header-drawer-component .header__mega-menu-grid-product .stars{display:flex;gap:2px;margin-top:var(--padding-3xs, .5rem)}na-header-drawer-component .header__mega-menu-grid-product .sh2{display:block;margin-top:var(--padding-3xs, .5rem);font-size:var(--font-size--sm, .875rem);font-weight:600;text-transform:capitalize}na-header-drawer-component .menu-drawer__footer-banner{position:fixed;bottom:0;left:0;right:0;height:var(--drawer-banner-height);display:flex;align-items:center;justify-content:center;padding-inline:var(--padding-sm);background-color:var(--drawer-banner-bg);z-index:calc(var(--layer-menu-drawer, 18) + 1);visibility:hidden}na-header-drawer-component .menu-drawer-container[open] .menu-drawer__footer-banner{visibility:visible}na-header-drawer-component .menu-drawer__footer-banner-text{font-family:var(--font-body--family);font-size:var(--font-size--2xs);color:var(--color-foreground);text-align:center}na-header-drawer-component .menu-drawer__footer-banner-text p{margin:0}na-header-drawer-component .menu-drawer__footer-banner-text a{color:var(--color-foreground);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}body.overflow-hidden-tablet{overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;width:100%}
/*# sourceMappingURL=/cdn/shop/t/429/assets/na-header-drawer.css.map */