.header__icon--menu .icon-close,.header__icon--menu svg.icon-close{opacity:0!important;visibility:hidden!important;display:none!important;transform:scale(.85);transition:opacity .2s ease,visibility .2s ease,transform .2s ease}.header__icon--menu .icon-hamburger,.header__icon--menu svg.icon-hamburger{opacity:1!important;visibility:visible!important;display:block!important;transform:scale(1);transition:opacity .2s ease,visibility .2s ease,transform .2s ease}#Details-menu-drawer-container[open] .header__icon--menu .icon-hamburger,#Details-menu-drawer-container[open] .header__icon--menu svg.icon-hamburger{opacity:0!important;visibility:hidden!important;display:none!important;transform:scale(.85)}#Details-menu-drawer-container[open] .header__icon--menu .icon-close,#Details-menu-drawer-container[open] .header__icon--menu svg.icon-close{opacity:1!important;visibility:visible!important;display:block!important;transform:scale(1)}:root{--nav-header-max-width: min(1150px, calc(100vw - 50px) );--nav-header-radius: 16px;--nav-header-gap: 10px;--nav-overlay-color: rgba(15, 23, 42, .28);--nav-ease: cubic-bezier(.25, .1, .25, 1);--drawer-width: calc(100vw - 64px) ;--drawer-max-width: 1150px;--drawer-top: 120px;--drawer-height: calc(100vh - var(--drawer-top) - 32px);--drawer-radius: var(--nav-header-radius)}@supports (height: 100dvh){:root{--drawer-height: calc(100dvh - var(--drawer-top) - 32px)}}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;opacity:0;pointer-events:none;transition:opacity .3s var(--nav-ease);z-index:900}body.nav-drawer-active:after,body.nav-submenu-active:after{background:var(--nav-overlay-color);opacity:1;pointer-events:auto}.section-header:has(.header--top-center){position:sticky;top:0;left:0;right:0;z-index:950;padding:0;margin:0;border:none;background:var(--naven-header-stack-background, transparent);-webkit-backdrop-filter:none;backdrop-filter:none}.section-header:has(.header--top-center) .header-wrapper{display:flex;justify-content:center;padding:clamp(12px,3vw,22px) 0;background:var(--naven-header-stack-background, transparent)}.header.header--top-center{width:min(var(--nav-header-max-width),100%);background:transparent;border:none;box-shadow:none;display:flex;justify-content:center}.naven-header{width:100%;display:flex;justify-content:center}.naven-header__inner{width:100%;display:flex;align-items:center;justify-content:space-between;gap:clamp(16px,4vw,36px);border-radius:var(--naven-header-radius, var(--nav-header-radius));background:var(--naven-header-surface, rgba(255, 255, 255, .96));backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);box-shadow:0 22px 40px #0f172a2e,0 6px 16px #0f172a1f;padding:clamp(14px,2.4vw,22px) clamp(18px,4vw,42px);transition:background .3s ease,box-shadow .3s ease;position:relative;overflow:hidden;background-clip:padding-box;border:1px solid rgba(255,255,255,.26)}.naven-header__inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#fff3,#ffffff0d);border-radius:inherit;pointer-events:none}.naven-header__inner:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;background:radial-gradient(circle at top,rgba(255,255,255,.25) 0%,transparent 68%);pointer-events:none;opacity:.6}.section-header.scrolled-past-header .naven-header__inner,.sticky-header .header-wrapper.scrolled .naven-header__inner{background:var(--naven-header-surface-scrolled, rgba(255, 255, 255, .92));box-shadow:0 26px 55px #0f172a38,0 10px 20px #0f172a2e}.naven-header__slot{display:flex;align-items:center;gap:clamp(10px,2vw,22px);min-width:0}.naven-header__slot--logo{order:2;flex:0 0 auto;justify-content:center}.naven-header__slot--primary{order:1;flex:1 1 auto;justify-content:center}.naven-header__slot--utilities{order:3;flex:0 0 auto;justify-content:flex-end}.naven-header__slot--mobile{display:none}@media screen and (min-width: 990px){.header.header--top-center:not(.drawer-menu) header-drawer{display:none!important}.header.header--top-center.drawer-menu .naven-header__slot--mobile{display:flex!important;order:1;flex:0 0 auto;justify-content:flex-start}.header.header--top-center.drawer-menu .naven-header__slot--logo{order:2}.header.header--top-center.drawer-menu .naven-header__slot--utilities{order:3}}.header.header--top-center .header__inline-menu{width:100%}.header.header--top-center .header__inline-menu>ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;justify-content:center;gap:clamp(22px,4vw,52px)}.header.header--top-center .header__menu-item,.header.header--top-center .header__menu-item:link,.header.header--top-center .header__menu-item:visited{position:relative;font-size:clamp(15px,1.25vw,20px);font-weight:500;letter-spacing:-.015em;padding:4px 0;color:rgb(var(--color-foreground));transition:opacity .25s ease,transform .25s ease}.header.header--top-center .header__menu-item:hover,.header.header--top-center .header__menu-item[aria-expanded=true]{color:rgb(var(--color-foreground));opacity:.82}.header.header--top-center .header__menu-item:after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:2px;border-radius:999px;background:rgba(var(--color-foreground),.88);transform:scaleX(0);transform-origin:center;transition:transform .28s var(--nav-ease)}.header.header--top-center .list-menu__item--active .header__menu-item:after,.header.header--top-center .header__menu-item:hover:after,.header.header--top-center .header__menu-item[aria-expanded=true]:after{transform:scaleX(1)}.header.header--top-center .header__icons{display:flex;align-items:center;gap:clamp(12px,2vw,24px)}.header.header--top-center .header__icon{width:clamp(40px,4vw,52px);height:clamp(40px,4vw,52px);display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#ffffff38;border:1px solid rgba(255,255,255,.18);color:rgb(var(--color-foreground));transition:background .25s ease,box-shadow .25s ease,transform .25s ease}.header.header--top-center .header__icon .svg-wrapper{width:clamp(20px,2vw,24px);height:clamp(20px,2vw,24px);display:inline-flex;align-items:center;justify-content:center}.header.header--top-center .header__icon svg,.header.header--top-center .header__icon svg path,.header.header--top-center .header__icon .icon{fill:currentColor}.header.header--top-center .header__icon svg{width:clamp(18px,1.8vw,22px);height:clamp(18px,1.8vw,22px)}.header.header--top-center .header__icon:hover,.header.header--top-center .header__icon:focus-visible{background:#ffffff8f;box-shadow:0 8px 20px #0f172a33;transform:translateY(-2px)}#Details-menu-drawer-container{position:static}#Details-menu-drawer-container .menu-drawer{position:fixed!important;top:80px!important;left:50%!important;margin-left:0!important;transform:translate(-50%) translateY(-18px) translateZ(0)!important;width:90vw!important;max-width:1200px!important;height:calc(100vh - 100px)!important;max-height:calc(100vh - 100px)!important;border-radius:16px;background:#fffffffa;box-shadow:0 28px 48px #0f172a2e;overflow:hidden;display:none!important;flex-direction:column;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:transform .42s var(--nav-ease),opacity .3s var(--nav-ease),visibility 0s .3s;z-index:960!important}#Details-menu-drawer-container .menu-drawer__inner-container{flex:1;display:flex;flex-direction:column;min-height:0}#Details-menu-drawer-container .menu-drawer__navigation-container{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}#Details-menu-drawer-container .menu-drawer__navigation{padding:clamp(14px,4vw,28px) clamp(24px,5vw,48px);overflow-y:auto;height:100%;display:flex;flex-direction:column;gap:clamp(14px,3vw,26px)}#Details-menu-drawer-container .menu-drawer__submenu{flex:1;display:flex;flex-direction:column;min-height:0}#Details-menu-drawer-container[open] .menu-drawer{left:50%!important;margin-left:0!important;transform:translate(-50%) translateY(0) translateZ(0)!important;opacity:1!important;pointer-events:auto!important;visibility:visible!important;display:flex!important;transition:transform .42s var(--nav-ease),opacity .3s var(--nav-ease),visibility 0s 0s!important}@media screen and (min-width: 990px){.header.header--top-center:not(.drawer-menu) #Details-menu-drawer-container[open] .menu-drawer{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}}#Details-menu-drawer-container .menu-drawer__inner-submenu{padding:clamp(14px,4vw,28px) clamp(24px,5vw,48px) clamp(24px,5vw,52px);display:grid;grid-template-columns:1fr;gap:clamp(16px,3vw,28px);overflow-y:auto;max-height:100%;min-height:0}#Details-menu-drawer-container .menu-drawer__menu{display:grid;grid-template-columns:1fr;gap:clamp(16px,3vw,24px);margin:0}#Details-menu-drawer-container .menu-drawer__menu>li{list-style:none}.menu-drawer__navigation summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;font-size:clamp(16px,1.8vw,18px)}.menu-drawer__navigation .menu-drawer__menu-item{display:flex;align-items:center;justify-content:space-between;padding:clamp(12px,3vw,18px);border-radius:14px;background:#0f172a0a;transition:background .25s ease,transform .25s ease}.menu-drawer__navigation .menu-drawer__menu-item:hover{background:#0f172a14;transform:translateY(-1px)}.menu-drawer__navigation .menu-drawer__menu-item--with-arrow:after{transform:rotate(-90deg)}#Details-menu-drawer-container .menu-drawer__menu .menu-item__product-card{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:clamp(12px,2.4vw,18px);padding:clamp(14px,3vw,20px);border-radius:18px;background:#0f172a0a;transition:background .25s ease,transform .25s ease;width:100%}#Details-menu-drawer-container .menu-drawer__menu .menu-item__product-card:hover{background:#0f172a14;transform:translateY(-1px)}#Details-menu-drawer-container .menu-drawer__menu .menu-item__product-card .menu-item__image{width:clamp(76px,18vw,92px);height:clamp(76px,18vw,92px);border-radius:18px;overflow:hidden;background:#0f172a0f}@media screen and (min-width: 990px){.naven-header__slot--mobile{display:none!important}.header.header--top-center .header__submenu{position:fixed;top:calc(var(--drawer-top) + var(--nav-header-gap));width:min(var(--drawer-width),var(--drawer-max-width));max-width:min(var(--drawer-width),var(--drawer-max-width));margin:0;padding:clamp(18px,4vw,32px);background:#fffffffa;border-radius:var(--drawer-radius);box-shadow:0 26px 48px #0f172a29;opacity:0;transform:translate3d(0,-12px,0);pointer-events:none;transition:transform .32s var(--nav-ease),opacity .24s var(--nav-ease);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(18px,4vw,32px);z-index:960}details[open]>.header__submenu{opacity:1;transform:translateZ(0);pointer-events:auto}.header__submenu>li{grid-column:span 4;list-style:none}.header__submenu>li:first-child:has(.menu-item__product-card){grid-column:9 / span 4;grid-row:1 / span 3}}@media screen and (max-width: 989px){:root{--drawer-left: 50%;--drawer-width: calc(100vw - 28px) ;--drawer-max-width: calc(100vw - 28px) ;--drawer-radius: 22px}.naven-header__inner{gap:clamp(14px,5vw,28px);padding:clamp(14px,5vw,20px)}.naven-header__slot--primary{display:none}.naven-header__slot--mobile{display:flex;order:1;justify-content:flex-start}}.header.header--top-center .focus-inset:focus-visible{outline:2px solid rgba(15,23,42,.6);outline-offset:4px}.menu-drawer__close-button,.menu-drawer__close{top:clamp(16px,3vw,22px);right:clamp(16px,3vw,22px)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/naven-navigation.css.map */