<div class="search-popup-container" data-search-popup>
    <div class="search-popup-section">
        <div class="search-popup-section__head">
            <svg class="search-popup-section__head__icon"><use xlink:href="sprite.svg#accum"></use></svg>
            <span class="search-popup-section__head__title">Популярные аккумуляторы</span>
        </div>

        <div class="search-popup-section__list">
            {% for item in ["Аком 75", "Varta blue dynamic", "Topla 353x175x190", "Voltex 820"] %}
                <a href="" class="search-popup-section__list__item">{{ item }}</a>
            {% endfor %}
        </div>
    </div>

    <div class="search-popup-section">
        <div class="search-popup-section__head">
            <svg class="search-popup-section__head__icon"><use xlink:href="sprite.svg#car"></use></svg>
            <span class="search-popup-section__head__title">Популярные марки авто</span>
        </div>

        <div class="search-popup-section__list">
            {% for item in ["Киа рио 2022", "Хендай солярис", "Ford Focus", "Шкода"] %}
                <a href="" class="search-popup-section__list__item">{{ item }}</a>
            {% endfor %}
        </div>
    </div>

    <a href="" class="search-popup-help-section" data-modal-btn="38f38cf1-11a5-4635-99c1-395946528ec2">
        <div class="search-popup-help-section__text">
            <strong>Не хотите тратить время?</strong>
            <span>Мы подберём аккумулятор за вас</span>
        </div>
        <div class="search-popup-help-section__icon">
            <svg><use xlink:href="/sprite.svg#angle-right"></use></svg>
        </div>
        <template data-modal-idx="38f38cf1-11a5-4635-99c1-395946528ec2">
            {% include "modals/help-akb.twig" %}
        </template>
    </a>
</div>