/* Search results page: denser grid, and the line that replaced its heading.
 *
 * Everything here is scoped to .route-product-search on purpose. The product
 * grid and the filter rail are shared with the category and catalog listings,
 * which are not what this file is adjusting.
 */

/* ── The grid ────────────────────────────────────────────────────────────────
 * The theme asks for cards at least 350px wide (journal3 skin setting
 * globalProductAutoGrid, compiled into --grid-min-width). With the filter rail
 * taking its quarter of the row, 350px is what limited the results to three
 * across on a desktop. 230px fits five in the same column and still leaves the
 * card wider than the two marketplace buttons it has to stack.
 *
 * Three classes beat the theme's "div.main-products.product-grid", so this
 * needs no !important - and should not grow one: an !important here would also
 * override whatever the skin sets for phones. */
.route-product-search .main-products.product-grid {
  --grid-min-width: 230px;
}

/* Phones keep the theme's own single/double column behaviour: 230px cards side
 * by side on a 360px screen would leave no room for the price and the buttons. */
@media (max-width: 760px) {
  .route-product-search .main-products.product-grid {
    --grid-min-width: 160px;
  }
}

/* ── The result count ────────────────────────────────────────────────────────
 * Replaces an <h2> that said "Products meeting the search criteria" in heading
 * type. The count is useful; the sentence was not. */
.route-product-search .search-results-summary {
  font-size: 13px;
  line-height: 1.4;
  margin: 0 0 10px;
  opacity: .75;
}