@media (max-width: 767px) {
  /* Make mobile sliders behave as true 1-card-per-swipe carousels. */
  [data-swiper="featured-products"],
  [data-swiper="recent-blogs"],
  [data-swiper="new-products"],
  [data-swiper="top-sellers"] {
    padding-left: 10px;
    padding-right: 10px;
  }

  [data-swiper="featured-products"] .swiper-wrapper,
  [data-swiper="recent-blogs"] .swiper-wrapper,
  [data-swiper="new-products"] .swiper-wrapper,
  [data-swiper="top-sellers"] .swiper-wrapper {
    margin: 0 !important;
  }

  [data-swiper="featured-products"] .swiper-slide,
  [data-swiper="recent-blogs"] .swiper-slide,
  [data-swiper="new-products"] .swiper-slide,
  [data-swiper="top-sellers"] .swiper-slide {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin-right: 0 !important;
    flex: 0 0 auto !important;
  }

  /* Remove slide-level padding so Swiper math doesn't drift; keep spacing via container padding. */
  .feature-product-owl .swiper-slide {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}