document.addEventListener('DOMContentLoaded', function () {
  if (typeof Swiper === 'undefined') return;

  document.querySelectorAll('.pp-carousel__slider.swiper').forEach(function (el) {
    var section = el.closest('.pp-carousel');
    if (!section) return;

    new Swiper(el, {
      slidesPerView: 3,
      spaceBetween: 34,
      loop: false,
      navigation: {
        nextEl: section.querySelector('.pp-carousel__next'),
        prevEl: section.querySelector('.pp-carousel__prev')
      },
      breakpoints: {
        0:   { slidesPerView: 1.15, spaceBetween: 16 },
        576: { slidesPerView: 2,    spaceBetween: 18 },
        992: { slidesPerView: 3,    spaceBetween: 34 }
      }
    });
  });
});