{% extends 'layouts/main.twig' %}

{% block main %}
    {% include "components/bread-crumbs.twig" %}

    <div class="product-card-head-desktop">
        <h1 class="product-card-head-desktop__title">Аккумулятор Varta Silver Dynamic C6 52Ач 520А 552 401 052, обратная полярность</h1>

        <div class="product-card-head-desktop__inf">
            <span class="product-card-head-desktop__inf__default-text">Арт. 362842</span>
            <div class="product-card-head-desktop__inf__rating">
                <div class="stars-rate stars-rate--small" style="--rate: 5"></div>
                <span>4,9</span>
            </div>
            <a href="" class="product-card-head-desktop__inf__default-text">125 отзывов</a>
            <button class="product-card-head-desktop__inf__btn" x-data="{ active: false }" @click.prevent="active = !active" :class="{ active }">
                <svg x-bind:style="active && { color: '#1f895b' }"><use :href="'/sprite.svg#' + (!active ? 'control-signal' : 'signal-fill')"></use></svg>
                <span>Сравнить</span>
            </button>
            <button class="product-card-head-desktop__inf__btn" x-data="{ active: false }" @click.prevent="active = !active" :class="{ active }">
                <svg x-bind:style="active && { color: '#ed0a34' }"><use :href="'/sprite.svg#' + (!active ? 'control-heart' : 'heart-fill')"></use></svg>
                <span>В избранное</span>
            </button>
            <div class="product-card-head-desktop__inf__fill"></div>
            <button class="product-card-head-desktop__inf__btn" data-dropdown-tippy>
                <svg><use xlink:href="/sprite.svg#share"></use></svg>
                <span>Поделиться</span>
                <template data-dropdown-template-tippy>
                    <div class="shared-dropdown">
                        <a href="" class="shared-dropdown-link">
                            <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"></path>
                                <defs>
                                    <linearGradient id="b427707573ba4f44977e086b93acfdac" x1="1101" x2="1101" y1="3" y2="1812.7" gradientUnits="userSpaceOnUse">
                                        <stop stop-color="#2AABEE"></stop>
                                        <stop offset="1" stop-color="#229ED9"></stop>
                                    </linearGradient>
                                </defs>
                            </svg>
                        </a>
                        <a href="" class="shared-dropdown-link">
                            <svg><use xlink:href="/sprite.svg#shared-whatsapp"></use></svg>
                        </a>
                        <a href="" class="shared-dropdown-link">
                            <svg><use xlink:href="/sprite.svg#shared-vk"></use></svg>
                        </a>
                        <a href="" class="shared-dropdown-link">
                            <svg><use xlink:href="/sprite.svg#shared-ok"></use></svg>
                        </a>
                        <a 
                            href="https://test.ru/path" 
                            class="shared-dropdown-link" 
                            style="color: #737373" 
                            x-data="{
                                copyToClipboard() {
                                    navigator.clipboard.writeText(this.$el.href).then(() => {
                                        alert('Ссылка скопирована')
                                    }).catch(err => {
                                        alert('Не удалось скопировать ссылку')
                                    });
                                }
                            }"
                            @click.prevent="copyToClipboard()"
                        >
                            <svg><use xlink:href="/sprite.svg#copy"></use></svg>
                        </a>
                    </div>
                </template>
            </button>
        </div>
    </div>

    <div class="product-card-grid">
        {# Фото #}
        <div class="product-card-grid__photo">
            <div class="product-card-grid__photo__slider" data-product-card-photo-slider>
                <div class="swiper-slider">
                    <div class="swiper-wrapper">
                        {% for item in range(1, 6) %}
                            <div class="swiper-slide product-card-grid__photo__slide">
                                <img src="/images/product-card/1.png" alt="" srcset="/images/product-card/1@2x.png 2x">
                            </div>
                        {% endfor %}
                    </div>
                    <div class="swiper-pagination custom-swiper-pagination"></div>
                    <button class="product-card-grid__photo__slide-prev">
                        <svg><use xlink:href="/sprite.svg#angle-left"></use></svg>
                    </button>
                    <button class="product-card-grid__photo__slide-next">
                        <svg><use xlink:href="/sprite.svg#angle-right"></use></svg>
                    </button>
                </div>

                <div class="product-card-grid__photo__labels">
                    <div class="product-card-grid__photo__label">Хит продаж</div>
                    <div class="product-card-grid__photo__label product-card-grid__photo__label--accent-bg">Установка бесплатно</div>
                </div>
            </div>

            <div class="product-card-head-mobile">
                <h1 class="product-card-head-mobile__title">Аккумулятор Varta Silver Dynamic C6 52Ач 520А 552 401 052, обр. полярность</h1>

                <div class="product-card-head-mobile__inf">
                    <div class="product-card-head-mobile__inf__text-with-icon">
                        <svg><use xlink:href="/sprite.svg#battery-md"></use></svg>
                        <span>75Ач</span>
                    </div>
                    <span class="product-card-head-mobile__inf__default-text">Обр. полярность</span>
                    <span class="product-card-head-mobile__inf__default-text">250х175х225 мм</span>
                    <span class="product-card-head-mobile__inf__default-text">Арт. 362842</span>
                    <div class="product-card-head-mobile__inf__rating">
                        <div class="stars-rate" style="--rate: 5"></div>
                        <span>4,9</span>
                    </div>
                    <a href="" class="product-card-head-mobile__inf__default-text">125 отзывов</a>
                    <button class="product-card-head-mobile__inf__text-with-icon">
                        <svg><use xlink:href="/sprite.svg#control-signal"></use></svg>
                        <span>Сравнить</span>
                    </button>
                    <button class="product-card-head-mobile__inf__text-with-icon">
                        <svg><use xlink:href="/sprite.svg#control-heart"></use></svg>
                        <span>В избранное</span>
                    </button>
                </div>
            </div>
        </div>

        {# Расчеты #}
        <div class="product-card-grid__estimation">
            <div class="product-card-grid__estimation-block product-card-grid__estimation-block--gap10" x-data="{ discount: false }">
                <label class="input-tumbler">
                    <input type="checkbox" x-model="discount">
                    <div class="input-tumbler__box"></div>
                    <p class="input-tumbler__text">Обмен на старый аккумулятор</p>
                </label>
                <div class="product-card-grid__estimation-block__price">
                    <span class="product-card-grid__estimation-block__price-current">6 400 ₽</span>
                    <span class="product-card-grid__estimation-block__price-discount" x-show="discount">-500₽</span>
                    <span class="product-card-grid__estimation-block__price-sale">6 900 ₽</span>
                </div>
                <div class="product-card-grid__estimation-block__status">
                    <span>Наличие</span>
                    <b>Много</b>
                </div>
                <div class="product-card-grid__estimation-block__checkout">
                    <button class="product-card-grid__estimation-block__checkout-btn" data-product-in-cart-popup-btn="677465d8-5ef9-4d48-a205-4e7db226e080">
                        <svg><use xlink:href="/sprite.svg#cart"></use></svg>
                        <span>В корзину</span>
                        <template data-product-in-cart-popup="677465d8-5ef9-4d48-a205-4e7db226e080">
                            <div class="product-in-cart-popup">
                                <button class="product-in-cart-popup__close-btn">
                                    <svg><use xlink:href="sprite.svg#close"></use></svg>
                                </button>

                                <div class="product-in-cart-popup__content">
                                    <span class="product-in-cart-popup__title">Товар добавлен в корзину</span>

                                    <div class="product-in-cart-popup__product">
                                        <div class="product-in-cart-popup__product-cover">
                                            <img src="/images/products/p-1.png" alt="" srcset="/images/products/p-1@2x.png 2x">
                                        </div>
                                        <p class="product-in-cart-popup__product-name">Delkor 75D23L 65Ач 550А, ОП, стандартные клеммы</p>
                                        <span class="product-in-cart-popup__product-price">6 400 ₽</span>
                                    </div>

                                    <div class="product-in-cart-popup__footer">
                                        <button class="product-in-cart-popup__btn">Купить в 1 клик</button>
                                        <button class="product-in-cart-popup__btn product-in-cart-popup__btn--primary">Продолжить покупки</button>
                                    </div>
                                </div>
                            </div>
                        </template>
                    </button>
                    <button class="product-card-grid__estimation-block__checkout-btn product-card-grid__estimation-block__checkout-btn--primary" data-modal-btn="51099b9a-d832-4ce2-954f-65d418ba933c">
                        Купить в 1 клик
                        <template data-modal-idx="51099b9a-d832-4ce2-954f-65d418ba933c">
                            {% include "components/modals/bid-discount.twig" %}
                        </template>
                    </button>
                </div>
                <p class="product-card-grid__estimation-block__checkout-desc">*Скидка при при условии сдачи старого аккумулятора аналогичной ёмкости</p>
                <button class="product-card-grid__estimation-block__offer-btn" data-modal-btn="20b7283b-6550-4c7a-8410-c64d55366a50">
                    <b>Нашли дешевле?</b>
                    <span>Сделаем скидку</span>
                    <div class="product-card-grid__estimation-block__offer-btn__icon">
                        <svg><use xlink:href="/sprite.svg#angle-right"></use></svg>
                    </div>
                    <template data-modal-idx="20b7283b-6550-4c7a-8410-c64d55366a50">
                        {% include "components/modals/bid-discount.twig" %}
                    </template>
                </button>
            </div>
            <div class="product-card-grid__estimation-block product-card-grid__estimation-block--gap14">
                <ul class="product-card-grid__estimation-block__delivery-list">
                    <li class="product-card-grid__estimation-block__delivery-item">
                        <div class="product-card-grid__estimation-block__delivery-item__icon">
                            <svg><use xlink:href="/sprite.svg#delivered"></use></svg>
                        </div>
                        <div class="product-card-grid__estimation-block__delivery-item__main">
                            <span>Доставим курьером</span>
                            <p>Завтра – 300 ₽ (500 ₽ за МКАД)*</p>
                        </div>
                    </li>
                    <li class="product-card-grid__estimation-block__delivery-item">
                        <div class="product-card-grid__estimation-block__delivery-item__icon">
                            <svg><use xlink:href="/sprite.svg#package"></use></svg>
                        </div>
                        <div class="product-card-grid__estimation-block__delivery-item__main">
                            <span>Самовывоз из магазина</span>
                            <p>Сегодня – бесплатно*</p>
                        </div>
                    </li>
                </ul>
                <p class="product-card-grid__estimation-block__delivery-desc">*При условии подтверждения от менеджера</p>
            </div>
        </div>

        {# Характеристики #}
        <div class="product-card-grid__characteristics">
            <div class="product-card-grid__characteristics__content">
                <span class="product-card-grid__characteristics__title">Характеристики</span>
                <ul class="product-card-grid__characteristics__list">
                    <li class="product-card-grid__characteristics__item"><span>Габариты (мм)</span><span>242х175х190</span></li>
                    <li class="product-card-grid__characteristics__item"><span>Тип корпуса</span><span>31L/R азиатский</span></li>
                    <li class="product-card-grid__characteristics__item"><span>Гарантия</span><span>48 мес</span></li>
                    <li class="product-card-grid__characteristics__item"><span>Ёмкость</span><span>65</span></li>
                    <li class="product-card-grid__characteristics__item"><span>Полярность</span><span>Обратная</span></li>
                    <li class="product-card-grid__characteristics__item"><span>Страна</span><span>Тайланд</span></li>
                    <li class="product-card-grid__characteristics__item"><span>Производитель</span><span>Delkor</span></li>
                    <li class="product-card-grid__characteristics__item"><span>Габариты (мм)</span><span>242х175х190 мм</span></li>
                </ul>
            </div>

            <div class="product-card-grid__characteristics__labels">
                <button class="product-card-grid__characteristics__label">
                    <div class="product-card-grid__characteristics__label__img">
                        <img src="/images/product-card/icons/1.png" alt="" srcset="/images/product-card/icons/1@2x.png 2x">
                    </div>
                    <div class="product-card-grid__characteristics__label__main">
                        <b>Аккумуляторы Varta</b>
                        <span>Бренд</span>
                    </div>
                </button>
                <button class="product-card-grid__characteristics__label">
                    <div class="product-card-grid__characteristics__label__img">
                        <img src="/images/product-card/icons/2.png" alt="" srcset="/images/product-card/icons/2@2x.png 2x">
                    </div>
                    <div class="product-card-grid__characteristics__label__main">
                        <b>Аккумуляторы 52 Ah</b>
                        <span>Подборка</span>
                    </div>
                </button>
            </div>
        </div>
    </div>

    <div class="product-card-tabs-wrapper" x-data="{ tabIndex: 1 }">
        <div class="product-card-tabs-slider" data-product-card-tabs-slider>
            <div class="swiper-slider">
                <div class="swiper-wrapper">
                    {% for item in ["Описание и характеристики", "Отзывы", "Вопросы", "Гарантия", "Доставка и оплата", "Совместимость"] %}
                        {% if item == 'Отзывы' or item == 'Вопросы' %}
                            <div 
                                class="swiper-slide product-card-tab-slide"
                                x-data="{
                                    handleClick() {
                                        const section = document.querySelector('.reviews-and-questions-section')
                                        const button = document.querySelector('[data-action-name=\'{{ item }}\']')
                                        
                                        if(section) {
                                            button.click()
                                            section.scrollIntoView({ behavior: 'smooth', block: 'start' })
                                        }

                                    }
                                }"
                                @click.prevent="handleClick"
                            >{{ item }}</div>
                        {% else %}
                            <div class="swiper-slide product-card-tab-slide" :class="{ active: tabIndex === {{ loop.index }} }" @click="tabIndex = {{ loop.index }}">{{ item }}</div>
                        {% endif %}
                    {% endfor %}
                </div>
            </div>
        </div>

        <div class="product-card-tab-desc-container" x-show="tabIndex === 1">
            <span class="product-card-tab-desc-container__title">Описание и характеристики</span>
            <div class="product-card-tab-desc-container__text">
                <p>Аккумуляторная батарея модельного ряда Silver Dynamiс отличается улучшенными энергетическими показателями.</p>
                <p>Применение отлично зарекомендовавшего себя сплава, легированного серебром, гарантирует повышенный срок службы батареи.</p>
                <p>Модельный ряд Silver Dynamic разработан для автомобилей с мощными моторами и большой энергооснащенностью. Рекордно высокий стартерный ток и дополнительная емкость (в сравнении с другими аккумуляторами аналогичных типоразмеров) обеспечивают уверенный пуск двигателя в экстремальных климатических условиях.</p>
                <p>Рекомендуются также для пуска дизельных двигателей и эксплуатации в экстремальных температурных условиях.</p>
            </div>
            <div class="product-card-tab-desc-container__grid">
                <ul class="product-card-tab-desc-container__list">
                    <li><span>Емкость</span><a href="">52</a></li>
                    <li><span>Полярность</span><a href="">Обратная</a></li>
                    <li><span>Пусковой ток</span><span>520</span></li>
                    <li><span>Бренд</span><a href="">Varta</a></li>
                    <li><span>Габариты (мм)</span><span>207х175х175</span></li>
                    <li><span>Страна</span><a href="">Чехия</a></li>
                </ul>
                <ul class="product-card-tab-desc-container__list">
                    <li><span>Тип корпуса</span><span>L1 европейский</span></li>
                    <li><span>Технология</span><span>Ca/Ca</span></li>
                    <li><span>Тип токовывода</span><span>Стандартные клеммы</span></li>
                    <li><span>Гарантия</span><span>24 месяца</span></li>
                    <li><span>Доставка</span><span>Сегодня</span></li>
                    <li><span>Серия</span><span>SILVER DYNAMIC</span></li>
                </ul>
            </div>
        </div>

        <div class="product-card-tab-guarantee-container" x-show="tabIndex === 4">
            <span class="product-card-tab-guarantee-container__title">Гарантия</span>
            <div class="product-card-tab-guarantee-container__text">
                <p>На все аккумуляторные батареи, реализуемые магазином CarAkb, распространяется фирменная гарантия по Москве и Московской области. Срок гарантии исчисляется с момента продажи.</p>
                <p>При наступлении гарантийного случая необходимо предоставить аккумулятор в чистом виде в наш магазин для дальнейшего гарантийного обслуживания. При себе необходимо иметь гарантийный талон и кассовый чек.</p>
            </div>
            <div class="product-card-tab-guarantee-container__grid">
                <div class="product-card-tab-guarantee-container__item">
                    Гарантия предоставляется только при правильно и полностью заполненном гарантийном талоне. Гарантия предоставляется с даты покупки АКБ на срок, указанный в талоне.
                </div>
                <div class="product-card-tab-guarantee-container__item">
                    Замена АКБ производится только по выявленным дефектам производственного характера, установленным в гарантийном сервисном центре. (короткое замыкание, дефект межэлектродной сварки)
                </div>
                <div class="product-card-tab-guarantee-container__item">
                    Потеря технических характеристик в процессе эксплуатации (пусковой ток, емкость батареи, разряд батареи) не является показателем брака
                </div>
            </div>
            <a href="" class="product-card-tab-guarantee-container__link">Подробнее об условиях гарантии</a>
        </div>

        <div class="product-card-tab-delivery-container" x-show="tabIndex === 5">
            <span class="product-card-tab-delivery-container__title">Доставка и оплата</span>
            <div class="product-card-tab-delivery-container__text">
                <p>Доставка аккумуляторов по Москве и за МКАД осуществляется ежедневно.</p>
                <p>Осуществляем доставка товар собственной курьерской службой с 8 утра и до самой поздней ночи. Все курьеры обучены и имеют при себе необходимый инструмент для замены аккумулятора. Также мы можем отправить ваш заказ в регионы любой транспортной компанией на ваш выбор.</p>
            </div>
            <div class="product-card-tab-delivery-container__grid">
                <div class="product-card-tab-delivery-container__item">
                    <span>При заказе до 14:00</span>
                    <p>доставка осуществляется день в день</p>
                </div>
                <div class="product-card-tab-delivery-container__item">
                    <span>При заказе после 14:00</span>
                    <p>на следующий день</p>
                </div>
                <div class="product-card-tab-delivery-container__item">
                    <span>Срочная доставка</span>
                    <p>Оплачивается отдельно, привезем в течение 2-3 часов</p>
                </div>
            </div>
            <ul class="product-card-tab-delivery-container__conditions">
                <div class="product-card-tab-delivery-container__condition-title">Условия доставки</div>
                <li class="product-card-tab-delivery-container__condition">
                    <p>Курьер заранее предупреждает о времени своего прибытия по адресу (за 30-40 минут).</p>
                </li>
                <li class="product-card-tab-delivery-container__condition">
                    <p>Время ожидания клиента по указанному адресу не более 15 минут.</p>
                </li>
                <li class="product-card-tab-delivery-container__condition">
                    <p>Гарантийный талон курьер передает при получении заказа покупателем. Другие документы предоставляются по отдельному запросу покупателя. Сдать старый аккумулятор можно курьеру на месте или позже, самостоятельно в любом магазине CARAKB.RU</p>
                </li>
                <li class="product-card-tab-delivery-container__condition">
                    <p>Доставка осуществляется до подъезда, автомобиля, шлагбаума и т.д.</p>
                </li>
                <li class="product-card-tab-delivery-container__condition">
                    <p>Подъем на этаж с лифтом, подъем на этаж без лифта, спуск в подвал и т.д. оплачивается отдельно.</p>
                </li>
                <li class="product-card-tab-delivery-container__condition">
                    <p>Расстояние рассчитывается за МКАД с помощью сервиса «Яндекс Карты».</p>
                </li>
                <li class="product-card-tab-delivery-container__condition">
                    <p>Доставка осуществляется ежедневно, без выходных.</p>
                </li>
            </ul>
            <div class="product-card-tab-delivery-container__warning">
                <span class="product-card-tab-delivery-container__warning__title">
                    <svg><use xlink:href="/sprite.svg#warning"></use></svg>
                    <span>Внимание!</span>
                </span>
                <p class="product-card-tab-delivery-container__warning__text">Доставка осуществляется без привязки к конкретному времени. Это означает, что вы не можете ограничить время прибытия курьера, внутри подтвержденного интервала доставки.</p>
                <p class="product-card-tab-delivery-container__warning__text product-card-tab-delivery-container__warning__text--gray">В случае отказа от всех доставленных товаров по причинам, не связанным с качеством продукции, получатель оплачивает стоимость доставки (на основании п.3 ст. 497 ГК РФ).</p>
            </div>
            <a href="" class="product-card-tab-delivery-container__link">Подробнее об условиях доставки</a>
        </div>

        <div class="product-card-tab-compatibility-container" x-show="tabIndex === 6">
            <span class="product-card-tab-compatibility-container__title">Совместимость</span>
            <div class="product-card-tab-compatibility-container__grid">
                <div class="product-card-tab-compatibility-container__block">
                    <span class="product-card-tab-compatibility-container__block-title">Caddilac</span>
                    <ul class="product-card-tab-compatibility-container__block-list">
                        {% for item in ["Allante", "ATS", "ATS-V", "BLS", "Brougham", "Catera", "CTS", "CTS-V", "De Ville", "DTS", "Eldorado", "ELR", "Escalade", "Fleetwood", "LSE", "Seville", "XLR", "XT4", "XT6"] %}
                            <li class="product-card-tab-compatibility-container__block-item">{{ item }}</li>
                        {% endfor %}
                    </ul>
                </div>
                <div class="product-card-tab-compatibility-container__block">
                    <span class="product-card-tab-compatibility-container__block-title">Bentley</span>
                    <ul class="product-card-tab-compatibility-container__block-list">
                        {% for item in ["Arnage", "Azure", "Bentayga", "Brooklands", "Continental", "Continental Flying Spur", "Continental GT", "Eight", "Flying Spur"] %}
                            <li class="product-card-tab-compatibility-container__block-item">{{ item }}</li>
                        {% endfor %}
                    </ul>
                </div>
            </div>
        </div>
    </div>

    {% include "components/products-slider-section.twig" with { 
        productsSliderTitle: "Аналоги"
    } %}

    {% include "components/reviews-and-questions-section.twig" %}
    
    {% include "components/promo-slider-section.twig" %}

    {% include "components/products-slider-section.twig" with { 
        productsSliderTitle: "Сопутствующие товары",
        productsSliderMoreHide: true
    } %}

    {% include "components/selection-help-section.twig" %}

    <ul class="company-pluses-section company-pluses-section--content">
        <li class="company-pluses-section__li">
            <div class="company-pluses-section__li__icon">
                <svg><use xlink:href="/sprite.svg#coins"></use></svg>
            </div>
            <div class="company-pluses-section__li__main">
                <span>Выгодные цены</span>
                <p>Официальные представители и представляем лучшие цены</p>
            </div>
        </li>
        <li class="company-pluses-section__li">
            <div class="company-pluses-section__li__icon">
                <svg><use xlink:href="/sprite.svg#mortarboard"></use></svg>
            </div>
            <div class="company-pluses-section__li__main">
                <span>Профессионализм</span>
                <p>Над вашими заказами работают квалицифированные сотрудники</p>
            </div>
        </li>
        <li class="company-pluses-section__li">
            <div class="company-pluses-section__li__icon">
                <svg><use xlink:href="/sprite.svg#delivery-box"></use></svg>
            </div>
            <div class="company-pluses-section__li__main">
                <span>Собственный склад</span>
                <p>На складе находятся все автомобильные аккумуляторы, представленные в каталоге.</p>
            </div>
        </li>
        <li class="company-pluses-section__li">
            <div class="company-pluses-section__li__icon">
                <svg><use xlink:href="/sprite.svg#security"></use></svg>
            </div>
            <div class="company-pluses-section__li__main">
                <span>Гарантия</span>
                <p>На все аккумуляторы гарантия от производителя от 1 года до 4 лет</p>
            </div>
        </li>
    </ul>

    {% include "components/products-slider-section.twig" with { 
        productsSliderTitle: "Вы недавно смотрели",
        productsSliderMoreHide: true
    } %}
{% endblock %}