Task 7453 | натяжка верстки главной страницы

wp-content/themes/cosmopet/functions.php

@@ -16,6 +16,7 @@ require_once __DIR__ . '/temp-functions/blog-logic.php';
 require_once __DIR__ . '/temp-functions/filters-logic.php';
 require_once __DIR__ . '/temp-functions/custom-admin-panel-logic.php';
 require_once __DIR__ . '/temp-functions/login-logic.php';
+
 // include_module('forms');
 // include_module('shop');
 // include_module('profile');

wp-content/themes/cosmopet/global-functions/global-constaints.php

@@ -0,0 +1,12 @@
+
+<?php
+
+add_action('wp_head', function() {
+?>
+
+<script>
+    window.ajax_url = '<?php echo admin_url('admin-ajax.php') ?>';
+</script>
+
+<?php
+}, 1);

wp-content/themes/cosmopet/modules/blog/components/main-page-block/assets/js/main-page-blog.js

@@ -0,0 +1,23 @@
+jQuery('.main-blog_tags-tag').on('click', function(){
+    var category = jQuery(this).data('category'); // Получаем значение data-category
+    jQuery('.main-blog_tags-tag').removeClass('active')
+    jQuery(this).addClass('active')
+    jQuery.ajax({
+        url: window.ajax_url, 
+        type: 'POST',
+        data: {
+            action: 'front_page_get_blog_posts',
+            category: category
+        },
+        beforeSend: function() {
+           
+        },
+        success: function(response) {
+           jQuery('.main-blog_wrapper').html(response)
+        },
+        error: function(error) {
+            // Обработка ошибок
+            console.error('Ошибка AJAX:', error);
+        }
+    });
+});

wp-content/themes/cosmopet/modules/blog/components/main-page-block/component-controller.php

@@ -0,0 +1,24 @@
+<?php
+include_component('blog', 'themes');
+add_filter('timber/context', function($context) {
+    $args = array(
+        'post_type' => 'post', 
+        'posts_per_page' => 5,
+    );
+    $featured_query = new WP_Query($args);
+    $f_query = array();
+    $i = 0;
+    foreach($featured_query->posts as $item){
+        if ($i > 0){
+            $f_query[] = Timber::get_post($item, 'BlogPost');
+        }
+        else{
+            $featured_post = Timber::get_post($item, 'BlogPost');
+        }
+        $i++;
+    }
+
+    $context['blog_posts'] = $f_query;
+    $context['featured_post'] = $featured_post;
+    return $context;
+});

wp-content/themes/cosmopet/modules/blog/module-ajax-controller.php

@@ -44,3 +44,52 @@ add_action('wp_ajax_load_blog_posts', 'ajax_load_blog_posts');
 add_action('wp_ajax_nopriv_load_blog_posts', 'ajax_load_blog_posts'); 
 
 
+
+
+
+function ajax_front_page_get_blog_posts() {
+    $context = Timber::context();
+    $category = $_POST['category'];
+
+    $args = [
+        'post_type' => 'post',
+        'posts_per_page' => 5, // Adjust the number of posts per page
+        'paged' => intval($paged) + 1,
+        'post_status'    => 'publish', // Только опубликованные записи
+    ];
+    if (!empty($category)) {
+        $args['tax_query'] = [
+            [
+                'taxonomy' => 'category',
+                'field' => 'slug', // or 'term_id', 'name' depending on how you identify categories
+                'terms' => $category,
+            ],
+        ];
+    }
+    $featured_query = new WP_Query($args);
+
+    $f_query = array();
+    $i = 0;
+    foreach($featured_query->posts as $item){
+        if ($i > 0){
+            $f_query[] = Timber::get_post($item, 'BlogPost');
+        }
+        else{
+            $featured_post = Timber::get_post($item, 'BlogPost');
+        }
+        $i++;
+    }
+
+    $context['blog_posts'] = $f_query;
+    $context['featured_post'] = $featured_post;
+
+    $html = Timber::compile('/blog/blog-front-page-post-list_block.twig', $context); 
+    echo $html;
+    wp_die();
+}
+
+
+add_action('wp_ajax_front_page_get_blog_posts', 'ajax_front_page_get_blog_posts'); 
+add_action('wp_ajax_nopriv_front_page_get_blog_posts', 'ajax_front_page_get_blog_posts'); 
+
+

wp-content/themes/cosmopet/modules/forms/assets/css/forms.css

