/* 1. Regola generale (Desktop / schermi grandi): 3 prodotti per riga centrati */

#category-products .reflow-product-list.ref-cards .ref-products {
  --ref-products-per-row: 3;
  justify-content: center;
}

/* 2. Regola per Mobile (Sotto i 767px): 2 prodotti per riga centrati */

@media (max-width: 767px) {
  #category-products .reflow-product-list.ref-cards .ref-products {
    --ref-products-per-row: 2;
    justify-content: center;
  }
}