@media screen and (max-width:989px){.menu-drawer{inline-size:min(88vw,26rem);max-inline-size:min(88vw,26rem);background:var(--brand-surface);border-right:1px solid var(--brand-hairline);padding-block-end:calc(var(--safe-area-inset-bottom, 0px) + var(--oaa-space-4));overscroll-behavior:contain}.menu-drawer__backdrop{background:rgb(var(--brand-ink-rgb) / .45);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.menu-drawer__close-button{position:sticky;inset-block-start:0;z-index:2;inline-size:100%;min-block-size:56px;display:flex;align-items:center;justify-content:flex-end;padding-inline:var(--oaa-space-4);background:var(--brand-surface);border:0;border-block-end:1px solid var(--brand-hairline);color:var(--brand-ink);cursor:pointer}.menu-drawer__close-button .header-drawer-icon{inline-size:20px;block-size:20px}.menu-drawer__navigation{padding:0}.menu-drawer__menu{margin:0;padding:0;list-style:none}.menu-drawer__list-item--deep,.menu-drawer__list-item--flat,.menu-drawer__list-item{border-block-end:1px solid var(--brand-hairline)}.menu-drawer__menu>.menu-drawer__list-item--deep:last-child,.menu-drawer__menu>.menu-drawer__list-item--flat:last-child{border-block-end:0}.header-drawer .menu-drawer__menu-item--mainlist{display:flex!important;align-items:center;justify-content:space-between;gap:var(--oaa-space-3);min-block-size:58px!important;padding-inline:var(--oaa-space-4)!important;padding-block:var(--oaa-space-3);font-family:var(--oaa-font);font-size:15px;font-weight:500;letter-spacing:.01em;text-transform:none;color:var(--brand-ink);text-decoration:none;cursor:pointer;list-style:none;transition:background-color .16s var(--oaa-ease),color .16s var(--oaa-ease)}.header-drawer .menu-drawer__menu-item--mainlist::-webkit-details-marker{display:none}.header-drawer summary.menu-drawer__menu-item--mainlist::marker{content:""}.header-drawer .menu-drawer__menu-item--mainlist:hover,.header-drawer .menu-drawer__menu-item--mainlist:focus-visible{background:var(--brand-surface-alt);color:var(--brand-ink)}.header-drawer details[open]>.menu-drawer__menu-item--mainlist{background:var(--brand-surface-alt);box-shadow:inset 3px 0 0 var(--brand-accent)}.header-drawer .menu-drawer__menu-item--mainlist .icon-plus{flex:none;inline-size:20px;block-size:20px;display:grid;place-items:center;color:var(--brand-accent);transition:rotate .2s var(--oaa-ease)}.header-drawer .menu-drawer__menu-item--mainlist .icon-plus svg{inline-size:14px;block-size:14px}.header-drawer details[open]>.menu-drawer__menu-item--mainlist .icon-plus{rotate:45deg}.menu-drawer__menu--childlist{margin:0;padding-block:var(--oaa-space-2) var(--oaa-space-3);padding-inline:0;list-style:none;background:var(--brand-surface-alt)}.menu-drawer__menu--childlist>.menu-drawer__list-item{border-block-end:0}.header-drawer .menu-drawer__menu-item--child{display:flex!important;align-items:center;justify-content:space-between;gap:var(--oaa-space-3);min-block-size:46px!important;padding-inline:calc(var(--oaa-space-4) + var(--oaa-space-3)) var(--oaa-space-4)!important;font-family:var(--oaa-font);font-size:14px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--brand-ink-secondary);text-decoration:none;transition:color .16s var(--oaa-ease)}.header-drawer .menu-drawer__menu-item--child:after{content:"";flex:none;inline-size:6px;block-size:6px;border-inline-end:1.5px solid currentColor;border-block-start:1.5px solid currentColor;rotate:45deg;opacity:.45}.header-drawer .menu-drawer__menu-item--child:hover{color:var(--brand-accent)}.header-drawer .menu-drawer__menu-item--child.menu-drawer__menu-item--active,.header-drawer .menu-drawer__menu-item--active{color:var(--brand-ink);font-weight:500}.menu-drawer__menu--grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--oaa-space-3);padding-inline:var(--oaa-space-4)}.menu-drawer__menu--grid .menu-drawer__menu-item--child{flex-direction:column;align-items:flex-start;gap:var(--oaa-space-2);padding-inline:0!important;min-block-size:0!important}.menu-drawer__menu--grid .menu-drawer__menu-item--child:after{content:none}.menu-drawer__link-image{inline-size:100%;aspect-ratio:1 / 1;object-fit:cover;background:var(--brand-surface)}.menu-drawer__submenu{background:var(--brand-surface)}.menu-drawer__nav-buttons{position:sticky;inset-block-start:0;z-index:2;display:flex;align-items:center;gap:var(--oaa-space-2);min-block-size:56px;padding-inline:var(--oaa-space-2) var(--oaa-space-4);background:var(--brand-surface);border-block-end:1px solid var(--brand-hairline)}.menu-drawer__back-button{inline-size:44px;block-size:44px;display:grid;place-items:center;border:0;background:transparent;color:var(--brand-ink)}.menu-drawer__title{font-family:var(--oaa-font);font-size:15px;font-weight:500;color:var(--brand-ink);margin-inline-end:auto}.menu-drawer__featured-content{padding-block:var(--oaa-space-4);border-block-start:1px solid var(--brand-hairline)}.menu-drawer__featured-content-list{gap:var(--oaa-space-3);padding-block-end:var(--oaa-space-2);scrollbar-width:none}.menu-drawer__featured-content-list::-webkit-scrollbar{display:none}.menu-drawer__featured-content-list-item--product{inline-size:44cqi}.menu-drawer__utility-links,.menu-drawer__localization{padding:var(--oaa-space-4);border-block-start:1px solid var(--brand-hairline);background:var(--brand-surface)}.menu-drawer__utility-links a,.drawer-localization__button{min-block-size:48px!important;display:flex!important;align-items:center;gap:var(--oaa-space-3);padding-inline:0!important;font-size:14px;font-weight:400;color:var(--brand-ink-secondary);text-decoration:none}.menu-drawer__utility-links a:hover{color:var(--brand-accent)}.menu-drawer-container .header__icon--summary{inline-size:44px;block-size:44px;padding:0;color:var(--brand-ink)}body:has(#Details-menu-drawer-container[open]) .oaa-mobile-nav{opacity:0;pointer-events:none;transition:opacity .12s var(--oaa-ease)}}@media screen and (max-width:420px){.menu-drawer{inline-size:92vw;max-inline-size:92vw}.header-drawer .menu-drawer__menu-item--mainlist{font-size:14.5px}}@media(prefers-reduced-motion:reduce){.header-drawer .menu-drawer__menu-item--mainlist .icon-plus,.header-drawer .menu-drawer__menu-item--child,body:has(#Details-menu-drawer-container[open]) .oaa-mobile-nav{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/oaa-mobile-menu.css.map */