{% set bodyClass = 'main-np' %}
{% set headerClass = 'white' %}
{% extends 'layout.twig' %}
            
            
{% block content %}

    <section class="home">
        <h1 class="home__title invisible">{{ function('pll_e', 'Заголовок (скрытый) H1 на главной') }}</h1>

        <div class="container">
            <div class="home__swiper">
                <div class="swiper-wrapper">    
                    {% for slide in slider %}
                    <div class="swiper-slide">
                        <div class="home__item">
                            <div class="home__block">
                                <h2 class="home__title">{{ slide.slide_title }}</h2>
                                <div class="home__subtitle">{{ slide.slide_description }}</div>
                                <a href="{{ slide.btn_url }}"
                                    class="home__btn"><span>{{ slide.btn_text }}</span> </a>
                            </div>
                            <img src="{{ slide.slide_img }}">
                        </div>
                    </div>
                    {% endfor %}
                </div>
                <div class="home__pagination"></div>
            </div>
        </div>
    </section>

    {% if show_about %}
    <section id="about" class="about">
        <div class="container">
            <div class="about_info-wrap">
                <div class="about_img">
                    <img class="img--desktop"
                        src="{{about_img}}"
                        alt="">
                    <img class="img--mobile"
                        src="{{about_img_m}}"
                        alt="">
                </div>
                <div class="about_info">
                    <h2 class="about_title">{{about_title}}</h2>
                    <p class="about_text">{{about_desc}}</p>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="about_block">
                <div class="about_cards">
                {% for item in about_list %}
                    <div class="about_card">
                        <img src="{{ item.img }}" alt="" class="about_card-gif about_card-gif1">
                        <div class="about_card-info">
                            <h3 class="about_card-title">{{ item.title }}</h3>
                            <p class="about_card-text">{{ item.text }}</p>
                        </div>
                    </div>
                {% endfor %}

                    <div class="about_company">
                        <p class="about_company-text">{{ about_comp_text }}</p>
                        <div class="about_company-logo">

                        {% for item in about_comp_logo %}
                            <img src="{{ item.img }}" alt="">
                        {% endfor %}
                           
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {% if about_rev %}
        <div class="marketplace">
            <div class="container">
                <div class="marketplace__title">{{about_rev_title}}</div>
                <div class="marketplace__swiper">
                    <div class="swiper-wrapper">
                    {% for item in about_rev %}
                        <div class="swiper-slide">
                            <div class="marketplace__slide">
                                <img src="{{ item.img }}"
                                    alt="">
                            </div>
                        </div>
                    {% endfor %}
                    </div>
                </div>
            </div>
        </div>
        {% endif %}

        <div class="container-fluid">
            <div class="about_slider">
                <button class="about_slider_nav next">
                    <img src="/wp-content/themes/cosmopet/static/front-page/img/slider-next.svg" alt="Next">
                </button>
                <button class="about_slider_nav prev">
                    <img src="/wp-content/themes/cosmopet/static/front-page/img/slider-prev.svg" alt="Previous">
                </button>
                <div class="carousel">
                    <div class="carousel-item">
                        <img src="/wp-content/themes/cosmopet/static/front-page/img/about_slider-img1.png" alt="">
                        <div class="slide_info">
                            <h3 class="slide_title">
                                {% if site_region == 'ru' %}МОС и ФОС пребиотики{% elseif site_region == 'ae' %}MOS and FOS prebiotics{% endif %}
                            </h3>
                            <p class="slide_text">
                                {% if site_region == 'ru' %}Поддерживают здоровый баланс микрофлоры кишечника и снижают риск заболеваний ЖКТ{% elseif site_region == 'ae' %}Maintain a healthy balance of intestinal microflora and reduces the risk of intestinal diseases{% endif %}
                            </p>
                        </div>
                    </div>
                    <div class="carousel-item">
                        <img src="/wp-content/themes/cosmopet/static/front-page/img/about_slider-img2.png" alt="">
                        <div class="slide_info">
                            <h3 class="slide_title">
                                {% if site_region == 'ru' %}Омега 3 и жирные кислоты{% elseif site_region == 'ae' %}Omega 3 and fatty acids{% endif %}
                            </h3>
                            <p class="slide_text">
                                {% if site_region == 'ru' %}Улучшают работу мозга и сохраняют его активность, обеспечивают здоровье кожи и блеск шерсти{% elseif site_region == 'ae' %}They improve the functioning of the brain and maintain its normal activity, preserve the health of the skin and the shine of the coat{% endif %}
                            </p>
                        </div>
                    </div>
                    <div class="carousel-item active">
                        <img src="/wp-content/themes/cosmopet/static/front-page/img/about_slider-img3.png" alt="">
                        <div class="slide_info">
                            <h3 class="slide_title">
                                {% if site_region == 'ru' %}Юкка Шидигера{% elseif site_region == 'ae' %}Yucca schidigera{% endif %}
                            </h3>
                            <p class="slide_text">
                                {% if site_region == 'ru' %}Стимулирует пищеварение, связывает вещества, вызывающие неприятный запах фекалий. Результат — регулярный стул с меньшим запахом{% elseif site_region == 'ae' %}It stimulates digestion, even binding the substances responsible for the specific smell of dog and cat faeces. As a result bowel-emptying occurs like clockwork (and with less odour!){% endif %}
                            </p>
                        </div>
                    </div>
                    <div class="carousel-item">
                        <img src="/wp-content/themes/cosmopet/static/front-page/img/about_slider-img4.png" alt="">
                        <div class="slide_info">
                            <h3 class="slide_title">
                                {% if site_region == 'ru' %}Кальций, фосфор и витамин D{% elseif site_region == 'ae' %}Calcium, phosphorus and vitamin D{% endif %}
                            </h3>
                            <p class="slide_text">
                                {% if site_region == 'ru' %}В оптимальном соотношении поддерживают здоровье костей, способствуют восстановлению суставов и подвижности{% elseif site_region == 'ae' %}In their optimal ratio, they support bone health, promote joint restoration and help maintain mobility{% endif %}
                            </p>
                        </div>
                    </div>
                    <div class="carousel-item">
                        <img src="/wp-content/themes/cosmopet/static/front-page/img/about_slider-img5.png" alt="">
                        <div class="slide_info">
                            <h3 class="slide_title">
                                {% if site_region == 'ru' %}Энтопротеин{% elseif site_region == 'ae' %}E-protein{% endif %}
                            </h3>
                            <p class="slide_text">
                                {% if site_region == 'ru' %}Легкоперевариваемый энтопротеин, который к тому же превосходит по питательности традиционное мясо. Будучи новым источником белка, не вызывает аллергии у питомцев{% elseif site_region == 'ae' %}An easily digestible E-protein, nutritionally superior to traditional meat; being a novel source of protein, does not cause allergies in pets{% endif %}
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {% if site_region == 'ru' %}
        <div class="marketplace">
            <div class="container">
                <div class="marketplace__title">отзывы Покупателей</div>

                <div class="marketplace__swiper swiper">
                    <div class="swiper-wrapper">
                        {% for i in 1..9 %}
                            <div class="swiper-slide">
                                <div class="marketplace__slide">
                                    <img src="/wp-content/themes/cosmopet/static/front-page/img/scrollable-{{ i }}.svg" alt="Review {{ i }}">
                                </div>
                            </div>
                        {% endfor %}
                    </div>
                </div>
            </div>
        </div>
        {% endif %}    
    </section>
    {% endif %}


    {% include 'shop/bestsellers.twig' %}


