html:has(> body.products-page),
body.products-page { min-width: 0; }

.products-toolbar .public-brand {
  flex: 0 0 auto;
  white-space: nowrap;
}

.products-toolbar .public-brand > span { flex-shrink: 0; }
.products-toolbar nav { min-width: 0; justify-content: flex-end; }
.products-toolbar nav a { white-space: nowrap; }

@media (max-width: 900px) {
  .products-toolbar {
    position: static;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    padding: 14px 18px;
  }
  .products-toolbar .public-brand { align-self: flex-start; }
  .products-toolbar nav { justify-content: flex-start; gap: 8px 12px; }
}

@media (max-width: 480px) {
  .products-toolbar nav { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; }
  .products-toolbar nav > a { grid-column: span 2; justify-content: center; min-width: 0; white-space: normal; text-align: center; }
  .products-toolbar nav .nav-start { padding: 10px 6px; }
  .products-toolbar nav .public-language-picker,
  .products-toolbar nav .public-theme-picker { grid-column: span 3; width: 100% !important; min-width: 0; }
}