header-drawer{--margin: 2rem}.header__icon--menu{position:initial}.js menu-drawer>details>summary:before,.js menu-drawer>details[open]:not(.menu-opening)>summary:before,.js header-drawer>details>summary:before,.js header-drawer>details[open]:not(.menu-opening)>summary:before{content:"";position:fixed;cursor:default;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#00000080;opacity:0;visibility:hidden;z-index:2;transition:opacity .25s ease,visibility .25s ease}menu-drawer>details[open].menu-opening>summary:before,header-drawer>details[open].menu-opening>summary:before{visibility:visible;opacity:1}.menu-drawer__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;background:#00000080;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.js header-drawer>details[open].menu-opening>.menu-drawer__backdrop{opacity:1;visibility:visible}.menu-drawer{position:fixed;transform:translate(-100%);visibility:hidden;z-index:4;left:0;top:0;width:calc(100% - 2rem);max-width:calc(100% - 2rem);padding:0;background-color:rgb(var(--color-background));overflow:hidden}.js .menu-drawer{height:100vh;height:100dvh;height:var(--viewport-height, 100vh)}header-drawer .menu-drawer,.js details[open]>.menu-drawer{transition:transform .25s ease,visibility .25s ease}.no-js details[open]>.menu-drawer,.js details[open].menu-opening>.menu-drawer{transform:translate(0);visibility:visible}.menu-drawer__inner-container{position:relative;height:100%;overflow:hidden}.menu-drawer__navigation-container{display:flex;flex-direction:column;overflow:hidden;height:100%}.menu-drawer__panel{display:flex;flex-direction:column;min-height:100%;height:100%}.menu-drawer__top{display:flex;justify-content:flex-end;align-items:center;flex-shrink:0;padding:1.6rem 2rem .8rem;padding-top:max(1.6rem,calc(env(safe-area-inset-top) + .8rem))}.menu-drawer__close-button--all{display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;padding:0;margin:0;background:transparent;border:0;color:rgb(var(--color-foreground));cursor:pointer}.menu-drawer__close-button--all .icon{--size: 1.4rem;width:var(--size);height:var(--size)}.menu-drawer__body{position:relative;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto}.menu-drawer__navigation{flex:1 0 auto;padding:0 2rem 4.8rem}.menu-drawer__menu{list-style:none;margin:0;padding:0}.menu-drawer__menu>li{margin:0;padding:0}.menu-drawer__primary-menu{border-bottom:.1rem solid #f2f2f2}.menu-drawer__primary-menu>li:last-child>.menu-drawer__menu-item{padding-bottom:4.8rem}.menu-drawer__menu-item{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;width:100%;padding:1.6rem 0;margin:0;border:0;background:transparent;font-size:1.4rem;font-weight:300;line-height:normal;letter-spacing:.028rem;text-transform:uppercase;text-decoration:none;text-align:left;color:rgb(var(--color-foreground));position:relative;list-style:none;cursor:pointer}.menu-drawer__menu-item:hover,.menu-drawer__menu-item:focus{text-decoration:none}.menu-drawer__menu-item::-webkit-details-marker{display:none}.menu-drawer__menu-item-label{flex:1 1 auto;min-width:0;font-size:inherit;font-weight:inherit;letter-spacing:inherit}.menu-drawer__menu-item--level-2,.menu-drawer__menu-item--level-3{text-transform:none;letter-spacing:0;padding-top:0;padding-bottom:0}.menu-drawer__menu--level-2,.menu-drawer__menu--level-3{display:flex;flex-direction:column;gap:1.6rem}.menu-drawer__menu--level-2{margin-bottom:2.4rem}.menu-drawer__chevron{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.2rem;height:1.2rem;transform:rotate(-90deg)}.menu-drawer__chevron .icon{width:1.2rem;height:1.2rem}.menu-drawer__chevron--back{transform:rotate(90deg)}.menu-drawer__submenu{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;background-color:rgb(var(--color-background));transform:translate(100%);visibility:hidden;overflow-x:hidden;overflow-y:auto}.menu-drawer__submenu .menu-drawer__submenu{z-index:2}.js .menu-drawer__submenu{transition:transform .3s ease,visibility .3s ease}.menu-drawer details[open]>.menu-drawer__submenu,.no-js .menu-drawer details[open]>.menu-drawer__submenu{transform:translate(0);visibility:visible}.js .menu-drawer details[open].menu-opening>.menu-drawer__submenu{transform:translate(0);visibility:visible}.js .menu-drawer details:not(.menu-opening)>.menu-drawer__submenu{transform:translate(100%);visibility:hidden}.menu-drawer__inner-submenu{display:flex;flex-direction:column;min-height:100%;padding:2.4rem 2rem 4.8rem}.menu-drawer__close-button{display:inline-flex;align-items:center;gap:.8rem;width:auto;margin:0 0 1.6rem;padding:0;border:0;background:transparent;color:rgb(var(--color-foreground));font-size:1.4rem;font-weight:300;line-height:normal;text-align:left;text-decoration:none;text-transform:none;cursor:pointer}.menu-drawer__close-button:hover,.menu-drawer__close-button:focus{text-decoration:none}.menu-drawer__level-header{display:flex;flex-direction:column;align-items:flex-start;gap:1.6rem;margin-bottom:1.6rem}.menu-drawer__level-title{margin:0;font-size:2.1rem;font-weight:300;line-height:normal;letter-spacing:.042rem;text-transform:uppercase;color:rgb(var(--color-foreground))}.menu-drawer__level-overview{font-size:1.4rem;font-weight:600;line-height:normal;text-decoration:underline;text-underline-offset:.2rem;text-transform:none;color:rgb(var(--color-foreground))}.menu-drawer__level-overview:hover,.menu-drawer__level-overview--active{text-decoration:underline}.menu-drawer__images{display:flex;flex-wrap:wrap;gap:1.6rem;width:100%;margin-top:auto;align-items:flex-start}.menu-drawer__card{position:relative;flex:0 1 calc((100% - 1.6rem)/2);width:calc((100% - 1.6rem)/2);aspect-ratio:208 / 288;height:auto;min-width:0;overflow:hidden;text-decoration:none;color:#fff;background-color:rgba(var(--color-foreground),.08)}.menu-drawer__card-media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.menu-drawer__card-media img{width:100%;height:100%;object-fit:cover;display:block}.menu-drawer__card-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000001a,#0006);pointer-events:none;z-index:1}.menu-drawer__card-title{position:absolute;left:1.6rem;right:1.6rem;bottom:1.6rem;z-index:1;font-size:1.2rem;font-weight:300;line-height:normal;color:#fff}.menu-drawer__secondary{padding:2.4rem 0 3.2rem}.menu-drawer__secondary-list{display:flex;flex-direction:column;gap:2.4rem;list-style:none;margin:0;padding:0}.menu-drawer__secondary-link{font-size:1.4rem;font-weight:400;line-height:normal;text-decoration:none;text-transform:none;color:rgb(var(--color-foreground))}.menu-drawer__secondary-link:hover,.menu-drawer__secondary-link--active{text-decoration:underline;text-underline-offset:.2rem}.menu-drawer__utility-links{display:flex;flex-direction:column;align-items:flex-start;gap:2.4rem;padding:0 2rem 2.4rem;margin-top:auto}.menu-drawer__utility-links>*{width:100%}.menu-drawer .menu-drawer__socials.list-social{justify-content:flex-start;gap:.8rem;margin:0;padding:0}.menu-drawer .menu-drawer__socials.list-social li{width:auto}.menu-drawer .menu-drawer__socials .list-social__item .icon{--size: 1.6rem}.menu-drawer .menu-drawer__socials .list-social__link{width:4rem;height:4rem;padding:0;color:rgb(var(--color-foreground));background:var(--background-gradient)}.menu-drawer__locale{display:flex;flex-wrap:wrap;justify-content:flex-start}button.header-locale__button--drawer{display:inline-flex;align-items:center;gap:1.3rem;width:auto;padding:1.2rem 1.2rem 1.4rem;border:.1rem solid rgba(var(--color-border),1);border-radius:var(--button-border-radius);background-color:transparent;color:rgb(var(--color-foreground));font-size:1.4rem;line-height:1.6;height:auto}.header-locale__button--drawer .header-locale__label{display:inline-flex;align-items:center;gap:.7rem}.header-locale__button--drawer .icon-globe{--size: 1.4rem;width:var(--size);height:var(--size);margin-left:0}.header-locale__button--drawer .icon-caret{--size: 1.1rem;height:var(--size);margin-left:0}.menu-drawer__men-item--featured{color:rgb(var(--color-foreground));font-weight:300}@media screen and (max-width:989px){.header-wrapper:has(.menu-drawer-container[open]){overflow:visible}}@media screen and (max-width:749px){.header-wrapper:has(.menu-drawer-container[open]),.header-wrapper:has(.header__search>details[open]){background-color:#fff}}@media screen and (min-width:750px)and (max-width:989px){.menu-drawer{width:40rem;max-width:calc(100% - 2rem)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-menu-drawer.css.map */
