@media (max-width: 760px) {
  html:not(.mobile-nav-ready) .mobile-nav-toggle {
    display: none;
  }

  html:not(.mobile-nav-ready) .site-header {
    flex-wrap: wrap;
    padding-block: 14px;
  }

  html:not(.mobile-nav-ready) .header-actions {
    position: static;
    display: flex;
    flex: 1 1 100%;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 8px;
    border: 0;
    padding: 0 0 12px;
    background: transparent;
    box-shadow: none;
  }

  html:not(.mobile-nav-ready) .header-actions .button,
  html:not(.mobile-nav-ready) .header-actions form,
  html:not(.mobile-nav-ready) .header-actions form .button {
    width: auto;
  }

  html:not(.mobile-nav-ready) .header-actions .account-chip {
    display: none;
  }
}