/* Override legacy desktop !important declarations at the navigation breakpoint. */
@media (max-width: 991px) {
  .sp-header .sp-header-search {
    display: none !important;
  }

  .sp-header .sp-primary-nav {
    display: none !important;
    flex-direction: column !important;
    height: auto !important;
    margin: 0 !important;
    padding: 12px !important;
    border-radius: 18px !important;
  }

  .sp-header .sp-primary-nav.open {
    display: flex !important;
  }

  .sp-header .sp-primary-nav a {
    width: 100%;
    height: 44px !important;
    padding: 12px 16px !important;
  }
}