:root{--menu-fade:.28s;--menu-slide:.3s;--menu-ease:cubic-bezier(.4,0,.2,1);--menu-list-width:120px}body.menu-open{overflow:hidden}body.menu-open .header{background:transparent;color:#fff!important}body.menu-open .header .header__logo-image{display:none}body.menu-open .header .header__logo-image--transparent{display:block!important;opacity:1!important;position:static}.main-menu .sub-menu .sub-menu-wrapper{transform:translate(-100%);transition:transform var(--menu-slide) var(--menu-ease)}body.menu-open .main-menu .sub-menu .sub-menu-wrapper{transform:translate(0)}body .header{transition:.2s all;padding:18px 24px}.header__secondary-nav .tap-area:before{display:none}.header__secondary-nav li a{font-size:10px;font-style:normal;font-weight:400;line-height:140%;text-transform:uppercase;opacity:1;transition:.22s}.header__secondary-nav li a:hover{opacity:1}.header__primary-nav li .link-reversed{margin:0 12px;font-size:10px;font-style:normal;font-weight:700;line-height:140%;text-transform:uppercase;opacity:1;transition:.22s;position:relative}.header__primary-nav:has(li:hover) .link-reversed{opacity:.6}body:not(.menu-open) .main-menu-link:hover a.link-reversed{opacity:1}.header__primary-nav .active-menu .link-reversed{opacity:1!important;background:none}.header__primary-nav .active-menu .link-reversed:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:calc(100% + 48px);height:calc(100% + 17px)}.header__logo .header__logo-image{height:23px}.header__primary-nav li:first-of-type .link-reversed{margin-left:0}.header__secondary-nav .item_count_wrapper{position:absolute;background:currentColor;top:50%;left:50%;transform:translateY(20%);height:14px;width:14px;display:flex;align-items:center;justify-content:center}.header__secondary-nav .item_count_wrapper .item_count{filter:invert(1);font-size:8px;font-weight:700}.main-menu .sub-menu{margin-top:calc(var(--announcement-height));height:calc(100vh - calc(var(--header-announcement-height) - var(--header-height)));position:fixed;top:0;right:0;left:0;z-index:-1;display:grid;opacity:1;visibility:hidden;overflow:hidden;grid-template-columns:1fr 1fr;transition:visibility 0s linear var(--menu-fade)}.main-menu li.active-menu .sub-menu{opacity:1;visibility:visible;transition:visibility 0s}.main-menu li .sub-menu .inner{opacity:0;transition:opacity var(--menu-fade) var(--menu-ease)}.main-menu li.active-menu .sub-menu .inner{opacity:1}.main-menu .sub-menu .sub-menu-wrapper{width:50vw;padding:24px;padding-top:calc(var(--header-height) + 24px);height:calc(100vh - var(--announcement-height));display:flex;flex-direction:column}.main-menu .sub-menu .sub-menu-wrapper:has(.has-page-link){padding-top:calc(var(--header-height))}.main-menu .sub-menu .sub-menu-wrapper:has(.has-page-link){position:relative}.main-menu .sub-menu .sub-menu-wrapper .inner{height:100%;overflow:auto;display:flex;flex-direction:row;justify-content:space-between;gap:74px}.main-menu .sub-menu .sub-menu-wrapper *{color:#fff}.main-menu .sub-menu .banner-link{display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden;aspect-ratio:4/5}.main-menu .sub-menu .banner-link .media{overflow:hidden;position:relative;width:100%;height:100%;background:linear-gradient(180deg,#0000 60%,#0006),var(--bg-image) #d3d3d3 50% / cover no-repeat;transition:1.2s cubic-bezier(.4,0,.03,.99)}.features--product-card-zoom .main-menu .sub-menu .banner-link .media:hover{transform:scale(1.05);transition:.6s cubic-bezier(.4,0,.03,.99)}.main-menu .sub-menu .b-label{position:absolute;bottom:12px;left:12px;display:flex;align-items:center;gap:12px;font-size:10px;font-weight:600;line-height:140%;text-transform:uppercase;color:#fff;z-index:1;transition:.22s}.main-menu .sub-menu .menu-banner-wrapper{display:grid;gap:13px;grid-template-columns:1fr 1fr;flex:1;min-width:0;height:fit-content}.main-menu .sub-menu .menu-banner-wrapper .banner-link:hover .b-label{opacity:1!important;font-weight:600}.main-menu .sub-menu .menu-banner-wrapper:has(.banner-link:hover) .b-label{opacity:.6}.main-menu .sub-menu .menu-level-2,.main-menu .sub-menu .menu-level-3{display:flex;flex-direction:column;max-width:var(--menu-list-width);width:100%;height:100%}.main-menu .sub-menu .menu-level-2.has-page-link{max-width:100%;height:100%;padding:24px;padding-top:calc(var(--header-height) + 24px);position:relative;gap:0;isolation:isolate}.main-menu .sub-menu .menu-level-2.has-page-link .bg-preload-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:0;pointer-events:none;transition:opacity .2s ease}.main-menu .sub-menu .menu-level-2.has-page-link .bg-preload-img.is-active{opacity:1;z-index:1}.main-menu .sub-menu .menu-level-2.has-page-link .sub-menu-link:nth-child(1){padding-top:0}.main-menu .sub-menu .menu-level-2.has-page-link .sub-menu-link{z-index:3}.main-menu .sub-menu .sub-menu-wrapper:has(.has-page-link){padding:0}.main-menu .sub-menu .sub-menu-wrapper:has(.has-page-link) .menu-list{width:100%;flex:1 1 auto}.main-menu .sub-menu .sub-menu-wrapper:has(.has-page-link) .service-links{position:absolute;bottom:24px;left:24px}.main-menu .menu-list .sub-menu-link{width:fit-content;line-height:100%}.main-menu .sub-menu .menu-level-2.has-page-link:has(.active):before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;height:100%;width:100%;background:linear-gradient(0deg,#0006 0% 100%);z-index:2}.main-menu .sub-menu .menu-level-2 li a,.main-menu .sub-menu .menu-level-3 li a{font-size:10px;font-weight:700;line-height:140%;text-transform:uppercase;transition:.22s;padding-block:8px;display:block}.main-menu .sub-menu .menu-level-2 li:first-child a,.main-menu .sub-menu .menu-level-3 li:first-child a{margin-top:0;padding-top:0}.main-menu .sub-menu .menu-level-2 li:last-child a,.main-menu .sub-menu .menu-level-3 li:last-child a{margin-bottom:0}.main-menu .sub-menu .menu-level-3 li a{text-transform:uppercase;font-style:600}.main-menu .sub-menu .menu-level-2 .cat-sub-link,.main-menu .sub-menu .menu-level-2 .col-sub-link{font-size:8px;font-weight:600;line-height:140%;opacity:.6!important}.main-menu .sub-menu .menu-level-2 .col-sub-link{margin-top:38px}.main-menu .sub-menu .sub-menu-wrapper .menu-list{display:flex;height:100%;position:relative;overflow-x:clip;flex:0 0 var(--menu-list-width)}.main-menu .sub-menu .menu-level-3{margin-top:23px;display:none}.main-menu .sub-menu .menu-level-3:has(li:hover) li a:hover{opacity:.6}.main-menu .sub-menu .menu-level-2 li:hover a{opacity:1!important;font-weight:700}.main-menu .sub-menu .menu-level-2:has(li:hover) li a{opacity:.6}.main-menu .sub-menu .menu-level-2 li a svg{max-width:0;opacity:0;margin-right:0;overflow:hidden;transition:max-width .3s ease,opacity .3s ease,margin-right .3s ease}.main-menu .sub-menu .menu-level-2 li.active a svg{max-width:20px;opacity:1;margin-right:12px}.main-menu .sub-menu .service-links{display:flex;gap:16px;padding-top:36px;width:0px;margin-top:auto}.main-menu .sub-menu .service-links a{font-size:8px;opacity:.8;white-space:nowrap}.main-menu .sub-menu .menu-level-3-container{position:absolute;background:inherit;z-index:10;overflow:hidden;width:100%;height:100%;top:0;left:0;display:none;transform:translate(100%);transition:transform .8s cubic-bezier(.5,0,0,1)}.main-menu .sub-menu .menu-level-3-container.active{display:block;transform:translate(0)}.main-menu .sub-menu .menu-level-3-container .level-3-header{margin-bottom:32px}.main-menu .sub-menu .menu-level-3-container .back-to-level-2{background:none;border:none;color:#fff;font-size:10px;font-weight:700;line-height:140%;text-transform:uppercase;display:flex;align-items:center;gap:8px;cursor:pointer;padding:0;transition:opacity .3s}.main-menu .sub-menu .menu-level-3-container .back-to-level-2:hover{opacity:1}.main-menu .sub-menu .menu-level-3-container .back-to-level-2 svg{width:12px;height:6px}.main-menu .sub-menu .menu-level-3-container .menu-level-3{display:flex;flex-direction:column}.main-menu .sub-menu .menu-level-3-container .menu-level-3 li a{font-size:10px;font-weight:700;line-height:140%;text-transform:uppercase;display:flex;align-items:center;opacity:1;transition:.8s}.main-menu .sub-menu .menu-level-3-container .menu-level-3:has(li:hover) li a{opacity:.6}.main-menu .sub-menu .menu-level-3-container .menu-level-3 li:hover a{opacity:1!important;font-weight:700}.main-menu .sub-menu .menu-list .menu-level-2{transform:translate(0);transition:transform .8s cubic-bezier(.5,0,0,1);position:relative}.main-menu .sub-menu .menu-list.level-3-active .menu-level-2{transform:translate(-100%);pointer-events:none}.main-menu .sub-menu .menu-level-2 li.has-children>a{cursor:pointer}.main-menu .sub-menu .close-svg{position:absolute;top:20px;right:20px;cursor:pointer}.main-menu-link .outer-menu{display:none}.main-menu-link.active-menu .outer-menu{display:block}.menu-overlay{position:fixed;width:100%;height:100vh;background:#0003;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:block;left:0;bottom:0;z-index:-1;opacity:0;visibility:hidden;transition:.22s ease-in;pointer-events:none}.header__primary-nav:has(.main-menu li.active-menu) .menu-overlay{opacity:1;visibility:visible}.header__primary-nav:has(.main-menu .no-menu.active-menu) .menu-overlay{opacity:0;visibility:hidden}.main-menu .sub-menu .sub-menu-wrapper{--wrapper-bg:transparent;background:none}.main-menu .sub-menu .sub-menu-wrapper:has(.has-page-link){--wrapper-bg:#474545}.menu-bg{position:fixed;top:var(--announcement-height,0px);left:0;width:50vw;height:calc(100vh - var(--announcement-height,0px));z-index:-1;pointer-events:none;background-color:var(--menu-bg,transparent);transform:translate(-100%);transition:transform var(--menu-slide) var(--menu-ease),background-color var(--menu-fade) var(--menu-ease)}body.menu-open .menu-bg{transform:translate(0)}@media(min-width:1000px){.main-menu .sub-menu .sub-menu-wrapper .menu-list{overflow-x:visible}.main-menu .menu-list .sub-menu-link a{white-space:nowrap}}@media(max-width:999px){.menu-bg{display:none}body .header{padding:14px 16px}.header__secondary-nav{gap:20px}.header__logo .header__logo-image{height:28px}.menu-drawer__panel-body{display:flex;flex-direction:column;justify-content:space-between;gap:24px}.menu-drawer__panel-body .header__search-link{font-size:12px;font-weight:700;line-height:140%;text-transform:uppercase;width:100%;padding-bottom:18px;display:block;border-bottom:1px solid rgba(44,58,74,.2);opacity:.6}.menu-drawer__panel-body .header__search-link:before{display:none}.menu-drawer__panel-body .mobile-main-menu{padding-top:24px;gap:24px}.menu-drawer__panel-footer{padding:44px 16px 16px}.menu-drawer__panel-body .mobile-link{color:var(--color-main);font-size:12px;font-weight:700;line-height:140%;text-transform:uppercase;font-family:var(--subheading-font-family);letter-spacing:normal}.menu-drawer__panel-footer .msg{color:#2c3a4a;font-size:10px;font-weight:400;line-height:140%;opacity:.8}.menu-drawer__panel-body .sub-menu li,.menu-drawer__panel-body .sub-menu a{color:#02263e;font-size:12px;font-weight:700;line-height:140%;text-transform:uppercase;opacity:.8}.menu-drawer__panel-body .sub-menu{gap:16px}.level-2-menu .back-button{background:none;border-radius:none;border:none;display:flex;align-items:center;padding:0 8px 20px;width:100%;gap:8px;font-size:12px;font-weight:500;line-height:140%;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.2);border-radius:0;z-index:2}.level-2-menu *{color:#fff}.level-2-menu .sub-menu-link{font-size:12px;font-weight:700;line-height:140%;text-transform:uppercase;opacity:1}.menu-drawer__panel-body .back-button span{font-size:12px}.level-2-menu .cat-sub-link,.level-2-menu .col-sub-link{font-size:10px;font-weight:700;line-height:140%;text-transform:uppercase;opacity:.6!important}.level-2-menu .col-sub-link{margin-top:16px}.level-2-menu .menu-inner{gap:24px}.level-2-menu .sub-menu-link .dash{display:inline-block;height:1px;width:12px;background:#fff}.level-2-menu .sub-menu-link .dash{display:none}.level-2-menu .sub-menu-link.active.open{opacity:1;display:flex;justify-content:space-between;align-items:center;width:100%;font-weight:500}.level-2-menu .sub-menu-link.active.open .dash{display:block}.menu-inner .first-ul{gap:24px}.menu-level-3 .level-3-inner{padding:8px 12px;gap:16px;margin-top:16px}.menu-level-3 .level-3-inner a{font-size:12px;font-weight:700;line-height:140%;text-transform:capitalize;opacity:.8;text-transform:uppercase}.menu-drawer__panel-body .menu-banner-wrapper{display:flex;gap:9px;flex-wrap:nowrap;overflow:auto}.b-label{font-size:10px;font-weight:700;line-height:140%;text-transform:uppercase;position:absolute;bottom:10px;left:10px}.banner-link{position:relative}.menu-banner-wrapper .media,.menu-banner-wrapper .media img{height:100%}.menu-banner-wrapper:has(.banner-link.index-3) .banner-link .media{height:100%;width:calc(50vw - 36px)}.menu-banner-wrapper:has(.banner-link.index-3) .banner-link .media img{height:100%;width:calc(50vw - 36px)}.menu-banner-wrapper:has(.banner-link.index-3)::-webkit-scrollbar{display:none}.menu-banner-wrapper:has(.banner-link.index-3){scrollbar-width:none;margin-right:-16px;padding-right:16px}#menu-drawer,.header.is-solid{background:#f7f7f7}.menu-inner .first-ul.has-page-link{gap:24px;height:100%;position:relative;display:flex;flex-direction:column}.menu-drawer__panel-body:has(.has-page-link):before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;height:100%;width:100%;background:linear-gradient(0deg,#0006 0% 100%);z-index:0}.menu-drawer__panel:has(.has-page-link){position:relative;isolation:isolate}.menu-drawer__panel .bg-preload-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:-1;pointer-events:none;transition:opacity .4s ease}.menu-drawer__panel .bg-preload-img.is-active{opacity:1}.menu-inner .first-ul.has-page-link li{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.menu-inner .first-ul.has-page-link li .link-btn{padding:10px 16px;border:1px solid #FFF;color:#fff;font-size:12px;font-weight:400;line-height:140%;text-transform:uppercase;opacity:0;visibility:hidden;transition:.33s}.menu-inner .first-ul.has-page-link li.active .link-btn{opacity:1;visibility:visible}.menu-inner .first-ul.has-page-link:has(li.active) li.active{opacity:1}.menu-inner .first-ul.has-page-link:has(li.active) li{opacity:.6}.menu-inner .first-ul.has-page-link li{opacity:1}.menu-inner .first-ul.has-page-link .link-reversed{display:flex;align-items:center}.menu-inner .first-ul.has-page-link .link-reversed svg{width:0;opacity:0;margin-left:0;overflow:hidden;transition:all .3s ease}.menu-inner .first-ul.has-page-link .active .link-reversed svg{width:12px;opacity:1;margin-right:12px}.menu-drawer__panel-body:has(.has-page-link) .v-stack{grid-template-rows:auto 1fr;height:100%}.level-3{max-height:0;overflow:hidden}.inner-gap{gap:24px}.header:has(header-menu-drawer:not([open])){background:#f7f7f7!important;color:#2c3a4a!important}.header:has(header-menu-drawer:not([open])) .header__logo-image{display:block!important}.header:has(header-menu-drawer:not([open])) .header__logo-image--transparent{display:none!important;opacity:0!important;position:absolute!important}.menu-open-close.submenu-close-button{position:absolute;right:16px;z-index:2}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/header.css.map */