/* Prevent controls from wrapping when the cart count grows. */
.site-header .cart-btn,
.store-menu-toggle { white-space: nowrap; }

@media (max-width: 360px) {
  header.site-header { gap: 6px; }
  .site-header .store-menu-toggle { padding-inline: 4px; }
}

/* Keep the desktop menu centered regardless of the logo or cart width. */
@media (min-width: 861px) {
  .site-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  }
  .site-header .wordmark { justify-self: start; }
  .site-header .cart-btn { justify-self: end; }
  .site-header .gnav a {
    padding: 6px 2px;
    border-bottom: 2px solid transparent;
    white-space: nowrap;
  }
  .site-header .gnav a:hover { border-bottom-color: var(--mint); }
}

@media (min-width: 861px) and (max-width: 1000px) {
  .site-header .gnav { gap: 12px; }
}