/* Showcase Products Swiper CSS */

/* Mobile: Default no gap */
.swiper-showcase-products {
  flex: 1;
  display: flex;
  gap: 0px;
  overflow: visible;
}

.swiper-showcase-products .swiper-wrapper {
  display: flex;
  width: 100%;
  gap: 0px;
}

.swiper-showcase-products .swiper-slide {
  flex: 0 0 calc(100% / 4);
  width: calc(100% / 4);
  max-width: 250.5px;
  min-width: 0;
  height: auto;
}

.swiper-showcase-products .swiper-slide:last-child {
  /* margin-right: 0 !important; */
}

/* Desktop: Add gap for better spacing (only large screens) */
@media (min-width: 1441px) {
  .swiper-showcase-products {
    gap: 18px;
  }

  .swiper-showcase-products .swiper-wrapper {
    gap: 18px;
    /* padding-right: 48px; */
  }
}

/* Tablet & Medium Desktop: Enable swiper scroll */
@media (min-width: 768px) and (max-width: 1440px) {
  .swiper-showcase-products {
    overflow: hidden;
  }

  .swiper-showcase-products .swiper-wrapper {
    gap: 0px;
    /* padding-right: 64px !important; */
    padding-right: 8px;
  }

  .swiper-showcase-products .swiper-slide {
    /* flex: 0 0 280px;
    width: 280px;
    max-width: 280px; */
  }
}

/* Mobile: Grid layout instead of swiper - See product-showcase-mobile.css */