.product-grid.grid {
  row-gap: 16px;
  column-gap: 16px;
}


@media screen and (min-width: 990px) {
  .product-grid.grid {
    row-gap: 32px;
    column-gap: 32px;
  }
  
  .product-grid.grid .grid__item {
    width: calc(25% - 32px * 3 / 4);
    max-width: calc(25% - 32px * 3 / 4);
  }
}