/* Authored search-only stylesheet; independent of generated theme.css. */
@layer sc-components {
  .page-search .center-column {
    min-width: 0;
    container: sc-search-results / inline-size;
  }

  @container sc-search-results (min-width: 1120px) {
    .page-search #js-product-list > .products {
      grid-template-columns: repeat(6, minmax(0, 1fr));
      gap: 1rem;
    }
  }
}