/* Shared by the source build and the existing ECS build during a CSS-only rollout. */
@media (max-width: 480px) {
  .nav-header .nav-content {
    gap: var(--space-2);
  }

  .nav-header .nav-left {
    flex: 0 0 auto;
  }

  .nav-header .logo-container {
    min-width: var(--touch-target-min);
    justify-content: center;
  }

  .nav-header .logo-text {
    display: none;
  }

  .nav-header .mobile-product-link {
    min-width: var(--touch-target-min);
    min-height: var(--touch-target-min);
  }

  .nav-header .user-panel :is(a, button, select),
  .nav-header .modal-card :is(button, input) {
    min-width: var(--touch-target-min);
    min-height: var(--touch-target-min);
  }
}