Проблема с fancy box?

IvanU7n, благодарю от всей души, глупая ошибка но сам бы я ее точно не нашел)

Проблема с fancy box?

IvanU7n, Я получается тег ссылки сделал на кирилице?

Проблема с fancy box?

Вот почему библиотеки подключаются где то не в том месте я лично понять не могу. Приложу изображение кода что библиотеки вынесены отдельно. Насчет data-fancybox="galery_1" вот она как раз таки и решает проблему но я четко уверен что по хорошему нужно сделать все по уму а не вот этот костыль , который я придумал в попытке хоть как то это починить.

Проблема с fancy box?

кода вызова fancyBox нет он я так понял может работать без js, чисто на data-fancybox, насчет атрибута href в диве возможно вы правы и его не стоило использовать. Код слайдера прикладываю ниже.

<div class="swiper mySwiper">
    <div class="swiper-wrapper">
        <div class="swiper-slide slide_1" data-fancybox="galery_0" href="./css/img/1_1.jpg">
            <img class="slide_rout_text" src="./css/img/glass_text.png" alt="">
            <div class="slide_details">
                <p>Подробнее</p>
            </div>
        </div>
        <div class="swiper-slide slide_2" data-fancybox="galery_2" href="./css/img/main_2.jpg">
            <img class="slide_rout_text" src="./css/img/glass_text.png" alt="">
            <div class="slide_details">
                <p>Подробнее</p>
            </div>
        </div>
    </div>
    <div class="swiper-pagination"></div>

</div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>

и Собственно его настройки в js.

const swiper = new Swiper(".mySwiper", {
    slidesPerView: 3,
    variableWidth: true,
    swipeToSlide: true,
    breakpoints: {
        1024: {
            grid: {
                rows: 2,
            },
        },

        900: {
            // loop: true,
            grid: {
                rows: 2,
            },
            slidesPerView: 2,
            pagination: {
                el: ".swiper-pagination",
                clickable: true,
                dynamicBullets: true
            },
            navigation: {
                nextEl: ".swiper-button-next",
                prevEl: ".swiper-button-prev",
            },
        }
        ,
        700: {
            // loop: true,
            grid: {
                rows: 1,
            },
            slidesPerView: 2,
            pagination: {
                el: ".swiper-pagination",
                clickable: true,
                dynamicBullets: true
            },

        }
        ,
        300: {
            loop: true,

            grid: {
                rows: 1,
            },

            centerInsufficientSlides: true,
            centeredSlidesBounds: true,
            slidesPerView: 1,

            pagination: {
                el: ".swiper-pagination",
                clickable: true,
                dynamicBullets: true
            },
            rewind: true,


        }

    }
});

Буду рад получить даже просто советы по коду.