function initPopupGallery() {
    setTimeout(function() {
        const mainSliderID = document.getElementById('popup-gallery__main-slider').getAttribute('data-script-id');
        const subSliderID = document.getElementById('popup-gallery__sub-slider').getAttribute('data-script-id');

        const prevArrow = document.querySelector('.popup-gallery__arrow--previous');
        const nextArrow = document.querySelector('.popup-gallery__arrow--next');
        const subSliderContainer = document.getElementById('sub-slider__container');

        const mainSlider = window.bricksData?.splideInstances[mainSliderID] || false;
        const subSlider = window.bricksData?.splideInstances[subSliderID] || false;

        const numberOfSlides = mainSlider.length;

        checkResponsiveness();
        window.addEventListener('resize', checkResponsiveness);

        subSlider.options = {
            breakpoints: {
                479: {
                    perPage: 3
                },
                768: {
                    perPage: 4
                },
                992: {
                    fixedWidth: 170
                },
                10000: {
                    fixedWidth: 170
                }
            }
        }

        if (mainSlider && subSlider && nextArrow && prevArrow) {
            mainSlider.on('move', function(newIndex) {
                newIndex += 1;
                subSlider.go(newIndex);
            });

            // Zsynchronizuj zmiany w subSlider z mainSlider (jeśli konieczne)
            subSlider.on('move', function(newIndex) {
                newIndex -= 1;
                mainSlider.go(newIndex);
            });

            prevArrow.addEventListener('click', function() {
                mainSlider.go('-1');
            });

            nextArrow.addEventListener('click', function() {
                mainSlider.go('+1');
            });
        }

        function checkResponsiveness() {
            const viewportWidth = window.innerWidth;

            if (viewportWidth > 767) {
                subSlider.options = {
                    fixedWidth: 170
                }
                if (numberOfSlides !== 0) {
                    if (numberOfSlides < 4) {
                        var maxWidth = (numberOfSlides * 170) + (35 * (numberOfSlides - 1));
                        console.log(maxWidth);
                        subSliderContainer.style.maxWidth = maxWidth + 'px';
                    } else {
                        subSliderContainer.style.maxWidth = '785px';
                    }
                }
            } else {
                subSliderContainer.style.maxWidth = '100%';
                subSlider.options = {
                    fixedWidth: undefined,
                    perPage: 3
                }
            }
        }
    }, 100)

}