.header__icon--menu:after,.header__icon--menu[aria-expanded=true]:before{content:none}.js menu-drawer>details>summary:before,.js menu-drawer>details[open]:not(.menu-opening)>summary:before{content:"";position:absolute;cursor:default;width:100%;height:calc(100vh - 100%);height:calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)));top:100%;left:0;background:rgba(var(--color-foreground),.5);opacity:0;visibility:hidden;z-index:2;transition:opacity 0s,visibility 0s}menu-drawer>details[open]>summary:before{visibility:visible;opacity:1;transition:opacity var(--duration-default) ease,visibility var(--duration-default) ease}.menu-drawer{--panel-background-color: rgba(var(--color-background), .7);--card-background-color: rgba(255, 255, 255, .1);--badge-text-color: #1d1d1b;--caption-text-color: #ddece1;position:fixed;top:var(--header-top-position, 0px);left:0;z-index:3;display:flex;flex-direction:column;width:100%;height:calc(var(--viewport-height, 100vh) - var(--header-top-position, 0px));background-color:transparent}.js .menu-drawer{visibility:hidden;opacity:0;transform:translateY(-10px)}.js details[open]>.menu-drawer{transition:opacity var(--duration-default) ease,transform var(--duration-default) ease,visibility var(--duration-default) ease}.js details[open].menu-opening>.menu-drawer{visibility:visible;opacity:1;transform:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.section-header.menu-open .header__navigation,.section-header.menu-open .header__icons>:not(header-drawer),.section-header.menu-open .header__icon--menu{opacity:0;pointer-events:none}.section-header.menu-open .header>div:before{opacity:0}.menu-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:0 0 auto;height:48px;margin:16px 10px 0;padding-left:8px;border-radius:999px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#002725b3}.menu-drawer__logo-link{display:flex;align-items:center;height:44px;padding:8px 12px;color:inherit;text-decoration:none}.menu-drawer__logo{display:block;width:127px;height:auto}.menu-drawer__close{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:44px;height:44px;padding:0;border:0;border-radius:999px;background-color:transparent;color:inherit;cursor:pointer}.menu-drawer__close .svg-wrapper{display:flex;width:24px}.menu-drawer__close svg{width:100%;height:auto}.menu-drawer__content{display:flex;flex:1 1 auto;min-height:0;padding:4px 10px 10px}.menu-drawer__panel{display:flex;flex:1 1 auto;flex-direction:column;gap:32px;min-height:0;padding:20px;overflow-y:auto;border-radius:24px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#002725b3}.menu-drawer__caption svg{width:10px;transform:rotate(90deg)}.menu-drawer__caption--related{color:var(--caption-text-color)}.menu-drawer__product{display:flex;flex-direction:column;gap:32px}.menu-drawer__product-featured{display:flex;gap:8px;border-radius:8px;color:inherit;text-decoration:none}.menu-drawer__product-media{flex:0 0 auto;width:133px;height:140px;overflow:hidden;border-radius:12px}.menu-drawer__product-image{display:block;width:100%;height:100%;object-fit:cover}.menu-drawer__product-info{display:flex;flex:1 1 auto;flex-direction:column;justify-content:space-between;gap:12px;min-width:0;padding:8px 0 4px 8px}.menu-drawer__product-heading{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.menu-drawer__product-title{margin:0;font-family:var(--font-heading-family);font-size:18px;font-weight:700;line-height:1.5;letter-spacing:.6px;word-break:break-word}.menu-drawer__product-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:60px;background-color:rgba(var(--color-button),var(--alpha-button-background));color:var(--badge-text-color);font-size:12px;line-height:1.5;letter-spacing:.6px;white-space:nowrap}.menu-drawer__product-price{margin:0;font-size:0;line-height:1.5;letter-spacing:.6px;text-align:right}.menu-drawer__product-price-prefix,.menu-drawer__product-price-suffix{font-size:14px}.menu-drawer__product-price-prefix{margin-right:4px}.menu-drawer__product-price-value{font-size:16px;font-weight:700}.menu-drawer__related{display:flex;flex-direction:column;gap:8px}.menu-drawer__related-list{display:flex;gap:8px;margin:0;padding:0;list-style:none}.menu-drawer__related-item{flex:1 1 0;min-width:0}.menu-drawer__related-link{display:flex;align-items:center;gap:4px;height:74px;padding:8px;border-radius:8px;background-color:var(--card-background-color);color:inherit;text-decoration:none}.menu-drawer__related-image{display:block;flex:0 0 auto;width:auto;height:58px;object-fit:contain}.menu-drawer__related-name{font-family:var(--font-heading-family);font-size:16px;font-weight:700;line-height:1.5;letter-spacing:.6px;word-break:break-word}.menu-drawer__navigation{display:flex;flex-direction:column;gap:12px}.menu-drawer__menu{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}.menu-drawer__menu-item{display:block;color:inherit;font-size:18px;line-height:1.5;letter-spacing:.6px;text-decoration:none}.menu-drawer__menu-item--active{text-decoration:underline}.menu-drawer__footer{display:flex;align-items:center;gap:16px;margin-top:auto}.menu-drawer__account{display:flex;flex:1 1 auto;align-items:center;justify-content:center;height:44px;padding:2px 16px;border:1px solid rgba(var(--color-foreground),.2);border-radius:50px;color:inherit;font-size:16px;line-height:1.5;letter-spacing:.6px;text-align:center;text-decoration:none}.menu-drawer__localization{flex:0 0 auto}.menu-drawer__localization .localization-form,.menu-drawer__localization .localization-form:only-child{margin:0;padding:0}.menu-drawer__localization .disclosure__button.localization-form__select{display:flex;align-items:center;gap:8px;width:auto;height:44px;min-height:0;min-width:0;margin:0;padding:2px 16px;border-radius:50px;background-color:var(--card-background-color);font-size:16px;line-height:1.5;letter-spacing:.6px}.menu-drawer__localization .localization-form__select .icon-caret{position:static;width:11px;height:auto;transform:rotate(180deg)}.menu-drawer__localization .localization-form__select[aria-expanded=true] .icon-caret{transform:rotate(0)}@media screen and (min-width:750px){.menu-drawer__panel{padding:32px}.menu-drawer__localization .disclosure__list-wrapper{right:0}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/component-menu-drawer.css.map */