@@ -0,0 +1,13 @@
+.mform-offer input, .mform-offer textarea, .mform-offer select {
+    width: 100%!important;
+    padding: 12px 15px!important;
+    border: none!important;
+    border-radius: 20px!important;
+    font-size: 16px!important;
+    background-color: white!important;
+}
+
+.mform-parthnership.mform .mform-content{
+    color: #fff;
+    background: radial-gradient(278.91% 196.13% at 128.36% -48.29%, #ee6868 0%, #569ef0 57.69%);
+}

wp-content/themes/cosmopet/modules/forms/module-ajax-controller.php

@@ -63,6 +63,51 @@ add_action('wp_ajax_nopriv_blogauth_form', function() {
 });
 
 
+add_action('wp_ajax_parthnership_form', function() {
+    $enabledHandlers = ['b24', 'email', 'tg']; 
+    $user_data = get_current_user_data();
+    $formData = json_decode($_POST['formData']);
+    $crmData = array(
+        'phone' => $formData['phone'],
+        'name' => $formData['name'],
+        'email' => $formData['email'],
+        'msg' => 'Вид партнерства: ' . $formData['parthner_type'] . ' ' . $formData['msg'],
+        'url' => $formData['url'],
+        'stage' => 'C4:NEW',
+        'fName' => 4,
+        'order_total' => 0,
+        'user_id' => $user_data['user_id'],
+        'method' => 'crm.deal.add',
+        'form_title' => 'Стать партнером',
+        'is_subscribe' => false,
+        'order_id' => '',
+    );
+    process_form($enabledHandlers, $crmData);
+});
+
+add_action('wp_ajax_nopriv_parthnership_form', function() {
+    $enabledHandlers = ['b24', 'email', 'tg']; 
+    $user_data = get_current_user_data();
+    $formData = json_decode($_POST['formData']);
+    $crmData = array(
+        'phone' => $formData['phone'],
+        'name' => $formData['name'],
+        'email' => $formData['email'],
+        'msg' => 'Вид партнерства: ' . $formData['parthner_type'] . ' ' . $formData['msg'],
+        'url' => $formData['url'],
+        'stage' => 'C4:NEW',
+        'fName' => 4,
+        'order_total' => 0,
+        'user_id' => $user_data['user_id'],
+        'method' => 'crm.deal.add',
+        'form_title' => 'Стать партнером',
+        'is_subscribe' => false,
+        'order_id' => '',
+    );
+    process_form($enabledHandlers, $crmData);
+});
+
+
 add_action('wp_ajax_contact_form', function() {
     $enabledHandlers = ['b24', 'email', 'tg']; 
     $user_data = get_current_user_data();

wp-content/themes/cosmopet/modules/layout/assets/css/gp-style-core.css

@@ -386,14 +386,6 @@ textarea{
     max-width: 380px;
   }
   
-  .modal-offer input, textarea {
-    width: 100%!important;
-    padding: 12px 15px!important;
-    border: none!important;
-    border-radius: 20px!important;
-    font-size: 16px!important;
-    background-color: white!important;
-  }
   
   /* Контейнер для текстового поля и изображения автора */
   .message-container {
@@ -642,7 +634,6 @@ textarea{
   height: 100%;
 
   overflow: hidden;
-  transition: width .4s ease-out;
 }
 .modal__item{
   height: 100%;
@@ -2133,15 +2124,6 @@ textarea{
   font-weight: 700;
 }
 
-.modal__aside {
-    width: 20vw;
-    right: -20vw;
-    transition: right 0.3s ease;
-}
-
-.modal__aside.active {
-    right: 0;
-}
 
 .button.loading::before {
     content: '';

wp-content/themes/cosmopet/modules/popup/assets/css/gp-style-desktop.css

@@ -7,8 +7,10 @@
     transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
     background: white; /* Или твой стиль фона */
     z-index: 1000;
+    min-width: max-content;
 }
 
+
 .modal__aside.active {
     transform: translateX(0); /* Показываем, сдвигая влево */
 }
@@ -37,13 +39,15 @@
 @media (max-width: 720px) {
     .modal__aside {
         width: 100% !important; /* Полная ширина на мобильных */
+        min-width: 100%;
     }
 }
 
 @media (min-width: 721px) {
     .modal__aside {
-        min-width: 400px; /* Минимальная ширина или твоя фиксированная ширина */
+        min-width: max-content; /* Минимальная ширина или твоя фиксированная ширина */
         width: auto;
+        width: 400px;
     }
 }
 

wp-content/themes/cosmopet/modules/popup/assets/js/modal.js

@@ -95,6 +95,22 @@ window.addEventListener('resize', () => {
     modalClose('.modal__close, .m__close');
 });
 
+    let width = window.innerWidth; // Используем innerWidth для актуальной ширины окна
+    let modalItem = document.querySelectorAll('.modal__item');
+    let aside = document.querySelector('.modal__aside');
+
+    modalItem.forEach(modal => {
+        if (modal.classList.contains('active')) {
+            if (width <= 720) {
+                aside.style.width = '100%'; // Полная ширина на мобильных
+            } else {
+                let openAside = document.querySelector('.modal__item.active'),
+                    newWidth = openAside.clientWidth;
+                aside.style.width = newWidth < 400 ? '400px' : `${newWidth}px`;
+            }
+        }
+  });
+
 jQuery('[data-pname]').on('click', function(){
     jQuery('#sub_product_name').val(jQuery(this).data('pname'))
 })
@@ -154,3 +170,9 @@ function showModal(modalClass) {
       }
     });
 });
+
+
+jQuery('.main-about_banner-overlay__list-item').on('click', function(){
+  showModal('modal-parthnership');
+  jQuery('#parthnership-select').val(jQuery(this).data('dir'));
+})

wp-content/themes/cosmopet/modules/shop/components/product-card/assets/css/product-card.css

@@ -0,0 +1,44 @@
+.main-food_products-cardbottom-btn .spinner{
+    height: 17px;
+    width: 17px;
+}
+
+.main-food_products-cardbottom-btn.loading::after{
+    opacity: 0;
+}
+
+.main-food_products-card-title{
+    width: 100%;
+}
+
+.main-food_products-card__weight{
+    padding: 8px;
+    border-radius: 36px;
+    background-color: #fff;
+    display: flex;
+    justify-content: space-around;
+    margin-bottom: 10px;
+}
+.main-food_products-card__weight:empty{
+    display: none;
+}
+.main-food_products-card__weight-item{
+    font-weight: 600;
+    font-size: 16px;
+    text-transform: uppercase;
+    color: rgba(18, 18, 18, 0.75);
+    border-radius: 100px;
+    padding: 2px 8px;
+}
+
+
+.main-food_products-card__weight-item.active{
+    border: 2px solid var(--accent-color);
+    color: var(--accent-color);
+}
+
+@media (max-width: 640px) {
+    .main-food_products-card__weight{
+        display: none;
+    }
+}

wp-content/themes/cosmopet/modules/shop/components/product-card/assets/js/product-card.js

@@ -0,0 +1,57 @@
+jQuery(document).ready(function() {
+
+      //productswiper
+   var productSwiper = new Swiper('.main-food_products-card-slider', {
+        effect: 'fade',
+        fadeEffect: { crossFade: true },
+        loop: true,
+        pagination: {
+            el: '.swiper-dots',
+            clickable: true,
+            bulletClass: 'swiper-pagination-bullet',
+            bulletActiveClass: 'swiper-pagination-bullet-active',
+        },
+    });
+
+  jQuery('[data-image-set]').on('click', function() {
+    // Получаем родительский элемент карточки продукта
+    var productCard = jQuery(this).closest('.main-food_products-card');
+    jQuery(productCard).find('.main-food_products-card__weight-item').removeClass('active')
+    jQuery(this).addClass('active')
+    // Получаем массив изображений из data-атрибута
+    var images = jQuery(this).data('image-set');
+    console.log(images)
+    // Находим слайдер внутри этой карточки
+    var slider = productCard.find('.main-food_products-card-slider .swiper-wrapper');
+    // Очищаем текущие слайды
+    slider.empty();
+    // Добавляем новые слайды с изображениями
+    jQuery.each(images, function(index, image) {
+      slider.append(
+        '<div class="swiper-slide">' +
+          '<div class="main-food_products-card-img">' +
+            '<img src="' + image + '" alt="' + productCard.find('.product-title').text() + '">' +
+          '</div>' +
+        '</div>'
+      );
+    });
+    slider.append(
+        '<div class="swiper-dots"></div>'
+    );
+    productSwiper = new Swiper('.main-food_products-card-slider', {
+        effect: 'fade',
+        fadeEffect: { crossFade: true },
+        loop: true,
+        pagination: {
+            el: '.swiper-dots',
+            clickable: true,
+            bulletClass: 'swiper-pagination-bullet',
+            bulletActiveClass: 'swiper-pagination-bullet-active',
+        },
+    });
+    jQuery(productCard).find('.main-food_products-card-title').html(jQuery(this).data('title'))
+    jQuery(productCard).find('.main-food_products-card-bottom-price').html(jQuery(this).data('product_price'))
+    jQuery(productCard).find('.main-food_products-cardbottom-btn').attr('data-product_id', jQuery(this).data('product_id'))
+    jQuery(productCard).find('.main-food_products-cardbottom-btn').attr('href', '?add-to-cart=' + jQuery(this).data('product_id'))
+    });
+});

wp-content/themes/cosmopet/modules/shop/module-controller.php

@@ -385,3 +385,19 @@ function conditional_dequeue_woocommerce_styles() {
     }
 }
 add_action('wp_enqueue_scripts', 'conditional_dequeue_woocommerce_styles', 999);
