.header-layout{--layout-background: var(--header-background);--header-logo--opacity: 0;--text-color: var(--header-text);--link-color: var(--header-text);--border-color: var(--header-border);--link-color--hover: var(--header-text--hover);--button-color: var(--header-text);--button-background: var(--header-background);display:block;color:var(--header-text);transition:background-color .3s ease,filter .3s ease .3s}.header-layout:not([data-sticky-type=always]):not([data-sticky-type=on-scroll-up]):not(.header-transparent){position:relative;z-index:9}.header-layout.has-separator-line.separator-line-full:not(:has(.logo-center-menu-below)):after,.header-layout.has-separator-line.transparent-none:not(:has(.logo-center-menu-below)):after,.header-layout.has-separator-line.separator-line-full.no-main-menus:has(.logo-center-menu-below):after,.header-layout.has-separator-line.transparent-none.no-main-menus:has(.logo-center-menu-below):after,.header-layout.has-separator-line.separator-line-fixed:not(.header-sticky).no-main-menus .header-layout-block.logo-center-menu-below:after,.header-layout.has-separator-line.separator-line-fixed:not(.header-sticky) .header-layout-block:not(.logo-center-menu-below):after{content:"";width:100%;bottom:0;inset-inline:0;position:absolute;pointer-events:none;height:var(--border-width);background:var(--header-border)}.header-transparent:not(.transparent-none).header-layout.has-separator-line.separator-line-full:after,.header-transparent:not(.transparent-none).header-layout.has-separator-line.separator-line-fixed:not(.header-sticky) .header-layout-block:not(.logo-center-menu-below):after,.header-transparent:not(.transparent-none).header-layout.has-separator-line.separator-line-full.no-main-menus:has(.logo-center-menu-below):after,.header-transparent:not(.transparent-none).header-layout.has-separator-line.separator-line-fixed.no-main-menus:not(.header-sticky) .header-layout-block.logo-center-menu-below:after,.header-transparent:not(.transparent-none).has-separator-line .logo-center-menu-below .header-nav:before{background:var(--transparent-header--border)}.header-layout .swiper-navigation .swiper-nav{color:var(--header-submenu--text)}.header-layout.header-sticky.transparent-none:not(.header-hidden){filter:drop-shadow(0px 5px 5px color-mix(in srgb,var(--header-text) 5%,transparent))}.header-layout:not(.header-transparent),.header-layout.header-transparent.transparent-none{--header-logo--opacity: 1;border-color:var(--header-border);background:var(--header-background)}.header-transparent{position:absolute;inset-inline:0}.header-transparent:not(.transparent-none){background:var(--transparent-header--overlay)}.header-transparent:not(.transparent-none) .header-layout-block,.header-transparent:not(.transparent-none) .logo-center-menu-below .header-nav,.header-transparent:not(.transparent-none) .header-layout-block .header-buttons-list.has-vertical-separator:before{border-color:var(--transparent-header--border)}.header-transparent:not(.transparent-none),.header-transparent:not(.transparent-none) .nav-item>.nav-link,.header-transparent:not(.transparent-none) .header-button{--text-color: var(--transparent-header--text);--link-color: var(--transparent-header--text);--header-text: var(--transparent-header--text);--header-text--hover: var(--transparent-header-text--hover);--link-color--hover: var(--transparent-header-text--hover);--heading-color: var(--header-text)}header:has(.header-sticky),header:has(.header-sticky-onscrollup),header:has(.header-transparent),header .header-layout.header-transparent{z-index:9}header:has(.header-sticky),header:has(.header-sticky-onscrollup){position:sticky;top:0;transition:top .6s ease}html.no-js header:has(.header-sticky),html.no-js header:has(.header-sticky-onscrollup){position:relative}header:has(.header-sticky-onscrollup.header-hidden){top:calc(var(--header-height, 0px) * -1)}.header-layout-block{display:grid;align-items:center;position:relative;column-gap:20px;grid-template-columns:1fr}.header-layout.transparent-none.separator-line-full .header-layout-block.border-bottom{border-color:transparent}.header-logo-link{grid-area:header-logo;display:flex;margin-block:8px;position:relative;width:var(--logo--width)}.header-logo-link>img{width:100%;height:auto}.header-logo{opacity:var(--header-logo--opacity)}.header-logo-link:has(.header-logo) .header-logo-secondary{top:0;right:0;bottom:0;left:0;height:100%;object-fit:contain;object-position:center;position:absolute}.header-logo-secondary{opacity:calc(1 - var(--header-logo--opacity))}.header-nav{width:100%}html .no-js-menu,html.js .no-js-menu,html.no-js .header-nav{display:none}html.no-js .no-js-menu{display:block}.no-js-menu ul li{display:inline-block}.header-layout:not(.header-hamburger) .header-nav{grid-area:header-navigation}.nav-list{display:flex;align-items:center;flex-wrap:wrap;gap:0 15px}.header-button-item{white-space:nowrap}.header-button .iconbox{position:relative}.header-button{gap:5px;display:flex;min-width:24px;min-height:24px;align-items:center;justify-content:center}.header-button.is-icon{position:relative}.header-button.is-icon:before{content:"";z-index:0;position:absolute;width:calc(100% + 10px);height:calc(100% + 10px);transition:background-color .3s ease}.header-button.is-icon.icon-rounded:before,.cart-cta .header-button.is-icon.icon-rounded sup{border-radius:50%}.cart-cta .header-button{position:relative}.cart-cta sup{font-size:8px;min-width:16px;padding:2px 3px;text-align:center;position:absolute;white-space:nowrap;left:calc(100% - 6px);bottom:calc(100% - 8px);color:var(--badge-color);background:var(--badge-background)}.cart-cta .header-button.is-icon.icon-rounded sup{left:calc(100% - 8px);bottom:calc(100% - 10px)}.header-button-item.localization-cta .localization-button.has-dropdown-icon{font-size:var(--text-Xsmall)}.nav-link-icon{aspect-ratio:1;width:14px;padding:4px;border-radius:50%;transition:background-color .3s ease;background:color-mix(in srgb,currentColor 10%,transparent)}header-menu[data-open-dropdown-item=hover] .nav-item.submenu-inside.active{background:color-mix(in srgb,currentColor 10%,transparent)}.header-layout .dropdown-icon>*{transition:transform .3s ease}.submenu-inside.active .dropdown-icon>*{transform:rotate(-180deg)}.submenu .nav-link{width:100%;display:flex;align-items:center;transition:padding .3s ease;justify-content:space-between;color:var(--text-color);padding-block:var(--submenu-padding-block)}.megamenu-inside.active .dropdown-icon>*{transform:rotate(-180deg)}.megamenu-wrap.has-promos:not(.promo-duo):not(.no-megamenus){grid-template-columns:1fr .4fr}.megamenu-wrap.has-promos.promo-duo:not(.no-megamenus){grid-template-columns:1fr .8fr}.megamenu-wrap.has-promos.no-megamenus{display:block}.megamenu-wrap>*{min-width:0;min-height:0}.megamenus{--row-gap: 30px;--column-gap: 15px;display:grid;padding:0 4px 30px;grid-template-columns:repeat(5,1fr);gap:var(--row-gap) var(--column-gap);height:100%}.megamenu-menuwrap{margin-top:5px}.megamenu-wrap:has(.header-promos:not(.swiper.swiper-initialized)) .megamenus{grid-template-columns:repeat(4,1fr)}.megamenu-wrap:has(.header-promo:not(:only-child):not(.swiper.swiper-initialized)) .megamenus{grid-template-columns:repeat(3,1fr)}.megamenu-wrap-inner{height:100%;display:grid;grid-template-rows:1fr auto;max-height:calc(100vh - var(--header-height, 70px) - 24px)}.megamenu-wrap .submenus{gap:20px;display:grid;grid-template-columns:repeat(3,minmax(0px,1fr))}.view-all{display:flex;padding:30px 0;align-items:center}.view-all-link{width:100%;min-width:24px;min-height:24px;display:flex;align-items:center;justify-content:space-between}.hamburger-nav-list .view-all .view-all-link{justify-content:center;text-transform:uppercase}.header-promos{width:100%}.header-promos.swiper .swiper-navigation{padding:8px}.header-swiper-title{margin-bottom:8px}.header-promos:not(.swiper.swiper-initialized){--row-gap: 30px;--column-gap: 30px;display:grid;grid-template-columns:repeat(1,1fr);overflow-y:auto;gap:var(--row-gap) var(--column-gap)}.megamenu-inside .header-promos:has(.header-promo:not(:only-child)):not(.swiper.swiper-initialized){grid-template-columns:repeat(1,1fr)}.megamenu-inside .megamenu-wrap.has-promos.no-megamenus .header-promos{grid-template-columns:repeat(4,1fr)}.header-promo-link{width:100%;display:block}.header-buttons{height:100%;grid-area:header-buttons;max-width:max-content;margin-left:auto}.header-buttons-list{gap:0 10px;display:flex;height:100%;padding-left:10px;position:relative;align-items:center;justify-content:flex-end}.header-buttons-list.has-vertical-separator:before{content:"";left:0;bottom:0;display:block;position:absolute;height:calc(100% - 10px);border-left:var(--border-width) var(--border-style) var(--header-border)}.header-buttons-list.has-iconsonly{padding-left:5px}.header-promo{padding:4px;position:relative;max-height:max-content}.header-promo>a{display:block}.header-overlay{top:0;right:0;bottom:0;left:0;opacity:0;z-index:-1;position:fixed;visibility:hidden;mix-blend-mode:difference;min-height:calc(100dvh + var(--header-height));background:var(--offcanvas-overlay--background);transition:opacity .3s ease .3s,visibility 0s linear .35s}.megamenu-open .header-overlay,.dropdown-open .header-overlay,.hamburger-open .header-overlay{opacity:1;visibility:visible;transition:opacity .3s ease .3s,visibility 0s linear 0s}@media (max-width: 1024px){.header-layout-block{grid-template-columns:1fr auto;grid-template-areas:"header-logo header-buttons"}.header-nav,.header-button-item[data-hamburger-button-wrapper]{display:none}header .localization-wrapper{left:0}.no-js-menu{grid-column:1 / -1}.header-layout.has-separator-line.separator-line-full:after,.header-layout.has-separator-line.transparent-none:after,.header-layout.has-separator-line.separator-line-fixed:not(.header-sticky) .header-layout-block:after{content:"";width:100%;bottom:0;inset-inline:0;position:absolute;pointer-events:none;height:var(--border-width);background:var(--header-border)}.header-transparent:not(.transparent-none).header-layout.has-separator-line.separator-line-full:after,.header-transparent:not(.transparent-none).header-layout.has-separator-line.separator-line-fixed:not(.header-sticky) .header-layout-block:after,.header-transparent:not(.transparent-none).has-separator-line .logo-center-menu-below .header-nav:before{background:var(--transparent-header--border)}}@media (max-width: 767px){.header-button-item[data-mobile-drawer-trigger]{padding-left:10px}.header-buttons-list.has-vertical-separator:before{content:none}}@media (min-width: 768px){.header-layout-block{column-gap:15px}.header-buttons-list{padding-left:15px}.nav-item:not(.megamenu-inside):not(.submenu-inside),.nav-item.megamenu-inside>.nav-link,.nav-item.submenu-inside>.nav-link,.header-button-item{padding:8px 4px}.submenu-menus-header{display:none}}@media (min-width: 1025px){.nav-link,.header-button:hover{--heading-color: var(--header-text);color:var(--header-text)}.header-button-item[data-mobile-drawer-trigger],mobile-menu-drawer.mobile-menu-drawer-wrapper{display:none}.header-layout-block{column-gap:30px;grid-template-columns:auto 1fr auto}.no-js-menu{grid-area:header-navigation}.logo-left-menu-left,.logo-left-menu-center{grid-template-areas:"header-logo header-navigation header-buttons"}.logo-left-menu-center .nav-list{justify-content:center}.logo-center-menu-left{grid-template-columns:1fr auto 1fr;grid-template-areas:"header-navigation header-logo header-buttons"}.logo-center-menu-below{grid-template-columns:1fr auto 1fr;grid-template-areas:"empty header-logo header-buttons" "header-navigation header-navigation header-navigation"}.has-separator-line .logo-center-menu-below .header-nav:before{content:"";width:100%;position:absolute;pointer-events:none;height:var(--border-width);height:calc(var(--border-width));background:var(--header-border)}.has-separator-line.separator-line-fixed .logo-center-menu-below .header-nav:before{inset-inline:0}.logo-center-menu-below .header-buttons-list.has-vertical-separator:before{height:calc(100% - 10px)}.has-separator-line.separator-line-full .logo-center-menu-below .header-nav:before{width:calc(100vw - var(--scrollbar-width, 0px));inset-inline-start:50%;transform:translate(-50%)}.logo-center-menu-below .nav-list{justify-content:center}.nav-item:not(.megamenu-inside):not(.submenu-inside),.nav-item.megamenu-inside>.nav-link,.nav-item.submenu-inside>.nav-link,.header-button-item{padding:14px 8px}.submenu-wrap{--header-text: var(--header-submenu--text);--header-text--hover: var(--header-submenu-text--hover);--header-border: var(--header-submenu--border);--dropdown-width: 250px;width:100%;opacity:0;z-index:2;position:absolute;visibility:hidden;pointer-events:none;transform:translateY(50px);max-width:calc(var(--dropdown-width) * 2);transition:opacity .3s ease,transform .3s ease,visibility 0s linear .3s;filter:drop-shadow(5px 15px 15px color-mix(in srgb,var(--header-text) 10%,transparent))}.submenu-inside.active .submenu-wrap{opacity:1;transform:none;visibility:visible;transition:opacity .3s ease,transform .3s ease,visibility 0s linear 0s}.header-hidden .submenu-inside.active .submenu-wrap{opacity:0;visibility:hidden;transform:translateY(calc(var(--header-height, 60px) * -1));transition:opacity .3s ease 0s,transform .3s ease,visibility 0s linear .31s}.submenus{height:100%;pointer-events:auto;width:var(--dropdown-width);background:linear-gradient(to bottom,transparent 2px,var(--header-submenu--background) 2px)}.submenu,.submenu-menu{--submenu-padding-block: 12px;--submenu-padding-inline: 14px;color:var(--header-submenu--text);transition:padding .3s ease,background-color .3s ease;padding-inline:var(--submenu-padding-inline)}.submenu:hover{color:var(--header-submenu-text--hover);background:var(--header-submenu--border)}.submenu+.submenu>.nav-link,.submenu-menu+.submenu-menu>.nav-link{border-top:1px solid var(--header-submenu--border)}.submenu-menuwrap{position:absolute;visibility:hidden;height:max-content;overflow-y:auto;max-height:75dvh;opacity:0;right:0;left:50%;width:50%;padding-left:2px;transform:translateY(50px);transition:opacity .3s ease,transform .3s ease,visibility 0s linear .3s}.submenu-inside.menu-position-left .submenu-wrap{transform:translate(calc(var(--dropdown-width) * -2 + var(--dropdown-parent--width, 40px)))}.submenu-inside.menu-position-left .submenu-wrap .submenus{margin-left:50%}.submenu-inside.menu-position-left .submenu-menuwrap{left:-50%;padding-left:0;padding-right:2px;margin-left:50%}.submenu-menus{background:var(--header-submenu--background)}.submenu:has(>a.nav-link:focus-visible),.submenu-menu:has(>a.nav-link:focus-visible){outline:2px solid var(--focus-visible-color);outline-offset:-4px;transition:unset!important;z-index:1}.submenu a.nav-link:focus-visible{outline:none}.submenu-menu:hover{background:linear-gradient(to right,transparent 2px,color-mix(in srgb,currentColor 5%,transparent) 2px)}.submenu.submenu-menu-inside:hover .submenu-menuwrap,.submenu.submenu-menu-inside:focus-within .submenu-menuwrap{opacity:1;visibility:visible;transform:translateY(2px);transition:opacity .3s ease 0s,transform .3s ease 0s,visibility 0s linear 0s}.submenu.submenu-menu-inside{display:flex;align-items:flex-start}.header-layout .swiper-navigation .swiper-nav:not([disabled]):hover{color:var(--header-submenu-text--hover)}.header-button.is-icon:hover:before{background:color-mix(in srgb,currentColor 10%,transparent)}.header-layout .dropdown-icon:hover{color:var(--header-text--hover)}.submenu:hover+.submenu,.submenu-menu:hover+.submenu-menu,.submenu:hover,.submenu-menu:hover{padding-inline:0}.submenu:hover+.submenu>.nav-link,.submenu-menu:hover+.submenu-menu>.nav-link,.submenu:hover>.nav-link,.submenu-menu:hover>.nav-link{padding-inline:var(--submenu-padding-inline)}.submenu .nav-link{color:var(--header-submenu--text)}.submenu .nav-link:hover{color:var(--header-submenu-text--hover)}.submenu:hover .nav-link-icon{background:var(--header-submenu--background)}header-menu[data-open-dropdown-item=hover] .dropdown-icon.has-focus:hover{background:none}.megamenu .nav-link:hover,.view-all-link:hover{color:var(--header-submenu-text--hover)}.megamenu-wrap .view-all-link{color:var(--header-text)}.megamenu-wrap .view-all-link:hover{color:var(--header-submenu-text--hover)}.header-button:not(.header-button-hamburger):hover{color:var(--header-text--hover)}.megamenu-wrap .view-all-link{color:var(--header-submenu--text)}.megamenu-wrap{--heading-color: var(--header-submenu--text);--text-color: var(--header-submenu--text);--header-text: var(--header-submenu--text);--link-color: var(--header-submenu--text);--header-text--hover: var(--header-submenu-text--hover);--link-color--hover: var(--header-submenu-text--hover);--header-border: var(--header-submenu--border);--button-color: var(--header-submenu--text);--button-background: var(--header-submenu--background);left:0;right:0;width:100%;visibility:hidden;padding:30px 30px 0;clip-path:inset(0 0 100% 0);color:var(--header-submenu--text);max-height:calc(100vh - var(--header-height, 70px) - 24px);background:linear-gradient(to bottom,transparent 2px,var(--header-submenu--background) 2px);transition:clip-path .3s ease,visibility 0s linear .3s;filter:drop-shadow(5px 15px 15px color-mix(in srgb,var(--header-text) 10%,transparent));gap:70px;display:grid;align-items:start;z-index:2;position:fixed;margin-inline:auto;width:calc(var(--container-width) - (var(--container-padding) * var(--padding-scale)) * 2);overflow:auto}.nav-item.megamenu-inside.active,.nav-item.submenu-inside.active{background:color-mix(in srgb,var(--header-text) 10%,transparent)}.megamenu-inside.active .megamenu-wrap{visibility:visible;clip-path:inset(-20%);transition:clip-path .3s ease,visibility 0s linear 0s}.header-hidden .megamenu-inside.active .megamenu-wrap{opacity:0;visibility:hidden;transform:translateY(calc(var(--header-height, 60px) * -1));transition:opacity .3s ease 0s,transform .3s ease,visibility 0s linear .31s}.megamenu-inside .header-promos{padding-bottom:30px}.megamenu-inside .header-promos:not(.swiper.swiper-initialized){top:0;position:sticky}.megamenu-open .nav-item>.nav-link{-webkit-user-select:none;user-select:none}}@media (min-width: 1281px){.header-layout-block{column-gap:50px}.nav-item:not(.megamenu-inside):not(.submenu-inside),.nav-item.megamenu-inside>.nav-link,.nav-item.submenu-inside>.nav-link,.header-button-item{padding:22px 10px}.nav-list{gap:0 30px}.header-buttons-list{gap:0 30px;padding-left:30px}.header-buttons-list.has-iconsonly{gap:0;padding-left:15px}}@media (min-width: 1441px){.header-layout-block{column-gap:70px}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/header.css.map */