/* Original website, step 06: pair the visible coat and sort fields on mobile. */
@media (max-width: 639px) {
  .catalog-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .catalog-toolbar > .search-field,
  .catalog-toolbar > .filter-chips {
    grid-column: 1 / -1;
  }

  .catalog-toolbar > .select-field { min-width: 0; }
  .catalog-toolbar .select-field span { font-size: 11px; }
  .catalog-toolbar .select-field select {
    min-width: 0;
    font-size: 13px;
    padding-left: 8px;
    padding-right: 20px;
  }
}