/* Minification failed. Returning unminified contents.
(1,10): run-time error CSS1030: Expected identifier, found 'addEventListener('
(1,10): run-time error CSS1031: Expected selector, found 'addEventListener('
(1,10): run-time error CSS1025: Expected comma or open brace, found 'addEventListener('
(67,2): run-time error CSS1019: Unexpected token, found ')'
 */
document.addEventListener("DOMContentLoaded", function () {
    let heroSwiper = new Swiper(".hero__slider", {
        loop: true,
        spaceBetween: 0,
        slidesPerView: 1,
        allowTouchMove: true,
        navigation: {
            nextEl: ".hero__slide-next",
            prevEl: ".hero__slide-prev",
        },
        autoplay: {
            delay: 3000,
        },
    });

    const catalogSearchForm = document.querySelector("#catalogSearchForm");
    const catalogSearchTitle = catalogSearchForm.querySelector("h2")
    catalogSearchTitle.addEventListener('click', function () {
        if (window.scrollY > 100)
            return;

        const header = document.querySelector('header');
        const headerHeight = header ? header.offsetHeight : 0;
        let targetPosition = catalogSearchForm.getBoundingClientRect().top + window.scrollY - headerHeight;

        if (window.innerWidth <= 768) {
            const mobileOffset = 80;
            targetPosition += mobileOffset;
        }

        window.scrollTo({
            top: targetPosition,
            behavior: "smooth"
        });
    });

    const sliders = document.querySelectorAll('.popular__content');
    sliders.forEach(content => {
        const swiperContainer = content.querySelector('.popular__slider');
        const prevButton = content.querySelector('.popular__slide-prev');
        const nextButton = content.querySelector('.popular__slide-next');
        new Swiper(swiperContainer, {
            loop: true,
            spaceBetween: 20,
            slidesPerView: 1,
            allowTouchMove: true,
            navigation: {
                nextEl: nextButton,
                prevEl: prevButton,
            },
            autoplay: {
                delay: 3000,
            },
            breakpoints: {
                480: {
                    slidesPerView: 1,
                },
                768: {
                    slidesPerView: 3,
                },
                1000: {
                    slidesPerView: 4,
                },
            },
        });
    });
});