@media(max-width:1080px){
body.mobile-menu-open{overflow:hidden}
.mobile-menu-shade{position:fixed;inset:0;z-index:59;background:#0007;border:0;padding:0}
.mobile-menu-shade[hidden]{display:none}
body .mobile-drawer{inset:0 auto 0 0;width:min(90vw,440px);height:100dvh;padding:0;background:#fff;color:#171717;box-shadow:none;display:flex;flex-direction:column;transform:translateX(-105%);visibility:hidden;transition:transform .25s ease,visibility .25s}
body .mobile-drawer.open{transform:translateX(0);visibility:visible}
.mobile-menu-top{padding:18px 20px;border-bottom:1px solid #d9d9d9;flex-shrink:0}
body .mobile-drawer .mobile-menu-close{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #222;border-radius:50%;background:#f5f5f3;color:#171717;font:inherit;font-size:30px;font-weight:400;line-height:1;cursor:pointer}
.mobile-menu-links{padding:0 20px;overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0}
body .mobile-drawer .mobile-menu-links a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:16px 0;border-bottom:1px solid #d9d9d9;color:#171717;font-size:14px;font-weight:400;text-transform:uppercase;line-height:1.4}
.mobile-menu-arrow{font-size:24px;line-height:1;font-weight:400}
.mobile-menu-bottom{border-top:1px solid #d9d9d9;padding:20px;padding-bottom:max(20px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:18px;flex-shrink:0}
body .mobile-drawer .mobile-menu-account{width:auto;display:flex;align-items:center;gap:10px;padding:0;border:0;color:#171717;font-size:14px;font-weight:400;white-space:nowrap}
.mobile-menu-account svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}
.mobile-menu-social{display:flex;align-items:center;gap:14px}
body .mobile-drawer .mobile-menu-social a{width:auto;border:0;padding:0;color:#171717;font-size:12px;font-weight:500}
}
@media(prefers-reduced-motion:reduce){body .mobile-drawer{transition:none}}

.mobile-menu-social svg{display:block;width:22px;height:22px;fill:currentColor}
body .mobile-drawer .mobile-menu-social a{display:grid;place-items:center;min-width:30px;min-height:36px}
/* Keep the mobile header focused on the brand, cart and navigation. */
@media(max-width:700px){body .site-header .header-actions>[data-search],body .site-header .header-actions>.account-link{display:none}}