/* Leave room for the centered wordmark as the desktop navigation grows. */
@media (min-width: 961px) {
  .site-header-inner {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  }

  .shop-navigation {
    gap: clamp(12px, 1.7vw, 26px);
  }

  .shop-navigation > a,
  .jewelry-menu > summary {
    font-size: 12px;
    letter-spacing: 0.1em;
  }
}

@media (min-width: 961px) and (max-width: 1280px) {
  .site-header-inner {
    gap: 16px;
  }

  .shop-navigation {
    gap: clamp(10px, 1.2vw, 16px);
  }

  .shop-navigation > a,
  .jewelry-menu > summary {
    font-size: 11px;
    letter-spacing: 0.07em;
  }
}

@media (max-width: 960px) {
  .mobile-nav-toggle {
    min-width: 44px;
    min-height: 44px;
  }

  .shop-navigation {
    overscroll-behavior: contain;
    padding-bottom: max(32px, env(safe-area-inset-bottom));
  }
}

@media (max-width: 640px) {
  /* Both destinations remain available in the navigation drawer. */
  .account-nav > a[href="/wishlist"],
  .account-nav > a[href="/account"] {
    display: none;
  }

  .account-nav .nav-item {
    min-width: 44px;
    min-height: 44px;
    justify-content: center;
  }
}