<footer class="footer-container">
    <div class="footer-side-top">
        <a href="" class="footer-logo">
            <img src="/images/logo.svg" alt="">
        </a>
        <ul class="footer-contacts">
            <li class="footer-contact-item">
                <a href="tel:+74951330476" class="footer-contact-item__title">8 (495) 133-04-76</a>
                <p class="footer-contact-item__desc">Ежедневно 9:00-21:00</p>
            </li>
            <li class="footer-contact-item">
                <a href="" class="footer-contact-item__title" data-modal-btn="443831f2-2971-4421-9d7c-0955a4678a56">info@carakb.ru</a>
                <template data-modal-idx="443831f2-2971-4421-9d7c-0955a4678a56">
                    {% include "modals/help-akb.twig" %}
                </template>
                <p class="footer-contact-item__desc">Email для связи</p>
            </li>
        </ul>
        <a href="" class="footer-ya-rating">
            <div class="footer-ya-rating__icon">
                <svg><use xlink:href="/sprite.svg#social-ya"></use></svg>
            </div>
            <div class="footer-ya-rating__main">
                <div class="footer-ya-rating__rate__wrapper">
                    <span class="footer-ya-rating__rate__value">5,0</span>
                    <div class="stars-rate" style="--rate: 5"></div>
                </div>
                <p class="footer-ya-rating__rate__text">Рейтинг организации</p>
            </div>
        </a>
        <div class="footer-feedbacks">
            <a href="" class="footer-feedback__social-item">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
                    <path fill="url(#b427707573ba4f44977e086b93acfdac)" stroke="#1F895B" stroke-width=".024"
                        d="M21.883 3.012c.083-.002.217.008.361.043.144.034.297.093.416.19.201.163.258.384.284.541.027.157.061.516.035.795-.305 3.203-1.624 10.975-2.295 14.563-.284 1.517-.842 2.018-1.374 2.067-.585.054-1.1-.139-1.612-.44-.256-.15-.51-.327-.773-.513-.262-.186-.532-.383-.817-.57-.891-.584-1.589-1.057-2.28-1.528-.69-.47-1.376-.937-2.241-1.508-.5-.329-.791-.62-.932-.89a.828.828 0 0 1-.022-.76c.107-.244.312-.485.562-.74.125-.127.262-.257.403-.393.14-.136.285-.277.427-.425.15-.154 1.52-1.41 2.866-2.681a89.096 89.096 0 0 0 1.843-1.783c.253-.253.465-.473.618-.644.075-.085.136-.158.18-.217a.912.912 0 0 0 .053-.077.215.215 0 0 0 .025-.056.494.494 0 0 0 .002-.164.337.337 0 0 0-.1-.206.316.316 0 0 0-.214-.073.954.954 0 0 0-.215.03.353.353 0 0 0-.068.03 3.194 3.194 0 0 0-.128.073c-.106.062-.254.154-.443.274-.378.24-.923.596-1.635 1.067a513 513 0 0 0-2.637 1.757l-3.639 2.449c-.807.554-1.537.823-2.19.81-.36-.009-.887-.11-1.454-.253a26.621 26.621 0 0 1-1.69-.493c-.636-.206-1.204-.363-1.602-.557-.2-.096-.355-.2-.455-.324a.551.551 0 0 1-.124-.436c.022-.178.156-.36.406-.546.25-.186.614-.373 1.093-.564C8.424 8.286 12.362 6.59 14.332 5.77c2.813-1.17 4.511-1.857 5.602-2.252 1.09-.396 1.571-.5 1.95-.507Z" />
                    <defs>
                        <linearGradient id="b427707573ba4f44977e086b93acfdac" x1="1101" x2="1101" y1="3" y2="1812.7"
                            gradientUnits="userSpaceOnUse">
                            <stop stop-color="#2AABEE" />
                            <stop offset="1" stop-color="#229ED9" />
                        </linearGradient>
                    </defs>
                </svg>
            </a>
            <a href="" class="footer-feedback__social-item">
                <svg><use xlink:href="/sprite.svg#footer-whatsapp"></use></svg>
            </a>
            <button class="footer-feedback__btn-item" data-modal-btn="ccd6cd7b-3da9-43a2-91e4-0557a8d485d2">
                <svg><use xlink:href="/sprite.svg#phone"></use></svg>
                <span>Заказать звонок</span>
            </button>
        </div>
    </div>

    <div class="footer-side-center">
        <div class="footer-location-item">
            <div class="footer-location-item__icon">
                <svg><use xlink:href="/sprite.svg#location"></use></svg>
            </div>
            <div class="footer-location-item__main">
                <span class="footer-location-item__title">Алтуфьево</span>
                <p class="footer-location-item__desc">Алтуфьевское шоссе владение 77Б</p>
            </div>
        </div>
        <div class="footer-location-item">
            <div class="footer-location-item__icon">
                <svg><use xlink:href="/sprite.svg#location"></use></svg>
            </div>
            <div class="footer-location-item__main">
                <span class="footer-location-item__title">Мытищи</span>
                <p class="footer-location-item__desc">Новомытищинский пр-кт, вл 47, кор 2</p>
            </div>
        </div>
        <div class="footer-location-item">
            <div class="footer-location-item__icon">
                <svg><use xlink:href="/sprite.svg#location"></use></svg>
            </div>
            <div class="footer-location-item__main">
                <span class="footer-location-item__title">Пражская</span>
                <p class="footer-location-item__desc">ул. Подольских Курсантов д.3 стр.29</p>
            </div>
        </div>
        <div class="footer-location-item">
            <div class="footer-location-item__icon">
                <svg><use xlink:href="/sprite.svg#location"></use></svg>
            </div>
            <div class="footer-location-item__main">
                <span class="footer-location-item__title">Кузьминки</span>
                <p class="footer-location-item__desc">Ташкентская 28с1 109472 Москва</p>
            </div>
        </div>
    </div>
    
    <div class="footer-side-bottom">
        <div class="footer-mega-menu">
            <div class="footer-menu">
                <span class="footer-menu__title">Компания</span>
                {% for item in ["О компании", "Блог", "Новости", "Контакты", "Отзывы", "Реквизиты", "Вакансии"] %}
                    <a href="" class="footer-menu__link">{{ item }}</a>
                {% endfor %}
            </div>
            <div class="footer-menu">
                <span class="footer-menu__title">Покупателям</span>
                {% for item in ["Вопрос-ответ", "Акции и скидки", "Доставка и оплата", "Гарантия", "Подбор Акб", "Оптовые продажи"] %}
                    <a href="" class="footer-menu__link">{{ item }}</a>
                {% endfor %}
            </div>
            <div class="footer-menu">
                <span class="footer-menu__title">Каталог</span>
                {% for item in ["Легковые", "Грузовые", "Седельные тягачи", "Автобусы", "Сельхоз. техника", "Экскаваторы", "Автокраны"] %}
                    <a href="" class="footer-menu__link">{{ item }}</a>
                {% endfor %}
            </div>
            <div class="footer-menu">
                <span class="footer-menu__title">Услуги</span>
                {% for item in ["Зарядка АКБ", "Адаптация АКБ", "Установка АКБ", "Выкуп АКБ", "Проверка генератора", "Узнать дату пр-ва АКБ"] %}
                    <a href="" class="footer-menu__link">{{ item }}</a>
                {% endfor %}
            </div>
        </div>

        <div class="footer-offers">
            <div class="footer-offers__list">
                {% for item in ["Политика конфиденциальности", "Обработка персональных данных", "Согласие на обработку в «Яндекс.Метрика»", "Карта сайта", "Публичная оферта"] %}
                    <a href="" class="footer-offers__item">{{ item }}</a>
                {% endfor %}
                <p class="footer-offers__copy">&copy; CARAKB 2025. Все права защищены</p>
            </div>
            <div class="footer-offers__payments">
                {% for item in ["card", "sbp", "mir"] %}
                    <svg class="footer-offers__payment-item"><use xlink:href="sprite.svg#footer-{{ item }}"></use></svg>
                {% endfor %}
            </div>
        </div>
    </div>

    <template data-modal-idx="ccd6cd7b-3da9-43a2-91e4-0557a8d485d2">
        {% include "modals/help-akb.twig" %}
    </template>
</footer>