.product-grid:not(.splide.is-initialized.is-active .splide__list) {
  gap: 1.6rem;
}

@media screen and (min-width: 990px) {
  .product-grid:not(.splide.is-initialized.is-active .splide__list) {
    gap: 2.4rem;
  }
}

@media screen and (min-width: 1200px) {
  .product-grid:not(.splide.is-initialized.is-active .splide__list) {
    gap: 4rem;
  }
}