/* Showcase Products Swiper CSS */

/* Desktop: Keep normal flex layout, no swiper behavior */
.swiper-showcase-products {
  flex: 1;
  display: flex;
  gap: 18px;
  overflow: visible;
}

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

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

/* iPad Pro: Enable swiper scroll */
@media (min-width: 1024px) and (max-width: 1366px) {
  .swiper-showcase-products {
    overflow: hidden;
  }

  .swiper-showcase-products .swiper-wrapper {
    gap: 0px;
  }

  .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 */