@media (min-width:1024px) and (max-width:1099px){
  .grid--products,
  .product-grid,
  .collection__products,
  #featured-products-grid-list,
  .featured-products-grid-list{
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:2rem!important;
  }
}

@media (min-width:1100px){
  .grid--products,
  .product-grid,
  .collection__products,
  #featured-products-grid-list,
  .featured-products-grid-list{
    display:grid!important;
    grid-template-columns:repeat(4,1fr)!important;
    gap:2rem!important;
  }
}