.product-carousel .swiper-slide {
  width: 72%;
}

@media screen and (min-width: 992px) {
  .product-carousel .swiper-slide {
    width: calc(100% / 3 - 2 / 3 * 2rem);
  }
}

@media screen and (min-width: 1200px) {
  .product-carousel .swiper-slide {
    width: calc(100% / 4 - 3 / 4 * 2rem);
  }
}