slide-s.js

const swiper = new Swiper('.swiper', {
  slidesPerView: 3,         // Скільки слайдів видно одночасно
  centeredSlides: true,     // Активний слайд завжди по центру
  spaceBetween: 45,        // Відстань між слайдами
loop: true,
  initialSlide: 0,         // Початковий слайд

navigation: {
    nextEl: '.swiper-button-next',
    prevEl: '.swiper-button-prev',
},

  // Адаптивність (breakpoints)
breakpoints: {
    320: { slidesPerView: 1.5 }, // На мобільних видно частинку другого слайда
    768: { slidesPerView: 3 }    // На десктопі — три
}
});

document.querySelector(".button").addEventListener("click", function() {
    const slider = document.querySelector(".swiper-couresel");
    slider.style.display = "block";
    swiper.update();  
});

const button = document.querySelector(".button");
const overlay = document.querySelector(".overlay");
const slider = document.querySelector(".swiper-couresel");

button.addEventListener("click", function() 
{ slider.classList.add("active");
    overlay.classList.add("active");
});



/* overlay.addEventListener("click", function() {
    slider.classList.remove("active");
    overlay.classList.remove("active");
}); */