/* All five categories remain visible, including on a 320px phone. */
@media (max-width: 759px) {
  .container[data-catalog-root] {
    --space-catalog-mobile-filter-gap: clamp(3px, 1vw, 6px);
  }

  .container[data-catalog-root] > .catalog-filter-bar {
    top: calc(var(--catalog-sticky-top, 106px) + 6px);
    padding: 0;
    z-index: 41;
  }

  .container[data-catalog-root] .filter-row {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: clamp(3px, 1vw, 6px);
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    overflow: visible;
    scroll-snap-type: none;
  }

  .container[data-catalog-root] .filter-row .filter-chip {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 0 2px;
    font-size: clamp(0.75rem, 3.4vw, 0.875rem);
    line-height: 1.1;
    text-align: center;
    white-space: nowrap;
  }

  .container[data-catalog-root] .filter-scroll-indicator {
    display: none;
  }

  body:has(.mobile-nav[open], .header-search.is-open) .container[data-catalog-root] > .catalog-filter-bar {
    z-index: 30;
  }
}