document.addEventListener('DOMContentLoaded', () => {
  const swipers = document.querySelectorAll('[data-swiper-id]');
  
  swipers.forEach(container => {
    try {
      const swiperId = container.dataset.swiperId;
      const nextButton = document.querySelector(`[data-swiper-nav="next-${swiperId}"]`);
      const prevButton = document.querySelector(`[data-swiper-nav="prev-${swiperId}"]`);
      
      // Проверка существования элементов навигации
      if (!nextButton || !prevButton) {
        console.warn(`Swiper navigation buttons not found for ID: ${swiperId}`);
      }

      new Swiper(container, {
        spaceBetween: 20,
        loop: false,
        freeMode: true,
        freeModeBounds: true,
        slidesPerView: "auto",
        freeModeMomentum: true,
        freeModeMomentumRatio: 0.5,
        freeModeMomentumVelocityRatio: 0.5,
        navigation: {
          nextEl: nextButton,
          prevEl: prevButton,
        },
        // Автоматическое восстановление при появлении элементов
        observer: true,
        observeSlideChildren: true,
        observeParents: true
      });
      
    } catch (error) {
      console.error(`Error initializing Swiper ${container.dataset.swiperId || ''}:`, error);
    }
  });
});