document.addEventListener('DOMContentLoaded', function () {
  var el = document.querySelector('.project-pro-news__slider.swiper');
  if (!el || typeof Swiper === 'undefined') return;

  new Swiper(el, {
    slidesPerView: 3,
    spaceBetween: 26,
    loop: false,
    navigation: {
      nextEl: '.project-pro-news__next',
      prevEl: '.project-pro-news__prev'
    },
    breakpoints: {
      0:   { slidesPerView: 1.15, spaceBetween: 16 },
      576: { slidesPerView: 2,    spaceBetween: 18 },
      992: { slidesPerView: 3,    spaceBetween: 26 }
    }
  });
});