/* 
 * STOREFLO THEME - PRODUCTS PAGE CUSTOM CSS
 * 
 * This file is loaded ONLY on the products page of the storeflo theme.
 */

/* iOS Safari auto-zoom on inputs with font-size < 16px (qty fields, customize steps) */
@media screen and (max-width: 1023px) {
  .commerce-theme-wrapper
    input:not(
      [type="checkbox"],
      [type="radio"],
      [type="range"],
      [type="hidden"],
      [type="button"],
      [type="submit"],
      [type="reset"],
      [type="file"],
      [type="image"]
    ),
  .commerce-theme-wrapper select,
  .commerce-theme-wrapper textarea {
    font-size: 16px !important;
  }
}

.storeflo-products-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 2rem;
}

/* Add your products page-specific styles below */