<section class="content-with-slider-section">
    <div class="content-with-slider-section__head">
        <span class="content-with-slider-section__title" data-desktop-text="Популярные бренды аккумуляторов"><i>Популярные бренды</i></span>
        <button class="content-with-slider-section__head__btn">
            <span class="content-with-slider-section__head__btn__label" data-desktop-text="Показать все"><i>Все</i></span>
            <svg class="content-with-slider-section__head__btn__icon"><use xlink:href="/sprite.svg#angle-right"></use></svg>
        </button>
    </div>

    <div class="content-with-slider-section__slider" data-popular-brands-akb-slider>
        <div class="swiper-slider">
            <div class="swiper-wrapper">
                <a href="" class="swiper-slide popular-brands-akb-slide">
                    <div class="popular-brands-akb-slide__logo" style="--bg-brand-color: #000">
                        <img src="/images/popular-brands-akb/1.png" alt="" srcset="/images/popular-brands-akb/1@2x.png 2x" class="popular-brands-akb-slide__logo__img">
                    </div>
                    <span class="popular-brands-akb-slide__name">Alphaline</span>
                </a>
                <a href="" class="swiper-slide popular-brands-akb-slide">
                    <div class="popular-brands-akb-slide__logo" style="--bg-brand-color: #E9722E">
                        <img src="/images/popular-brands-akb/2.png" alt="" srcset="/images/popular-brands-akb/2@2x.png 2x" class="popular-brands-akb-slide__logo__img">
                    </div>
                    <span class="popular-brands-akb-slide__name">Delkor</span>
                </a>
                <a href="" class="swiper-slide popular-brands-akb-slide">
                    <div class="popular-brands-akb-slide__logo" style="--bg-brand-color: #CE0C2C">
                        <img src="/images/popular-brands-akb/3.png" alt="" srcset="/images/popular-brands-akb/3@2x.png 2x" class="popular-brands-akb-slide__logo__img">
                    </div>
                    <span class="popular-brands-akb-slide__name">Mutlu</span>
                </a>
                <a href="" class="swiper-slide popular-brands-akb-slide">
                    <div class="popular-brands-akb-slide__logo" style="--bg-brand-color: #0766A4">
                        <img src="/images/popular-brands-akb/4.png" alt="" srcset="/images/popular-brands-akb/4@2x.png 2x" class="popular-brands-akb-slide__logo__img">
                    </div>
                    <span class="popular-brands-akb-slide__name">Tab</span>
                </a>
                <a href="" class="swiper-slide popular-brands-akb-slide">
                    <div class="popular-brands-akb-slide__logo" style="--bg-brand-color: #ED1C24">
                        <img src="/images/popular-brands-akb/5.png" alt="" srcset="/images/popular-brands-akb/5@2x.png 2x" class="popular-brands-akb-slide__logo__img">
                    </div>
                    <span class="popular-brands-akb-slide__name">Topla</span>
                </a>
                <a href="" class="swiper-slide popular-brands-akb-slide">
                    <div class="popular-brands-akb-slide__logo" style="--bg-brand-color: #2D3192">
                        <img src="/images/popular-brands-akb/6.png" alt="" srcset="/images/popular-brands-akb/6@2x.png 2x" class="popular-brands-akb-slide__logo__img">
                    </div>
                    <span class="popular-brands-akb-slide__name">Тюмень</span>
                </a>
                <a href="" class="swiper-slide popular-brands-akb-slide">
                    <div class="popular-brands-akb-slide__logo" style="--bg-brand-color: #004EA1">
                        <img src="/images/popular-brands-akb/7.png" alt="" srcset="/images/popular-brands-akb/7@2x.png 2x" class="popular-brands-akb-slide__logo__img">
                    </div>
                    <span class="popular-brands-akb-slide__name">Varta</span>
                </a>
                <a href="" class="swiper-slide popular-brands-akb-slide">
                    <div class="popular-brands-akb-slide__logo" style="--bg-brand-color: #FFBA00">
                        <img src="/images/popular-brands-akb/8.png" alt="" srcset="/images/popular-brands-akb/8@2x.png 2x" class="popular-brands-akb-slide__logo__img">
                    </div>
                    <span class="popular-brands-akb-slide__name">Аком</span>
                </a>
            </div>
        </div>
    </div>
</section>