@media screen and (max-width:639px){.js .menu-drawer .drawer__inner{width:100%;max-width:none;height:100%;max-height:100%;inset-block-start:0;inset-block-end:0;inset-inline-start:0;inset-inline-end:auto;border-radius:0;transform:translate3d(-100%,0,0);transition:transform .25s cubic-bezier(.4,0,.2,1)}.js .menu-drawer[active]>.drawer__inner{transform:translateZ(0)}.js .menu-drawer .drawer__close{display:flex;opacity:1;pointer-events:auto;--buttons-border-width: 1px;position:absolute;inset-block-start:50%;inset-inline-end:var(--sp-5);transform:translateY(-35%)}.js .menu-drawer .drawer__header:before{display:none}}.menu-drawer .drawer__header{--header-logo-opacity: 1;display:flex;align-items:center;justify-content:center}.menu-drawer .drawer__header .header__logo{max-width:max-content;text-align:center;grid-area:unset;margin-inline:auto}.menu-drawer .drawer__close{position:absolute;inset-block-start:50%;inset-inline-end:var(--sp-5);transform:translateY(-50%);margin-inline-start:0}.menu-drawer .drawer__search{padding:var(--sp-5);padding-top:.25rem;flex-shrink:0}.menu-drawer .search__recommendation{display:none}.menu-drawer .drawer__menu-group{border-block-end:1px solid #E5E5E5}.drawer__menu-group_promotion{margin:0!important}.drawer__promotions .mega-menu__list{border-top:none!important;padding-top:30px}.menu-drawer .drawer__menu-item,.menu-drawer .drawer__menu-item>span.body{padding-block:var(--sp-6);font-size:.875rem;font-weight:400;letter-spacing:1px}.menu-drawer .drawer__submenu .drawer__menu-group{border-block-end:none}.menu-drawer .drawer__submenu .drawer__menu-item,.menu-drawer .drawer__submenu .drawer__menu-item>span.body{padding-block:var(--sp-3);font-weight:300;text-transform:capitalize}.menu-drawer .drawer__promotions{padding:0}.menu-drawer .drawer__submenu>button:before{display:none}.menu-drawer [data-close]{height:auto;padding-block:var(--sp-5);margin-inline:20px;color:rgb(var(--color-foreground));font-size:.875rem;font-weight:300;letter-spacing:1px;margin-bottom:6px}.menu-drawer .media-card:not(.media-card--overlap) .media-card__content{--color-foreground: var(--color-base-text);background-color:#fff;padding-inline-start:0;padding-block:10px}.menu-drawer .media-card:not(.media-card--overlap) .media-card__text{opacity:1}.menu-drawer .media-card:not(.media-card--overlap) .media-card__text .heading{font-family:var(--font-body-family);font-size:14px;font-weight:500;letter-spacing:1px}
/*# sourceMappingURL=/cdn/shop/t/387/assets/header-drawer.css.map */