@media screen and (max-width:989px){.section-header.menu-open .header__icon--menu{position:relative;z-index:6;color:var(--su-text)}.section-header.menu-open .header-wrapper{background:var(--su-bg)}.section-header.menu-open .header{max-width:420px;margin-left:0;margin-right:auto}.section-header.menu-open .header__heading,.section-header.menu-open .header__search,.section-header.menu-open .header__icon--cart,.section-header.menu-open .header__icon--account{visibility:hidden}body.overflow-hidden-tablet .announcement-bar-section,body.overflow-hidden-tablet .sticky-line,body.overflow-hidden-tablet [class*=gw-widget-placeholder]{display:none!important}.js header-drawer details>summary:before,.js header-drawer details[open]>summary:before{display:none}.js header-drawer details[open].menu-opening:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:var(--su-bg);z-index:4}.su-drawer.menu-drawer{position:fixed;left:0;right:auto;top:0;width:100%;max-width:420px;margin-left:0;margin-right:auto;height:100vh;height:100svh;padding:0;background:var(--su-bg);filter:none;border:0;z-index:5}.js .su-drawer.menu-drawer{height:100vh;height:100svh}.js details[open].menu-opening>.su-drawer.menu-drawer{transform:translate(0);visibility:visible}.su-drawer__inner,.su-drawer__scroll{height:100%}.su-drawer__scroll{display:block;overflow-y:auto;max-width:420px;margin-left:0;margin-right:auto;padding:calc(var(--header-height, 56px) + 8px) 24px 40px;background:var(--su-bg);font-family:var(--font-sans);color:var(--su-text)}.su-drawer__brand{display:flex;justify-content:center;margin:4px 0 28px}.su-drawer__logo-link{display:inline-flex;align-items:center;text-decoration:none;color:var(--su-text)}.su-drawer__logo{display:block;height:22px;width:auto}.su-drawer__logo-text{font-family:var(--font-sans);font-size:18px;font-weight:700;letter-spacing:.08em;color:var(--su-text)}.su-drawer__banner{margin:0 0 28px;overflow:hidden;background:none;border:0}.su-drawer__banner-link{display:block;line-height:0}.su-drawer__banner-img{display:block;width:100%;height:auto;aspect-ratio:636 / 218;object-fit:contain;vertical-align:middle}.su-drawer__list{list-style:none;margin:0;padding:0}.su-drawer__item--account{padding:8px 0 20px;border-bottom:1px solid var(--su-border)}.su-drawer__account{display:flex;align-items:center;gap:12px;padding:8px 0;color:var(--su-text-sub);text-decoration:none;font-family:var(--font-sans);font-size:15px;font-weight:400;letter-spacing:.04em}.su-drawer__account .icon-account,.su-drawer__account svg{width:28px;height:28px;color:var(--su-greige)}.su-drawer__item:not(.su-drawer__item--account):not(.su-drawer__item--notice){border-bottom:1px solid var(--su-border)}.su-drawer__link,.su-drawer__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:64px;padding:16px 0;border:0;background:none;color:var(--su-text);text-align:left;text-decoration:none;font-family:var(--font-sans);font-size:16px;font-weight:400;letter-spacing:.04em;cursor:pointer}.su-drawer__plus{position:relative;width:16px;height:16px;flex-shrink:0}.su-drawer__plus:before,.su-drawer__plus:after{content:"";position:absolute;background:var(--su-dark)}.su-drawer__plus:before{left:0;top:7px;width:16px;height:1.5px}.su-drawer__plus:after{left:7px;top:0;width:1.5px;height:16px}.su-drawer__toggle[aria-expanded=true] .su-drawer__plus:after{display:none}.su-drawer__children{list-style:none;margin:0;padding:0}.su-drawer__children li{border-top:1px solid var(--su-border)}.su-drawer__child-link{display:flex;align-items:center;min-height:56px;padding:14px 0;color:var(--su-text);text-decoration:none;font-family:var(--font-sans);font-size:15px;font-weight:400;letter-spacing:.04em;line-height:1.5}.su-drawer__item--notice{margin-top:28px;border-bottom:0}.su-drawer__notice{display:block;padding:8px 0 0;color:var(--su-text-sub);text-decoration:none;font-family:var(--font-sans);font-size:12px;font-weight:400;letter-spacing:.04em;line-height:1.8}}@media screen and (min-width:990px){.header__inline-menu,.header__inline-menu .header__menu-item,.header__inline-menu .list-menu__item,.header__submenu .header__menu-item{font-family:var(--font-sans);font-size:14px;font-weight:400;letter-spacing:.04em;line-height:1.4}.header__inline-menu .header__menu-item--notice,.header__inline-menu .header__menu-item--notice span{font-size:12px;font-weight:400;letter-spacing:.04em;line-height:1.5}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/surutto-header-drawer.css.map */