/*--------------- Category Slider ---------------*/ 
var swiper = new Swiper(".category-slider", {

  spaceBetween: 10, // Space between slides (in px)
  loop: true,       // Enable infinite looping
  autoplay: {
    delay: 5000,              // Time delay between slides
    disableOnInteraction: false, // Continue autoplay after user interaction
  },

  pagination: {
    el: ".swiper-pagination2", // Pagination container
    clickable: true,           // Allow pagination click navigation
  },

  breakpoints: {
    450: {
      slidesPerView: 1, // 1 slide on small screens
    },
    768: {
      slidesPerView: 2, // 2 slides on medium screens
    },
    991: {
      slidesPerView: 3, // 3 slides on tablets
    },
    1024: {
      slidesPerView: 4, // 4 slides on large screens
    },
  },

});

