:root{--header-height: 85px}#main{padding-top:var(--header-height, 0px)}:root{--header-pad: 1rem}.header{--_relative100: 100vw;--_nav-gap: 1.5rem;--_nav-link-pad-x: 1.25rem;--_nav-link-pad-y: 1rem;--_inner-spacing-inset: .5rem;--_menu-inner-vertical-gap: .25rem;--_menu-top-offset: calc(var(--header-pad) + 2rem);--_menu-bg-z-index: 1;--_menu-block-height: calc(100dvh - (var(--_inner-spacing-inset) * 3) - var(--secondary-nav-height));--_menu-bg-height: var(--_menu-block-height);--_nav-inset-x: calc(var(--_nav-link-pad-x) + var(--_inner-spacing-inset));--_max-height: 73vh;position:absolute;inset:0 0 auto;z-index:20;display:flex;padding:var(--header-pad);transition:background .2s ease-in-out,color .2s ease-in-out}.header *:focus-visible{outline-offset:-1px}body:has([data-transparent-header]) #main{padding-top:0}body:has([data-transparent-header]) .header{--_header-text-color: var(--theme-color-white)}body:has([data-transparent-header]) .header:after{content:"";background:linear-gradient(180deg,rgb(var(--overlay, 0 0 0 / .6)) 0%,transparent 100%);pointer-events:none;border-radius:inherit;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.header-logo{position:relative}.header-logo__image,.header-logo__image--alternative,.header-logo__link--yamamay,.header-logo__link--yman{transition:opacity .15s ease-in-out,visibility 0s ease-in-out .15s}.header-logo__link--yamamay{display:block;opacity:1;visibility:visible}body:has(.alternative-logo-page):not(:has(.header-primary__nav._has-menu-open)) .header-logo__image{opacity:0;pointer-events:none;visibility:hidden}body:has(.alternative-logo-page):not(:has(.header-primary__nav._has-menu-open)) .header-logo__image--alternative{opacity:1;pointer-events:auto;visibility:visible}:is(body:has(.yman-page):not(:has(.menu-block__inner.yamamay-woman[aria-expanded=true])),body:has(.menu-block__inner.yman[aria-expanded=true]),body:has(.yman-link:is(:hover,:focus,._has-active-menu))) .header-logo__link--yman{opacity:1;pointer-events:auto;visibility:visible}:is(body:has(.yman-page):not(:has(.menu-block__inner.yamamay-woman[aria-expanded=true])),body:has(.menu-block__inner.yman[aria-expanded=true]),body:has(.yman-link:is(:hover,:focus,._has-active-menu))) .header-logo__link--yamamay{opacity:0;pointer-events:none;visibility:hidden}:is(body:has(.yman-page):not(:has(.menu-block__inner.yamamay-woman[aria-expanded=true])),body:has(.menu-block__inner.yman[aria-expanded=true]),body:has(.yman-link:is(:hover,:focus,._has-active-menu))) .header-primary__nav--list-home,:is(body:has(.yman-page):not(:has(.menu-block__inner.yamamay-woman[aria-expanded=true])),body:has(.menu-block__inner.yman[aria-expanded=true]),body:has(.yman-link:is(:hover,:focus,._has-active-menu))) .header-loyalty{--theme-color-primary-light: var(--theme-color-yamamay-man-light);--theme-color-primary-badge-dark: var(--theme-color-yamamay-badge-dark);--theme-color-primary: var(--theme-color-yamamay-man);--theme-color-primary-dark: var(--theme-color-yamamay-man-dark);--theme-color-primary-transparent: var(--theme-color-yamamay-man-transparent)}body:has(.yman-link:is(:hover,:focus,._has-active-menu)) .menu-block__button{--theme-color-primary-light: var(--theme-color-yamamay-man-light);--theme-color-primary-badge-dark: var(--theme-color-yamamay-badge-dark);--theme-color-primary: var(--theme-color-yamamay-man);--theme-color-primary-dark: var(--theme-color-yamamay-man-dark);--theme-color-primary-transparent: var(--theme-color-yamamay-man-transparent)}.menu-block__list,.menu-block__inner{transition:opacity .2s linear .2s}:is(.menu-block__list,.menu-block__inner):not(.menu-block__promo--list,.not-fixed){position:fixed;inset-inline:calc(var(--_nav-inset-x) + var(--_viewport-x-distance, 0px));top:var(--_menu-top-offset)}:is(.menu-block__list,.menu-block__inner)[aria-expanded=false]{visibility:hidden;opacity:0;overflow:hidden}.menu-block__button:after,.header-active-dot{width:3px;height:3px;border-radius:50%;background-color:currentColor}.menu-block__button{position:relative;transition:color .1s ease-in-out}.menu-block__button:after{content:"";position:absolute;top:calc(100% + var(--_menu-inner-vertical-gap));left:50%;transform:translate(-50%);opacity:0;transition:opacity .1s ease-in-out}.menu-block__button._has-active-menu{color:var(--theme-color-primary)}.menu-block__button._has-active-menu:after{opacity:1}body:not(:has(.header-primary__nav._has-menu-open)){--_highlight-color: var(--theme-color-primary)}body:not(:has(.header-primary__nav._has-menu-open)):has([data-transparent-header]){--_highlight-color: var(--theme-color-white)}body:not(:has(.header-primary__nav._has-menu-open)) .menu-block:has(.yman .active-link){--_highlight-color: var(--theme-color-yamamay-man)}body:not(:has(.header-primary__nav._has-menu-open)):has(.yman .active-link) .breadcrumbs__item--last{color:var(--theme-color-yamamay-man)}body:not(:has(.header-primary__nav._has-menu-open)) .menu-block:has(.active-link) .menu-block__button{color:var(--_highlight-color)}body:not(:has(.header-primary__nav._has-menu-open)) .menu-block:has(.active-link) .menu-block__button:after{opacity:1}body:not(:has(.header-primary__nav._has-menu-open)):not(:has(.menu-block .active-link)):has(.product-container):not(:has(.product-container.yman-page)) .menu-block__button.woman-category{color:var(--_highlight-color)}body:not(:has(.header-primary__nav._has-menu-open)):not(:has(.menu-block .active-link)):has(.product-container):not(:has(.product-container.yman-page)) .menu-block__button.woman-category:after{opacity:1}body:not(:has(.header-primary__nav._has-menu-open)):not(:has(.menu-block .active-link)):has(.product-container):has(.product-container.yman-page) .menu-block__button.yman-category{color:var(--_highlight-color)}body:not(:has(.header-primary__nav._has-menu-open)):not(:has(.menu-block .active-link)):has(.product-container):has(.product-container.yman-page) .menu-block__button.yman-category:after{opacity:1}.header-active-dot{position:absolute;top:0;right:0}.header-primary__nav:not(._has-menu-open) .menu-drawer__footer,.header-primary__nav:not(._has-menu-open) .header-primary__nav--list-home{display:none}.menu-block__inner[aria-expanded=true]:has(._has-active-menu.dropdown-link) .menu-block__list--secondary:not(:has(._has-active-menu.dropdown-link)){visibility:hidden}.header-primary{z-index:2;position:relative}.header-primary .menu-block__list{max-height:var(--_max-height);overflow-y:auto}.header-primary .header-primary__nav{z-index:2}.header-primary .header-primary__nav._has-menu-open{--_header-text-color: var(--theme-color-black);z-index:5;color:var(--theme-color-black);display:flex;flex-direction:column;height:var(--_menu-block-height)}.header-primary .header-primary__nav._has-menu-open .header-loyalty__link{--_header-text-color: var(--theme-color-primary)}.header-primary .header-primary__nav._has-menu-open .header-primary__nav--link{padding:0}.header-primary:before{content:"";position:fixed;top:var(--_inner-spacing-inset);inset-inline:calc(var(--_inner-spacing-inset) + var(--_viewport-x-distance, 0px));z-index:var(--_menu-bg-z-index);background:var(--theme-color-white-blur-9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--theme-color-grey-2);border-radius:.5rem;opacity:0;pointer-events:none;transition:opacity .2s linear,width .2s linear;display:block;height:var(--_menu-bg-height)}.header-primary .header-primary__backdrop{content:"";display:block;position:fixed;pointer-events:none;z-index:-2;top:0;right:0;bottom:0;left:0;background:var(--theme-color-white-blur-1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:opacity .2s linear,visibility 0s linear .2s}.header-primary:has(.header-primary__nav._has-menu-open):before{opacity:1;pointer-events:auto}.header-primary:has(.header-primary__nav._has-menu-open) .header-primary__backdrop{opacity:1;visibility:visible;pointer-events:auto}.header-primary__nav--list{display:flex;align-items:center;column-gap:var(--_nav-gap)}.header-primary__nav--list .dropdown-item{padding-block:.3125rem}.header-primary__nav--list .dropdown-item:has(.menu-block__list--arrow-right){padding-block:0}.header-primary__nav--list .dropdown-item:has(.menu-block__list--arrow-right) span{padding-block:.3125rem;display:inline-block}.header-primary__nav--list .dropdown-item.dropdown-link{transition:color .2s linear}.header-primary__nav--list .dropdown-item.dropdown-link.highlighted-voice,.header-primary__nav--list .dropdown-item.dropdown-link._has-active-menu,.header-primary__nav--list .dropdown-item.dropdown-link:hover,.header-primary__nav--list .dropdown-item.dropdown-link:focus{color:var(--theme-color-primary)}.header-primary__nav--list .menu-block__see--all{margin-bottom:2rem}.header-primary__nav--list .menu-block__see--all,.header-primary__nav--list .dropdown-title{color:var(--theme-color-grey-4)}.menu-drawer__footer-item--locale:after{content:"";display:block;width:3px;height:3px;margin-inline:1rem;border-radius:50%;background-color:var(--_header-text-color, var(--theme-color-black))}@media screen and (max-width:999px){body:has(custom-announcement-bar) .header-logo{padding-top:calc(var(--component-bottom-spacing-addition) - 2px)}.header-logo__image--alternative,.header-logo__link--yman{display:none}.header-logo__link--yamamay{display:block}body:has(.alternative-logo-page):not(:has(.header-primary__nav._has-menu-open)) .header-logo__image{display:none}body:has(.alternative-logo-page):not(:has(.header-primary__nav._has-menu-open)) .header-logo__image--alternative{display:block}:is(body:has(.yman-page):not(:has(.menu-block__inner.yamamay-woman[aria-expanded=true])),body:has(.menu-block__inner.yman[aria-expanded=true]),body:has(.yman-link:is(:hover,:focus,._has-active-menu))) .header-logo__link--yman{display:block}:is(body:has(.yman-page):not(:has(.menu-block__inner.yamamay-woman[aria-expanded=true])),body:has(.menu-block__inner.yman[aria-expanded=true]),body:has(.yman-link:is(:hover,:focus,._has-active-menu))) .header-logo__link--yamamay{display:none}.header-secondary-nav{background-color:var(--theme-color-white);border:1px solid var(--theme-color-grey-2);position:fixed;inset:auto .5rem .5rem;border-radius:.5rem;padding:.75rem 2rem;z-index:5}.header-primary__nav{position:fixed;top:var(--_inner-spacing-inset);inset-inline:calc(var(--_inner-spacing-inset) + var(--_viewport-x-distance, 0px));padding:var(--_nav-link-pad-y) var(--_nav-link-pad-x);opacity:0;pointer-events:none;visibility:hidden;transition:opacity .2s linear,visibility 0s linear .2s}.header-primary__nav._has-menu-open{opacity:1;pointer-events:auto;visibility:visible}.menu-block__list--item{opacity:1;transition:opacity .2s linear}.menu-block__list:has(>.menu-block__list--item>[aria-expanded=true])>.menu-block__list--item ._has-active-menu,.menu-block__list:has(>.menu-block__list--item>[aria-expanded=true])>.menu-block__list--item:not(:has(>[aria-expanded=true])){visibility:hidden;opacity:0}.menu-block__inner .menu-block__list:not(.menu-block__list--secondary){margin-block:2rem}.menu-block__inner .menu-block__list:not(.menu-block__list--secondary)[data-menu-level="0"]{margin-block-start:2.5rem}.menu-block__inner .menu-block__list--secondary>.dropdown-presentation{display:none}.menu-block__inner[aria-expanded=true]:has(.menu-block__list--secondary ._has-active-menu.dropdown-link)>.menu-block__list:not(.menu-block__list--secondary){visibility:hidden}.dropdown-presentation{visibility:hidden}}@media screen and (min-width:1000px){:root{--header-height: 160px;--header-pad: 1.75rem}.header{--_nav-gap: 2rem;--_inner-spacing-inset: .75rem;--_nav-link-pad-x: 1.75rem;--_menu-bg-z-index: -1;--_menu-block-height: calc( 100vh - var(--_primary-nav-list-top) - var(--_primary-nav-list-height) - calc(var(--_inner-spacing-inset) * 2) );--_menu-bg-height: calc(100vh - (var(--_inner-spacing-inset) * 2));--_nav-inset-x: var(--_nav-link-pad-x);--_menu-top-offset: calc(var(--_primary-nav-list-top) + var(--_primary-nav-list-height) + 4rem);color:var(--_header-text-color, var(--theme-color-black));flex-wrap:wrap}.header .header-loyalty__link{color:var(--_header-text-color, var(--theme-color-primary))}.header .dropdown-link{padding-right:1.625rem}.header .dropdown-link .menu-block__list--arrow-right{opacity:0}.header .dropdown-link:hover,.header .dropdown-link:focus,.header .dropdown-link._has-active-menu{color:var(--theme-color-primary)}:is(.header .dropdown-link:hover,.header .dropdown-link:focus,.header .dropdown-link._has-active-menu) .menu-block__list--arrow-right{transition:opacity .2s linear;opacity:1}.header .header-logo{z-index:6}.header .header-logo__image--alternative,.header .header-logo__link--yman{position:absolute;top:0;left:0;opacity:0;pointer-events:none;visibility:hidden}.header .header-secondary-nav{margin-inline-start:auto}.header .header-search__link{border:1px solid var(--_header-text-color, var(--theme-color-grey-4));border-radius:.5rem;height:2.5rem;padding-left:.5rem;gap:.5rem;min-width:15.68rem;background:var(--theme-color-white-blur-1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.header .header-primary__nav{margin-top:1.25rem}.header .menu-block__list{--_menu-width: calc(var(--_relative100) / 12 * 2);width:var(--_menu-width);left:calc(var(--_menu-width) * var(--_menu-level) + var(--_nav-inset-x) + var(--_viewport-x-distance, 0px));padding-right:.25rem}.header .header-primary{--_half-container-width: 960px}.header .header-primary:before{min-width:0;width:0;transition:all .2s linear}.header .header-primary:has(.header-primary__nav._has-menu-open){--_inner-padding-x: 1rem;--_taken-columns: 4}.header .header-primary:has(.header-primary__nav._has-menu-open):before{min-width:calc(var(--_primary-wrapper-width, var(--_logo-width, 400px)) + 3rem);width:calc((var(--_relative100) / 12 * var(--_taken-columns)) + var(--_inner-padding-x))}.header .header-primary:has(.header-primary__nav._has-menu-open) .menu-block__inner{width:calc((var(--_relative100) / 2) - 1rem)}.header .header-primary:has(.header-primary__nav._has-menu-open .menu-block__list[data-menu-level="1"] .menu-block__list[aria-expanded=true]),.header .header-primary:has(.header-primary__nav._has-menu-open .menu-block__promo[aria-expanded=true]){--_taken-columns: 6}.header .menu-block__promo--list{flex:0 0 33%}.header .menu-drawer__footer{margin-bottom:1rem}}@media screen and (min-width:1920px){.header{--_relative100: 1920px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/css/header.css.map */