let heroIndex = 0;
let carouselIndex = 0;

function cycleHero() {
    const slides = document.querySelectorAll('.hero-slide');
    slides[heroIndex].classList.remove('active');
    heroIndex = (heroIndex + 1) % slides.length;
    slides[heroIndex].classList.add('active');
}

function cycleCarousels() {
    const carousels = document.querySelectorAll('.carousel');
    carousels.forEach(carousel => {
        const slides = carousel.querySelectorAll('.slide');
        slides[carouselIndex].classList.remove('active');
        carouselIndex = (carouselIndex + 1) % slides.length;
        slides[carouselIndex].classList.add('active');
    });
}

setInterval(cycleHero, 3000);
setInterval(cycleCarousels, 2000);

document.addEventListener('DOMContentLoaded', () => {
    document.querySelectorAll('.slide, .hero-slide').forEach((slide, i) => {
        if (i === 0) slide.classList.add('active');
    });
});