.menu-toggle,.mobile-account{display:none}
@media(max-width:800px){
 header .header-main{display:grid;grid-template-columns:44px minmax(0,1fr) 60px;gap:14px 12px;padding:16px 20px}
 .menu-toggle{display:grid;place-items:center;width:44px;height:44px;padding:10px;grid-column:1;grid-row:1;border:1px solid var(--line)}
 .menu-toggle svg{width:22px;height:22px}
 .menu-toggle .close-icon{display:none}
 .menu-toggle[aria-expanded="true"] .menu-icon{display:none}
 .menu-toggle[aria-expanded="true"] .close-icon{display:block}
 .header-main>a[aria-label]{grid-column:2;grid-row:1;justify-self:center;min-width:0}
 .header-main .logo{width:min(100%,180px)}
 .header-main .account-link{display:none}
 header .header-main .bag{grid-column:3;grid-row:1;justify-self:end;gap:6px;margin:0;padding:0;min-height:44px}
 .header-main .bag>span{display:none}
 header #search-form{grid-column:1/-1;grid-row:2;width:100%;max-width:none;order:initial}
 header #main-navigation{display:none;overflow:visible;white-space:normal;padding:8px 20px 20px;gap:0;background:var(--cream)}
 header #main-navigation.is-open{display:flex;flex-direction:column}
 #main-navigation a{padding:14px 5px;min-height:48px;border-bottom:1px solid var(--line);font-size:16px}
 #main-navigation .nav-last{margin:0}
 #main-navigation .mobile-account{display:block;font-weight:700;border-bottom:0}
}