{% if show_rev %}
<section class="reviews">
    <div class="container">
        <h2 class="reviews_title">{{reviews_title}}</h2>
        <div class="reviews_block">
            <div class="reviews_items --visible">
                {% if post.meta('reviews_repeater') %}
                    {% set rv = post.meta('reviews_repeater') %}
                    
                    {# Create three blocks #}
                    {% for i in 0..2 %}
                        {% set block_class = i == 0 ? 'reviews_item1' : (i == 1 ? 'reviews_item2' : 'reviews_item4') %}
                        {% set row_class = i % 2 == 0 ? 'reviews_row reviews_row--left' : 'reviews_row reviews_row--right' %}
                        
                        <div class="{{ row_class }}">
                            <div class="reviews_item {{ block_class }}">
                                <div class="reviews_item-swiper swiper">
                                    <div class="swiper-wrapper">
                                        
                                        {# Output reviews with step 3, starting from current block index #}
                                        {% for j in range(i, rv|length - 1, 3) %}
                                            {% set review = rv[j] %}
                                            <div class="swiper-slide">
                                                <div class="reviews_item-top">
                                                    <div class="reviews_item-name"><b>{{ review.review_name }}</b></div>
                                                    <img src="{{ review.review_image.url }}" alt="" class="reviews_item-img">
                                                </div>
                                                <span>{{ review.review_position }}</span>
                                                <p class="reviews_item-text">{{ review.review_text }}</p>
                                            </div>
                                        {% endfor %}
                                        
                                    </div>
                                </div>
                            </div>
                        </div>
                    {% endfor %}
                {% endif %}
                
                <img src="{{ theme.link }}/static/front-page/img/reviews_person-mob.png" alt="" class="reviews_person-mob">
            </div>
            <img src="{{ theme.link }}/static/front-page/img/pets-reviews.png" alt="" class="reviews_person">
        </div>
    </div>
</section>
{% if site_region == 'ru' %}
<section class="about_us">
    <div class="container">
        <h1 class="about_us-title">О нас пишут СМИ</h1>
        <div class="smi_slider">
            <div class="swiper smiSlider">
                <div class="swiper-wrapper">
                    {% for slide in [
                        {
                            url: 'https://globalpetindustry.com/news/the-advantages-and-disadvantages-of-insect-based-pet-food/',
                            img: '/wp-content/uploads/2025/06/image-3-1.png',
                            alt: 'The advantages and disadvantages of insect-based pet food',
                            date: '08/01/2025',
                            title: 'The advantages and disadvantages of insect-based pet food',
                            logo: '/wp-content/uploads/2025/06/group-1.png',
                            logo_alt: 'Логотип СМИ 1'
                        },
                        {
                            url: 'https://bk.asia-city.com/shopping/news/cosmopet-launches-thailand-nutritious-insect-based-digestible-treats-your-furry',
                            img: '/wp-content/uploads/2025/06/uaa1-1.png',
                            alt: 'Cosmopet launches in Thailand with nutritious, insect-based digestible treats for your furry friends',
                            date: '17/07/2024',
                            title: 'Cosmopet launches in Thailand with nutritious, insect-based digestible treats for your furry friends',
                            logo: '/wp-content/uploads/2025/06/image-67.png',
                            logo_alt: 'Логотип СМИ 2'
                        },
                        {
                            url: 'https://lapkins.ru/p/chem-kormit-sobaku-allergika/',
                            img: '/wp-content/uploads/2025/06/frame-237.jpg',
                            alt: 'Чем кормить собаку-аллергика',
                            date: '15/04/2024',
                            title: 'Чем кормить собаку-аллергика',
                            logo: '/wp-content/uploads/2025/06/image-64.png',
                            logo_alt: 'Логотип СМИ 3'
                        },
                        {
                            url: 'https://drtclub.ru/superpremium-korm-cosmodog-dlya-sobak/',
                            img: '/wp-content/uploads/2025/06/frame-238.png',
                            alt: 'Суперпремиум корм для собак Cosmodog',
                            date: '18/10/2023',
                            title: 'Суперпремиум корм для собак Cosmodog',
                            logo: '/wp-content/uploads/2025/06/image-66.png',
                            logo_alt: 'Логотип СМИ 4',
                            text: 'drtclub.ru'
                        },
                        {
                            url: 'https://dzen.ru/a/ZUPLWi5yTXW_QlCM',
                            img: '/wp-content/uploads/2025/06/frame-233-2.png',
                            alt: 'Тестирую инновационный корм для собак',
                            date: '02/11/2023',
                            title: 'Тестирую инновационный корм для собак',
                            logo: '/wp-content/uploads/2025/06/group-1-1.png',
                            logo_alt: 'Логотип СМИ 5',
                            text: 'ВетБлог'
                        },
                        {
                            url: 'https://recyclemag.ru/article/rossii-vpervie-poyavilsya-zhivotnih-osnove-entoproteina',
                            img: '/wp-content/uploads/2025/06/frame-236.png',
                            alt: 'В России впервые появился корм для животных на основе энтопротеина',
                            date: '09/06/2024',
                            title: 'В России впервые появился корм для животных на основе энтопротеина',
                            logo: '/wp-content/uploads/2025/06/image-60.png',
                            logo_alt: 'Логотип СМИ 6'
                        },
                        {
                            url: 'https://zooinform.ru/polnoraczionnyj-korm-dlya-shhenkov-cosmodogc-indejkoj-i-e-protein',
                            img: '/wp-content/uploads/2025/06/frame-234.png',
                            alt: 'Полнорационный корм для щенков Cosmodog',
                            date: '10/04/2024',
                            title: 'Полнорационный корм для щенков Cosmodog',
                            logo: '/wp-content/uploads/2025/06/image-58.png',
                            logo_alt: 'Логотип СМИ 7'
                        },
                        {
                            url: 'https://zooinform.ru/business/nachalis-prodazhi-innovacionnogo-korma-dlya-sobak-cosmodog/',
                            img: '/wp-content/uploads/2025/06/frame-235.png',
                            alt: 'Начались продажи инновационного корма для собак Cosmodog',
                            date: '18/10/2023',
                            title: 'Начались продажи инновационного корма для собак Cosmodog',
                            logo: '/wp-content/uploads/2025/06/image-58.png',
                            logo_alt: 'Логотип СМИ 8'
                        },
                        {
                            url: 'https://orbsteppe.ru/katastrofa-vseh-splotila-kak-neravnodushnye-pomogali-postradavshim-ot-navodneniya-v-orenburzhe',
                            img: '/wp-content/uploads/2025/06/frame-239-1.png',
                            alt: 'Как неравнодушные помогали пострадавшим от наводнения в Оренбуржье',
                            date: '18/10/2023',
                            title: 'Как неравнодушные помогали пострадавшим от наводнения в Оренбуржье',
                            logo_alt: 'Логотип СМИ 9',
                            text: 'orbsteppe.ru'
                        }
                    ] %}
                        <div class="swiper-slide">
                            <div class="smi-card-wrapper">
                                <a href="{{ slide.url }}" class="smi-card">
                                    <img src="{{ slide.img }}" alt="{{ slide.alt }}" class="smi-card-img">
                                    <div class="smi-card-date">{{ slide.date }}</div>
                                    <div class="smi-card-title">{{ slide.title }}</div>
                                    <div class="smi-card-label">
                                        {% if slide.logo is defined %}
                                            <img src="{{ slide.logo }}" alt="{{ slide.logo_alt }}">
                                        {% endif %}
                                        {% if slide.text is defined %}
                                            <p>{{ slide.text }}</p>
                                        {% endif %}
                                    </div>
                                </a>
                            </div>
                        </div>
                    {% endfor %}
                </div>
                <div class="slider-arrows">
                    <button class="slider-arrow slider-arrow-prev smiSlider-prev"></button>
                    <button class="slider-arrow slider-arrow-next smiSlider-next"></button>
                </div>
            </div>
        </div>
    </div>
</section>
{% endif %}  
{% endif %}
{% if show_q %}
{% if site_region == 'ae' %}
<style>
.truth_top picture img {
    width: auto;
    height: auto;
    position: unset;
}
</style>
{% endif %}
<section class="truth sec-bf">
        <div class="container">
            <div class="truth_top">
                <picture>
                    <source media="(min-width:576px)"
                        srcset="{{ theme.link }}/static/front-page/img/gift-new.png">
                    <img src="{{ theme.link }}/static/front-page/img/gift-new-mob.png"
                        alt="">
                </picture>
                <h2 class="truth_title">{{ q_title }}</span></h2>
                <img src="{{ theme.link }}/static/front-page/img/gift-line.svg" alt="" class="gift_line-img"></div>

            <div class="truth_content-wrap">
                <div class="truth_content truth_content1 active">
                    <div class="truth_block truth_default" style="display: block;">
                        <div class="truth_line">
                            <span class="active"></span>
                            <span></span>
                            <span></span>
                            <span></span>
                            <span></span>
                        </div>
                        <div class="truth_block-title">{{ q_1.title }}</div>
                        <div class="truth_block-text">
                            <img src="{{ theme.link }}/static/front-page/img/truth_num.svg"
                                alt="">
                            <p>{{ q_1.text }}</p>
                        </div>
                        <div class="truth_info">
                            <div class="truth_links">
                                <button class="truth_link btn--black-hover error_btn">{{ function('pll_e', 'Правда') }}</button>
                                <button class="truth_link btn--black-hover success_btn">{{ function('pll_e', 'Миф') }}</button>
                            </div>
                            <img src="{{ q_1.img.url }}" alt="{{ q_1.img.alt }}">
                        </div>
                    </div>

                    <div class="truth_success truth_block">
                        <div class="truth_line">
                            <span class="active"></span>
                            <span></span>
                            <span></span>
                            <span></span>
                            <span></span>
                        </div>
                        <div class="truth_block-title">{{ function('pll_e', 'Это миф!') }}</div>
                        <div class="truth_block-text">
                            <p>{{ q_1.text_true }}</p>
                        </div>
                        <div class="truth_info">
                            <div class="truth_links">
                                <button class="truth_link btn--black-hover next_btn">{{ function('pll_e', 'Далее') }}</button>
                            </div>
                            <img src="{{ theme.link }}/static/front-page/img/truth_succes-img.png"
                                alt="">
                        </div>
                    </div>

                    <div class="truth_error truth_block">
                        <div class="truth_line">
                            <span class="active"></span>
                            <span></span>
                            <span></span>
                            <span></span>
                            <span></span>
                        </div>
                        <div class="truth_block-title">{{ function('pll_e', 'Это миф!') }}</div>
                        <div class="truth_block-text">
                            <p><p>{{ q_1.text_true }}</p></p>
                        </div>
                        <div class="truth_info">
                            <div class="truth_links">
                                <button class="truth_link btn--black-hover next_btn">{{ function('pll_e', 'Далее') }}</button>
                            </div>
                            <img src="{{ theme.link }}/static/front-page/img/truth_error.png"
                                alt="">
                        </div>
                    </div>
                </div>

                <div class="truth_content truth_content2">
                    <div class="truth_block truth_default" style="display: block;">
                        <div class="truth_line">
                            <span></span>
                            <span class="active"></span>
                            <span></span>
                            <span></span>
                            <span></span>
                        </div>
                 
                        <div class="truth_block-title"><p>{{ q_2.title }}</p></div>
                        <div class="truth_block-text">
                            <img src="{{ theme.link }}/static/front-page/img/truth_num2.svg"
                                alt="">
                            <p><p>{{ q_2.text }}</p></p>
                        </div>
                        <div class="truth_info">
                            <div class="truth_links">
                                <button class="truth_link btn--black-hover error_btn">{{ function('pll_e', 'Правда') }}</button>
                                <button class="truth_link btn--black-hover success_btn">{{ function('pll_e', 'Миф') }}</button>
                            </div>
                            <img src="{{ q_2.img.url }}"
                                alt="{{ q_2.img.alt }}">
                        </div>
                    </div>

                    <div class="truth_success truth_block">
                        <div class="truth_line">
                            <span></span>
                            <span class="active"></span>
                            <span></span>
                            <span></span>
                            <span></span>
                        </div>
                        <div class="truth_block-title">{{ function('pll_e', 'Это миф!') }}</div>
                        <div class="truth_block-text">
                            <p>{{q_2.text_true}}
                            </p>
                        </div>
                        <div class="truth_info">
                            <div class="truth_links">
                                <button class="truth_link btn--black-hover next_btn">{{ function('pll_e', 'Далее') }}</button>
                            </div>
                            <img src="{{ theme.link }}/static/front-page/img/truth_succes-img.png"
                                alt="">
                        </div>
                    </div>

                    <div class="truth_error truth_block">
                        <div class="truth_line">
                            <span></span>
                            <span class="active"></span>
                            <span></span>
                            <span></span>
                            <span></span>
                        </div>
                        <div class="truth_block-title">{{ function('pll_e', 'Это миф!') }}</div>
                        <div class="truth_block-text">
                            <p>{{q_2.text_true}}
                            </p>
                        </div>
                        <div class="truth_info">
                            <div class="truth_links">
                                <button class="truth_link btn--black-hover next_btn">{{ function('pll_e', 'Далее') }}</button>
                            </div>
                            <img src="{{ theme.link }}/static/front-page/img/truth_error.png"
                                alt="">
                        </div>
                    </div>
                </div>

                <div class="truth_content truth_content3">
                    <div class="truth_block truth_default" style="display: block;">
                        <div class="truth_line">
                            <span></span>
                            <span></span>
                            <span class="active"></span>
                            <span></span>
                            <span></span>
                        </div>
                        <div class="truth_block-title">{{q_2.title}}</div>
                        <div class="truth_block-text">
                            <img src="{{ theme.link }}/static/front-page/img/truth_num3.svg"
                                alt="">
                            <p>{{q_3.text}}</p>
                        </div>
                        <div class="truth_info">
                            <div class="truth_links">
                                <button class="truth_link btn--black-hover success_btn">{{ function('pll_e', 'Правда') }}</button>
                                <button class="truth_link btn--black-hover error_btn">{{ function('pll_e', 'Миф') }}</button>
                            </div>
                            <img src="{{ q_3.img.url }}" alt="">
                        </div>
                    </div>

                    <div class="truth_success truth_block">
                        <div class="truth_line">
                            <span></span>
                            <span></span>
                            <span class="active"></span>
                            <span></span>
                            <span></span>
                        </div>
                        <div class="truth_block-title">{{ function('pll_e', 'Это правда!') }}</div>
                        <div class="truth_block-text">
                            <p>{{q_3.text_true}}</p>
                        </div>
                        <div class="truth_info">
                            <div class="truth_links">
                                <button class="truth_link btn--black-hover next_btn">{{ function('pll_e', 'Далее') }}</button>

                                <div class="truth_result">
                                {% for img in q3.img_list %}
                                    <img src="{{ item.img.url }}"
                                        alt="{{ item.img.alt }}">
                                {% endfor %}
                                   
                                </div>
                            </div>
                            <img src="{{ theme.link }}/static/front-page/img/truth_succes-img.png"
                                alt="">
                        </div>
                    </div>

                    <div class="truth_error truth_block">
                        <div class="truth_line">
                            <span></span>
                            <span></span>
                            <span class="active"></span>
                            <span></span>
                            <span></span>
                        </div>
                        <div class="truth_block-title">{{ function('pll_e', 'Это правда!') }}</div>
                        <div class="truth_block-text">
                            <p>{{q_3.text_true}}</p>
                        </div>
                        <div class="truth_info">
                            <div class="truth_links">
                                <button class="truth_link btn--black-hover next_btn">{{ function('pll_e', 'Далее') }}</button>
                                <div class="truth_result">
                                          {% for img in q3.img_list_err %}
                                    <img src="{{ item.img.url }}"
                                        alt="{{ item.img.alt }}">
                                {% endfor %}
                                </div>
                            </div>
                            <img src="{{ theme.link }}/static/front-page/img/truth_error.png"
                                alt="">
                        </div>
                    </div>
                </div>

                <div class="truth_content truth_content4">
                    <div class="truth_block truth_default" style="display: block;">
                        <div class="truth_line">
                            <span></span>
                            <span></span>
                            <span></span>
                            <span class="active"></span>
                            <span></span>
                        </div>
                        <div class="truth_block-title">{{q_4.text_title}}</div>
                        <div class="truth_block-text">
                            <img src="{{ theme.link }}/static/front-page/img/truth_num4.svg"
                                alt="">
                            <p>{{q_4.text}}</p>
                        </div>
                        <div class="truth_info">
                            <div class="truth_links">
                                <button class="truth_link btn--black-hover success_btn">{{ function('pll_e', 'Правда') }}</button>
                                <button class="truth_link btn--black-hover error_btn">{{ function('pll_e', 'Миф') }}</button>
                            </div>
                            <img src="{{q_4.img.url}}"
                                alt="{{q_4.img.alt}}">
                        </div>
                    </div>

                    <div class="truth_success truth_block">
                        <div class="truth_line">
                            <span></span>
                            <span></span>
                            <span></span>
                            <span class="active"></span>
                            <span></span>
                        </div>
                        <div class="truth_block-title">{{ function('pll_e', 'Это правда!') }}</div>
                        <div class="truth_block-text">
                            <p>{{q_4.text_true}}</p>
                        </div>
                        <div class="truth_info">
                            <div class="truth_links">
                                <button class="truth_link btn--black-hover next_btn">{{ function('pll_e', 'Далее') }}</button>
                            </div>
                            <img src="{{ theme.link }}/static/front-page/img/truth_succes-img.png"
                                alt="">
                        </div>
                    </div>

                    <div class="truth_error truth_block">
                        <div class="truth_line">
                            <span></span>
                            <span></span>
                            <span></span>
                            <span class="active"></span>
                            <span></span>
                        </div>
                        <div class="truth_block-title">{{ function('pll_e', 'Это правда!') }}</div>
                        <div class="truth_block-text">
                            <p>{{q_4.text_true}}</p>
                        </div>
                        <div class="truth_info">
                            <div class="truth_links">
                                <button class="truth_link btn--black-hover next_btn">{{ function('pll_e', 'Далее') }}</button>
                            </div>
                            <img src="{{ theme.link }}/static/front-page/img/truth_error.png"
                                alt="">
                        </div>
                    </div>
                </div>

                <div class="truth_content truth_content5">
                    <div class="truth_block truth_default" style="display: block;">
                        <div class="truth_line">
                            <span></span>
                            <span></span>
                            <span></span>
                            <span></span>
                            <span class="active"></span>
                        </div>
                        <div class="truth_block-title">{{q_5.title}}</div>
                        <div class="truth_block-text">
                            <img src="{{ theme.link }}/static/front-page/img/truth_num5.svg"
                                alt="">
                            <p>{{q_5.text}}</p>
                        </div>
                        <div class="truth_info">
                            <div class="truth_links">
                                <button class="truth_link btn--black-hover error_btn">{{ function('pll_e', 'Правда') }}</button>
                                <button class="truth_link btn--black-hover success_btn">{{ function('pll_e', 'Миф') }}</button>
                            </div>
                            <img class="img--desktop2"
                                src="{{q_5.img.url}}"
                                alt="{{q_5.img.alt}}">
                            <img class="img--mobile" src="{{ theme.link }}/static/front-page/img/quiz/birds_mobile.png" alt="">            </div>
                    </div>

                    <div class="truth_success truth_block">
                        <div class="truth_line">
                            <span></span>
                            <span></span>
                            <span></span>
                            <span></span>
                            <span class="active"></span>
                        </div>
                        <div class="truth_block-title">{{ function('pll_e', 'Это миф!') }}</div>
                        <div class="truth_block-text">
                            <p>{{q_5.text_true}}</p>
                        </div>
                        <div class="truth_info">
                            <div class="truth_links">
                                <button class="truth_link btn--black-hover next_btn">{{ function('pll_e', 'Далее') }}</button>
                            </div>
                            <img src="{{ theme.link }}/static/front-page/img/truth_succes-img.png"
                                alt="">
                        </div>
                    </div>

                    <div class="truth_error truth_block">
                        <div class="truth_line">
                            <span></span>
                            <span></span>
                            <span></span>
                            <span></span>
                            <span class="active"></span>
                        </div>
                        <div class="truth_block-title">{{ function('pll_e', 'Это миф!') }}</div>
                        <div class="truth_block-text">
                            <p{{q_5.text_true}}</p>
                        </div>
                        <div class="truth_info">
                            <div class="truth_links">
                                <button class="truth_link btn--black-hover next_btn">{{ function('pll_e', 'Далее') }}</button>
                            </div>
                            <img src="{{ theme.link }}/static/front-page/img/truth_error.png"
                                alt="">
                        </div>
                    </div>
                </div>

                <div class="truth_content truth_content-end">
                    <div class="truth_block truth_default" style="display: block;">
                        <div class="truth_block-title">{{ function('pll_e', 'ваш результат') }}</div>
                        <div class="truth_block-text">
                            <div class="truth_xn">
                                <span class="truth_points truth_points-corrects"></span>
                                <span class="truth_points truth_points-slash">/</span>
                                <span class="truth_points truth_points-all"></span>
                            </div>
                            <div class="truth_end-text truth_end-text--before">
                                <p>{{promo_text}}
                                </p>
                                <div class="truth__end-promo">{{promo}}</div>
                                <div class="truth__end-btns">
                                    <button class="truth__end-btn --copy --white"
                                        data-copy="{{promo}}"><span>{{ function('pll_e', 'Скопировать') }}</span><span
                                            class="copied">{{ function('pll_e', 'Скопировано') }}</span></button>
                                    <a href="/shop/" class="truth__end-btn --black"><span>{{ function('pll_e', 'В магазин') }} </span></a>
                                </div>
                            </div>
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
{% endif %}
{% if post.meta('cosmopet_x_slider') %}
    <div class="section_wrap">
        <section class="cosmopet-x">
            <div class="container">
                <h2 class="cosmopet-x__title">{{ post.meta('cosmopet_x_blocktitle') }}</h2>
                <div class="cosmopet-x__swiper">
                    <div class="swiper-wrapper">
                        {% for slide in post.meta('cosmopet_x_slider') %}
                        <div class="swiper-slide">
                            <div class="cosmopet-x__item">
                                <img class="cosmopet-x__bg" src="{{ slide.img_1 }}" alt="">
                                <img class="cosmopet-x__top" src="{{ slide.img_2 }}" alt="">
                                <div class="cosmopet-x__body">
                                    <div class="cosmopet-x__heading">{{ slide.title }}
                                    </div>
                                    <a href="{{ slide.url }}" class="cosmopet-x__btn">подробнее</a>
                                </div>
                            </div>
                        </div>
                        {% endfor %}
                    </div>
                    <div class="slider-arrows">
                        <button class="slider-arrow slider-arrow-prev cosmopet-prev"></button>
                        <button class="slider-arrow slider-arrow-next cosmopet-next"></button>
                    </div>
                </div>
            </div>
        </section>
    </div>
{% endif %}
{% if show_blog %}
<section class="blog">
    <div class="container">
        <div class="blog_block">
            <div class="blog_top">
                <h2 class="blog_title">{{ function('pll_e', 'Наш блог') }}</h2>
            </div>
            <div class="blog__row">
                <p class="blog_text">{{ function('pll_e', 'Новости рынка кормов и экологии, полезные статьи о здоровье домашних животных') }}</p>
                <a href="/blog/" class="blog_link main_link"><span>{{ function('pll_e', 'Все статьи') }}</span></a>
            </div>
        </div>
    </div>
    <div class="blog_slider">
        <div class="swiper blogSlider">
            <div class="swiper-wrapper">
                {% for post in blog_posts %}
                    <div class="swiper-slide">
                        <a class="blog_card" href="{{ post.link }}">
                            <div class="blog__card-wrapper">
                                <img src="{{ post.thumbnail }}" alt="{{ post.title }}" class="blog_card-img">
                            </div>
                            <div class="blog_card-info-wrap">
                                <div class="blog_card-info">
                                    <h2 class="blog_card-title">{{ post.title }}</h2>
                                    <p class="blog_card-text">{{ post.excerpt }} ...</p>
                                    <div class="blog__card-btn">{{ function('pll_e', 'читать статью') }}</div>
                                </div>
                                <img src="{{ theme.link }}/static/front-page/img/card-line.svg" alt="" class="card-line-img">
                            </div>
                        </a>
                    </div>
                {% endfor %}
            </div>
            <div class="slider-arrows">
                <button class="slider-arrow slider-arrow-prev blogSlider-prev"></button>
                <button class="slider-arrow slider-arrow-next blogSlider-next"></button>
            </div>
        </div>
    </div>
</section>
{% endif %}
    


{% if reviews %}
<section class="reviews reviews-plus">
    <div class="container">
        <h2 class="section-title">{{ function('pll_e', 'Customer Reviews') }}</h2>
        <img class="star-igm" src="{{ theme.link }}/static/front-page/img/stars.svg" alt="{{ function('pll_e', 'Customer Reviews') }}">
        <div class="section-nav">
            <div class="swiper-button-next">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M4.5 12.3638H21" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                    <path d="M4.5 12.3638L10.864 18.7277" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                    <path d="M4.5 12.3638L10.864 5.99981" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                </svg>
            </div>
            <div class="swiper-button-prev">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M4.5 12.3638H21" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                    <path d="M4.5 12.3638L10.864 18.7277" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                    <path d="M4.5 12.3638L10.864 5.99981" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                </svg>
            </div>
        </div>
    </div>
    
    <div class="container-plus">
        <div class="reviews-slider swiper">
            <div class="swiper-wrapper">
                
                    {% for review in reviews %}
                        <div class="swiper-slide review-card">
                            <div class="review-content">
                                <div class="review-header">
                                    {% if review.reviewer_photo %}
                                        <img src="{{ review.reviewer_photo.url }}" alt="{{ review.reviewer_photo.alt|default(review.reviewer_name) }}" class="review-avatar">
                                    {% else %}
                                        <img src="{{ theme.uri }}/path-to-default-image.jpg" alt="{{ function('pll_e', 'Reviewer') }}" class="review-avatar">
                                    {% endif %}
                                    <div class="review-author">
                                        <h3>{{ review.reviewer_name }}</h3>
                                        <p>{{ review.reviewer_role }}</p>
                                    </div>
                                </div>
                                <div class="review-text">
                                    <p>{{ review.review_excerpt }}</p>
                                    {% if review.review_full %}
                                        <div class="review-more-content">
                                            {{ review.review_full }}
                                        </div>
                                    {% endif %}
                                </div>
                                {% if review.review_full %}
                                    <button class="show-more-btn">{{ function('pll_e', 'Show more') }}</button>
                                {% endif %}
                            </div>
                        </div>
                    {% endfor %}
            
            </div>
        </div>
    </div>
    
    <!-- Review Popup -->
    <div class="review-popup">
        <div class="popup-content">
            <button class="close-popup">&times;</button>
            <div class="popup-review-content"></div>
        </div>
    </div>
</section>
{% endif %}

{% if show_promo %}
    {% set class = 'discount_block' %}
    {% include 'forms/discount.twig' %}
{% endif %}

{% endblock %}