/* Native navigation is the default until this header binds its menu listeners. */
@media (max-width: 1100px) {
  .header:not([data-menu-ready]),
  .topbar:not([data-menu-ready]) {
    position: relative !important;
    top: auto !important;
    height: auto !important;
    border-radius: 24px !important;
  }

  .header:not([data-menu-ready]),
  .topbar:not([data-menu-ready]) .topbar-inner {
    flex-wrap: wrap !important;
  }

  .header:not([data-menu-ready]) nav#navigation,
  .topbar:not([data-menu-ready]) nav#navigation {
    display: flex !important;
    position: static !important;
    flex: 1 1 100%;
    order: 3;
    flex-wrap: wrap;
    flex-direction: row;
    max-height: none !important;
    overflow: visible !important;
    margin: 0;
    padding: 12px;
    gap: 12px;
    box-shadow: none;
  }

  .header:not([data-menu-ready]) .menu,
  .topbar:not([data-menu-ready]) .menu-button {
    display: none !important;
  }

  .header:not([data-menu-ready]) nav a,
  .topbar:not([data-menu-ready]) .main-nav a {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
  }

  .topbar:not([data-menu-ready]) .main-nav .nav-cta {
    display: inline-flex !important;
  }

  .topbar:not([data-menu-ready]) .topbar-inner {
    padding-block: 16px !important;
  }

  .topbar:not([data-menu-ready]) nav#navigation {
    padding: 12px 0 0;
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, .13);
    border-radius: 0;
    justify-content: flex-start;
  }
}