<div class="reviews-viewer-popup" data-reviews-viewer-popup>
    <div class="reviews-viewer-popup__container">
        <button class="reviews-viewer-popup__close-btn" data-reviews-viewer-popup-close-btn>
            <svg><use xlink:href="/sprite.svg#close"></use></svg>
        </button>
        <div class="swiper-slider" data-reviews-viewer-popup-content>
            <div class="swiper-wrapper">
                {% for item in range(1, 2) %}
                    {% for item in range(1, 5) %}
                        <div class="swiper-slide">
                            <div class="reviews-viewer-popup__content">
                                <img src="/images/reviews/photos/{{ item }}.png" alt="" class="reviews-viewer-popup__content__cover">
                                <div class="reviews-viewer-popup__content__main">
                                    <div class="reviews-viewer-popup__content__head">
                                        <div class="reviews-viewer-popup__content__head__avatar">AB</div>
                                        <div class="reviews-viewer-popup__content__head__user">
                                            <span class="reviews-viewer-popup__content__head__user-name">Андрей Кульков</span>
                                            <span class="reviews-viewer-popup__content__head__user-date">4 августа 2025</span>
                                            <div class="stars-rate" style="--rate: 5"></div>
                                        </div>
                                    </div>
                                    <p class="reviews-viewer-popup__content__text">Отличный магазин! Огромный выбор новых и б/у аккумуляторов. Всё показали, рассказали, подобрали аккумулятор, проверили напряжение под нагрузкой 200А, а также другим прибором ёмкость и выдаваемый пусковой ток. Так же проверили и мой АКБ на машине. Скидка за сдачу старого АКБ. Доступна оплата картой. Гарантия на новые и б/у АКБ. Рекомендую сей магазин!</p>
                                    <div class="reviews-viewer-popup__content__photos">
                                        <a href="" class="reviews-viewer-popup__content__photo-item">
                                            <img src="/images/reviews/photos/1.png" alt="">
                                        </a>
                                        <a href="" class="reviews-viewer-popup__content__photo-item">
                                            <img src="/images/reviews/photos/2.png" alt="">
                                        </a>
                                    </div>
                                    <a href="" class="reviews-viewer-popup__content__social-link">
                                        <svg><use xlink:href="/sprite.svg#social-ya"></use></svg>
                                        <span>Оригинал отзыва</span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    {% endfor %}
                {% endfor %}
            </div>
            <button class="reviews-viewer-popup__nav-btn reviews-viewer-popup__nav-btn--prev">
                <svg><use xlink:href="/sprite.svg#angle-left"></use></svg>
            </button>
            <button class="reviews-viewer-popup__nav-btn reviews-viewer-popup__nav-btn--next">
                <svg><use xlink:href="/sprite.svg#angle-right"></use></svg>
            </button>
        </div>
        <div class="swiper-slider" data-reviews-viewer-popup-gallery>
            <div class="swiper-wrapper">
                {% for item in range(1, 2) %}
                    {% for item in range(1, 5) %}
                        <div class="swiper-slide reviews-viewer-popup__photo-slide">
                            <img src="/images/reviews/photos/{{ item }}.png" alt="">
                        </div>
                    {% endfor %}
                {% endfor %}
            </div>
        </div>
    </div>
</div>