/*!
 * Location: /assets/css/stm-product-archive-grid.css
 * Purpose:
 * - Product archives (Shop, Category, Tag, Taxonomy) + Product Search:
 *   Desktop: 5 products per row
 *   Tablet: 3 products per row
 *   Mobile: 2 products per row
 * - Only controls COLUMNS (does NOT change your gap=2px etc. from product-loop.css)
 * Related PHP:
 * - /inc/features/woocommerce/product-loop-assets.php
 * Linkage/Loader:
 * - Enqueued only on product archives + product search.
 */

/* Ensure grid is controlled reliably (archive scopes) */
.woocommerce.archive ul.products,
.woocommerce.search ul.products,
.woocommerce-page.archive ul.products,
.woocommerce-page.search ul.products{
  display: grid !important;
}

/* Desktop: 5 per row */
@media (min-width: 1025px){
  .woocommerce.archive ul.products,
  .woocommerce.search ul.products,
  .woocommerce-page.archive ul.products,
  .woocommerce-page.search ul.products{
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

/* Tablet: 3 per row */
@media (max-width: 1024px) and (min-width: 641px){
  .woocommerce.archive ul.products,
  .woocommerce.search ul.products,
  .woocommerce-page.archive ul.products,
  .woocommerce-page.search ul.products{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* Mobile: 2 per row */
@media (max-width: 640px){
  .woocommerce.archive ul.products,
  .woocommerce.search ul.products,
  .woocommerce-page.archive ul.products,
  .woocommerce-page.search ul.products{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}