.site-account-mobile,.site-nav-toggle{display:none}
@media(max-width:700px){
  .site-header{gap:10px;padding:max(14px, calc(env(safe-area-inset-top) + 8px)) max(20px, env(safe-area-inset-right)) 14px max(20px, env(safe-area-inset-left));align-items:center}
  .site-header .brand{margin-right:auto;font-size:21px}
  .site-account-mobile,.site-header .site-nav-toggle:not([hidden]){width:42px;height:42px;flex:none;border:1px solid #e8e3f8;border-radius:13px;background:#faf9ff;color:#5845d6;place-items:center}
  .site-header.menu-ready .site-account-mobile{display:grid}
  .site-header .site-nav-toggle:not([hidden]){display:grid;cursor:pointer}
  .site-header .shopping-preferences{order:4;width:100%;margin-top:2px;justify-content:flex-end}
  .site-header nav{order:3;width:100%}
  .site-header.menu-ready nav{display:none}
  .site-header.menu-ready.nav-open nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:10px;border:1px solid #e8e3f8;border-radius:16px;background:#fff;box-shadow:0 18px 36px #26213d14}
  .site-header.menu-ready.nav-open nav a{display:flex;align-items:center;min-height:44px;padding:10px 12px;border-radius:10px;font-size:14px;font-weight:600;line-height:1.25}
  .site-header.menu-ready.nav-open nav a:hover,.site-header.menu-ready.nav-open nav a:focus-visible{background:#f3f0ff}
  .site-header.menu-ready.nav-open nav .account-link{display:none}
}