document.addEventListener('DOMContentLoaded', () => { document.querySelectorAll('.product-carousel').forEach(carousel => { const swiper = carousel.swiper; if (!swiper) return; const wrapper = carousel.closest('.elementor-widget-wrap'); const circles = wrapper.querySelectorAll('.finish-circle'); circles.forEach(circle => { circle.addEventListener('click', () => { const slideIndex = parseInt(circle.dataset.slide, 10); if (isNaN(slideIndex)) return; // stop autoplay if (swiper.autoplay) swiper.autoplay.stop(); // go to exact slide swiper.slideTo(slideIndex); // active UI circles.forEach(c => c.classList.remove('active')); circle.classList.add('active'); }); }); }); });