+
+
+//Функция для получения названия класса по аттрибуту
+function map_attr_slugs_to_class($slug) {
+    $slug_map = [
+        'govyadina' => 'beef',
+        'indejka'   => 'turkey',
+        'krolik'    => 'rabbit',
+        'losos'     => 'salmon',
+        'ryba'      => 'fish',
+        'utka'      => 'duck',
+        'yagnenok'  => 'lamb'
+    ];
+    
+    return $slug_map[$slug] ?? $slug; // Fallback to original slug if not found
+}

wp-content/themes/cosmopet/modules/static-pages/new-front-page/template-new-front-page.php

@@ -46,10 +46,32 @@ function theme_enqueue_scripts() {
 add_action('wp_enqueue_scripts', 'theme_enqueue_scripts');
 
 
+include_component('blog', 'main-page-block');
+include_component('shop', 'product-card');
+
+
+$reviews_food_query = get_posts(array(
+    'post_type' => 'p_reviews',
+    'numberposts' => -1,
+    'meta_key' => 'food_enable',
+    'meta_value' => true,
+    'meta_compare' => '='
+));
+
+$reviews_treats_query = get_posts(array(
+    'post_type' => 'p_reviews',
+    'numberposts' => -1,
+    'meta_key' => 'treats_enable',
+    'meta_value' => true,
+    'meta_compare' => '='
+));
 
 $context = Timber::context();
 
 if (function_exists('get_field')) {
+    //products
+    $context['reviews_treats_query'] = $reviews_treats_query;
+    $context['reviews_food_query'] = $reviews_food_query;
     // main
     $context['main_slider'] = get_field('main_slider');
     // about
@@ -80,6 +102,11 @@ if (function_exists('get_field')) {
     $context['q_3'] = get_field('q_3', 383);
     $context['q_4'] = get_field('q_4', 383);
     $context['q_5'] = get_field('q_5', 383);
+
+    //
+
+    $context['food_list'] = get_field('featured_food');
+    $context['treats_list'] = get_field('featured_treats');
 }
 
 try {

wp-content/themes/cosmopet/static/css/front-page.css

@@ -1208,7 +1208,6 @@ width: 330px;
 
 .truth__end-promo {
     color: var(--grey-black, #121212);
-    font-family: "Craftwork Grotesk";
     font-size: 24px;
     font-style: normal;
     font-weight: 900;
@@ -1224,7 +1223,6 @@ width: 330px;
 
 .truth__end-btn {
     padding: 10px 10px 11px 10px;
-    font-family: "Craftwork Grotesk";
     font-size: 24px;
     font-style: normal;
     font-weight: 500;

wp-content/themes/cosmopet/static/css/new-front-page.css

@@ -131,7 +131,6 @@ main {
     font-size: 20px;
     line-height: 120%;
     color: #121212;
-    border: 2px solid #fff;
     border-radius: 100px;
     padding-left: 25px;
     padding-right: 65px;
@@ -236,6 +235,8 @@ background: radial-gradient(161.08% 232.33% at 133.99% -48.29%, #EE6868 0%, #569
     justify-content: center;
     align-items: flex-start;
     flex-direction: column;
+    overflow: hidden;
+    position: relative;
     gap: 20px;
         background-size: cover; background-position: center;
     background-image: url(../img/new-front/my-otkrytaya-ekosistema-old.png);
@@ -592,9 +593,9 @@ background: radial-gradient(161.08% 232.33% at 133.99% -48.29%, #EE6868 0%, #569
 .main-specialists {
     background: #f2f2f2;
     margin-top: -1%;
-    padding-top: 5%;
-    padding-bottom: 5%;
     border-radius: 0px 0px 60px 60px;
+    padding-top: 5rem;
+    padding-bottom: 10rem;
 }
 .main-specialists .new-container {
     position: relative;
@@ -634,6 +635,7 @@ background: radial-gradient(161.08% 232.33% at 133.99% -48.29%, #EE6868 0%, #569
     gap: 15px;
     margin-bottom: 15px;
     padding: 8px;
+    width: 100%;
     border-radius: 40px;
     background: radial-gradient(278.91% 196.13% at 128.36% -48.29%, #ee6868 0%, #569ef0 57.69%);
 }
@@ -671,7 +673,7 @@ background: radial-gradient(161.08% 232.33% at 133.99% -48.29%, #EE6868 0%, #569
 .main-specialists_text {
     border-radius: 25px;
     padding: 16px;
-    width: 348px;
+    width: 100%;
     background: #fff;
     font-weight: 500;
     font-size: 20px;
@@ -679,13 +681,17 @@ background: radial-gradient(161.08% 232.33% at 133.99% -48.29%, #EE6868 0%, #569
     position: relative;
     text-align: start;
 }
-.main-specialists_text svg {
+.main-specialists_text::before {
     position: absolute;
     top: -25px;
     left: 1%;
+    background-image: url("data:image/svg+xml,%3Csvg width='75' height='30' viewBox='0 0 75 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25 30H75L31.058 3.63479C28.3919 2.03513 25 3.95558 25 7.06476V30Z' fill='white' /%3E%3C/svg%3E");
+    content: '';
+    width: 75px;
+    height: 30px;
 }
 @media (min-width: 821px) {
-.reverse .main-specialists_text svg {
+.reverse .main-specialists_text::before {
     position: absolute;
     bottom: -25px;
     left: 5%;
@@ -757,7 +763,7 @@ background: radial-gradient(161.08% 232.33% at 133.99% -48.29%, #EE6868 0%, #569
 
 .main-food {
     margin-top: -1%;
-    padding-top: 5%;
+    padding-top: 6rem;
     padding-bottom: 5%;
     border-radius: 0px 0px 60px 60px;
 }
@@ -780,6 +786,7 @@ background: radial-gradient(161.08% 232.33% at 133.99% -48.29%, #EE6868 0%, #569
     gap: 10px;
 }
 .main-food_products-card {
+    --accent-color: #121212;
     border-radius: 30px;
     padding: 8px;
     width: 265px;
@@ -787,19 +794,15 @@ background: radial-gradient(161.08% 232.33% at 133.99% -48.29%, #EE6868 0%, #569
     display: flex;
     flex-direction: column;
     justify-content: space-between;
+    background-color: var(--accent-color);
+    background-image: linear-gradient(
+        rgba(255, 255, 255, 0.6), 
+        rgba(255, 255, 255, 0.6)
+    );
 }
-.main-food_products .lamb {
+
-    background: linear-gradient(rgba(134, 51, 0, 0.1), rgba(134, 51, 0, 0.1)), #f4e1cf;
+
-}
+
-.main-food_products .fish {
-    background: linear-gradient(rgba(134, 51, 0, 0.1), rgba(134, 51, 0, 0.1)), #c1dde6;
-}
-.main-food_products .beef {
-    background: linear-gradient(rgba(134, 51, 0, 0.1), rgba(134, 51, 0, 0.1)), #e8d1f9;
-}
-.main-food_products .turkey {
-    background: linear-gradient(rgba(134, 51, 0, 0.1), rgba(134, 51, 0, 0.1)), #f3d7d2;
-}
 .main-food_products-card-img {
     position: relative;
     display: flex;
@@ -823,33 +826,63 @@ background: radial-gradient(161.08% 232.33% at 133.99% -48.29%, #EE6868 0%, #569
     position: relative;
     z-index: 1;
     display: block;
-    max-width: 80%;
+    max-width: 100%;
     height: auto;
-    height: 319px;
+    aspect-ratio: 1/1;
     object-fit: contain;
 }
 
 
 .main-food_products-card-title{
     padding: 8px 16px 8px 16px;
-    border-radius: 100px;
+    border-radius: 36px;
     background: #fff;
     font-weight: 500;
     font-size: 12px;
     text-transform: uppercase;
+    color: var(--accent-color);
+}
+
+
+.food.lamb.main-food_products-card {
+    --accent-color: #863300;
+    
+}
+.food.turkey.main-food_products-card {
+    --accent-color: #CD0003;
+   
 }
-.lamb .main-food_products-card-title {
+.food.beef.main-food_products-card{
-    color: #863300;
+    --accent-color:  #7e0092;
+    
+}
+.food.fish.main-food_products-card{
+   --accent-color: #48c1ed;
+   
+}
+
+.treats.lamb.main-food_products-card {
+    --accent-color: #44006c;
+    
+}
+.treats.rabbit.main-food_products-card {
+    --accent-color: #601094;
+   
 }
-.turkey .main-food_products-card-title {
+.treats.beef.main-food_products-card{
-    color: #CD0003;
+    --accent-color: #004c31;
+    
 }
-.beef .main-food_products-card-title {
+.treats.salmon.main-food_products-card{
-    color: #CD0003;
+   --accent-color: #7c007a;
+   
 }
-.fish .main-food_products-card-title {
+
-    color: #48C1ED;
+.treats.duck.main-food_products-card{
+   --accent-color: #326e70;
+   
 }
+
 .main-food_products-card-bottom {
     display: flex;
     justify-content: space-between;
@@ -858,34 +891,25 @@ background: radial-gradient(161.08% 232.33% at 133.99% -48.29%, #EE6868 0%, #569
 }
 
 .main-food_products-card-bottom-price{
-    border-radius: 100px;
+    border-radius: 36px;
     padding: 10px;
     background: #fff;
-    font-weight: 400;
+    font-weight: 600;
     font-size: 18px;
     text-transform: uppercase;
     text-align: center;
     display: flex;
     justify-content: center;
     align-items: center;
+    color: var(--accent-color);
 }
-.lamb .main-food_products-card-bottom-price {
+
-    color: #000;
-}
-.turkey .main-food_products-card-bottom-price {
-    color: #CD0003;
-}
-.beef .main-food_products-card-bottom-price {
-    color: #7E0092;
-}
-.fish .main-food_products-card-bottom-price {
-    color: #48C1ED;
-}
 
 .main-food_products-cardbottom-btn{
     border: 2px solid #fff;
-    border-radius: 100px;
+    border-radius: 36px;
-    padding: 12px 32px;
+    padding: 0px 32px;
+    height: 42px;
     font-weight: 900;
     font-size: 12px;
     text-align: center;
@@ -895,32 +919,9 @@ background: radial-gradient(161.08% 232.33% at 133.99% -48.29%, #EE6868 0%, #569
     align-items: center;
     flex-grow: 1;
     transition: all .3s;
-}
+    background-color: var(--accent-color);
-.lamb .main-food_products-cardbottom-btn {
-    background: #ffbc7b;
-}
-.turkey .main-food_products-cardbottom-btn {
-    background: #CD0003;
-}
-.beef .main-food_products-cardbottom-btn {
-    background: #DEB3FF;
-}
-.fish .main-food_products-cardbottom-btn {
-    background: #48C1ED;
 }
 
-.lamb .main-food_products-cardbottom-btn:hover {
-    background: #863300;
-}
-.turkey .main-food_products-cardbottom-btn:hover {
-    background: #ff5457;
-}
-.beef .main-food_products-cardbottom-btn:hover {
-    background: #7E0092;
-}
-.fish .main-food_products-cardbottom-btn:hover {
-    background: #0096cc;
-}
 .main-food_reviews {
     max-width: 400px;
 }
@@ -1015,17 +1016,15 @@ background: radial-gradient(161.08% 232.33% at 133.99% -48.29%, #EE6868 0%, #569
 .main-food .swiper-button-prev::after {
     content: none;
 }
-.main-food .swiper-pagination {
+
-    display: none;
+.main-food_products-card-slider .swiper-pagination-bullet {
-}
-.main-food .swiper-pagination-bullet {
     background: #fff;
     height: 10px;
     width: 10px;
     border-radius: 50%;
 }
- .main-food .swiper-pagination-bullet.swiper-pagination-bullet-active{
+ .main-food_products-card-slider .swiper-pagination-bullet.swiper-pagination-bullet-active{
-   background-color: #48c1ed; 
+   background-color: var(--accent-color); 
 }
 .swiper-dots{
     position: absolute;
@@ -1124,8 +1123,8 @@ background: radial-gradient(161.08% 232.33% at 133.99% -48.29%, #EE6868 0%, #569
 }
 .marketplace__swiper  {
     margin-top: 50px;
-    margin-left: -70px;
+    margin-left: 0;
-    margin-right: -70px;
+    margin-right: 0;
 }
 .marketplace {
     position: relative;
@@ -1149,9 +1148,9 @@ background: radial-gradient(161.08% 232.33% at 133.99% -48.29%, #EE6868 0%, #569
 /* Main Treats */
 
 .main-treats  {
-    margin-top: -1%;
+    margin-top: -4rem;
-    padding-top: 5%;
+    padding-top: 8rem;
-    padding-bottom: 5%;
+    padding-bottom: 4rem;
     border-radius: 0px 0px 60px 60px;
 }
 
@@ -1159,24 +1158,11 @@ background: radial-gradient(161.08% 232.33% at 133.99% -48.29%, #EE6868 0%, #569
     padding: 8px 16px 8px 16px;
     border-radius: 100px;
     background: #fff;
-    font-weight: 500;
+    font-weight: 600;
     font-size: 12px;
     text-transform: uppercase;
 }
 
-
-.duck .main-food_products-card-title {
-    color: #f6d9c7;
-}
-.beef .main-food_products-card-title {
-    color: #7E0092;
-}
-.rabbit .main-food_products-card-title {
-    color: #f5c1d7;
-}
-.fish .main-food_products-card-title {
-    color: #48C1ED;
-}
 .main-food_products-card-bottom {
     display: flex;
     justify-content: space-between;
@@ -1196,21 +1182,6 @@ background: radial-gradient(161.08% 232.33% at 133.99% -48.29%, #EE6868 0%, #569
     justify-content: center;
     align-items: center; 
 }
-.lamb .main-treats_products-card-bottom-price {
-    color: #863300;
-}
-.duck .main-treats_products-card-bottom-price {
-    color: #863300;
-}
-.beef .main-treats_products-card-bottom-price {
-    color: #7E0092;
-}
-.rabbit .main-treats_products-card-bottom-price {
-    color: #7E0092;
-}
-.fish .main-treats_products-card-bottom-price {
-    color: #48C1ED;
-}
 
 .main-treats_products-cardbottom-btn{
     border: 2px solid #fff;
@@ -1227,53 +1198,7 @@ background: radial-gradient(161.08% 232.33% at 133.99% -48.29%, #EE6868 0%, #569
     flex-grow: 1;
     transition: all .5s;
 }
-.lamb .main-treats_products-cardbottom-btn {
-    background: #FFBC7B;
-}
-.duck .main-treats_products-cardbottom-btn {
-    background: #f6d9c7;
-}
-.beef .main-treats_products-cardbottom-btn {
-    background: #DEB3FF;
-}
-.rabbit .main-treats_products-cardbottom-btn {
-    background: #f5c1d7;
-}
-.fish .main-treats_products-cardbottom-btn {
-    background: #c0e4f1;
-}
 
-
-.lamb .main-treats_products-cardbottom-btn:hover {
-    background: #863300;
-}
-.duck .main-treats_products-cardbottom-btn:hover {
-    background: #f6d9c7;
-}
-.beef .main-treats_products-cardbottom-btn:hover {
-    background: #7E0092;
-}
-.rabbit .main-treats_products-cardbottom-btn:hover {
-    background: #f5c1d7;
-}
-.fish .main-treats_products-cardbottom-btn:hover {
-    background: #c0e4f1;
-}
-.main-treats_products .lamb {
-    background: linear-gradient(rgba(134, 51, 0, 0.1), rgba(134, 51, 0, 0.1)), #f7dcc1;
-}
-.main-treats_products .duck {
-    background: linear-gradient(rgba(134, 51, 0, 0.1), rgba(134, 51, 0, 0.1)), #f6d9c7;
-}
-.main-treats_products .beef {
-    background: linear-gradient(rgba(134, 51, 0, 0.1), rgba(134, 51, 0, 0.1)), #e5cff6;
-}
-.main-treats_products .rabbit {
-    background: linear-gradient(rgba(134, 51, 0, 0.1), rgba(134, 51, 0, 0.1)), #f5c1d7;
-}
-.main-treats_products .fish {
-    background: linear-gradient(rgba(134, 51, 0, 0.1), rgba(134, 51, 0, 0.1)), #c0e4f1;
-}
 .main-treats .main-food_products-card {
     border-radius: 30px;
     padding: 8px;
@@ -1324,13 +1249,6 @@ background: radial-gradient(161.08% 232.33% at 133.99% -48.29%, #EE6868 0%, #569
 .main-treats .swiper-button-prev::after {
     content: none;
 }
-.main-treats .swiper-pagination {
-    display: none;
-}
-.main-treats .swiper-pagination-bullet {
-    background: #333;
-    display: none;
-}
 .main-treats_arrows .swiper-button-next{
     right: var(--swiper-navigation-sides-offset, -65px)!important;
     left: auto;
@@ -1681,18 +1599,23 @@ background: #e5f1fa;
     position: relative;
     width: 100%;
     height: 484px;
+    display: block;
+    overflow: hidden;
+        border-radius: 60px;
+        overflow: hidden;
+            border: 2px solid var(--creme-white, #F4F1F0);
 }
 .cosmopet-x__item::before {
     content: '';
     position: absolute;
-    left: 0;
+    left: 0px;
     top: 0;
     height: 100%;
     z-index: 1;
     width: 100%;
-    border-radius: 60px;
+    border: none;
-    border: 2px solid var(--creme-white, #F4F1F0);
     background: linear-gradient(180deg, rgba(255, 255, 255, 0.83) 0%, rgba(255, 255, 255, 0.00) 25.17%, rgba(255, 255, 255, 0.00) 65%, rgba(255, 255, 255, 0.83) 80%);
+    border-radius: 0;
 }
 .cosmopet-x__bg {
     position: absolute;
@@ -1702,7 +1625,7 @@ background: #e5f1fa;
     width: 100%;
     object-fit: cover;
     object-position: center;
-    border-radius: 60px;
+    border-radius: 0px;
 } 
 .cosmopet-x__body {
     position: absolute;
@@ -1753,9 +1676,11 @@ background: #e5f1fa;
 }
 .cosmopet-x .slider-arrows .cosmopet-prev {
     left: -30px;
+    position: relative;
 }
 .cosmopet-x .slider-arrows .cosmopet-next {
     right: -30px;
+    position: relative;
 }
 .cosmopet-x .slider-arrow {
     background-image: url('data:image/svg+xml,<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="56" height="56" rx="20" fill="white"/><path d="M37 28.364H20.5" stroke="%23121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M37 28.364L30.636 34.728" stroke="%23121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M37 28.364L30.636 22.0001" stroke="%23121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>')!important;
@@ -1766,6 +1691,7 @@ background: #e5f1fa;
     box-shadow: -3px 9px 31px 0 rgba(0, 0, 0, 0.25);
     background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 35%), var(--white);
     border-radius: 60px;
+    display: block;
 } 
 
 /* Main Gallery */
@@ -2168,7 +2094,13 @@ background: #e5f1fa;
 .main-blog_tags-tag:hover{
     background:rgba(18, 18, 18, 1);
     color: #fff;
-    border: 1px solid #fff;
+    outline: 1px solid #fff;
+}
+
+.main-blog_tags-tag.active{
+    background:rgba(18, 18, 18, 1);
+    color: #fff;
+    outline: 2px solid #fff;
 }
 .main-blog_tags-tag img {
     width: 15px;
@@ -2183,8 +2115,9 @@ background: #e5f1fa;
 }
 .main-blog_wrapper-most {
     border-radius: 60px;
-    padding: 8px;
+    padding: 8px 8px 32px 8px;
-    /* width: 500px; */
+    width: 50%;
+    flex-shrink: 0;
     min-height: 518px;
     background: rgba(18, 18, 18, 0.4);
     box-shadow: -3px 9px 31px 0 rgba(0, 0, 0, 0.25);
@@ -2579,6 +2512,11 @@ height: 100%;
 .truth_pictures_gft{
     display: none;
 }
+
+.truth_pictures_present{
+    max-width: 333px;
+    width: 333px;
+}
 @media (max-width: 940px) {
     .gallery-box{
         height: 571px;
@@ -2793,12 +2731,16 @@ border-radius: 20px;
   margin-right: 15px; /* Отступ от текста */
   opacity: 0; /* Элемент невидим, но влияет на поток */
 }
+
 .main-about_banner {
     padding: 32px 16px 90px;
-
+    position: relative;
+    overflow: hidden;
 }
 
 
+
+
 .main-about_banner-title{
     font-size: 18px;
 }
@@ -3692,3 +3634,200 @@ align-items: center;
     position: relative;
 }
 
+.inverse .main-slider-content_title,
+.inverse .main-slider-content_descr{
+    color: #121212;
+}
+
+
+.inverse .main-slider-content_btn{
+    background: radial-gradient(161.08% 232.33% at 133.99% -48.29%, #EE6868 0%, #569EF0 57.69%), linear-gradient(21.69deg, #F44242 23.69%, #569EF0 66.57%);
+    color: #fff;
+}
+
+.inverse .main-slider-content_btn__arrow{
+    background: #fff;
+}
+
+.inverse .main-slider-content_btn__arrow::before {
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M0.796875 1.62529C0.796875 1.09628 1.2265 0.666656 1.75551 0.666656L10.3761 0.667538C10.9052 0.667538 11.3339 1.09628 11.3339 1.62529L11.3348 10.2459C11.3348 10.7749 10.9052 11.2046 10.3761 11.2046C9.84714 11.2046 9.41752 10.7749 9.41752 10.2459L9.4184 3.93765L2.70003 10.656C2.32596 11.0301 1.71949 11.0301 1.34542 10.656C0.971356 10.282 0.971356 9.67548 1.34542 9.30141L8.06379 2.58304L1.75551 2.58392C1.2265 2.58392 0.796875 2.1543 0.796875 1.62529Z' fill='%235F88C8'/%3E%3C/svg%3E");
+}
+
+.inverse .main-slider-content_btn:hover span.main-slider-content_btn-text{
+    color: #121212;
+}
+
+
+.swiper-button-prev{
+    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 12.364H21' stroke='%23121212' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M4.5 12.364L10.864 18.728' stroke='%23121212' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M4.5 12.364L10.864 6.00005' stroke='%23121212' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
+    background-repeat: no-repeat;
+    background-size: 24px;
+    background-position: center;
+}
+
+.swiper-button-next{
+    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 12.364H4.5' stroke='%23121212' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M21 12.364L14.636 18.728' stroke='%23121212' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M21 12.364L14.636 6.00005' stroke='%23121212' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
+    background-repeat: no-repeat;
+    background-size: 24px;
+    background-position: center;
+}
+
+.main-blog_wrapper-items-item{
+    background-size: cover;
+    background-position: center;
+}
+
+
+.main-about_banner-overlay{
+    background-image: url(../img/parthners-bg.jpg);
+    height: 100%;
+    width: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    padding: inherit;
+    background-size: cover;
+    z-index: 5;
+    transition: all .3s;
+}
+.main-about_banner-overlay:not(.active){
+    opacity: 0;
+    pointer-events: none;
+}
+.main-about_banner-overlay__list{
+    margin-top: 1.5rem;
+    gap: 8px;
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.main-about_banner-overlay__list-item{
+    border: 2px solid #fff;
+    border-radius: 100px;
+    padding: 11px 20px 13px 20px;
+    font-weight: 400;
+    font-size: 20px;
+    line-height: 120%;
+    color: #fff;
+    transition: all .5s;
+}
+.main-about_banner-overlay__list-item:hover{
+    background-color: #fff;
+    color: #121212;
+}
+.main-about_banner-overlay__button{
+    border: 2px solid #fff;
+    border-radius: 100px;
+    width: max-content;
+    padding-left: 16px;
+    padding-right: 16px;
+    height: 48px;
+    display: flex;
+    align-items: center;
+    font-weight: 600;
+    font-size: 20px;
+    line-height: 120%;
+    color: #1c9b99;
+    margin-top: 1.5rem;
+background-color: #fff;
+}
+.main-about_banner-overlay__button::before{
+    background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.58606 14.7733C8.21199 15.1474 7.60441 15.1474 7.23035 14.7733L1.13526 8.67698C0.761192 8.30291 0.761193 7.69658 1.13526 7.32251L7.23035 1.22617C7.60441 0.852109 8.21199 0.852111 8.58606 1.22618C8.96013 1.60024 8.96013 2.20782 8.58606 2.58189L4.12481 7.04189L13.626 7.04189C14.155 7.04189 14.5839 7.47074 14.5839 7.99975C14.5839 8.52875 14.155 8.9576 13.626 8.9576L4.12481 8.9576L8.58606 13.4176C8.96012 13.7917 8.96012 14.3993 8.58606 14.7733Z' fill='%231C9B99' /%3E%3C/svg%3E");
+    width: 15px;
+    height: 16px;
+    margin-right: 12px;
+    flex-shrink: 0;
+    content: '';
+    transition: all .5s;
+    position: relative;
+    right: 0;
+}
+.main-about_banner-overlay__button:hover::before{
+    right: .5rem;
+}
+
+@media (max-width: 1280px) {
+    .main-about_banner-overlay__list-item{
+        font-size: 16px;
+        padding: 6px 16px;
+    }
+    .main-about_banner-overlay__button{
+        font-size: 16px;
+        height: 42px;
+    }
+    .main-about_banner-overlay {
+        background-image: url(../img/new-front/eko2.png);
+    }
+}
+
+
+.main-food_reviews-slide-head{
+    position: relative;
+}
+
+.main-food_reviews-slide-photo{
+    height: 48px;
+    width: 48px;
+    flex-shrink: 0;
+    position: absolute;
+    top: 0;
+    left: 0;
+    border-radius: 50%;
+}
+
+.main-food_reviews-slide-name, .main-food_reviews-slide-position{
+    padding-left: 64px;
+}
+.main-food_reviews-slide-name, .main-food_reviews-slide-position, .main-food_reviews-slide-head{
+    width: 100%;
+}
+
+.main-food_reviews-slide-media_file{
+    height: 420px;
+    width: 100%;
+    border-radius: 32px;
+    margin-bottom: 1rem;
+}
+@media (max-width: 640px) {
+    .main-food_reviews-slide-name{
+        min-height: 48px;
+        display: flex;
+        align-items: center;
+    }
+    .main-food_reviews-slide-position{
+        padding-left: 0;
+    }
+}
+
+.main-food_reviews-slide-media_main{
+    border-radius: 25px;
+    width: 168px;
+    height: 115px;
+    overflow: hidden;
+}
+.main-food_reviews-slide-media_main img{
+        width: 168px;
+    height: 115px;
+}
+.main-food_reviews-slide-media_mini{
+    width: 56px;
+    height: 70px;
+    border-radius: 16px;
+  overflow: hidden;
+}
+
+.main-food_reviews-slide-media_wrap{
+    display: flex;
+    gap: 6px;
+    align-items: center;
+    margin-bottom: 20px;
+
+}
+.main-food_reviews-slide-media_wrap img{
+        object-fit: cover;
+}
+.main-food_reviews-slide-media_mini img{
+    width: 56px;
+    height: 70px;
+
+}