diff --git a/wp-content/themes/cosmopet/modules/forms/assets/js/form.js b/wp-content/themes/cosmopet/modules/forms/assets/js/form.js
index 4edb3c7..c1bf685 100644
--- a/wp-content/themes/cosmopet/modules/forms/assets/js/form.js
+++ b/wp-content/themes/cosmopet/modules/forms/assets/js/form.js
@@ -1,9 +1,8 @@
 // Функция для показа модальных окон
 function showModal(modalClass) {
-    const modal = document.querySelector('.' + modalClass);
-    if (modal) {
-      modal.style.display = 'flex';
-    }
+  const modal = document.querySelector('.' + modalClass);
+  if (modal) {
+    modal.style.display = 'flex';
   }
   
   // Функция для закрытия модальных окон
@@ -34,6 +33,17 @@ function showModal(modalClass) {
       });
     });
   });
+  
+  // Закрытие при клике вне контента
+  window.addEventListener('click', function(event) {
+    const modals = document.querySelectorAll('.modal-success, .modal-offer');
+    modals.forEach(modal => {
+      if (event.target === modal) {
+        modal.style.display = 'none';
+      }
+    });
+  });
+});
 
 
 jQuery(document).ready(function($) {
@@ -63,65 +73,65 @@ const metaLocale = document.querySelector('meta[property="og:locale"]');
 const localeValue = metaLocale.getAttribute('content');
 
 
-        // Функция валидации формы
-        function validateForm(form) {
-            // Очищаем предыдущие сообщения об ошибках внутри этой формы
-            clearErrorMessages(form);
-            let validated = true
-            // Валидация поля имени
-            const nameInput = form.querySelector('input[name="name"]');
-            
-            if (nameInput && !nameInput.value.trim()) {
-                if(localeValue == 'en_US'){
-                    showError(nameInput, 'The name is requeried field');
-                }
-                if(localeValue == 'ru_RU'){
-                    showError(nameInput, 'Поле имени обязательно для заполнения.');
-                }
-                validated = false
-            }
+      // Функция валидации формы
+      function validateForm(form) {
+          // Очищаем предыдущие сообщения об ошибках внутри этой формы
+          clearErrorMessages(form);
+          let validated = true
+          // Валидация поля имени
+          const nameInput = form.querySelector('input[name="name"]');
+          
+          if (nameInput && !nameInput.value.trim()) {
+              if(localeValue == 'en_US'){
+                  showError(nameInput, 'The name is requeried field');
+              }
+              if(localeValue == 'ru_RU'){
+                  showError(nameInput, 'Поле имени обязательно для заполнения.');
+              }
+              validated = false
+          }
 
-            // Валидация поля email
-            const emailInput = form.querySelector('input[name="email"]');
-            const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-            if (emailInput && !emailPattern.test(emailInput.value.trim())) {
+          // Валидация поля email
+          const emailInput = form.querySelector('input[name="email"]');
+          const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+          if (emailInput && !emailPattern.test(emailInput.value.trim())) {
 
-                if(localeValue == 'en_US'){
-                    showError(emailInput, 'Email is incorrect.');
-                }
-                if(localeValue == 'ru_RU'){
-                    showError(emailInput, 'Введите корректный email.');
-                }
-                validated = false
-            }
+              if(localeValue == 'en_US'){
+                  showError(emailInput, 'Email is incorrect.');
+              }
+              if(localeValue == 'ru_RU'){
+                  showError(emailInput, 'Введите корректный email.');
+              }
+              validated = false
+          }
 
-            // Валидация поля телефона
-            const phoneInput = form.querySelector('input[name="phone"]');
-            const phonePattern = /^\+?\d{10,15}$/;
-            if (phoneInput && !phonePattern.test(phoneInput.value.trim())) {
-                if(localeValue == 'en_US'){
-                    showError(phoneInput, 'The phone is incorrect.');
-                }
-                if(localeValue == 'ru_RU'){
-                    showError(phoneInput, 'Введите корректный номер телефона.');
-                }
-                validated = false
-            }
-            return validated
-        }
+          // Валидация поля телефона
+          const phoneInput = form.querySelector('input[name="phone"]');
+          const phonePattern = /^\+?\d{10,15}$/;
+          if (phoneInput && !phonePattern.test(phoneInput.value.trim())) {
+              if(localeValue == 'en_US'){
+                  showError(phoneInput, 'The phone is incorrect.');
+              }
+              if(localeValue == 'ru_RU'){
+                  showError(phoneInput, 'Введите корректный номер телефона.');
+              }
+              validated = false
+          }
+          return validated
+      }
 
-        // Функция для отображения сообщения об ошибке
-        function showError(input, message) {
-            const errorMessage = document.createElement('div');
-            errorMessage.className = 'error-message';
-            errorMessage.textContent = message;
-            input.insertAdjacentElement('afterend', errorMessage);
-        }
+      // Функция для отображения сообщения об ошибке
+      function showError(input, message) {
+          const errorMessage = document.createElement('div');
+          errorMessage.className = 'error-message';
+          errorMessage.textContent = message;
+          input.insertAdjacentElement('afterend', errorMessage);
+      }
 
-        // Функция для очистки сообщений об ошибках внутри конкретной формы
-        function clearErrorMessages(form) {
-            const errorMessages = form.querySelectorAll('.error-message');
-            errorMessages.forEach(errorMessage => {
-                errorMessage.remove();
-            });
-        }
\ No newline at end of file
+      // Функция для очистки сообщений об ошибках внутри конкретной формы
+      function clearErrorMessages(form) {
+          const errorMessages = form.querySelectorAll('.error-message');
+          errorMessages.forEach(errorMessage => {
+              errorMessage.remove();
+          });
+      }
\ No newline at end of file
diff --git a/wp-content/themes/cosmopet/modules/layout/assets/js/gp-main.js b/wp-content/themes/cosmopet/modules/layout/assets/js/gp-main.js
index 9ab3958..a77fde9 100644
--- a/wp-content/themes/cosmopet/modules/layout/assets/js/gp-main.js
+++ b/wp-content/themes/cosmopet/modules/layout/assets/js/gp-main.js
@@ -413,3 +413,5 @@ if (document.querySelector('.header').classList.contains('white')) {
     });
 }
 // scroll
+
+
diff --git a/wp-content/themes/cosmopet/modules/shop/components/cart/assets/js/cart.js b/wp-content/themes/cosmopet/modules/shop/components/cart/assets/js/cart.js
index 8d6f7c1..e9daf1a 100644
--- a/wp-content/themes/cosmopet/modules/shop/components/cart/assets/js/cart.js
+++ b/wp-content/themes/cosmopet/modules/shop/components/cart/assets/js/cart.js
@@ -213,9 +213,65 @@ jQuery(document).ready(function($) {
         });
     }
     
+    // --- Работа с cookie ---
+    function setCookie(name, value, days) {
+        let expires = '';
+        if (days) {
+            const date = new Date();
+            date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
+            expires = '; expires=' + date.toUTCString();
+        }
+        document.cookie = name + '=' + (value || '')  + expires + '; path=/';
+    }
+    function getCookie(name) {
+        const nameEQ = name + '=';
+        const ca = document.cookie.split(';');
+        for(let i=0;i < ca.length;i++) {
+            let c = ca[i];
+            while (c.charAt(0)==' ') c = c.substring(1,c.length);
+            if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
+        }
+        return null;
+    }
+    // --- Конец работы с cookie ---
+
+    // Открытие корзины при первом добавлении товара
+    function openBasketOnFirstAdd() {
+        if (!getCookie('basket_popup_shown')) {
+            console.log('[openBasketOnFirstAdd] Срабатывает открытие корзины');
+            // Выбираем только модалку, в которой находится корзина
+            var $basket = $('#modal-basket');
+            var $modal = $basket.closest('.modal');
+            var $aside = $modal.find('.modal__aside');
+            var device = window.screen.width;
+
+            // Сброс только внутри этой модалки
+            var $items = $modal.find('.modal__item');
+            console.log('[openBasketOnFirstAdd] modal:', $modal.get(), 'modal__item:', $items.get());
+            $items.removeClass('active').attr('style', '');
+            $modal.addClass('active').show();
+            $basket.addClass('active').css({opacity: 1, filter: 'blur(0px)'});
+            console.log('[openBasketOnFirstAdd] basket:', $basket.get());
+            var width = $basket[0] ? $basket[0].clientWidth : 600;
+            setTimeout(function() {
+                if (device <= 720) {
+                    $aside.css('width', device + 'px');
+                    console.log('[openBasketOnFirstAdd] aside width:', device + 'px');
+                } else {
+                    $aside.css('width', width + 'px');
+                    console.log('[openBasketOnFirstAdd] aside width:', width + 'px');
+                }
+            }, 10);
+            setCookie('basket_popup_shown', '1', 30);
+        } else {
+            console.log('[openBasketOnFirstAdd] Куки уже установлены, попап не открывается');
+        }
+    }
+
     // Обновление корзины при добавлении товара
     $(document.body).on('added_to_cart', function() {
         updateCartFragment();
+        openBasketOnFirstAdd();
     });
     
     // Функция обновления количества
@@ -279,6 +335,7 @@ jQuery(document).ready(function($) {
         });
     }
 
+    // Добавляем спиннер на кнопку 'Добавить в корзину' в корзине
     $('body').on('click', '.add_to_cart_button', function() {
         var btn = $(this);
         if (!btn.hasClass('loading')) {
diff --git a/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/css/gp-style-core.css b/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/css/gp-style-core.css
index b1770c0..1091e45 100644
--- a/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/css/gp-style-core.css
+++ b/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/css/gp-style-core.css
@@ -1,3 +1,4 @@
+
 /* общие */
 button{
   cursor: pointer;
@@ -12,355 +13,1962 @@ button{
 /* компоненты */
 
 /* lang*/
-/* lang */
-
-
-/* mini-profile */
-/* mini-profile */
-
-
-/* main-menu */
-/* main-menu */
-
-
-/* form */
-/* .form-input-radio__ */
-/* form */
-
-
-/* social media */
-/* social media */
+.lang{
+  position: relative;
+}
+.lang__open{
+  padding: 12px 15px;
 
+  width: 74px;
 
-/* breadcrumbs */
-.breadcrumbs{
-  margin: 24px;
+  background: none;
+  border: none;
 
   display: flex;
   align-items: center;
-}
-.breadcrumbs__item{
-  display: block;
-
-  padding: 0px 16px;
-
 
+  transition: opacity .2s ease-out;
+}
+.lang__open:hover{
+  opacity: .8;
+}
+.lang-open p{
+  font-family: var(--font-family);
   font-weight: 700;
   font-size: 16px;
   line-height: 125%;
-  color: var(--text-6);
-
-  text-decoration: none;
 
-  position: relative;
-}
-.breadcrumbs__item:first-child{
-  padding-left: 0;
+  text-align: start;
+  
+  color: var(--text-black);
 }
-/* breadcrumbs */
-
-/* compound */
-.compound{
-  margin: -5px;
-
-  min-height: 33.95px;
+.lang-open__arrow{
+  margin-left: 7.25px;
 
   display: flex;
-  align-items: start;
+  justify-content: center;
+  align-items: center;
 }
-.compound__item{
-  margin: 5px;
+.lang-open__black{
 
-  padding: 4px 8px;
+}
+.lang-open__white{
+  display: none;
+}
+.lang__content{
+  position: absolute;
+  top: 33px;
+  left: -13px;
 
+  height: 0;
 
-  font-weight: 700;
-  font-size: 12px;
-  line-height: 133%;
-  color: var(--text-black);
+  border-radius: 6px;
+
+  transition: height .2s ease-out;
+  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1), 0 0 2px 0 rgba(0, 0, 0, 0.2);
+  overflow: hidden;
 
-  border-radius: 16px;
   background-color: var(--background-white);
 
-  display: block;
-  text-decoration: none;
+  z-index: 100;
 }
-.compound__item:first-child{
-  margin-left: 0;
+.lang__list{
+  width: 104px;
+
+  padding: 8px;
+
+  list-style-type: none;
 }
-/* compound */
+.lang__item{
+  margin-top: 8px;
+}
+.lang__item:first-child{
+  margin-top: 0;
+}
+.lang__link{
+  display: block;
 
-/* button */
-.button{
+  width: 100%;
 
-  font-weight: 600;
+  padding: 4px;
+
+  border-radius: 6px;
+
+  font-family: var(--font-family);
+  font-weight: 400;
   font-size: 20px;
   line-height: 120%;
-  color: var(--text-black);
+  color: var(--text-dark);
 
-  border-radius: 20px;
+  text-decoration: none;
 
-  cursor: pointer;
+  position: relative;
+
+  transition: background-color .2s ease-out;
 }
-.button--100-perc{
-  width: 100%;
+.lang__link:hover,
+.lang__item.active .lang__link{
+  background-color: var(--background-grey);
 }
-.button--white{
-  padding: 11px 24px;
-  
-  text-align: center;
+.lang__item.active .lang__link::before{
+  content: '';
 
-  background-color: var(--background-white);
-  border: 1px solid var(--background-black);
+  position: absolute;
+  top: 10px;
+  right: 8px;
 
-  transition: opacity .2s ease-out;
-}
-.button--white:hover{
-  opacity: .8;
-}
-.button--gradient{
-  background: var(--gradient-turquoise);
-  border: none;
+  width: 16px;
+  height: 12px;
 
-  transition: opacity .2s ease-out;
-}
-.button--gradient:hover{
-  opacity: .8;
+  background-image: url(../img/svg/main/arrow-selected.svg);
 }
-.button--high{
-  height: 56px;
-
-  padding: 16px 24px 24px 24px;
+/* lang */
 
-  font-weight: 700;
-  text-align: center;
 
-  position: relative;
+/* mini-profile */
+.mini-profile{
+  display: flex;
+  align-items: center;    
 }
-.button--red-48-px{
-  border-radius: 48px;
+.mini-profile__item{
+  margin-left: 8px;
 }
-.to-know{
-  /* width: 100%; */
+.mini-profile__item:first-child{
+  margin-left: 0;
+}
+.mini-profile__button{
+  display: block;
 
-  padding: 12px 24px 7px 24px;
+  padding: 8px;
 
   display: flex;
   justify-content: center;
+  align-items: center;
 
+  background: none;
   border: none;
 
   transition: opacity .2s ease-out;
-  text-decoration: none;
 }
-
-.to-know:hover{
+.mini-profile__button:hover{
   opacity: .8;
 }
-.to-know p{
-  padding-bottom: 4px;
-
+.mini-profile__icon{
+  width: 24px;
+  aspect-ratio: 1;
+}
+.mini-profile__icon.white{
+  display: none;
+}
+/* mini-profile */
 
-  font-weight: 700;
-  font-size: 20px;
-  line-height: 120%;
-  color: var(--text-black);
 
-  border-bottom: 1px var(--text-black) solid;
+/* main-menu */
+.main-menu{
+  display: flex;
+  align-items: center;
 
-  cursor: pointer;
+  list-style-type: none;
 }
-.back{
-  margin-top: 16px;
-  margin-left: 16px;
+.main-menu__item{
+  margin-left: 24px;
 
-  padding: 8px;
-  padding-left: 32px;
+  transition: opacity .2s ease-out;
+}
+.main-menu__item:first-child{
+  margin-left: 0;
+}
+.main-menu__item:hover{
+  opacity: .8;
 
-  background: none;
-  border: none;
+  background: var(--background-grey);
+  border-radius: 24px;
+}
+.header.white .main-menu__item:hover .main-menu__link{
+  color: var(--text-black);
+}
+.main-menu__item:active{
+  opacity: 1;
+}
+.main-menu__link{
+  display: block;
 
+  padding: 8px 12px;
 
-  font-weight: 600;
-  font-size: 20px;
-  line-height: 120%;
+  font-family: var(--font-family);
+  font-weight: 700;
+  font-size: 16px;
+  line-height: 125%;
   color: var(--text-black);
 
   text-decoration: none;
 
-  position: relative;
+  transition: color .2s ease-out;
 }
-.back::before{
-  content: '';
+.main-menu__button{
+  padding: 8px 32px 8px 12px;
 
-  position: absolute;
-  top: 8px;
-  left: 0;
+  font-family: var(--font-family);
+  font-weight: 700;
+  font-size: 16px;
+  line-height: 125%;
+  color: var(--text-black);
 
-  margin-right: 8px;
+  border: none;
+  border-radius: 24px;
 
-  width: 24px;
-  height: 24px;
+  background: var(--gradient-turquoise);
 
-  background-image: url(../img/svg/main/arrow-back.svg);
+  position: relative;
 }
-
-.back::after{
+.main-menu__button::before{
   content: '';
 
   position: absolute;
-  bottom: 6px;
-  left: 0;
+  top: 14px;
+  right: 14px;
 
-  width: calc(100% - 8px);
-  height: 1px;
+  width: 13px;
+  height: 8px;
 
-  background: var(--text-black);
+  background-image: url(../img/svg/main/arrow-black.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
 }
-/* button */
+/* main-menu */
 
-/* select */
-.select{
-  max-width: 144px;
 
-  position: relative;
-}
-.select__state{
+/* form */
+.form{
   width: 100%;
 
-  padding: 11px 47px 11px 13px;
+  padding: 24px 24px 43px;
 
-  /* pointer-events:none; */
+  display: flex;
+  flex-direction: column;
+
+  border-radius: 24px;
+  background: var(--gradient-turquoise);
+}
+.form__item{
+  margin-top: 16px;
+}
+.form__title{
+  font-family: var(--font-family);
+  font-weight: 500;
+  font-size: 24px;
+  line-height: 133%;
+  color: var(--text-black);
+}
+.form__input{
+  width: 100%;
 
-  border: 1px solid var(--background-black);
   border-radius: 20px;
+  padding: 12px 16px;
+  border: 1px solid var(--text-black);
 
+  background: var(--background-white);
 
+  font-family: var(--font-family);
   font-weight: 400;
   font-size: 20px;
   line-height: 120%;
+
   color: var(--text-black);
+}
+.form__input::placeholder{
+  color: var(--text-grey);
+}
+.form__input--grey{
+  border-color: var(--background-9);
+}
+.form__input--textarea{
+  height: 96px;
+  resize: none;
+}
+.form__input--textarea-72{
+  height: 72px;
+  resize: none;
 
-  cursor: pointer;
+  overflow: hidden;
+}
+.form__input--center{
+  text-align: center;
+}
+.form__button{
+  width: 100%;
 
-  position: relative;
+  padding: 12px 24px;
+
+  font-family: var(--font-family);
+  font-weight: 400;
+  font-size: 20px;
+  line-height: 120%;
+  color: var(--text-white);
+
+  border-radius: 16px;
+  border: none;
+  background: var(--background-black);
+
+  cursor: pointer;
+
+  transition: background-color .2s ease-out;
+}
+.form__button:hover{
+  opacity: .8;
+}
+
+.label{
+  padding-bottom: 4px;
+
+  display: inline-block;
+
+  position: relative;
+}
+.label::after{
+  content: '';
+
+  position: absolute;
+  top: 2px;
+  right: -20px;
+
+  width: 16px;
+  height: 16px;
+
+  background-image: url(../img/svg/main/question.svg);
+
+  cursor: pointer;
+}
+.label__title{
+  font-family: var(--font-family);
+  font-weight: 700;
+  font-size: 16px;
+  line-height: 125%;
+  color: var(--text-3);
+}
+.label__question{
+  position: absolute;
+
+  padding: 8px;
+
+  border-radius: 6px;
+  transition: height .2s ease-out;
+  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1), 0 0 2px 0 rgba(0, 0, 0, 0.2);
+  overflow: hidden;
+  background-color: var(--background-white);
+
+  opacity: 0;
+  transition: opacity .2s ease-out;
+  pointer-events: none;
+}
+.label:hover .label__question{
+  opacity: 1;
+  pointer-events: auto;
+}
+
+.label-name{
+  margin-bottom: 8px;
+
+  font-family: var(--font-family);
+  font-weight: 700;
+  font-size: 16px;
+  line-height: 125%;
+  color: var(--text-black);
+
+  display: block;
+}
+.form-input__error{
+  margin-top: 4px;
+
+  font-family: var(--font-family);
+  font-weight: 500;
+  font-size: 12px;
+  line-height: 133%;
+
+  color: #f60909;
+
+  display: none;
+
+  position: relative;
+}
+.form-input__error--absolute{
+  position: absolute;
+  bottom: -19.95px;
+  left: 0;
+
+  width: 100%;
+}
+.modal-form__content.check .form__input:invalid{
+  border-color: #f60909;
+}
+.modal-form__content.check .form__input:invalid + .form-input__error{
+  display: block;
+}
+.modal-form__content.check .form-input-phone__input:invalid + .form-input__error{
+  display: block;
+}
+.modal-form__content.check .form-input-phone__input:invalid + .form-input__error--absolute::before{
+  content: '';
+
+  position: absolute;
+  top: -53px;
+  left: -1px;
+
+  width: 100%;
+  height: 48px;
+
+  border-radius: 20px;
+  border: 1px solid #f60909;
+}
+.form-input__phone{
+  padding: 12px 16px 12px ;
+
+  display: flex;
+  align-items: center;
+
+  border-radius: 20px;
+  border: 1px solid var(--text-black);
+
+  cursor: pointer;
+
+  position: relative;
+}
+.form-input__phone.focus{
+  outline: 1px solid var(--text-black);
+}
+.form-input-phone__icon{
+  flex-shrink: 0;
+
+  height: 16px;
+  width: 28px;
+
+  background-size: 16px;
+  background-repeat: no-repeat;
+  background-position: left;
+
+  position: relative;
+}
+.form-input-phone__icon::after{
+  content: '';
+
+  position: absolute;
+  top: 4px;
+  right: 0;
+
+  width: 8px;
+  aspect-ratio: 1;
+
+  background-image: url(../img/svg/main/triangle-grey.svg);
+}
+.form-input-phone__code{
+  flex-shrink: 0;
+
+  font-family: var(--font-family);
+  font-weight: 400;
+  font-size: 20px;
+  line-height: 120%;
+  color: var(--text-black);
+}
+.form-input-phone__code::before{
+  content: '+';
+}
+.form-input-phone__input{
+  margin-left: 6px;
+
+  font-family: var(--font-family);
+  font-weight: 400;
+  font-size: 20px;
+  line-height: 120%;
+  color: var(--text-black);
+
+  border: none;
+  outline: none;
+}
+.form-input-phone__list{
+  position: absolute;
+  top: 52px;
+  left: 8px;
+
+  width: 280px;
+
+  z-index: 10;
+
+  transition: opacity .2s ease-out;
+
+  opacity: 0;
+  pointer-events: none;
+
+  border-radius: 20px;
+
+  overflow: hidden;
+}
+.form-input-phone__list.active{
+  opacity: 1;
+  pointer-events: auto;
+}
+.form-input-phone-list__search{
+  width: 100%;
+
+  padding: 12px 16px;
+
+  font-family: var(--font-family);
+  font-weight: 400;
+  font-size: 20px;
+  line-height: 120%;
+  color: var(--text-black);
+
+  border-left: 1px solid var(--background-black);
+  border-right: 1px solid var(--background-black);
+  border-top: 1px solid var(--background-black);
+  border-radius: 20px 20px 0 0;
+
+  background: var(--background-white);
+}
+.form-input-phone-list__search::placeholder{
+  color: var(--text-6);
+}
+.form-input-phone-list__content{
+  width: 100%;
+  max-height: 224px;
+
+  padding: 24px 16px;
+
+  border: 1px solid var(--background-black);
+  border-top: none;
+  border-radius: 0 0 20px 20px;
+
+  background: var(--background-white);
+
+  overflow-y: auto;
+}
+.form-input-phone-list__item{
+  margin-top: 14px;
+
+  display: flex;
+  align-items: center;
+
+  background: none;
+  border: none;
+
+  cursor: pointer;
+}
+.form-input-phone-list__item:first-child{
+  margin-top: 0;
+}
+.form-input-phone-list-item__icon{
+  width: 16px;
+  aspect-ratio: 1;
+}
+.form-input-phone-list-item__name{
+  margin-left: 8px;
+
+  font-family: var(--font-family);
+  font-weight: 400;
+  font-size: 20px;
+  line-height: 120%;
+  color: var(--text-black);
+}
+.form-input-phone-list-item__code{
+  margin-left: 8px;
+
+  font-family: var(--font-family);
+  font-weight: 400;
+  font-size: 20px;
+  line-height: 120%;
+  color: var(--text-black);
+}
+.form-input-phone-list-item__code::before{
+  content: '+';
+}
+.form-input__tabs{
+  padding: 2px;
+
+  display: flex;
+
+  border-radius: 20px;
+  background: var(--gradient-turquoise);
+
+  position: relative;
+}
+.form-input__tabs--white{
+  padding: 3px;
+  border: 1px solid var(--text-3);
+  background: var(--white);
+}
+.form-input__tabs--white .form-input-tabs__button.active{
+  background: var(--gradient-turquoise);
+}
+.form-input-tabs__button{
+  width: 100%;
+
+  padding: 10px;
+
+  font-family: var(--font-family);
+  font-weight: 400;
+  font-size: 20px;
+  line-height: 120%;
+  color: var(--text-black);
+  text-align: center;
+
+  border-radius: 18px;
+
+  z-index: 2;
+
+  transition: background-color .2s ease-out;
+}
+.form-input-tabs__button.active{
+  background-color: var(--background-white);
+}
+.form-input-tabs__input{
+  display: none;
+}
+.form-input__radio{
+  padding: 16px;
+
+  display: flex;
+  flex-direction: column;
+}
+.form-input-radio__item{
+  margin-top: 14px;
+
+  display: flex;
+  align-items: center;
+}
+.form-input-radio__item:first-child{
+  margin-top: 0;
+}
+.form-input-radio__circle{
+  padding: 2px;
+
+  width: 20px;
+  aspect-ratio: 1;
+
+  border-radius: 50%;
+
+  background: var(--gradient-blue);
+
+  position: relative;
+}
+.form-input-radio__item.active .form-input-radio__circle::before{
+  content: '';
+
+  position: absolute;
+  top: 4px;
+  left: 4px;
+
+  width: 12px;
+  aspect-ratio: 1;
+
+  border-radius: 50%;
+
+  background: var(--gradient-blue);
+}
+.form-input-radio-circle__content{
+  width: 16px;
+  aspect-ratio: 1;
+
+  border-radius: 50%;
+
+  background: var(--background-white);
+}
+.form-input-radio__title{
+  margin-left: 8px;
+
+  font-family: var(--font-family);
+  font-weight: 400;
+  font-size: 20px;
+  line-height: 120%;
+  color: var(--text-dark);
+}
+.form-input-radio__title.form-input-radio__title--no-span span{
+  color: var(--text-dark);
+}
+.form-input-radio__price{
+  margin-left: auto;
+
+  font-family: var(--font-family);
+  font-weight: 600;
+  font-size: 20px;
+  line-height: 120%;
+  color: var(--text-black);
+}
+.form-input-radio__price::after{
+  content: ' ₽';
+}
+.form-input-radio__input{
+  display: none;
+}
+.form-input__list{
+  position: relative;
+}
+.form-input__list::before{
+  content: '';
+  position: absolute;
+  top: 21.5px;
+  right: 19.5px;
+  width: 13px;
+  height: 8px;
+  background-image: url(../img/svg/main/arrow-black.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+  pointer-events: none;
+}
+.form-input-list__input{
+  width: 100%;
+
+  border-radius: 20px;
+  padding: 12px 16px;
+  padding-right: 40px;
+
+  font-family: var(--font-family);
+  font-weight: 400;
+  font-size: 20px;
+  line-height: 120%;
+  color: var(--text-black);
+
+  border: 1px solid var(--text-black);
+}
+
+.form-input-list__input::placeholder{
+  color: var(--text-grey);
+}
+.form-input-list__block-content{
+  position: absolute;
+  top: 50px;
+  left: 0;
+
+  width: 100%;
+  max-height: 192px;
+  height: 0;
+
+  border-radius: 20px;
+  background-color: var(--background-white);
+
+  overflow: hidden;
+
+  transition: height .2s ease-out;
+
+  z-index: 10;
+}
+.form-input-list__block-content.active{
+  border: 1px solid var(--background-black);
+}
+.form-input-list__content{
+  margin: 8px 16px;
+
+  max-height: 176px;
+
+  padding-right: 16px;
+
+  overflow-y: auto;
+}
+.form-input-list__content::-webkit-scrollbar{
+  border-radius: 8px;
+  width: 4px;
+  background: rgba(204, 204, 204, 0.2);
+}
+.form-input-list__content::-webkit-scrollbar-thumb{
+  border-radius: 8px;
+  background: var(--background-9);
+}
+.form-input-list__content
+.form-input-list__item{
+  margin-top: 16px;
+
+  width: 100%;
+
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+
+  border-radius: 8px;
+  padding: 4px;
+
+  background: none;
+  border: none;
+}
+.form-input-list__item:first-child{
+  margin-top: 0;
+}
+.form-input-list__item.active{
+  background: rgba(204, 204, 204, 0.2);
+}
+.form-input-list-item__text{
+  font-family: var(--font-family);
+  font-weight: 400;
+  font-size: 20px;
+  line-height: 120%;
+  color: var(--text-black);
+} 
+.form-input-list-item__box{
+  width: 20px;
+  aspect-ratio: 1;
+
+  padding: 2px;
+
+  border-radius: 4px;
+
+  background: var(--gradient-blue);
+}
+.form-input-list-item-box__content{
+  width: 16px;
+  aspect-ratio: 1;
+
+  border-radius: 2px;
+
+  background: var(--background-white);
+}
+.form-input-list__item.active .form-input-list-item-box__content{
+  background: var(--gradient-blue);
+}
+.remote-control__item{
+  display: none;
+}
+.remote-control__item.active{
+  display: block;
+}
+/* .form-input-radio__ */
+
+.form-agreement{
+  display: flex;
+}
+.form-agreement__check{
+  display: flex;
+  align-items: center;
+}
+.form-agreement__square{
+  width: 18px;
+  aspect-ratio: 1;
+
+  border-radius: 4px;
+
+  border: 2px solid var(--background-black);
+}
+.form-agreement__label{
+  margin-left: 8px;
+
+  font-family: var(--font-family);
+  font-weight: 400;
+  font-size: 20px;
+  line-height: 120%;
+  color: var(--text-black);
+}
+.form-agreement__input{
+  display: none;
+}
+.form-agreement__input:checked + .form-agreement__square{
+  border: none;
+  background: var(--gradient-blue);
+
+  position: relative;
+}
+.form-agreement__input:checked + .form-agreement__square::after{
+  content: '';
+
+  position: absolute;
+  top: 1px;
+  left: 1px;
+
+  width: 16px;
+  aspect-ratio: 1;
+
+  background-image: url(../img/svg/main/arrow-selected-white.svg);
+  background-repeat: no-repeat;
+  background-position: center;
+}
+/* form */
+
+
+/* social media */
+.social-media{
+  display: flex;
+  align-items: center;
+}
+.social-media__item{
+  margin-left: 32px;
+
+  transition: opacity .2s ease-out;
+}
+.social-media__item:hover{
+  opacity: .8;
+}
+.social-media__item:first-child{
+  margin-left: 0px;
+}
+.social-media__icon{
+  width: 32px;
+  aspect-ratio: 1;
+}
+/* social media */
+
+
+/* breadcrumbs */
+.breadcrumbs{
+  margin: 24px;
+
+  display: flex;
+  align-items: center;
+}
+.breadcrumbs__item{
+  display: block;
+
+  padding: 0px 16px;
+
+  font-family: var(--font-family);
+  font-weight: 700;
+  font-size: 16px;
+  line-height: 125%;
+  color: var(--text-6);
+
+  text-decoration: none;
+
+  position: relative;
+}
+.breadcrumbs__item:first-child{
+  padding-left: 0;
+}
+.breadcrumbs__item:nth-child(n+2)::before{
+  content: '';
+
+  position: absolute;
+  top: -2px;
+  left: -12px;
+
+  width: 24px;
+  aspect-ratio: 1;
+
+  background-image: url(../img/svg/main/arrow-breadcrumbs.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+/* breadcrumbs */
+
+/* compound */
+.compound{
+  margin: -5px;
+
+  min-height: 33.95px;
+
+  display: flex;
+  align-items: start;
+}
+.compound__item{
+  margin: 5px;
+
+  padding: 4px 8px;
+
+  font-family: var(--font-family);
+  font-weight: 700;
+  font-size: 12px;
+  line-height: 133%;
+  color: var(--text-black);
+
+  border-radius: 16px;
+  background-color: var(--background-white);
+
+  display: block;
+  text-decoration: none;
+}
+.compound__item:first-child{
+  margin-left: 0;
+}
+.product__footer{
+  margin: 48px 24px 24px;
+
+  display: flex;
+  justify-content: center;
+}
+.product__footer--error{
+  margin: 45px 0;
+}
+/* compound */
+
+/* button */
+.button{
+  font-family: var(--font-family);
+  font-weight: 600;
+  font-size: 20px;
+  line-height: 120%;
+  color: var(--text-black);
+
+  border-radius: 20px;
+
+  cursor: pointer;
+}
+.button--100-perc{
+  width: 100%;
+}
+.button--white{
+  padding: 11px 24px;
+  
+  text-align: center;
+
+  background-color: var(--background-white);
+  border: 1px solid var(--background-black);
+
+  transition: opacity .2s ease-out;
+}
+.button--white:hover{
+  opacity: .8;
+}
+.button--white.active{
+  background: var(--background-black);
+  color: var(--background-white);
+}
+.button--gradient{
+  background: var(--gradient-turquoise);
+  border: none;
+
+  transition: opacity .2s ease-out;
+}
+.button--gradient:hover{
+  opacity: .8;
+}
+.button--base{
+  padding: 12px 24px;
+}
+.button--high{
+  height: 56px;
+
+  padding: 16px 24px 24px 24px;
+
+  font-weight: 700;
+  text-align: center;
+
+  position: relative;
+}
+.button--high-46{
+  padding: 12px 24px;
+
+  font-size: 20px;
+  font-weight: 700;
+  line-height: 24px;
+}
+.button--icon{
+  padding-right: 56px;
+
+  text-align: start;
+}
+.button--filter::after{
+  content: '';
+
+  position: absolute;
+  top: 16px;
+  right: 24px;
+
+  width: 24px;
+  aspect-ratio: 1;
+
+  background-image: url(../img/svg/main/filter.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+.button--black{
+  padding: 7px 15px;
+
+  font-family: var(--font-family);
+  font-weight: 500;
+  font-size: 24px;
+  line-height: 133%;
+  color: var(--text-white);
+
+  background: var(--background-black);
+  border: 1px solid var(--text-white);
+}
+.button--link{
+  text-decoration: none;
+}
+.button--red-48-px{
+  border-radius: 48px;
+}
+.to-know{
+  /* width: 100%; */
+
+  padding: 12px 24px 7px 24px;
+
+  display: flex;
+  justify-content: center;
+
+  border: none;
+
+  transition: opacity .2s ease-out;
+  text-decoration: none;
+}
+
+.to-know--start{
+  justify-content: start;
+  padding-left: 0;
+}
+
+.to-know:hover{
+  opacity: .8;
+}
+.to-know p{
+  padding-bottom: 4px;
+
+  font-family: var(--font-family);
+  font-weight: 700;
+  font-size: 20px;
+  line-height: 120%;
+  color: var(--text-black);
+
+  border-bottom: 1px var(--text-black) solid;
+
+  cursor: pointer;
+}
+.to-know--background-none{
+  background: none;
+}
+.back{
+  margin-top: 16px;
+  margin-left: 16px;
+
+  padding: 8px;
+  padding-left: 32px;
+
+  background: none;
+  border: none;
+
+  font-family: var(--font-family);
+  font-weight: 600;
+  font-size: 20px;
+  line-height: 120%;
+  color: var(--text-black);
+
+  text-decoration: none;
+
+  position: relative;
+}
+.back::before{
+  content: '';
+
+  position: absolute;
+  top: 8px;
+  left: 0;
+
+  margin-right: 8px;
+
+  width: 24px;
+  height: 24px;
+
+  background-image: url(../img/svg/main/arrow-back.svg);
+}
+
+.back::after{
+  content: '';
+
+  position: absolute;
+  bottom: 6px;
+  left: 0;
+
+  width: calc(100% - 8px);
+  height: 1px;
+
+  background: var(--text-black);
+}
+/* button */
+
+/* select */
+.select{
+  max-width: 144px;
+
+  position: relative;
+}
+.select__state{
+  width: 100%;
+
+  padding: 11px 47px 11px 13px;
+
+  /* pointer-events:none; */
+
+  border: 1px solid var(--background-black);
+  border-radius: 20px;
+
+  font-family: var(--font-family);
+  font-weight: 400;
+  font-size: 20px;
+  line-height: 120%;
+  color: var(--text-black);
+
+  cursor: pointer;
+
+  position: relative;
+
+  transition: opacity .2s ease-out;
+}
+.select:hover .select__state{
+  opacity: .8;
+}
+.select::after{
+  content: '';
+
+  position: absolute;
+  top: 20.5px;
+  right: 21.5px;
+
+  width: 17px;
+  height: 10px;
+
+  background-image: url(../img/svg/main/arrow-black.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+
+  pointer-events: none;
+}
+.state__block{
+  position: absolute;
+  top: 48px;
+  left: 0;
+
+  width: 100%;
+
+  height: 0;
+  overflow: hidden;
+
+  transition: height .2s ease-out;
+}
+.state__content{
+  padding: 8px;
+
+  border-radius: 6px;
+  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1), 0 0 2px 0 rgba(0, 0, 0, 0.2);
+  background-color: var(--background-white);
+
+  list-style-type: none;
+}
+.state__content li{
+  margin-top: 8px;
+}
+.state__content li:first-child{
+  margin-top: 0;
+}
+.state__button{
+  width: 100%;
+
+  padding: 4px 32px 4px 4px;
+
+  background: none;
+  border: none;
+
+  font-family: var(--font-family);
+  font-weight: 400;
+  font-size: 20px;
+  line-height: 120%;
+  color: var(--text-dark);
+  text-align: start;
+
+  border-radius: 6px;
+
+  transition: background-color .2s ease-out;
+
+  position: relative;
+}
+.state__button:hover,
+.state__button.active{
+  background-color: var(--background-grey);
+}
+
+.state__button.active::before{
+  content: '';
+  position: absolute;
+  top: 10px;
+  right: 8px;
+  width: 16px;
+  height: 12px;
+  background-image: url(../img/svg/main/arrow-selected.svg);
+}
+
+/* select */
+
+/* counter */
+.counter{
+  display: flex;
+  align-items: center;
+}
+.counter__input{
+  width: 48px;
+
+  font-family: var(--font-family);
+  font-weight: 600;
+  font-size: 20px;
+  line-height: 120%;
+  text-align: center;
+  color: var(--text-black);
+
+  pointer-events: none;
+
+  background: none;
+  border: none;
+}
+.counter__button{
+  width: 48px;
+  height: 48px;
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  border: 1px solid var(--text-3);
+  border-radius: 24px;
+
+  background: var(--background-white);
+
+  transition: opacity .2s ease-out;
+}
+.counter__button:hover{
+  opacity: .8;
+}
+.counter--small{
+
+}
+.counter--small .counter__button{
+  width: 32px;
+  height: 32px;
+}
+.counter--small{
+  
+}
+/* counter */
+
+/* modal */
+.modal{
+  position: fixed;
+  top: 0;
+  left: 0;
+
+  padding: 20px;
+
+  width: 100%;
+  height: 100%;
+
+  background: rgba(0, 0, 0, 0.25);
+
+  z-index: 200;
+
+  opacity: 0;
+  transition: opacity .2s ease-out;
+  pointer-events: none;
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  overflow-y: auto;
+}
+.modal.active{
+  opacity: 1;
+  pointer-events: auto;
+}
+.modal__notification{}
+.form__button-mobile{
+  display: none;
+}
+.modal__aside{
+  position: fixed;
+  top: 0;
+  right: 0;
+
+  width: 0;
+  height: 100%;
+
+  overflow: hidden;
+  transition: width .4s ease-out;
+}
+.modal__item{
+  height: 100%;
+
+  padding: 24px;
+
+  background: var(--background-white);
+
+  position: relative;
+
+  display: none;
+  
+  filter: blur(10px);
+  transition: filter .2s ease-out;
+}
+.modal__item--no-title{
+  padding-top: 72px;
+}
+.modal__item.active{
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+.modal__close{
+  position: absolute;
+  top: 32px;
+  right: 24px;
+
+  width: 24px;
+  height: 24px;
+
+  border: none;
+  background: none;
+}
+.modal__header{}
+.modal__title{
+  padding-right: 48px;
+
+  font-family: var(--font-family);
+  font-weight: 700;
+  font-size: 36px;
+  line-height: 111%;
+  text-transform: uppercase;
+  color: var(--text-black);
+}
+.modal__small-title{
+  font-family: var(--font-family);
+  font-weight: 700;
+  font-size: 24px;
+  line-height: 100%;
+  text-transform: uppercase;
+  color: var(--text-black);
+}
+.modal__text{
+  margin-top: 16px;
+
+  padding-right: 10px;
+
+  font-family: var(--font-family);
+  font-weight: 400;
+  font-size: 20px;
+  line-height: 120%;
+  color: var(--text-0);
+}
+.modal__form-sub{
+  margin-top: 48px;
+}
+.modal-form-sub__submit{
+  margin-top: 64px;
+}
+.modal__block-button{
+  margin-top: 24px;
+}
+.modal__button{
+  margin-top: 16px;
+}
+.modal__button:first-child{
+  margin-top: 0;
+}
+.modal__content{
+  margin-top: 24px;
+}
+.modal__filter{
+  width: 400px;
+}
+.modal__footer{
+  border-top: 1px solid var(--text-6);
+  padding-top: 23px;
+}
+.modal__block-price{
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.modal-block-price__title{
+  font-family: var(--font-family);
+  font-weight: 600;
+  font-size: 20px;
+  line-height: 120%;
+  color: var(--text-black);
+}
+.modal-block-price__price{
+  font-family: var(--font-family);
+  font-weight: 700;
+  font-size: 24px;
+  line-height: 100%;
+  text-transform: uppercase;
+  text-align: right;
+  color: var(--text-black);
+}
+.modal-block-price__price::after{
+  content: 'Р';
+}
+.modal__basket{
+  width: 600px;
+}
+.modal__to-know,
+.modal__to-know-submit{
+  width: 412px;
+}
+
+.modal-basket__item{
+  padding-top: 23px;
+  padding-right: 15px;
+  padding-bottom: 24px;
+
+  display: flex;
+
+  border-top: 1px solid var(--background-grey);
+
+  position: relative;
+}
+.modal-basket__item::before{
+  content: '';
+
+  position: absolute;
+  top: 24px;
+  right: 6px;
+
+  width: 24px;
+  aspect-ratio: 1;
+
+  background-image: url(../img/svg/main/basket.svg);
+  background-repeat: no-repeat;
+  background-position: center;
+
+  cursor: pointer;
+
+  transition: opacity .2s ease-out;
+}
+.modal-basket__item:hover .modal-basket__item::before{
+  opacity: .8;
+}
+.modal-basket__item--return{
+  padding-right: 5px;
+  
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.modal-basket__item--return .modal-basket-item__title{
+  padding-right: 10px;
+}
+.modal-basket__item--return::before{
+  display: none;
+}
+.modal-basket-item__return{
+  border-radius: 20px;
+  padding: 4px 24px;
+
+  font-family: var(--font-family);
+  font-weight: 600;
+  font-size: 20px;
+  line-height: 120%;
+  color: var(--text-white);
+
+  background: var(--background-black);
+
+  border: none;
+}
+.modal-basket-item__block-image{
+  width: 128px;
+  aspect-ratio: 1;
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.modal-basket-item__image{
+  width: 96px;
+  aspect-ratio: 1;
+
+  object-fit: contain;
+}
+.modal-basket-item__content{
+  margin-left: 16px;
+}
+.modal-basket-item__title{
+  padding-right: 40px;
+
+  font-family: var(--font-family);
+  font-weight: 500;
+  font-size: 20px;
+  line-height: 120%;
+  color: var(--text-black);
+}
+.modal-basket-item__sub-title{
+  margin-top: 8px;
+
+  font-family: var(--font-family);
+  font-weight: 700;
+  font-size: 12px;
+  line-height: 133%;
+  color: var(--text-black);
+}
+.modal-basket-item__control{
+  margin-top: 24px;
+
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.modal-basket-item__price{
+  font-family: var(--font-family);
+  font-weight: 600;
+  font-size: 20px;
+  line-height: 120%;
+  text-align: right;
+  color: var(--text-black);
+}
+.modal-basket-item__price::after{
+  content: 'Р';
+
+  padding-left: 4px;
+}
+.modal__basket .modal__header{
+  height: calc(100% - 92px);
+  margin-bottom: -36px;
+}
+.modal__basket .modal__content{
+  height: calc(100% - 100px);
+  overflow-x: hidden;
+
+}
+.modal__basket .modal__content::-webkit-scrollbar {
+  width: 7px;
+  background-color: #f9f9fd;
+}
+.modal__basket .modal__content::-webkit-scrollbar-thumb {
+  background-color: var(--background-black);
+  border-radius: 2px;
+}
+
+.modal-form{
+  margin: auto;
+
+  width: 600px;
+
+  padding: 24px;
+
+  border-radius: 20px;
+
+  position: relative;
+
+  display: none;
+}
+.modal-form.active{
+  display: block;
+}
+.modal-form--white{
+  border: 1px solid var(--background-black);
+  background: var(--background-white);
+}
+.modal-form--green-gradient{
+  background: var(--gradient-blue);
+}
+.modal-form--width-584{
+  width: 584px;
+}
+.modal-form--cdek{
+  width: 836px;
+}
+.modal-form__close{
+  position: absolute;
+  top: 24px;
+  right: 24px;
+
+  width: 24px;
+  aspect-ratio: 1;
+
+  border: none;
+  background: none;
+  background-image: url(../img/svg/main/black-x.svg);
+  background-repeat: no-repeat;
+  background-size: 24px;
+  background-position: center;
 
   transition: opacity .2s ease-out;
+
+  z-index: 10;
+}
+.modal-form__close--white{
+  background-image: url(../img/svg/main/white-x.svg);
+}
+.modal-form__close:hover{
+  opacity: .8;
+}
+.modal-form__button-close{}
+.modal-form__title{
+  padding-right: 50px;
+
+  font-family: var(--font-family);
+  font-weight: 700;
+  font-size: 26px;
+  line-height: 123%;
+  text-transform: uppercase;
+  color: var(--text-dark);
+}
+.modal-form__text--center{
+  text-align: center;
+}
+.modal-form__text--center-pc{
+  text-align: center;
+}
+.modal-form__title--green-gradient{
+  background: var(--gradient-blue);
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+.modal-form__title--white{
+  color: var(--text-white);
+}
+.modal-form__element{
+  margin-top: 24px;
+}
+.modal-form__element--center{
+  display: flex;
+  justify-content: center;
+}
+.modal-form__element--top-40{
+  margin-top: 40px;
+}
+.modal-form__text{
+  font-family: var(--font-family);
+  font-weight: 400;
+  font-size: 20px;
+  line-height: 120%;
+  color: var(--text-black);
+}
+.modal-form__text--weight-500{
+  font-weight: 500;
+}
+.modal-form__text--white{
+  color: var(--text-white);
+}
+.modal-form__img{
+  width: 100%;
+  height: 360px;
+
+  object-fit: contain;
+}
+.modal-form__content{
+  margin-top: 40px;
+}
+.modal-form-content__line{
+  margin-top: 24px;
+}
+.modal-form-content__line:first-child{
+  margin-top: 0;
+}
+.modal-form-content__line--two{
+  display: flex;
+  justify-content: space-between;
+}
+.modal-form-content__line--two-mobile{
+  display: flex;
+  justify-content: space-between;
 }
-.select:hover .select__state{
-  opacity: .8;
+.modal-form-content__line--two-mobile .modal-form-content-line__element{
+  width: calc(50% - 12px);
 }
-.select::after{
+.modal-form-content-line__element{
+  position: relative;
+}
+.modal-form-content-line__element--arrow::after{
   content: '';
 
   position: absolute;
-  top: 20.5px;
-  right: 21.5px;
+  right: 16px;
+  bottom: 16px;
 
-  width: 17px;
-  height: 10px;
+  width: 16px;
+  height: 16px;
 
-  background-image: url(../img/svg/main/arrow-black.svg);
-  background-repeat: no-repeat;
-  background-size: contain;
+  background-image: url(../img/svg/main/arrow-right-input.svg);
 
   pointer-events: none;
 }
-.state__block{
-  position: absolute;
-  top: 48px;
-  left: 0;
-
-  width: 100%;
-
-  height: 0;
-  overflow: hidden;
+.modal-form-content__line--two .modal-form-content-line__element{
+  width: calc(50% - 12px);
+}
+.modal-form-content__line--three{
+  display: flex;
+}
+.modal-form-content__line--three .modal-form-content-line__element:nth-child(1){
+  width: 85px;
 
-  transition: height .2s ease-out;
+  flex-shrink: 0;
 }
-.state__content{
-  padding: 8px;
+.modal-form-content__line--three .modal-form-content-line__element:nth-child(2){
+  margin-left: 8px;
 
-  border-radius: 6px;
-  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1), 0 0 2px 0 rgba(0, 0, 0, 0.2);
-  background-color: var(--background-white);
+  width: 100%;
+}
+.modal-form-content__line--three .modal-form-content-line__element:nth-child(3){
+  margin-left: 8px;
 
-  list-style-type: none;
+  width: 85px;
+  
+  flex-shrink: 0;
 }
-.state__content li{
-  margin-top: 8px;
+.modal-form-content__line--margin-top-16{
+  margin-top: 16px;
 }
-.state__content li:first-child{
-  margin-top: 0;
+.modal-form__buttons{
+  margin-top: 32px;
+}
+.modal-form__buttons--two{
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
 }
-.state__button{
-  width: 100%;
 
-  padding: 4px 32px 4px 4px;
+.modal-form__buttons--two button,
+.modal-form__buttons--two input{
+  width: calc(50% - 20px);
+}
+.modal-map{
+  margin: auto;
 
-  background: none;
+  width: 1105px;
+
+  display: none;
+
+  border-radius: 24px;
   border: none;
+}
+.modal-map.active{
+  display: flex;
+}
+.modal-map__left{
+  width: 600px;
 
+  padding: 24px;
 
-  font-weight: 400;
-  font-size: 20px;
-  line-height: 120%;
-  color: var(--text-dark);
-  text-align: start;
+  position: relative;
+}
+.modal-map__control{
+  margin: 38px -12px -12px -12px;
 
-  border-radius: 6px;
+  display: flex;
+}
+.modal-map__control--delivery{
+  margin-top: 12px;
+}
+.modal-map-control__item{
+  margin: 12px;
 
-  transition: background-color .2s ease-out;
+  padding: 2px;
 
-  position: relative;
+  width: calc(50% - 24px);
+
+  background: var(--background-9);
+  border-radius: 20px;
+  border: none;
 }
-.state__button:hover{
-  background-color: var(--background-grey);
+.modal-map-control__item.active{
+  background: var(--gradient-blue);
+}
+.modal-map-control__item.active .form-input-radio__circle::before{
+  content: '';
+  position: absolute;
+  top: 4px;
+  left: 4px;
+  width: 12px;
+  aspect-ratio: 1;
+  border-radius: 50%;
+  background: var(--gradient-blue);
 }
+.modal-map-control-item__content{
+  padding: 14px;
 
-/* select */
+  border-radius: 18px;
 
-/* counter */
-.counter{
+  background: var(--background-white);
+}
+.modal-map-control-item__header{
   display: flex;
   align-items: center;
 }
-.counter__input{
-  width: 48px;
-
+.modal-map-control-item__circle{
+  padding: 2px;
+  width: 20px;
+  aspect-ratio: 1;
+  border-radius: 50%;
+  background: var(--background-9);
+  position: relative;
+}
+.modal-map-control-item__input{
+  display: none;
+}
+.modal-map-control-item-circle__content{
+  width: 16px;
+  aspect-ratio: 1;
+  border-radius: 50%;
+  background: var(--background-white);
+}
+.modal-map-control__item.active .modal-map-control-item__circle{
+  background: var(--gradient-blue);
+}
+.modal-map-control__item.active .modal-map-control-item__circle::before{
+  content: '';
+  position: absolute;
+  top: 4px;
+  left: 4px;
+  width: 12px;
+  aspect-ratio: 1;
+  border-radius: 50%;
+  background: var(--gradient-blue);
+}
+.modal-map-control-item__title{
+  margin-left: 8px;
 
-  font-weight: 600;
+  font-family: var(--font-family);
+  font-weight: 400;
   font-size: 20px;
   line-height: 120%;
-  text-align: center;
+  color: var(--text-dark);
+}
+.modal-map-control-item__description{
+  margin-top: 16px;
+}
+.modal-map-control-item__time{
+  font-family: var(--font-family);
+  font-weight: 500;
+  font-size: 16px;
+  line-height: 125%;
   color: var(--text-black);
 
-  pointer-events: none;
-
-  background: none;
-  border: none;
+  text-align: start;
 }
-.counter__button{
-  width: 48px;
-  height: 48px;
-
-  display: flex;
-  justify-content: center;
-  align-items: center;
-
-  border: 1px solid var(--text-3);
-  border-radius: 24px;
+.modal-map-control-item__price{
+  margin-top: 8px;
 
-  background: var(--background-white);
+  font-family: var(--font-family);
+  font-weight: 700;
+  font-size: 12px;
+  line-height: 133%;
+  color: var(--text-6);
 
-  transition: opacity .2s ease-out;
+  text-align: start;
 }
-.counter__button:hover{
-  opacity: .8;
+.modal-map__form{
+  margin-top: 24px;
 }
-/* counter */
+.modal-map-form__hidden{
+  
+}
+.modal-map-form__button{
+  margin-top: 83px;
+}
+.modal-map-form__sub-button{
+  display: none;
+}
+.modal-map__right{
+  padding: 16px 0px 16px 16px;
+}
+.modal-map__map{
+  border: 2px solid var(--background-9);
+  border-radius: 16px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.modal-map__map iframe{
+  height: 650px;
+}
+.modal__age{
 
-/* modal */
+}
+.modal__age > div{
+  display: none;
+}
+.modal__age > div.active{
+  display: flex;
+}
 /* modal */
 
 /* toggle */
@@ -387,10 +1995,13 @@ button{
   transition: transform .2s;
   pointer-events: none;
 }
+.toggle.active::after{
+  transform: rotate(0deg);
+}
 .toggle__title{
   padding-right: 30px;
 
-
+  font-family: var(--font-family);
   font-weight: 700;
   font-size: 16px;
   line-height: 125%;
@@ -407,10 +2018,216 @@ button{
 .toggle__content{
   padding-top: 24px;
 }
+.toggle-content__item{
+  margin: 12px -12px -12px -12px;
+
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+}
+.toggle-content__item:first-child{
+  margin-top: 0;
+}
+.toggle-content__element{
+  margin: 12px;
+}
+.toggle-content__element--width-perc-100{
+  width: 100%;
+}
+.toggle-content__element--width-perc-50{
+  width: calc(50% - 24px);
+}
 .toggle__text{
+  font-family: var(--font-family);
+  font-weight: 400;
+  font-size: 20px;
+  line-height: 120%;
+  color: var(--text-black);
+}
+/* toggle */
+
+/* checkbox */
+.checkbox{
+  display: flex;
+  align-items: center;
+
+  cursor: pointer;
+}
+.checkbox__state{
+  border-radius: 4px;
+
+  width: 18px;
+  height: 18px;
+
+  border: 2px solid var(--background-black);
+  background: var(--background-white);
+
+  flex-shrink: 0;
+}
+.checkbox.active .checkbox__state{
+  background-color: var(--background-black);
+
+  background-image: url(../img/svg/main/arrow-selected-white.svg);
+  background-repeat: no-repeat;
+  background-position: center;
+}
+.checkbox__input{
+  display: none;
+}
+.checkbox__label{
+  padding-left: 8px;
+
+  font-family: var(--font-family);
+  font-weight: 400;
+  font-size: 20px;
+  line-height: 120%;
+  color: var(--text-dark);
+
+  cursor: pointer;
+}
+.checkbox__label a{
+  color: #76ce75;
+
+  text-decoration: none;
+}
+.checkbox--small{
+  margin-top: 24px;
+}
+.checkbox--small .checkbox__label{
+  padding-left: 24px;
+
+  font-weight: 500;
+  font-size: 12px;
+  line-height: 133%;
+}
+/* checkbox */
+
+/* radio */
+.radio{
+  display: flex;
+  align-items: center;
+}
+.radio__input{
+  width: 18px;
+  aspect-ratio: 1;
+
+  accent-color: var(--background-black);
+
+  cursor: pointer;
+}
+.radio__label{
+  padding-left: 8px;
 
+  font-family: var(--font-family);
   font-weight: 400;
   font-size: 20px;
   line-height: 120%;
+  color: var(--text-dark);
+
+  cursor: pointer;
+}
+/* radio */
+
+
+@keyframes slidein {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+.subscription{
+  
+}
+.subscription__item{
+  display: flex;
+
+  color: var(--text-black);
+  font-family: var(--font-family);
+  font-weight: 500;
+  line-height: 120%;
+}
+.subscription__item:nth-last-child(n + 2){
+  border-bottom: 1px solid var(--background-9);
+}
+.subscription__item span{
+  font-weight: 700;
+}
+.subscription__item span small{
+  font-size: 16px;
+}
+.subscription__status{
   color: var(--text-black);
 }
+.subscription__status--close{
+  color: var(--text-red);
+}
+.subscription__status--end{
+  color: var(--text-green);
+}
+.subscription__add{
+  width: 100%;
+}
+.subscription__add-header{
+}
+.subscription__add-product{
+  align-items: start;
+}
+.subscription__add-product > *:not(:first-child){
+  padding-top: 14px;
+}
+.subscription__add-title{
+  font-family: var(--font-family);
+  font-weight: 600;
+  line-height: 133%;
+}
+.subscription__add-content{
+
+}
+
+.tabs__buttons{
+  margin: -12px;
+
+  display: flex;
+  flex-wrap: wrap;
+}
+.tabs__content-wrap{
+  margin-top: 24px;
+}
+.tabs__content{
+  display: none;
+}
+.tabs__content.active{
+  display: block;
+}
+
+.cabinet__control--column{
+  flex-direction: column;
+}
+
+.cabinet__control--column > *:not(:first-child){
+  margin-top: 16px
+}
+
+.cabinet-card-order__payment{
+
+}
+.cabinet-card-order__sub-title{
+  font-family: var(--font-family);
+  font-weight: 600;
+  line-height: 143%;
+  color: var(--text-3);
+}
+.cabinet-card-order__date{
+  font-family: var(--font-family);
+  font-weight: 700;
+  line-height: 125%;
+  color: var(--text-3);
+}
+
+.cabinet-card-order-payment__price span{
+  font-size: 12px;
+}
\ No newline at end of file
diff --git a/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/css/gp-style-desktop.css b/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/css/gp-style-desktop.css
index 7251dda..77d7532 100644
--- a/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/css/gp-style-desktop.css
+++ b/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/css/gp-style-desktop.css
@@ -2,34 +2,415 @@
 
 /* header start */
 
-.detail-block-form__item a{
-  display: block;
+.header{
+    position: relative;
+
+    background-color: var(--background-white);
+
+    position: fixed;
+    left: 0;
+    top: 0;
+    right: 0;
+
+    z-index: 200;
+}
+
+.detail .product__main{
+  width: 100%;
+}
+
+.header__content::after{
+    content: '';
+
+    position: absolute;
+    left: auto;
+    right: auto;
+    bottom: 0;
+    
+    width: calc(100% - 48px);
+    max-width: 1552px;
+    height: 1px;
+
+    background:  var(--text-3);
 }
 
 .detail-block-form__items{
-  margin-top: 12px;
+  margin: 25px 0 0;
 }
 
-.detail-block-form__item a {
-  margin: 8px;
+.header__content{
+    height: 72px;
+
+    padding: 14px 24px;
+
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
 }
-/* header end */
 
+.header__open-menu{
+    display: none;
+
+    width: 24px;
+    aspect-ratio: 1;
+
+    position: relative;
+
+    border: none;
+    background: none;
+}
+.header__open-menu::before{
+    content: '';
+    
+    position: absolute;
+    top: 8px;
+    left: 4px;
+
+    width: 16px;
+    height: 2px;
+
+    background: var(--background-black);
+    border-radius: 1px;
 
-.product__item.active::before{
-  opacity: 0;
 }
+.header__open-menu::after{
+    content: '';
 
-.product-item__overlay.active{
-  top: 0;
+    position: absolute;
+    left: 4px;
+    bottom: 8px;
+
+    width: 16px;
+    height: 2px;
+
+    background: var(--background-black);
+    border-radius: 1px;
 }
 
-.gallery.active{
-  opacity: 1;
-  pointer-events: auto;
+.header__logo{
+    width: 182px;
+    height: 40px;
+}
+.header__logo-black,
+.header__logo-white{
+    width: 100%;
+    height: 100%;
+}
+.header__logo-white{
+  display: none;
+}
+
+.header__menu-block{
+    position: absolute;
+    top: 72px;
+    left: 0;
+
+    width: 100%;
+    height: 0;
+
+    overflow: hidden;
+    transition: height .2s ease-out;
+
+    background-color: var(--background-white);
+
+    z-index: 100;
+}
+
+.header__pc-menu{
+    padding: 40px 46px;
+
+    display: flex;
+    justify-content: center;
+
+    position: relative;
+}
+.header__pc-menu::before{
+    content: '';
+
+    position: absolute;
+    top: 0;
+    left: 46px;
+
+    width: 330px;
+    height: 248px;
+
+    background-image: url(../img/pet/cat.png);
+    background-repeat: no-repeat;
+}
+.header__pc-menu::after{
+    content: '';
+
+    position: absolute;
+    top: 0;
+    right: 46px;
+
+    width: 330px;
+    height: 248px;
+
+    background-image: url(../img/pet/dog.png);
+    background-repeat: no-repeat;
+}
+.header-pc-menu__content{
+    width: 600px;
+
+    display: flex;
+    justify-content: space-between;
+}
+.header-pc-menu__item{
+
+}
+.header-pc-menu__title{
+    font-family: var(--font-family);
+    font-weight: 700;
+    font-size: 26px;
+    line-height: 123%;
+    text-transform: uppercase;
+    color: var(--text-black);
+
+    text-decoration: none;
+}
+.header-pc-menu__list{
+    margin-top: 16px;
+
+    list-style-type: none;    
+}
+.header-pc-menu__list-li{
+    margin-top: 25px;
+}
+.header-pc-menu__list-li:first-child{
+    margin-top: 0;
+}
+.header-pc-menu__list-li a{
+    font-family: var(--font-family);
+    font-weight: 600;
+    font-size: 20px;
+    line-height: 120%;
+    color: var(--text-0);
+
+    text-decoration: none;
+}
+.header__phone-menu{
+    display: none;
+
+    padding: 24px 16px;
+
+    height: calc(100vh - 56px);
+
+    overflow-x: auto;
+}
+.header-phone-menu__item{
+    padding: 16px 0;
+
+    border-top: 1px solid #f4f1f0;
+    border-bottom: 1px solid #f4f1f0;
+
+    display: flex;
+    flex-direction: column;
+}
+.header-phone-menu__item:first-child{
+    border-top: 0;
+}
+.header-phone-menu__item:last-child{
+    border-bottom: 0;
+}
+.header-phone-menu__title{
+    font-family: var(--font-family);
+    font-weight: 700;
+    font-size: 20px;
+    line-height: 120%;
+    color: var(--text-black);
+
+    text-decoration: none;
+}
+.header-phone-menu__title--gradient{
+    background: var(--gradient-blue);
+    background-clip: text;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+}
+.header-phone-menu__category{
+    margin-top: 16px;
+
+    font-family: var(--font-family);
+    font-weight: 500;
+    font-size: 18px;
+    line-height: 133%;
+    color: var(--text-black);
+
+    text-decoration: none;
+}
+.header-phone-menu__list{
+    margin-top: 24px;
+
+    padding-left: 32px;
+
+    list-style-type: none;
+}
+.header-phone-menu__list-item{
+    margin-top: 16px;
+}
+.header-phone-menu__list-item:first-child{
+    margin-top: 0;
+}
+.header-phone-menu__list-item a{
+    font-family: var(--font-family);
+    font-weight: 500;
+    font-size: 16px;
+    line-height: 125%;
+    color: var(--text-black);
+
+    text-decoration: none;
+}
+.header.white{
+  background: none;
+}
+.header.white .header__logo-black{
+  display: none;
+}
+.header.white .header__logo-white{
+  display: block;
+}
+.header.white .main-menu__link{
+  color: var(--text-white);
+}
+.header.white .main-menu__button{
+  background: var(--background-white);
+}
+.header.white .lang__open{
+  color: var(--text-white);
+}
+.header.white .header__content::after{
+  background: var(--background-white);
+}
+.header.white .lang-open__black{
+  display: none;
+}
+.header.white .lang-open__white{
+  display: block;
+}
+.header.white .mini-profile__icon.white{
+  display: block;
+}
+.header.white .mini-profile__icon.black{
+  display: none;
+}
+.header.white .header__open-menu::before,
+.header.white .header__open-menu::after{
+  background: var(--background-white);
+}
+.header__phone-menu::-webkit-scrollbar {
+  width: 0px;
 }
 
+main{
+  padding-top: 72px;
+}
+/* header end */
+
 /* product */
+.product{
+    padding: 24px;
+  }
+  .product__header{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+  .product__tag{
+    margin: 36px -12px -12px -12px;
+  
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+  }
+  .product-tag__item{
+    margin: 12px;
+
+    padding: 1px;
+  
+    border-radius: 16px;
+  
+    background: var(--gradient-blue);
+    border: none;
+  }
+  .product-tag-item__content{
+    padding: 3px 11px;
+  
+    background: var(--background-white);
+  
+    border-radius: 15px;
+  
+    display: flex;
+    align-items: center;
+  }
+  .product-tag-item__text{
+    font-family: var(--font-family);
+    font-weight: 400;
+    font-size: 20px;
+    line-height: 120%;
+    background: var(--gradient-blue);
+    background-clip: text;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+  }
+  .product-tag-item__button{
+    margin: 2px 0 2px 4px;
+  
+    width: 20px;
+    aspect-ratio: 1;
+  
+    background: none;
+    border: none;
+  
+    background-image: url(../img/svg/main/gradient-x.svg);
+    background-repeat: no-repeat;
+    background-position: center;
+  }
+  .product__error{
+    margin: auto;
+
+    padding: 0 16px;
+
+    font-family: var(--font-family);
+    font-weight: 700;
+    font-size: 24px;
+    line-height: 100%;
+    text-transform: uppercase;
+    color: var(--text-0);
+    text-align: center;
+  }
+  .product__error-button{
+    border-radius: 20px;
+    padding: 4px 24px;
+
+    font-family: var(--font-family);
+    font-weight: 600;
+    font-size: 20px;
+    line-height: 120%;
+    color: var(--text-black);
+
+    border: 1px solid var(--text-0);
+    background: var(--background-white);
+    text-decoration: none;
+  }
+  .product__title{
+    font-family: var(--font-family);
+    font-weight: 700;
+    font-size: 36px;
+    line-height: 111%;
+    text-transform: uppercase;
+    text-align: center;
+    color: var(--text-black);
+  }
+  .product__main{
+    margin: 36px -12px -12px;
+  
+    /* width: 100%; */
+  
+    display: flex;
+    align-items: stretch;
+    flex-wrap: wrap;
+  }
   .product__item{
     margin: 12px;
   
@@ -67,6 +448,14 @@
   .product__item:hover::before{
     opacity: 1;
   }
+  .product__item.active::before{
+    opacity: 0;
+  }
+  .product-item__block-label{
+    position: absolute;
+    top: 16px;
+    left: 16px;
+  }
   .product-item__label{
     position: absolute;
     top: 16px;
@@ -84,7 +473,7 @@
     
     padding: 4px 8px;
 
- 
+    font-family: var(--font-family);
     font-weight: 700;
     font-size: 12px;
     line-height: 133%;
@@ -98,9 +487,17 @@
   .product-item-label__tag--new{
     background: var(--gradient-blue);
   }
+  .product-item-label__tag--new-green{
+    background: #d9ffcc;
+    color: #4e7623;
+  }
   .product-item-label__tag--sale{
     background: var(--gradient-red);
   }
+  .product-item-label__tag--sale-red{
+    color: #fa0505;
+    background: #ffe5e5;
+  }
   .product-item-label__tag--black{
     background: var(--background-black);
     color: var(--text-white);
@@ -132,7 +529,7 @@
   .product-item__title{
     margin-top: 8px;
   
- 
+    font-family: var(--font-family);
     font-weight: 500;
     font-size: 20px;
     line-height: 120%;
@@ -151,44 +548,54 @@
     align-items: center;
   }
   .product-item__price p{
- 
+    font-family: var(--font-family);
     font-weight: 700;
     font-size: 20px;
     line-height: 200%;
     text-transform: uppercase;
     color: var(--text-black);
   }
+  .product-item__price p::after{
+    
+    padding-left: 5px;
+  }
+  .product-item__price span{
+    margin-left: 9px;
+    font-family: var(--font-family);
+    font-weight: 500;
+    font-size: 12px;
+    line-height: 133%;
+    color: var(--text-red);
+  }
+  .product-item__price del{
+    margin-left: 24px;
 
-  .detail__image--width-perc-100{
-    width: calc(100% - 24px);
-    height: 600px;
-  
+    font-family: var(--font-family);
+    font-weight: 700;
+    font-size: 18px;
+    line-height: 133%;
+    text-transform: uppercase;
+    text-decoration: line-through;
+    color: var(--text-6);
   }
-  .detail__image--width-perc-50{
-    width: calc(50% - 24px);
-    height: 288px;
+  .product-item__price del::after{
+    
   }
-  .detail__image--width-perc-100 img{
-    width: 90%;
-    height: 90%;
-  
-    object-fit: contain;
+  .product-item__price span::before{
+    content: '-';
   }
-  .detail__image--width-perc-50 img{
-    width: 100%;
-    height: 100%;
-  
-    object-fit: contain;
+  .product-item__price span::after{
+    content: '%';
   }
-
-
-  /* .product-item__price p::after{
-    content: '₽';
-    padding-left: 5px;
-  } */
   .product-item__bye{
     margin-top: 8px;
   }
+  .product__item.hiding .product-item__images{
+    filter: grayscale(1)
+  }
+  .product__item.hiding .product-item__price{
+    color: var(--text-grey);
+  }
   .product-item__overlay{
     position: absolute;
     top: 100%;
@@ -211,11 +618,14 @@
 
     transition: top .4s ease-out;
   }
+  .product-item__overlay.active{
+    top: 0;
+  }
   .product-item-overlay__header{}
   .product-item-overlay__tags{
     margin: 4px -6px -6px -6px;
 
- 
+    font-family: var(--font-family);
     font-weight: 500;
     font-size: 12px;
     line-height: 133%;
@@ -251,7 +661,7 @@
   .product-item-overlay__price{
     margin-top: 32px;
 
- 
+    font-family: var(--font-family);
     font-weight: 700;
     font-size: 24px;
     line-height: 100%;
@@ -260,7 +670,7 @@
     color: var(--text-black);
   }
   .product-item-overlay__price::after{
-    content: '₽';
+    
   }
   .product-item-overlay__block-button{
     margin-top: 32px;
@@ -285,7 +695,7 @@
     margin-top: 0;
   }
   .product-item-overlay-field__title{
- 
+    font-family: var(--font-family);
     font-weight: 700;
     font-size: 16px;
     line-height: 125%;
@@ -303,6 +713,104 @@
 /* modal */
 
 /* footer */
+.footer{
+  margin-top: 80px;
+
+  padding: 40px 24px;
+
+  background: var(--background-black);
+}
+.footer__wrapper{
+  width: 100%;
+
+  display: flex;
+}
+.footer__content{
+  width: calc(100% - 364px);
+}
+.footer__logo{
+  width: 187px;
+  height: 43px;
+}
+.footer__address{
+  margin-top: 24px;
+
+  font-family: var(--font-family);
+  font-weight: 500;
+  font-size: 24px;
+  line-height: 133%;
+  color: var(--text-white);
+  font-style: normal;
+}
+.footer__list{
+  margin: 28px -12px -12px -12px;
+
+  display: flex;
+  justify-content: space-between;
+  flex-wrap: wrap;
+}
+.footer-list__item{
+  margin: 12px;
+
+  width: calc(50% - 24px);
+
+  display: flex;
+  flex-direction: column;
+}
+.footer-list__item:nth-child(even){
+  width: 322px;
+}
+.footer-list__item .button{
+  border-radius: 24px;
+}
+.footer-list__title{
+  font-family: var(--font-family);
+  font-weight: 700;
+  font-size: 16px;
+  line-height: 125%;
+  color: var(--text-white);
+}
+.footer-list__link{
+  margin-top: 4px;
+
+  font-family: var(--font-family);
+  font-weight: 500;
+  font-size: 24px;
+  line-height: 133%;
+  color: var(--text-white);
+
+  text-decoration: none;
+}
+.footer__form{
+  margin-left: 48px;
+
+  width: 364px;
+}
+.footer__about{
+  margin-top: 16px;
+
+  padding-top: 15px;
+
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+
+  border-top: 1px solid var(--text-white);
+}
+.footer-about__text{
+  font-family: var(--font-family);
+  font-weight: 500;
+  font-size: 20px;
+  line-height: 120%;
+  text-align: right;
+  color: var(--text-white);
+  opacity: 0.6;
+
+  text-decoration: none;
+}
+.footer__social-media{
+  display: none;
+}
 /* footer */
 
 /* detail */
@@ -315,6 +823,7 @@
 }
 .detail__images{
   margin: -12px;
+
   width: calc(50% - 24px);
 
   display: flex;
@@ -332,10 +841,31 @@
   background: var(--background-grey);
   cursor: pointer;
 }
+.detail__image--width-perc-100{
+  width: calc(100% - 24px);
+  height: 600px;
+
+}
+.detail__image--width-perc-50{
+  width: calc(50% - 24px);
+  height: 288px;
+}
+.detail__image--width-perc-100 img{
+  width: 90%;
+  height: 90%;
+
+  object-fit: contain;
+}
+.detail__image--width-perc-50 img{
+  width: 100%;
+  height: 100%;
+
+  object-fit: contain;
+}
 .detail__content{
   margin-left: 48px;
-  width: calc(50% - 24px);
 
+  width: calc(50% - 24px);
 }
 .detail__label{
   margin: -2px;
@@ -351,7 +881,7 @@
 .detail__title{
   margin-top: 8px;
 
-  
+  font-family: var(--font-family);
   font-weight: 700;
   font-size: 36px;
   line-height: 111%;
@@ -365,15 +895,15 @@
   align-items: center;
 }
 .detail-block-price__price{
-  
+  font-family: var(--font-family);
   font-weight: 700;
   font-size: 36px;
   line-height: 111%;
   text-transform: uppercase;
 }
-/* .detail-block-price__price::after{
-  content: '₽';
-} */
+.detail-block-price__price::after{
+  
+}
 .detail-block-price__sale{
   margin-left: 22px;
 
@@ -381,7 +911,7 @@
   align-items: center;
 }
 .detail-block-price-sale__text{
-  
+  font-family: var(--font-family);
   font-weight: 700;
   font-size: 20px;
   line-height: 120%;
@@ -389,13 +919,13 @@
   text-decoration: line-through;
   color: var(--text-6);
 }
-/* .detail-block-price-sale__text::after{
-  content: '₽';
-} */
+.detail-block-price-sale__text::after{
+  
+}
 .detail-block-price-sale__perc{
   margin-left: 9px;
 
-  
+  font-family: var(--font-family);
   font-weight: 500;
   font-size: 12px;
   line-height: 133%;
@@ -428,6 +958,9 @@
 .detail-block-form__item:first-child{
   margin-top: 0;
 }
+.detail-block-form__item button{
+  margin: 8px;
+}
 .detail-block-form__submit{
   min-width: 345.89px;
 }
@@ -446,7 +979,7 @@
   background: var(--background-white);
 }
 .detail-warning__title{
-  
+  font-family: var(--font-family);
   font-weight: 700;
   font-size: 24px;
   line-height: 100%;
@@ -456,7 +989,7 @@
 .detail-warning__text{
   margin-top: 16px;
 
-  
+  font-family: var(--font-family);
   font-weight: 400;
   font-size: 20px;
   line-height: 120%;
@@ -504,7 +1037,7 @@
   align-items: center;
 }
 .detail-catalot__title{
-  
+  font-family: var(--font-family);
   font-weight: 700;
   font-size: 24px;
   line-height: 100%;
@@ -566,7 +1099,7 @@
 .toggle-table__item p{
   display: block;
 
-  
+  font-family: var(--font-family);
   font-weight: 400;
   font-size: 20px;
   line-height: 120%;
@@ -578,7 +1111,7 @@
   width: 100%;
 }
 .toggle-table__item .warning p{
-  
+  font-family: var(--font-family);
   font-weight: 600;
   font-size: 20px;
   line-height: 120%;
@@ -587,7 +1120,7 @@
 .toggle-table__title{
   margin-bottom: 16px;
 
-  
+  font-family: var(--font-family);
   font-weight: 700;
   font-size: 16px;
   line-height: 125%;
@@ -636,6 +1169,10 @@
 
   z-index: 300;
 }
+.gallery.active{
+  opacity: 1;
+  pointer-events: auto;
+}
 .gallery__close{
   position: absolute;
   top: 24px;
@@ -732,29 +1269,749 @@
 
 
 /* cabinet */
-/* .cabinet-card-no-orders__ */
-/* cabinet */
+.cabinet{
+  padding: 24px;
 
-@media only screen and (max-width: 1600px) {
+  display: flex;
+  justify-content: space-between;
+}
+.cabinet__control{
+  margin: 24px;
+  margin-bottom: 0;
 
-.wrapper{
-  max-width: 1280px;
+  display: none;
 }
+.cabinet-control__button{
+  margin-left: 8px;
 
-.product__item{
-    margin: 12px;
+  padding: 12px 16px;
   
-    width: calc(33.3% - 24px);
+  font-family: var(--font-family);
+  font-weight: 500;
+  font-size: 20px;
+  line-height: 120%;
+  color: var(--text-black);
+
+  background: var(--background-white);
+  border: 2px solid var(--text-black);
+  border-radius: 48px;
+
+  transition: opacity .2s ease-out;
+}
+.cabinet-control__button:first-child{
+  margin-left: 0;
+}
+.cabinet-control__button.active{
+  background: var(--background-black);
+  color: var(--text-white);
+}
+.cabinet-control__button:hover{
+  opacity: .8;
+}
+.cabinet__orders{
+  width: calc(((100% - 48px) / 3) * 2);
+}
+.cabinet__profile{
+  width: calc((100% - 48px) / 3);
 }
 
-.gallery__wrapper{
-  max-width: 1280px;
+.cabinet-card{
+  margin-top: 32px;
+
+  padding: 1px;
+
+  border-radius: 20px;
+}
+.cabinet-card:first-child{
+  margin-top: 0;
+}
+.cabinet-card--green{
+  background: var(--background-green);
+}
+.cabinet-card--green-white{
+  background: var(--background-green-white);
+}
+.cabinet-card--green-white .cabinet-card__content{
+  background: none;
+}
+.cabinet-card--red-blue{
+  background: var(--gradient-red);
 }
+.cabinet-card--grey{
+  background: var(--background-9);
 }
+.cabinet-card__content{
+  padding: 23px;
 
-@media only screen and (max-width: 1365px) {
-  .gallery__wrapper{
-    max-width: 100%;
-  }
-  
+  border-radius: 19px;
+
+  background-color: var(--background-white);
+}
+.cabinet-card__element{
+  margin-top: 24px;
+
+  position: relative;
+}
+.cabinet-card__element--margin-top-32{
+  margin-top: 32px;
+}
+.cabinet-card__element:first-child,
+.cabinet-card__element--margin-top-32:first-child{
+  margin-top: 0
+}
+.cabinet-card__element-change{
+  position: absolute;
+  top: 14px;
+  right: 0;
+
+  width: 24px;
+  aspect-ratio: 1;
+
+  background-image: url(../img/svg/main/change-dot.svg);
+  border: none;
+  background-color: var(--background-white);
+
+  transition: opacity .2s ease-out;
+}
+.cabinet-card__element-change:hover{
+  opacity: .8;
+}
+.cabinet-card__title{
+  font-family: var(--font-family);
+  font-weight: 700;
+  font-size: 26px;
+  line-height: 123%;
+  text-transform: uppercase;
+  background: var(--gradient-blue);
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+.cabinet-card__text{
+  font-family: var(--font-family);
+  font-weight: 400;
+  font-size: 20px;
+  line-height: 120%;
+
+  color: var(--text-black);
+}
+.cabinet-card__text--grey{
+  color: var(--text-grey);
+}
+.cabinet-card__label{
+  font-family: var(--font-family);
+  font-weight: 700;
+  font-size: 16px;
+  line-height: 125%;
+
+  color: var(--text-3);
+}
+.cabinet-card__status{
+  padding-left: 20px;
+
+  font-family: var(--font-family);
+  font-weight: 500;
+  font-size: 12px;
+  line-height: 133%;
+
+  position: relative;
+}
+.cabinet-card__status--chek{
+  color: var(--text-green);
+}
+.cabinet-card__status--chek::before{
+  content: '';
+
+  position: absolute;
+  top: 0;
+  left: 0;
+
+  width: 16px;
+  height: 16px;
+
+  background-image: url(../img/svg/main/status-chek.svg);
+  object-fit: contain;
+}
+.cabinet-card__status--cancelled{
+  color: var(--text-red);
+}
+.cabinet-card__status--cancelled::before{
+  content: '';
+
+  position: absolute;
+  top: 0;
+  left: 0;
+
+  width: 16px;
+  height: 16px;
+
+  background-image: url(../img/svg/main/status-cancelled.svg);
+  object-fit: contain;
+}
+.cabinet-card__block-accounts{
+  display: flex;
+}
+.cabinet-card__account{
+  margin-left: 16px;
+
+  width: 40px;
+  aspect-ratio: 1;
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  background: var(--background-9);
+  border-radius: 50%;
+}
+.cabinet-card__account:first-child{
+  margin-left: 0;
+}
+.cabinet-card__block-buttons{
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.cabinet-card__button{
+  padding: 8px 8px 6px 0;
+
+  font-family: var(--font-family);
+  font-weight: 600;
+  font-size: 20px;
+  line-height: 120%;
+  color: var(--text-black);
+
+  background: none;
+  border: none;
+
+  position: relative;
+
+  text-decoration: none;
+}
+.cabinet-card__button::before{
+  content: '';
+
+  position: absolute;
+  bottom: 6px;
+
+  width: calc(100% - 8px);
+  height: 1px;
+
+  background: var(--text-black);
+
+  transition: opacity .2s ease-out;
+}
+.cabinet-card__button:hover{
+  opacity: .8;
+}
+.cabinet-card__confirm{
+  margin-top: 16px;
+
+  border-radius: 20px;
+  padding: 4px 24px;
+
+  font-family: var(--font-family);
+  font-weight: 600;
+  font-size: 20px;
+  line-height: 120%;
+
+
+  background: var(--background-black);
+  color: var(--text-white);
+  border: none;
+
+  transition: opacity .2s ease-out;
+}
+.cabinet-card__confirm:hover{
+  opacity: .8;
+}
+.cabinet-card__text, .cabinet-card__label, .cabinet-card__status, .cabinet-card__block-accounts, .cabinet-card__block-buttons{
+  margin-top: 8px;
+}
+.cabinet-card__text:first-child, .cabinet-card__label:first-child, .cabinet-card__status:first-child, .cabinet-card__block-accounts:first-child, .cabinet-card__block-buttons:first-child{
+  margin-top: 0px;
+}
+.cabinet-card__block-add-pets{
+  width: 100%;
+
+  display: flex;
+  align-items: center;
+
+  background: none;
+  border: none;
+}
+.cabinet-card-add-pets__circle{
+  width: 48px;
+  aspect-ratio: 1;
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  border: 1px solid var(--text-6);
+  border-radius: 50%;
+}
+.cabinet-card-add-pets__text{
+  margin-left: 16px;
+
+  font-family: var(--font-family);
+  font-weight: 600;
+  font-size: 20px;
+  line-height: 120%;
+
+  color: var(--text-6);
+
+  position: relative;
+}
+.cabinet-card-add-pets__text::after{
+  content: '';
+
+  position: absolute;
+  left: 0;
+  bottom: -4px;
+
+  width: 100%;
+  height: 1px;
+
+  background: var(--text-6);
+}
+.cabinet-card__discount{
+  display: flex;
+  align-items: center;
+}
+.cabinet-card-discount__title{
+  font-family: var(--font-family);
+  font-weight: 700;
+  font-size: 16px;
+  line-height: 125%;
+  color: var(--text-black);
+}
+.cabinet-card-discount__percent{
+  margin-left: 16px;
+
+  font-family: var(--font-family);
+  font-weight: 700;
+  font-size: 16px;
+  line-height: 125%;
+  color: var(--text-black);
+}
+.cabinet-card-discount__percent::after{
+  content: '%';
+}
+.cabinet-card-discount__arrow{
+  display: inline-block;
+
+  margin-left: 6px;
+
+  width: 20px;
+  aspect-ratio: 1;
+
+  background-image: url(../img/svg/main/arrow-breadcrumbs-black.svg);
+  background-position: center;
+}
+.cabinet-card__no-orders{
+  margin-top: 32px;
+
+  padding: 48px 24px;
+}
+.cabinet-card-no-orders__element{
+  margin-top: 26px;
+}
+.cabinet-card-no-orders__element:first-child{
+  margin-top: 0;
+}
+.cabinet-card-no-orders__title{
+  font-family: var(--font-family);
+  font-weight: 500;
+  font-size: 24px;
+  line-height: 133%;
+  text-align: center;
+  color: var(--text-black);
+}
+.cabinet-card__pet{
+  display: flex;
+  align-items: center;
+}
+.cabinet-card-pet__icon{
+  width: 48px;
+  aspect-ratio: 1;
+
+  border-radius: 50%;
+  background: var(--gradient-blue);
+}
+.cabinet-card-pet-icon__content{
+  margin: 1px;
+  
+  width: calc(100% - 2px);
+  aspect-ratio: 1;
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  border-radius: 50%;
+  background: var(--background-white);
+}
+.cabinet-card-pet-icon__content img{
+  width: 32px;
+  aspect-ratio: 1;
+
+  object-fit: contain;
+}
+.cabinet-card-pet__name{
+  margin-left: 24px;
+
+  font-family: var(--font-family);
+  font-weight: 700;
+  font-size: 16px;
+  line-height: 125%;
+  color: var(--text-black);
+}
+.cabinet-card__order{
+  position: relative;
+}
+.cabinet-card-order__header{
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+}
+.cabinet-card-order__main{}
+.cabinet-card-order-main__date{
+  font-family: var(--font-family);
+  font-weight: 500;
+  font-size: 24px;
+  line-height: 133%;
+  color: var(--text-black);
+}
+.cabinet-card-order-main__number{
+  margin-top: 8px;
+
+  font-family: var(--font-family);
+  font-weight: 500;
+  font-size: 12px;
+  line-height: 133%;
+  color: var(--text-black);
+}
+.cabinet-card-order-main__number::before{
+  content: '№';
+}
+.cabinet-card-order__payment{
+  display: flex;
+  align-items: flex-end;
+
+  transition: margin .2s ease-out;
+}
+.cabinet-card-order-payment__title{
+  font-family: var(--font-family);
+  font-weight: 500;
+  font-size: 12px;
+  line-height: 133%;
+  color: var(--text-black);
+}
+.cabinet-card-order-payment__price{
+  margin-left: 8px;
+
+  font-family: var(--font-family);
+  font-weight: 700;
+  font-size: 16px;
+  line-height: 125%;
+  color: var(--text-black);
+}
+.cabinet-card-order-payment__price::after{
+  margin-left: 5px;
+  
+}
+.cabinet-card-order-payment__price--add::after{
+  display: none;
+}
+.cabinet-card-order__content{
+  margin-top: 24px;
+}
+.cabinet-card-order__content
+.cabinet-card-order__status{
+  display: flex;
+  align-items: center;
+}
+.cabinet-card-order-status__title{
+  font-family: var(--font-family);
+  font-weight: 500;
+  font-size: 20px;
+  line-height: 120%;
+  color: var(--text-black);  
+}
+.cabinet-card-order-status__pointer{
+  margin-left: 12px;
+
+  font-family: var(--font-family);
+  font-weight: 500;
+  font-size: 20px;
+  line-height: 120%;
+  color: var(--text-black); 
+}
+.cabinet-card-order-status__pointer--grey{
+  color: var(--text-6);
+}
+.cabinet-card-order-status__pointer--green{
+  color: var(--text-green);
+}
+.cabinet-card-order-status__pointer--red{
+  color: var(--text-red);
+}
+.cabinet-card-order__block-detail{
+  height: 0;
+  overflow: hidden;
+
+  transition: height .2s ease-out;
+}
+.cabinet-card-order__detail{
+  padding-top: 24px;
+}
+.cabinet-card-order-detail__address{}
+.cabinet-card-order-detail-address__title{
+  font-family: var(--font-family);
+  font-weight: 500;
+  font-size: 20px;
+  line-height: 120%;
+  color: var(--text-black); 
+}
+.cabinet-card-order-detail-address__text{
+  margin-top: 16px;
+
+  font-family: var(--font-family);
+  font-weight: 400;
+  font-size: 20px;
+  line-height: 120%;
+  color: var(--text-black); 
+}
+.cabinet-card-order-detail__main{
+  margin-top: 24px;
+
+  display: flex;
+  justify-content: space-between;
+}
+.cabinet-card-order-detail-main__products{}
+.cabinet-card-order-detail-main__product{
+  margin-top: 4px;
+
+  display: flex;
+  align-items: center;
+}
+.cabinet-card-order-detail-main__product:first-child{
+  margin-top: 0;
+}
+.cabinet-card-order-detail-main-product__img{
+  width: 106px;
+  height: 96px;
+}
+.cabinet-card-order-detail-main-product__content{
+  display: flex;
+}
+.cabinet-card-order-detail-main-product__description{
+  width: 212px;
+}
+.cabinet-card-order-detail-main-product-description__what{
+  font-family: var(--font-family);
+  font-weight: 500;
+  font-size: 12px;
+  line-height: 133%;
+  color: var(--text-black);
+}
+.cabinet-card-order-detail-main-product-description__with-what{
+  margin-top: 8px;
+
+  font-family: var(--font-family);
+  font-weight: 500;
+  font-size: 12px;
+  line-height: 133%;
+  color: var(--text-6);
+}
+.cabinet-card-order-detail-main-product__count{
+  margin-left: 8px;
+
+  font-family: var(--font-family);
+  font-weight: 700;
+  font-size: 12px;
+  line-height: 133%;
+  text-align: right;
+  color: var(--text-6);
+}
+.cabinet-card-order-detail-main-product__count::before{
+  margin-right: 4px;
+
+  content: 'x';
+}
+.cabinet-card-order-detail-main-product__price{
+  margin-left: 16px;
+
+  font-family: var(--font-family);
+  font-weight: 700;
+  font-size: 12px;
+  line-height: 133%;
+  text-align: right;
+  color: var(--text-black);
+}
+.cabinet-card-order-detail-main-product__price::after{
+  content: ' Р';
+}
+.cabinet-card-order-detail-main__links{
+  display: flex;
+  flex-direction: column;
+}
+.cabinet-card-order-detail-main__link{
+  margin-top: 16px;
+}
+.cabinet-card-order-detail-main__link:first-child{
+  margin-top: 0;
+}
+.cabinet-card-order__open-detail{
+  margin-top: 24px;
+
+  padding-right: 24px;
+
+  font-family: var(--font-family);
+  font-weight: 500;
+  font-size: 20px;
+  line-height: 120%;
+  color: var(--text-black);
+
+  border: none;
+  background: none;
+
+  position: relative;
+}
+.cabinet-card-order__open-detail::after{
+  content: '';
+
+  position: absolute;
+  top: 6.75px;
+  right: 0;
+
+  width: 12.5px;
+  height: 10.5px;
+
+  background-image: url(../img/svg/main/arrow-black.svg);
+  background-size: contain;
+  background-position: center;
+  background-repeat: no-repeat;
+
+  transition: transform .2s;
+  /* transform: rotate(180deg); */
+}
+.cabinet-card-order__detail-short{
+  position: absolute;
+  right: 0;
+  bottom: 0;
+
+  display: flex;
+  align-items: center;
+
+  transition: opacity .2s .1s ease-out;
+}
+.cabinet-card-order-detail-short__item{
+  border-radius: 16px;
+  width: 106px;
+  height: 96px;
+}
+.cabinet-card__download{
+  margin-top: 32px;
+}
+.cabinet-card__order.active .cabinet-card-order__detail-short{
+  opacity: 0;
+}
+.cabinet-card__order.active .cabinet-card-order__open-detail::after{
+  transform: rotate(180deg);
+}
+.cabinet-card-order__payment-add{
+  display: flex;
+  flex-direction: column;
+  align-items: start;
+}
+.cabinet-card-order__sub-title{
+  font-size: 14px;
+}
+.cabinet-card-order__date{
+  font-size: 16px;
+}
+/* .cabinet-card-no-orders__ */
+.cabinet__subscription-pc{
+}
+.cabinet__subscription-mobile{
+  display: none;
+}
+/* cabinet */
+
+@media only screen and (max-width: 1600px) {
+
+.wrapper{
+  max-width: 1280px;
+}
+
+.product__item{
+    margin: 12px;
+  
+    width: calc(33.3% - 24px);
+}
+
+.gallery__wrapper{
+  max-width: 1280px;
+}
+
+.header__content::after{
+  max-width: 1232px;
+}
+}
+
+@media only screen and (max-width: 1365px) {
+  .gallery__wrapper{
+    max-width: 100%;
+  }
+  
+}
+
+.subscription{
+  margin-top: 12px;
+}
+.subscription__item{
+  padding: 12px 0;
+  justify-content: space-between;
+}
+.subscription__item{
+  font-size: 20px;
+}
+.subscription__add{
+  color: var(--text-black);
+}
+.subscription__add-header{
+
+}
+.subscription__add-title{
+  font-size: 24px;
+}
+.subscription__add-content{
+  padding: 24px 0 12px 0;
+}
+.subscription__add-product{
+  align-items: start;
+}
+.subscription__add-product > *:nth-child(3){
+ margin-left: auto;
+ align-items: center;
+}
+.subscription__add .cabinet-card-order-detail-main-product-description__what {
+  font-size: 16px;
+  line-height: 125%;
+}
+.subscription__add .cabinet-card-order-detail-main-product-description__with-what {
+  font-weight: 500;
+  font-size: 16px;
+}
+.subscription__add .cabinet-card-order-detail-main-product__count{
+  font-weight: 700;
+  font-size: 16px;
+  line-height: 100%;
+}
+.subscription__add .cabinet-card-order-detail-main-product__price{
+  font-weight: 500;
+  font-size: 20px;
+  line-height: 120%;
 }
\ No newline at end of file
diff --git a/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/css/gp-style-mobile.css b/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/css/gp-style-mobile.css
index cc6600d..4464cbc 100644
--- a/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/css/gp-style-mobile.css
+++ b/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/css/gp-style-mobile.css
@@ -6,7 +6,138 @@
 }
 /* product */
 
+/* modal */
+.modal__basket{
+    width: 100%;
+}
+.modal__filter{
+    width: 100%;
+}
+.modal__to-know,
+.modal__to-know-submit{
+    width: 100%;
+}
+.modal__button .to-know{
+    display: flex;
+
+    background: none;
+}
+.modal__basket .modal__header {
+    height: calc(100% - 156px);
+    margin-bottom: -36px;
+}
+.modal-basket-item__block-image{
+    position: absolute;
+    width: 80px;
+}
+.modal-basket-item__image{
+    width: 48px;
+}
+.modal-basket-item__content{
+    margin-left: 0;
+
+    padding-left: 96px;
+}
+.modal-basket-item__control{
+    margin-left: -80px;
+}
+.modal-basket-item__title{
+    min-height: 40px;
+    
+    font-size: 16px;
+}
+.modal-basket__item--return{
+    flex-direction: column;
+    align-items: start;
+}
+.modal-basket__item--return .modal-basket-item__title{
+    margin-right: auto;
+}
+.notification--width-584{
+    width: 100%;
+}
+.notification__title{
+    font-size: 20px;
+}
+.notification__text--center-pc{
+    text-align: start;
+}
+.notification__img{
+    height: 360px;
+}
+.notification__title{
+    padding-right: 96px;
+}
+.modal-form__buttons--two{
+    flex-wrap: wrap;
+}
+.modal-form__buttons--two button, .modal-form__buttons--two input{
+    margin-top: 24px;
+    width: 100%;
+}
+.modal-form__buttons--two button:first-child, .modal-form__buttons--two input:first-child{
+    margin-top: 0;
+}
+.modal-map__control{
+    flex-wrap: wrap;
+}
+.modal-map-control__item{
+    width: calc(100% - 24px);
+}
+.form__full-mobile{
+    width: 100%;
+    border-radius: 0;
+    border: none;
+}
+
+.modal-form-content__line--three .modal-form-content-line__element:nth-child(1){
+    width: 69px;
+}
+.modal-form-content__line--three .modal-form-content-line__element:nth-child(2){
+
+}
+.modal-form-content__line--three .modal-form-content-line__element:nth-child(3){
+    width: 82px;
+}
+.form__input{
+    padding: 12px 14px;
+}
+.modal-form--height-100-phone{
+    min-height: 100%;
+}
+/* modal */
+
+/* footer */
+.footer__about{
+    display: none;
+}
+.footer__wrapper{
+    flex-direction: column;
+}
+.footer__content{
+    width: 100%;
+}
+.footer__form{
+    margin-top: 24px;
+    margin-left: 0;
+
+    width: 100%;
+}
+.footer__social-media{
+    display: block;
+
+    margin-top: 24px;
+}
+.footer-about__text{
+    padding-top: 35px;
+    display: block;
+    text-align: left;
 }
+.footer__list{
+    margin-top: 20px;
+}
+/* footer */
+
 /* detail */
 .toggle__table--two .toggle-table__block{
     width: 100%;
@@ -20,6 +151,67 @@
 }
 /* detail */
 
+/* cabinet */
+.cabinet-card__title{
+    font-size: 20px;
+}
+.cabinet-card__no-orders{
+    margin-top: 16px;
+}
+.cabinet-card-order__header{
+    flex-direction: column;
+}
+.cabinet-card-order__payment{
+    margin-top: 16px;
+}
+.cabinet-card-order-detail__main{
+    flex-direction: column;
+}
+.cabinet-card-order-detail-main__links{
+    margin-top: 24px;
+
+    align-items: start;
+}
+.cabinet-card-order-detail-main-product__img{
+    width: 70px;
+    height: 70px;
+}
+.cabinet-card-order-detail-main__product{
+    margin-top: 16px;
+
+    align-items: start;
+}
+.cabinet-card-order-detail-main-product__content{
+    margin-left: 16px;
+
+    flex-wrap: wrap;
+
+    position: relative;
+}
+.cabinet-card-order-detail-main-product__description{
+    width: 100%;
+}
+.cabinet-card-order-detail-main-product__count{
+    position: absolute;
+    left: 116px;
+    bottom: 0;
+}
+.cabinet-card-order-detail-main-product__price{
+    position: absolute;
+    left: 153px;
+    bottom: 0;
+}
+.cabinet-card__content{
+    padding-right: 19px;
+}
+.cabinet-card-order-main__date{
+    font-size: 20px;
+}
+/* .cabinet-card__order.active */
+/* .cabinet-card__order.active */
+/* cabinet */
+}
+
 @media only screen and (max-width: 576px) {
 /* header */
 
@@ -35,4 +227,110 @@
 }
 /* product */
 
+/* modal */
+.modal__aside{
+    left: 0;
 }
+.form-input-radio__title span{
+    display: block;
+    width: 100%;
+
+    color: var(--text-grey);
+}
+.modal-form__title{
+    font-size: 20px;
+}
+/* modal */
+
+/* detail */
+.detail-block-form__item,
+.detail-block-form__submit{
+    min-width: 100%;
+}
+/* detail */
+
+/* cabinet */
+
+.cabinet-card-order-detail-main-product__img{
+    width: 40px;
+    height: 40px;
+}
+
+.cabinet-card-order-detail-main-product__count{
+    left: auto;
+    right: 71px;
+}
+.cabinet-card-order-detail-main-product__price{
+    left: auto;
+    right: 0;
+}
+.cabinet-card-order__detail-short{
+    transition-delay: 0;
+    transition-duration: 0;
+}
+/* cabinet */
+}
+
+@media only screen and (max-width: 720px) {
+    .subscription__item{
+        flex-direction: column;
+    }
+
+    .subscription__item > p:first-child{
+        font-size: 16px;
+        color: var(--text-6);
+    }
+    .subscription__item > p:last-child{
+        margin-top: 6px;
+    }
+
+    .subscription__add-title {
+        font-size: 20px;
+    }
+
+    .subscription__add-product{
+        flex-wrap: wrap;
+    }
+
+    .subscription__add-product > *:not(:first-child){
+        padding-top: 0;
+    }
+    .subscription__add-product .cabinet-card-order-detail-main-product__img{
+        width: 73px;
+        height: 66px;
+    }
+    .subscription__add-product .cabinet-card-order-detail-main-product-description__what{
+        font-size: 12px;
+        display: -webkit-box;
+        -webkit-line-clamp: 2;
+        -webkit-box-orient: vertical;
+        overflow: hidden;
+    }
+    .subscription__add-product .cabinet-card-order-detail-main-product-description__with-what{
+        margin-top: 8px;
+
+        font-size: 12px;
+    }
+    .subscription__add-product .cabinet-card-order-detail-main-product__description {
+        width: calc(100% - 73px);
+    }
+    .subscription__add-product .cabinet-card-order-detail-main-product__content{
+        position: static;
+        margin-top: -10px;
+        margin-left: auto;
+        width: calc(100% - 73px);
+
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+    }
+    .subscription__add-product .cabinet-card-order-detail-main-product__count{
+        position: static;
+        font-size: 12px;
+    }
+    .subscription__add-product .cabinet-card-order-detail-main-product__price{
+        position: static;
+        font-size: 16px;
+    }
+}
+
diff --git a/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/css/gp-style-order.css b/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/css/gp-style-order.css
new file mode 100644
index 0000000..fcfde9e
--- /dev/null
+++ b/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/css/gp-style-order.css
@@ -0,0 +1,241 @@
+.order{
+    display: flex;
+}
+.order__title{
+    font-family: var(--font-family);
+    font-weight: 700;
+    font-size: 24px;
+    line-height: 117%;
+    text-transform: uppercase;
+    color: var(--text-black);
+}
+.order__contacts{
+    width: calc(50% - 0.5px);
+
+    padding: 24px;
+
+    border-right: 1px solid #121212;
+}
+.order-contacts__header{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+.order-contacts__form{
+    margin-top: 24px;
+}
+.order-contacts__delivery{
+    margin-top: 47.5px;
+
+    padding-top: 48px;
+
+    border-top: 1px solid var(--background-grey);
+}
+
+.order-contacts-deliver__item{
+    margin-top: 24px;
+}
+.order-contacts-deliver__date{
+    padding: 8px;
+
+    border-radius: 24px;
+
+    background: var(--background-grey);
+}
+.order-contacts-deliver__date .form-input-radio__item{
+    margin-top: 24px;
+}
+.order-contacts-deliver__date .form-input-radio__item:first-child{
+    margin-top: 0;
+}
+.order__your{  
+    width: calc(50% - 0.5px);
+
+    padding: 24px 24px 24px 48px;
+
+    background: var(--background-grey);
+}
+.order-your__products{
+    margin-top: 48px;
+}
+.order-your-products__item{
+    margin-top: 16px;
+
+    display: flex;
+    justify-content: space-between;
+}
+.order-your-products__left{
+    display: flex;
+}
+.order-your-products__img{
+    width: 40px;
+    aspect-ratio: 1;
+
+    border-radius: 16px;
+}
+.order-your-products__content{
+    margin-left: 16px;
+}
+.order-your-products__name{
+    font-family: var(--font-family);
+    font-weight: 500;
+    font-size: 12px;
+    line-height: 133%;
+    color: var(--text-black);
+
+    text-decoration: none;
+}
+.order-your-products__description{
+    margin-top: 8px;
+
+    font-family: var(--font-family);
+    font-weight: 500;
+    font-size: 12px;
+    line-height: 133%;
+    color: var(--text-6);
+}
+.order-your-products__description span{
+    font-weight: 700;
+}
+.order-your-products__description span::before{
+    margin-left: 3px;
+
+    content: 'x ';
+}
+.order-your-products__right{
+    display: flex;
+}
+.order-your-products__count{
+    font-family: var(--font-family);
+    font-weight: 700;
+    font-size: 12px;
+    line-height: 133%;
+    text-align: right;
+    color: var(--text-6);
+}
+.order-your-products__count::before{
+    content: 'x';
+}
+.order-your-products__price{
+    margin-left: 16px;
+
+    font-family: var(--font-family);
+    font-weight: 700;
+    font-size: 12px;
+    line-height: 133%;
+    text-align: right;
+    color: var(--text-black);
+}
+.order-your-products__price::after{
+    content: 'Р';
+}
+.order-your__calculation{
+    margin-top: 48px;
+}
+.order-your__promo{
+    display: flex;
+}
+.order-your-promo__button{
+    margin-left: 8px;
+}
+.order-your-calculation__item{
+    margin-top: 24px;
+
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+.order-your-calculation__title{
+    font-family: var(--font-family);
+    font-weight: 500;
+    font-size: 20px;
+    line-height: 120%;
+    color: var(--text-black);
+}
+.order-your-calculation__value{
+    font-family: var(--font-family);
+    font-weight: 700;
+    font-size: 20px;
+    line-height: 200%;
+    text-transform: uppercase;
+    text-align: right;
+    color: var(--text-black);
+}
+.order-your-calculation__value--price::after{
+    content: ' ₽';
+}
+.order-your-calculation__value--discount{
+    background: var(--gradient-red);
+    background-clip: text;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+}
+.order-your-calculation__value--discount::before{
+    content: '- ';
+}
+.order-your-calculation__description{
+    font-family: var(--font-family);
+    font-weight: 500;
+    font-size: 12px;
+    line-height: 133%;
+    text-align: right;
+    color: var(--text-9);
+}
+.order-your-calculation__line{
+    margin-top: 23px;
+    border: 1px solid var(--background-9);
+}
+.order-your-calculation__result{
+    font-family: var(--font-family);
+    font-weight: 700;
+    font-size: 24px;
+    line-height: 117%;
+    text-transform: uppercase;
+    color: var(--text-black);
+}
+.order-your-calculation__submit{
+    margin-top: 48px;
+}
+
+@media only screen and (max-width: 1200px) {
+.order{
+    display: block;
+}
+.order__contacts, .order__your{
+    border: none;
+    width: 100%;
+}
+}
+
+@media only screen and (max-width: 720px) {
+.order__title{
+    max-width: 181px;
+
+    font-size: 20px;
+    line-height: 120%;
+}
+.order__your{
+    margin-top: 16px;
+}
+.order__contacts{
+    padding: 24px 16px;
+}
+.order__your{
+    padding: 40px 16px 9px 16px;
+}
+.order-your__promo{
+    display: block;
+}
+.order-your-promo__button{
+    margin-left: 0;
+    margin-top: 24px;
+
+    width: 100%;
+}
+.order-your-products__content{
+    max-width: 164px;
+}
+.order-your-products__count, .order-your-products__price{
+    flex-shrink: 0;
+}
+}
\ No newline at end of file
diff --git a/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/img/pet/cat.png b/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/img/pet/cat.png
new file mode 100644
index 0000000..f88dd36
Binary files /dev/null and b/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/img/pet/cat.png differ
diff --git a/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/img/pet/dog.png b/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/img/pet/dog.png
new file mode 100644
index 0000000..36e37ae
Binary files /dev/null and b/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/img/pet/dog.png differ
diff --git a/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/img/pet/mini-dog.png b/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/img/pet/mini-dog.png
new file mode 100644
index 0000000..59a696d
Binary files /dev/null and b/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/img/pet/mini-dog.png differ
diff --git a/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/img/svg/main/arrow-back.svg b/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/img/svg/main/arrow-back.svg
new file mode 100644
index 0000000..a977e53
--- /dev/null
+++ b/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/img/svg/main/arrow-back.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.5 12.3643H21" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.5 12.3643L10.864 18.7282" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.5 12.3643L10.864 6.0003" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/img/svg/main/arrow-selected.svg b/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/img/svg/main/arrow-selected.svg
new file mode 100644
index 0000000..fb283a7
--- /dev/null
+++ b/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/img/svg/main/arrow-selected.svg
@@ -0,0 +1,11 @@
+<svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M15.7071 0.292893C16.0976 0.683417 16.0976 1.31658 15.7071 1.70711L5.70711 11.7071C5.31658 12.0976 4.68342 12.0976 4.29289 11.7071L0.292893 7.70711C-0.0976311 7.31658 -0.0976311 6.68342 0.292893 6.29289C0.683417 5.90237 1.31658 5.90237 1.70711 6.29289L5 9.58579L14.2929 0.292893C14.6834 -0.0976311 15.3166 -0.0976311 15.7071 0.292893Z" fill="url(#paint0_radial_79_10214)" />
+  <defs>
+    <radialGradient id="paint0_radial_79_10214" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(23.9562 -7.00625) rotate(143.344) scale(34.5677 45.2811)">
+      <stop stop-color="#0F5881" />
+      <stop offset="0.512169" stop-color="#1EA49C" />
+      <stop offset="0.807073" stop-color="#76CE75" />
+      <stop offset="0.911458" stop-color="#ECF39F" />
+    </radialGradient>
+  </defs>
+</svg>
\ No newline at end of file
diff --git a/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/js/gp-function.js b/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/js/gp-function.js
index 975bcdd..23b16ab 100644
--- a/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/js/gp-function.js
+++ b/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/js/gp-function.js
@@ -1,156 +1,156 @@
-'use strict';
+// 'use strict';
 
-// function
-function modalOpen(buttonElement, contentElement){
-    let modal = document.querySelector('.modal'),
-        aside = document.querySelector('.modal__aside'),
-        elements = document.querySelectorAll(buttonElement),
-        device = window.screen.width;
+// // function
+// function modalOpen(buttonElement, contentElement){
+//     let modal = document.querySelector('.modal'),
+//         aside = document.querySelector('.modal__aside'),
+//         elements = document.querySelectorAll(buttonElement),
+//         device = window.screen.width;
 
-    elements.forEach(e => {
-        let thisContentElement = document.querySelector(contentElement);
+//     elements.forEach(e => {
+//         let thisContentElement = document.querySelector(contentElement);
 
-        e.onclick = function () {
-            modal.classList.add('active');
-            thisContentElement.classList.add('active');
+//         e.onclick = function () {
+//             modal.classList.add('active');
+//             thisContentElement.classList.add('active');
             
-            let width = thisContentElement.clientWidth;
-
-            setTimeout(() => {
-                if (device <= 720) {
-                    aside.style.width = `${device}px`;
-                    thisContentElement.style.opacity = 1;
-                    thisContentElement.style.filter = 'blur(0px)';
-                }else{
-                    aside.style.width = `${width}px`;
-                    thisContentElement.style.opacity = 1;
-                    thisContentElement.style.filter = 'blur(0px)';
-                }
-            }, 10);
-        }
-    })
-}
-
-function modalClose(buttonElement) {
-    let modal = document.querySelector('.modal'),
-        aside = document.querySelector('.modal__aside'),
-        asideItems = document.querySelectorAll('.modal__item'),
-        elements = document.querySelectorAll(buttonElement);
-
-    elements.forEach(e => {
-        e.onclick = function () {            
-            aside.style.width = '0px';
+//             let width = thisContentElement.clientWidth;
+
+//             setTimeout(() => {
+//                 if (device <= 720) {
+//                     aside.style.width = `${device}px`;
+//                     thisContentElement.style.opacity = 1;
+//                     thisContentElement.style.filter = 'blur(0px)';
+//                 }else{
+//                     aside.style.width = `${width}px`;
+//                     thisContentElement.style.opacity = 1;
+//                     thisContentElement.style.filter = 'blur(0px)';
+//                 }
+//             }, 10);
+//         }
+//     })
+// }
+
+// function modalClose(buttonElement) {
+//     let modal = document.querySelector('.modal'),
+//         aside = document.querySelector('.modal__aside'),
+//         asideItems = document.querySelectorAll('.modal__item'),
+//         elements = document.querySelectorAll(buttonElement);
+
+//     elements.forEach(e => {
+//         e.onclick = function () {            
+//             aside.style.width = '0px';
             
-            asideItems.forEach(e => {
-                if (e.classList.contains('active')) {
-                    e.style.filter  = 'blur(10px)';
-                }
-            });
-
-            setTimeout(() => {
-                asideItems.forEach(e => {
-                    if (e.classList.contains('active')) {
-                        e.classList.remove('active');
-                    }
-                });
-
-                modal.classList.remove('active');
-            }, 300);
-        }
-    })
-}
-
-function closeModalForm(close){
-    let buttons = document.querySelectorAll(close),
-        modal = document.querySelector('.modal');
-
-    buttons.forEach(button => {
-        button.onclick = function (buttonEvent) {
-            modal.classList.remove('active');
+//             asideItems.forEach(e => {
+//                 if (e.classList.contains('active')) {
+//                     e.style.filter  = 'blur(10px)';
+//                 }
+//             });
+
+//             setTimeout(() => {
+//                 asideItems.forEach(e => {
+//                     if (e.classList.contains('active')) {
+//                         e.classList.remove('active');
+//                     }
+//                 });
+
+//                 modal.classList.remove('active');
+//             }, 300);
+//         }
+//     })
+// }
+
+// function closeModalForm(close){
+//     let buttons = document.querySelectorAll(close),
+//         modal = document.querySelector('.modal');
+
+//     buttons.forEach(button => {
+//         button.onclick = function (buttonEvent) {
+//             modal.classList.remove('active');
             
-            if (!modal.querySelector('.modal-map.active')) {
-                modal.querySelector('.modal-form.active').classList.remove('active');
-            }else{
-                modal.querySelector('.modal-map.active').classList.remove('active');
-            }
-        }
-    })
-}
-
-function toggleOpenX(mainElement, buttonElement ,heightElement, contentElement, close) {
-    let elements = document.querySelectorAll(mainElement);
-
-    elements.forEach(e => {
-        let thisMainElement = e,
-            thisButtonElement = e.querySelector(buttonElement),
-            thisHeightElement = e.querySelector(heightElement),
-            thisContentElement = e.querySelector(contentElement);        
-
-        thisButtonElement.onclick = function (e) {
-            let height = thisHeightElement.clientHeight;
-
-            if (close == true && !thisMainElement.classList.contains('active')) {
-                elements.forEach(e => {
-                    if (e.classList.contains('active')) {
-                        e.classList.remove('active');
-                        e.querySelector(contentElement).style.height = null
-                    }                    
-                })
-            }
-
-            if (!thisMainElement.classList.contains('active')) {
-                thisContentElement.style.height = `${height}px`;
-                thisMainElement.classList.add('active');
-            }else{
-                thisContentElement.style.height = null;
-                thisMainElement.classList.remove('active');
-            }
-        }
+//             if (!modal.querySelector('.modal-map.active')) {
+//                 modal.querySelector('.modal-form.active').classList.remove('active');
+//             }else{
+//                 modal.querySelector('.modal-map.active').classList.remove('active');
+//             }
+//         }
+//     })
+// }
+
+// function toggleOpenX(mainElement, buttonElement ,heightElement, contentElement, close) {
+//     let elements = document.querySelectorAll(mainElement);
+
+//     elements.forEach(e => {
+//         let thisMainElement = e,
+//             thisButtonElement = e.querySelector(buttonElement),
+//             thisHeightElement = e.querySelector(heightElement),
+//             thisContentElement = e.querySelector(contentElement);        
+
+//         thisButtonElement.onclick = function (e) {
+//             let height = thisHeightElement.clientHeight;
+
+//             if (close == true && !thisMainElement.classList.contains('active')) {
+//                 elements.forEach(e => {
+//                     if (e.classList.contains('active')) {
+//                         e.classList.remove('active');
+//                         e.querySelector(contentElement).style.height = null
+//                     }                    
+//                 })
+//             }
+
+//             if (!thisMainElement.classList.contains('active')) {
+//                 thisContentElement.style.height = `${height}px`;
+//                 thisMainElement.classList.add('active');
+//             }else{
+//                 thisContentElement.style.height = null;
+//                 thisMainElement.classList.remove('active');
+//             }
+//         }
         
-    });
-}
-
-function toggleHeader(button, content, blockheight, removeBlock, removeClass) {
-    let thisButton = document.querySelector(button), 
-        thisContent = document.querySelector(content),
-        thisRemoveBlock = document.querySelector(removeBlock) || '',
-        thisBlockheight = document.querySelector(blockheight);
-
-    thisButton.onclick = function () {
-        let height = thisBlockheight.clientHeight;
-
-        if (!thisContent.classList .contains('open')) {
-            thisContent.style.height = `${height}px`;
-            thisContent.classList .add('open');
-
-            if (removeBlock) {
-                thisRemoveBlock.classList.remove(removeClass);
-            }
-        }else{
-            thisContent.style.height = null;
-            thisContent.classList .remove('open');
-
-            if (removeBlock) {
-                if (window.scrollY <= 25) {
-                    thisRemoveBlock.classList.add(removeClass);
-                }
-            }
-        }
-    }
-}
-
-function modalFormOpen(formOrNotification) {
-    let buttons = document.querySelectorAll(formOrNotification),
-        modal = document.querySelector('.modal');
-
-    buttons.forEach(button => {
-        button.onclick = function (eventButton) {
-            let classOpenForm = button.dataset.form,
-                form = modal.querySelector(`.${classOpenForm}`);                
-
-            form.classList.add('active');
-            modal.classList.add('active');
-        }
-    })
-}
-// function
\ No newline at end of file
+//     });
+// }
+
+// function toggleHeader(button, content, blockheight, removeBlock, removeClass) {
+//     let thisButton = document.querySelector(button), 
+//         thisContent = document.querySelector(content),
+//         thisRemoveBlock = document.querySelector(removeBlock) || '',
+//         thisBlockheight = document.querySelector(blockheight);
+
+//     thisButton.onclick = function () {
+//         let height = thisBlockheight.clientHeight;
+
+//         if (!thisContent.classList .contains('open')) {
+//             thisContent.style.height = `${height}px`;
+//             thisContent.classList .add('open');
+
+//             if (removeBlock) {
+//                 thisRemoveBlock.classList.remove(removeClass);
+//             }
+//         }else{
+//             thisContent.style.height = null;
+//             thisContent.classList .remove('open');
+
+//             if (removeBlock) {
+//                 if (window.scrollY <= 25) {
+//                     thisRemoveBlock.classList.add(removeClass);
+//                 }
+//             }
+//         }
+//     }
+// }
+
+// function modalFormOpen(formOrNotification) {
+//     let buttons = document.querySelectorAll(formOrNotification),
+//         modal = document.querySelector('.modal');
+
+//     buttons.forEach(button => {
+//         button.onclick = function (eventButton) {
+//             let classOpenForm = button.dataset.form,
+//                 form = modal.querySelector(`.${classOpenForm}`);                
+
+//             form.classList.add('active');
+//             modal.classList.add('active');
+//         }
+//     })
+// }
+// // function
\ No newline at end of file
diff --git a/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/js/gp-main.js b/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/js/gp-main.js
index d046b87..17670d2 100644
--- a/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/js/gp-main.js
+++ b/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/js/gp-main.js
@@ -1,103 +1,65 @@
 'use strict';
 
-console.log('gp-main.js загружен');
 // header
 toggleOpenX('.lang', '.lang__open', '.lang__list', '.lang__content', false);
 toggleHeader('#pc-menu','.header__menu-block','.header__pc-menu', '.white', 'white');
 toggleHeader('#phone-menu','.header__menu-block','.header__phone-menu', '.white', 'white');
 // header 
 
-// modal
-modalOpen('.button--filter', '.modal__filter');
-modalOpen('.basket-open', '.modal__basket');
-modalOpen('.open-to-know', '.modal__to-know');
-modalClose('.modal__close');
-
-let modalElement = document.querySelector('.modal');
-
-modalElement.onclick = function (event) {
-    let target = event.target;
-    console.log('Клик по modalElement', target);
-    if (target.classList.contains('modal')) {
-        let aside = target.querySelector('.modal__aside'),
-            modalItem = target.querySelector('.modal__item.active');
-            console.log('Закрытие модального окна');
-            aside.style.width = '0px';
-            setTimeout(() => {
-                modalItem.style.cssText = '';
-                modalItem.classList.remove('active');
-                target.classList.remove('active');
-                console.log('Модальное окно закрыто');
-            }, 300);
-    }
-}
-
-// modal
+// // modal
+// modalOpen('.button--filter', '.modal__filter');
+// modalOpen('.basket-open', '.modal__basket');
+// modalOpen('.open-to-know', '.modal__to-know');
+// modalClose('.modal__close');
+
+// let modalElement = document.querySelector('.modal');
+
+// modalElement.onclick = function (event) {
+//     let target = event.target;
+//     if (target.classList.contains('modal')) {
+//         let aside = target.querySelector('.modal__aside'),
+//             modalItem = target.querySelector('.modal__item.active');
+//         aside.style.width = '0px';
+//         setTimeout(() => {
+//             modalItem.style.cssText = '';
+//             modalItem.classList.remove('active');
+//             target.classList.remove('active');
+//         }, 300);
+//     }
+// }
+
+// // modal
 
 // toggle
-toggleOpenX('.toggle', '.toggle__title', '.toggle__content', '.toggle__block-content', true);
-// toggle
+// toggleOpenX('.toggle', '.toggle__title', '.toggle__content', '.toggle__block-content', true);
+// // toggle
 
-// radio-button
-let radioButtons = document.querySelectorAll('.radio-button');
+// // radio-button
+// let radioButtons = document.querySelectorAll('.radio-button');
 
-radioButtons.forEach(radioBlock => {
-    let buttons = radioBlock.querySelectorAll('.button');
+// radioButtons.forEach(radioBlock => {
+//     let buttons = radioBlock.querySelectorAll('.button');
     
-    buttons.forEach(button => {
-        let input = radioBlock.querySelector('.radio-button__input');
-
-        button.onclick = function (e) {
-            e.preventDefault();
-            console.log('Клик по radio-button', button.textContent.trim());
-            buttons.forEach(thisButton => {
-                if (thisButton.classList.contains('active')) {
-                    thisButton.classList.remove('active')
-                }
-            })
+//     buttons.forEach(button => {
+//         let input = radioBlock.querySelector('.radio-button__input');
 
-            let text = button.textContent.trim();
+//         button.onclick = function (e) {
+//             e.preventDefault();
+//             buttons.forEach(thisButton => {
+//                 if (thisButton.classList.contains('active')) {
+//                     thisButton.classList.remove('active')
+//                 }
+//             })
 
-            button.classList.toggle('active');
+//             let text = button.textContent.trim();
 
-            input.value = text;    
-            console.log('radio-button value:', input.value);        
-        } 
-    })   
-})
-// radio-button
-
-// overlay
-let products = document.querySelectorAll('.product__item');
-
-products.forEach(productItem => {
-    let button = productItem.querySelector('.open-overlay'),
-        overlay = productItem.querySelector('.product-item__overlay');
-
-    
-    if (button) {
-        button.onclick = function (e) {
-            console.log('Открытие overlay для товара', productItem);
-            document.querySelectorAll('.product__item').forEach(e => {
-                if (e.classList.contains('active')) {
-                    e.classList.remove('active');
-                }
-            });
-            document.querySelectorAll('.product-item__overlay').forEach(e => {
-                if (e.classList.contains('active')) {
-                    e.classList.remove('active');
-                }
-            });
-
-            productItem.classList.toggle('active'); 
-            overlay.classList.toggle('active');    
-            console.log('overlay toggled', overlay.classList.contains('active'));        
-        }
-    }
-    
-})
-// overlay
+//             button.classList.toggle('active');
 
+//             input.value = text;        
+//         } 
+//     })   
+// })
+// // radio-button
 
 // select
 toggleOpenX('.select', '.select__state' , '.state__content', '.state__block', true);
@@ -114,7 +76,6 @@ selects.forEach(select => {
 
         e.onclick = function (event) {
             event.preventDefault();
-            console.log('Клик по select', button.textContent.trim());
             buttons.forEach(element => {
                 if (element.classList.contains('active')) {
                     element.classList.remove('active');
@@ -127,221 +88,202 @@ selects.forEach(select => {
             button.classList.add('active');
             content.style.height = 0;
             select.classList.remove('active');
-            console.log('select value:', state.value);
         }        
     })
 })
 // select
 
-// counter
-let counters = document.querySelectorAll('.counter');
-
-counters.forEach(e => {
-    let minus = e.querySelector('.minus'),
-        plus  = e.querySelector('.plus'),
-        input = e.querySelector('.counter__input');
-
-        minus.onclick = function (e) {
-            e.preventDefault();
-            let number = input.value;
-            console.log('Клик по минусу', number);
-            if (number >= 2){
-                input.value = Number(number) - 1;
-                console.log('Новое значение counter:', input.value);
-            }
-        }
-
-        plus.onclick = function (e) {
-            e.preventDefault();
-            let number = input.value;
-            console.log('Клик по плюсу', number);
-            if (number <= 99) {
-                input.value = Number(number) + 1;
-                console.log('Новое значение counter:', input.value);
-            }
-        }
-})
-// counter
-
-// checkbox 
-let checkbox = document.querySelectorAll('.checkbox');
-
-checkbox.forEach(e => {
-    e.onclick = function (event) {
-        let input = e.querySelector('.checkbox__input');
-        console.log('Клик по checkbox', input.checked);
-        if (!e.classList.contains('active')) {
-            input.checked = 1;
-        }else{
-            input.checked = 0;
-        }
-        e.classList.toggle('active');
-        console.log('checkbox теперь', input.checked);
-    }
-})
-// checkbox 
-
-
-// function
-function modalOpen(buttonElement, contentElement){
-    let modal = document.querySelector('.modal'),
-        aside = document.querySelector('.modal__aside'),
-        elements = document.querySelectorAll(buttonElement),
-        device = window.screen.width;
-
-    elements.forEach(e => {
-        let thisContentElement = document.querySelector(contentElement);
-
-        e.onclick = function () {
-            console.log('Открытие модального окна', contentElement);
-            modal.classList.add('active');
-            thisContentElement.classList.add('active');
+// // counter
+// let counters = document.querySelectorAll('.counter');
+
+// counters.forEach(e => {
+//     let minus = e.querySelector('.minus'),
+//         plus  = e.querySelector('.plus'),
+//         input = e.querySelector('.counter__input');
+
+//         minus.onclick = function (e) {
+//             e.preventDefault();
+//             let number = input.value;
+//             if (number >= 2){
+//                 input.value = Number(number) - 1;
+//             }
+//         }
+
+//         plus.onclick = function (e) {
+//             e.preventDefault();
+//             let number = input.value;
+//             if (number <= 99) {
+//                 input.value = Number(number) + 1;
+//             }
+//         }
+// })
+// // counter
+
+// // checkbox 
+// let checkbox = document.querySelectorAll('.checkbox');
+
+// checkbox.forEach(e => {
+//     e.onclick = function (event) {
+//         let input = e.querySelector('.checkbox__input');
+//         if (!e.classList.contains('active')) {
+//             input.checked = 1;
+//         }else{
+//             input.checked = 0;
+//         }
+//         e.classList.toggle('active');
+//     }
+// })
+// // checkbox 
+
+
+// // function
+// function modalOpen(buttonElement, contentElement){
+//     let modal = document.querySelector('.modal'),
+//         aside = document.querySelector('.modal__aside'),
+//         elements = document.querySelectorAll(buttonElement),
+//         device = window.screen.width;
+
+//     elements.forEach(e => {
+//         let thisContentElement = document.querySelector(contentElement);
+
+//         e.onclick = function () {
+//             modal.classList.add('active');
+//             thisContentElement.classList.add('active');
             
-            let width = thisContentElement.clientWidth;
-
-            setTimeout(() => {
-                if (device <= 720) {
-                    aside.style.width = `${device}px`;
-                    thisContentElement.style.opacity = 1;
-                    thisContentElement.style.filter = 'blur(0px)';
-                }else{
-                    aside.style.width = `${width}px`;
-                    thisContentElement.style.opacity = 1;
-                    thisContentElement.style.filter = 'blur(0px)';
-                }
-                console.log('Модальное окно открыто', contentElement);
-            }, 10);
-        }
-    })
-}
-
-function modalClose(buttonElement) {
-    let modal = document.querySelector('.modal'),
-        aside = document.querySelector('.modal__aside'),
-        asideItems = document.querySelectorAll('.modal__item'),
-        elements = document.querySelectorAll(buttonElement);
-
-    elements.forEach(e => {
-        e.onclick = function () {    
-            console.log('Закрытие модального окна через кнопку', buttonElement);        
-            aside.style.width = '0px';
+//             let width = thisContentElement.clientWidth;
+
+//             setTimeout(() => {
+//                 if (device <= 720) {
+//                     aside.style.width = `${device}px`;
+//                     thisContentElement.style.opacity = 1;
+//                     thisContentElement.style.filter = 'blur(0px)';
+//                 }else{
+//                     aside.style.width = `${width}px`;
+//                     thisContentElement.style.opacity = 1;
+//                     thisContentElement.style.filter = 'blur(0px)';
+//                 }
+//             }, 10);
+//         }
+//     })
+// }
+
+// function modalClose(buttonElement) {
+//     let modal = document.querySelector('.modal'),
+//         aside = document.querySelector('.modal__aside'),
+//         asideItems = document.querySelectorAll('.modal__item'),
+//         elements = document.querySelectorAll(buttonElement);
+
+//     elements.forEach(e => {
+//         e.onclick = function () {        
+//             aside.style.width = '0px';
             
-            asideItems.forEach(e => {
-                if (e.classList.contains('active')) {
-                    e.style.filter  = 'blur(10px)';
-                }
-            });
-
-            setTimeout(() => {
-                asideItems.forEach(e => {
-                    if (e.classList.contains('active')) {
-                        e.classList.remove('active');
-                    }
-                });
-
-                modal.classList.remove('active');
-                console.log('Модальное окно закрыто через кнопку', buttonElement);
-            }, 300);
-        }
-    })
-}
-
-function toggleOpenX(mainElement, buttonElement ,heightElement, contentElement, close) {
-    let elements = document.querySelectorAll(mainElement);
-
-    elements.forEach(e => {
-        let thisMainElement = e,
-            thisButtonElement = e.querySelector(buttonElement),
-            thisHeightElement = e.querySelector(heightElement),
-            thisContentElement = e.querySelector(contentElement);        
-
-        thisButtonElement.onclick = function (e) {
-            let height = thisHeightElement.clientHeight;
-            console.log('toggleOpenX', mainElement, 'active:', thisMainElement.classList.contains('active'));
-            if (close == true && !thisMainElement.classList.contains('active')) {
-                elements.forEach(e => {
-                    if (e.classList.contains('active')) {
-                        e.classList.remove('active');
-                        e.querySelector(contentElement).style.height = null
-                    }                    
-                })
-            }
-
-            if (!thisMainElement.classList.contains('active')) {
-                thisContentElement.style.height = `${height}px`;
-                thisMainElement.classList.add('active');
-                console.log('toggleOpenX открыт', mainElement);
-            }else{
-                thisContentElement.style.height = null;
-                thisMainElement.classList.remove('active');
-                console.log('toggleOpenX закрыт', mainElement);
-            }
-        }
+//             asideItems.forEach(e => {
+//                 if (e.classList.contains('active')) {
+//                     e.style.filter  = 'blur(10px)';
+//                 }
+//             });
+
+//             setTimeout(() => {
+//                 asideItems.forEach(e => {
+//                     if (e.classList.contains('active')) {
+//                         e.classList.remove('active');
+//                     }
+//                 });
+
+//                 modal.classList.remove('active');
+//             }, 300);
+//         }
+//     })
+// }
+
+// function toggleOpenX(mainElement, buttonElement ,heightElement, contentElement, close) {
+//     let elements = document.querySelectorAll(mainElement);
+
+//     elements.forEach(e => {
+//         let thisMainElement = e,
+//             thisButtonElement = e.querySelector(buttonElement),
+//             thisHeightElement = e.querySelector(heightElement),
+//             thisContentElement = e.querySelector(contentElement);        
+
+//         thisButtonElement.onclick = function (e) {
+//             let height = thisHeightElement.clientHeight;
+//             if (close == true && !thisMainElement.classList.contains('active')) {
+//                 elements.forEach(e => {
+//                     if (e.classList.contains('active')) {
+//                         e.classList.remove('active');
+//                         e.querySelector(contentElement).style.height = null
+//                     }                    
+//                 })
+//             }
+
+//             if (!thisMainElement.classList.contains('active')) {
+//                 thisContentElement.style.height = `${height}px`;
+//                 thisMainElement.classList.add('active');
+//             }else{
+//                 thisContentElement.style.height = null;
+//                 thisMainElement.classList.remove('active');
+//             }
+//         }
         
-    });
-}
-
-function toggleHeader(button, content, blockheight, removeBlock, removeClass) {
-    let thisButton = document.querySelector(button), 
-        thisContent = document.querySelector(content),
-        thisRemoveBlock = document.querySelector(removeBlock) || '',
-        thisBlockheight = document.querySelector(blockheight);
-
-    thisButton.onclick = function () {
-        let height = thisBlockheight.clientHeight;
-        console.log('toggleHeader', button, 'active:', thisContent.classList.contains('open'));
-        if (!thisContent.classList .contains('open')) {
-            thisContent.style.height = `${height}px`;
-            thisContent.classList .add('open');
-
-            if (removeBlock) {
-                thisRemoveBlock.classList.remove(removeClass);
-            }
-        }else{
-            thisContent.style.height = null;
-            thisContent.classList .remove('open');
-
-            if (removeBlock) {
-                if (window.scrollY <= 25) {
-                    thisRemoveBlock.classList.add(removeClass);
-                }
-            }
-        }
-    }
-}
+//     });
+// }
+
+// function toggleHeader(button, content, blockheight, removeBlock, removeClass) {
+//     let thisButton = document.querySelector(button), 
+//         thisContent = document.querySelector(content),
+//         thisRemoveBlock = document.querySelector(removeBlock) || '',
+//         thisBlockheight = document.querySelector(blockheight);
+
+//     thisButton.onclick = function () {
+//         let height = thisBlockheight.clientHeight;
+//         if (!thisContent.classList .contains('open')) {
+//             thisContent.style.height = `${height}px`;
+//             thisContent.classList .add('open');
+
+//             if (removeBlock) {
+//                 thisRemoveBlock.classList.remove(removeClass);
+//             }
+//         }else{
+//             thisContent.style.height = null;
+//             thisContent.classList .remove('open');
+
+//             if (removeBlock) {
+//                 if (window.scrollY <= 25) {
+//                     thisRemoveBlock.classList.add(removeClass);
+//                 }
+//             }
+//         }
+//     }
+// }
 // function
 
-// resize
-window.addEventListener('resize', (e) => {
-    let width = window.screen.width;
-    console.log('resize', width);
-    // media
-    modalOpen('.button--filter', '.modal__filter');
-    modalOpen('.basket-open', '.modal__basket');
-    modalOpen('.open-to-know', '.modal__to-know');
-    modalClose('.modal__close');
+// // resize
+// window.addEventListener('resize', (e) => {
+//     let width = window.screen.width;
+//     // media
+//     modalOpen('.button--filter', '.modal__filter');
+//     modalOpen('.basket-open', '.modal__basket');
+//     modalOpen('.open-to-know', '.modal__to-know');
+//     modalClose('.modal__close');
     
-    let modalItem = document.querySelectorAll('.modal__item');
+//     let modalItem = document.querySelectorAll('.modal__item');
 
-    // if (width <= 720) {
-        modalItem.forEach(modal => {
-            if (modal.classList.contains('active')) {
-                let aside = document.querySelector('.modal__aside');
+//     modalItem.forEach(modal => {
+//         if (modal.classList.contains('active')) {
+//             let aside = document.querySelector('.modal__aside');
 
-                if (width <= 720) {
-                    aside.style.width = `${width}px`
-                }else{
-                    let openAside = document.querySelector('.modal__item.active'),
-                        newWidth = openAside.clientWidth;
+//             if (width <= 720) {
+//                 aside.style.width = `${width}px`
+//             }else{
+//                 let openAside = document.querySelector('.modal__item.active'),
+//                     newWidth = openAside.clientWidth;
 
-                    aside.style.width = `${newWidth}px`
-                }
-                console.log('resize modal aside', aside.style.width);
-            }
-        })
-    // }
-});
-// resize
+//                 aside.style.width = `${newWidth}px`
+//             }
+//         }
+//     })
+// });
+// // resize
 
 // scroll
 
@@ -350,7 +292,6 @@ if (document.querySelector('.header').classList.contains('white')) {
     window.addEventListener("scroll", function (e) {
         let header = document.querySelector('.header');
         let scroll = window.scrollY;
-        console.log('scroll', scroll);
         if (scroll >= 25) {
             header.classList.remove('white')
         }else{
@@ -360,3 +301,4 @@ if (document.querySelector('.header').classList.contains('white')) {
     });
 }
 // scroll
+
diff --git a/wp-content/themes/cosmopet/modules/shop/components/single-product/component-template.twig b/wp-content/themes/cosmopet/modules/shop/components/single-product/component-template.twig
index 248ed2f..c1bc729 100644
--- a/wp-content/themes/cosmopet/modules/shop/components/single-product/component-template.twig
+++ b/wp-content/themes/cosmopet/modules/shop/components/single-product/component-template.twig
@@ -1,4 +1,4 @@
-
+{% set current_path = template_path ~ '/modules/shop/components/single-product' %}
 
         {% set bodyClass = 'bg-white' %}
 
@@ -259,7 +259,7 @@
                     </div>
                 </div>
             </div>
-
+ <div class="product__main">
             {% set recommended_products = function('get_field', 'recommended_products', product.id) %}
             {% set related_products = recommended_products ? recommended_products : function('wc_get_related_products', product.id, 4) %}
             {% if related_products %}
@@ -406,6 +406,7 @@
                 </div>
             {% endif %}
         </div>
+         </div>
 
         <div class="gallery">
             <button class="gallery__close gallery-button">
diff --git a/wp-content/themes/cosmopet/templates/front-page/front-page.twig b/wp-content/themes/cosmopet/templates/front-page/front-page.twig
index c7f5dab..687251e 100644
--- a/wp-content/themes/cosmopet/templates/front-page/front-page.twig
+++ b/wp-content/themes/cosmopet/templates/front-page/front-page.twig
@@ -105,7 +105,7 @@
         <div class="reviews_block">
             <div class="reviews_items --visible">
                 {% if post.meta('reviews_repeater') %}
-                    {% set reviews = post.meta('reviews_repeater') %}
+                    {% set rv = post.meta('reviews_repeater') %}
                     
                     {# Create three blocks #}
                     {% for i in 0..2 %}
@@ -118,8 +118,8 @@
                                     <div class="swiper-wrapper">
                                         
                                         {# Output reviews with step 3, starting from current block index #}
-                                        {% for j in range(i, reviews|length - 1, 3) %}
-                                            {% set review = reviews[j] %}
+                                        {% 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>
diff --git a/wp-content/themes/cosmopet/templates/front-page/template-front-page.php b/wp-content/themes/cosmopet/templates/front-page/template-front-page.php
index decab70..dcf4618 100644
--- a/wp-content/themes/cosmopet/templates/front-page/template-front-page.php
+++ b/wp-content/themes/cosmopet/templates/front-page/template-front-page.php
@@ -80,6 +80,7 @@ $context['show_blog'] = get_field('blog_show');
 $context['reviews'] = get_field('reviews');
 $context['sub_title'] = get_field('sub_title');
 $context['sub_text'] = get_field('sub_text');
+
 Timber::render('templates/front-page/front-page.twig', $context);
 
 ?>
diff --git a/wp-content/themes/cosmopet/templates/header.twig b/wp-content/themes/cosmopet/templates/header.twig
index f75aae8..5c5f4a1 100644
--- a/wp-content/themes/cosmopet/templates/header.twig
+++ b/wp-content/themes/cosmopet/templates/header.twig
@@ -14,36 +14,30 @@
             <div class="header-pc-menu__content">
                 <div class="header-pc-menu__item">
                     <a href="/shop/"
-                        class="header-pc-menu__title">Кошкам</a>
+                        class="header-pc-menu__title">{% if current_lang == 'ru' %}Кошкам{% elseif current_lang == 'en' %}For cats{% endif %}</a>
                     <ul class="header-pc-menu__list">
                         <li class="header-pc-menu__list-li">
-                            <a href="/shop/">Корм</a>
+                            <a href="/shop/">{% if current_lang == 'ru' %}Корм{% elseif current_lang == 'en' %}Food{% endif %}</a>
                         </li>
                         <li class="header-pc-menu__list-li">
-                            <a
-                                href="/shop/">Лакомства</a>
+                            <a href="/shop/">{% if current_lang == 'ru' %}Лакомства{% elseif current_lang == 'en' %}Treats{% endif %}</a>
                         </li>
-
                         <li class="header-pc-menu__list-li">
-                            <a
-                                href="/shop/">Аксессуары</a>
+                            <a href="/shop/">{% if current_lang == 'ru' %}Аксессуары{% elseif current_lang == 'en' %}Accessories{% endif %}</a>
                         </li>
                     </ul>
                 </div>
                 <div class="header-pc-menu__item">
-                    <a href="#" class="header-pc-menu__title">Собакам</a>
+                    <a href="#" class="header-pc-menu__title">{% if current_lang == 'ru' %}Собакам{% elseif current_lang == 'en' %}For dogs{% endif %}</a>
                     <ul class="header-pc-menu__list">
                         <li class="header-pc-menu__list-li">
-                            <a href="/shop/">Корм</a>
+                            <a href="/shop/">{% if current_lang == 'ru' %}Корм{% elseif current_lang == 'en' %}Food{% endif %}</a>
                         </li>
                         <li class="header-pc-menu__list-li">
-                            <a
-                                href="/shop/">Лакомства</a>
+                            <a href="/shop/">{% if current_lang == 'ru' %}Лакомства{% elseif current_lang == 'en' %}Treats{% endif %}</a>
                         </li>
-
                         <li class="header-pc-menu__list-li">
-                            <a
-                                href="/shop/">Аксессуары</a>
+                            <a href="/shop/">{% if current_lang == 'ru' %}Аксессуары{% elseif current_lang == 'en' %}Accessories{% endif %}</a>
                         </li>
                     </ul>
                 </div>
@@ -207,7 +201,6 @@
         </ul>
 
         <div class="mini-profile">
-        {% if CONSTANTS.DOMAIN != 'AE' %}
             <div class="mini-profile__item">
                 <div class="lang">
                     <button class="lang__open">
@@ -234,7 +227,6 @@
                     </div>
                 </div>
             </div>
-        {% endif %}
             <div class="mini-profile__item">
                 <button class="mini-profile__button basket-open" data-modal-target=".modal__basket">
                     <img src="https://cosmopet.ru/wp-content/themes/woodmart/gp-include/assets/core/img/svg/mini-profile/basket.svg" alt="" class="mini-profile__icon black">
diff --git a/wp-content/themes/cosmopet/templates/modal.twig b/wp-content/themes/cosmopet/templates/modal.twig
index 1fb919a..dc745fb 100644
--- a/wp-content/themes/cosmopet/templates/modal.twig
+++ b/wp-content/themes/cosmopet/templates/modal.twig
@@ -1,8 +1,11 @@
+
+
+
 <div class="modal">
     <aside class="modal__aside">
         <div class="modal__item modal__filter">
             <button class="modal__close">
-                <img src="assets/img/svg/main/black-x.svg" alt="">
+                <img src="{{ current_path }}assets/img/svg/main/black-x.svg" alt="">
             </button>
 
             <div class="modal__header">
@@ -15,7 +18,7 @@
 
         <div class="modal__item modal__to-know modal__item--no-title">
             <button class="modal__close">
-                <img src="assets/img/svg/main/black-x.svg" alt="">
+                <img src="{{ current_path }}assets/img/svg/main/black-x.svg" alt="">
             </button>
             <div class="modal__header">
                 <p class="modal__small-title">{{ fn ('pll_e', 'Узнать о поступлении') }}</p>
diff --git a/wp-content/themes/cosmopet/templates/shop/bestsellers.twig b/wp-content/themes/cosmopet/templates/shop/bestsellers.twig
index c0b00eb..3b54d11 100644
--- a/wp-content/themes/cosmopet/templates/shop/bestsellers.twig
+++ b/wp-content/themes/cosmopet/templates/shop/bestsellers.twig
@@ -1,6 +1,4 @@
-{# 
-  Bestsellers Slider Template with Polylang support
-#}
+{# Bestsellers Slider Template with Polylang support #}
 
 {% set best = function('get_field', 'best', 'options') %}
 {% set currency = function('get_woocommerce_currency_symbol') %}
@@ -24,51 +22,55 @@
                 <div class="swiper sellerSlider">
                     <div class="swiper-wrapper">
                         {% if best %}
-                            {% for product in best %}
-                                {% set product = TimberPost(product) %}
-                                {% set thumbnail = product.thumbnail ? product.thumbnail.src('medium') : function('wc_placeholder_img_src') %}
-                                {% set price = product.price %}
-                                {% set has_sale = product.sale_price and product.sale_price < product.regular_price %}
-                                
-                                <div class="swiper-slide">
-                                    <div class="sellers_card">
-                                        <a href="{{ product.link }}" aria-label="{{ function('pll_e', 'View product:') }} {{ product.title }}">
-                                            <img src="{{ thumbnail }}" 
-                                                 alt="{{ function('pll_e', 'Product image:') }} {{ product.title }}" 
-                                                 class="sellers_card-img"
-                                                 loading="lazy">
-                                        </a>
-
-                                        <div class="tags_block">
-                                            <a href="{{ product.link }}" class="seller_name">
-                                                {{ product.title }}
+                            {% for product_id in best %}
+                                {% set product = function('wc_get_product', product_id) %}
+                                {% if product %}
+                                    {% set thumbnail = product.get_image_id() ? function('wp_get_attachment_image_url', product.get_image_id(), 'medium') : function('wc_placeholder_img_src') %}
+                                    {% set price = product.get_price_html() %}
+                                    {% set has_sale = product.is_on_sale() %}
+                                    {% set regular_price = product.get_regular_price() %}
+                                    {% set sale_price = product.get_sale_price() %}
+                                    
+                                    <div class="swiper-slide">
+                                        <div class="sellers_card">
+                                            <a href="{{ product.get_permalink() }}" aria-label="{{ function('pll_e', 'View product') }}: {{ product.get_name() }}">
+                                                <img src="{{ thumbnail }}" 
+                                                     alt="{{ function('pll_e', 'Product image') }}: {{ product.get_name() }}" 
+                                                     class="sellers_card-img"
+                                                     loading="lazy">
                                             </a>
 
-                                            <div class="seller_bt">
-                                                <p class="seller_price">
-                                                    {{ price }} {{ currency }}
-                                                </p>
-                                                
-                                                {% if has_sale %}
-                                                    <div class="product-item__price-disc">
-                                                        <p class="product-item__price-sale__text">
-                                                            {{ product.regular_price }} {{ currency }}
-                                                        </p>
-                                                        <p class="product-item__price-sale__perc">
-                                                            -{{ ((1 - (price / product.regular_price)) * 100)|round }}%
-                                                        </p>
+                                            <div class="tags_block">
+                                                <a href="{{ product.get_permalink() }}" class="seller_name">
+                                                    {{ product.get_name() }}
+                                                </a>
+
+                                                <div class="seller_bt">
+                                                    <div class="seller_price">
+                                                        {{ price|raw }}
                                                     </div>
-                                                {% endif %}
+                                                    
+                                                    {% if has_sale and regular_price and sale_price %}
+                                                        <div class="product-item__price-disc">
+                                                            <p class="product-item__price-sale__text">
+                                                                {{ regular_price }} {{ currency }}
+                                                            </p>
+                                                            <p class="product-item__price-sale__perc">
+                                                                -{{ (1 - (sale_price / regular_price)) * 100|round }}%
+                                                            </p>
+                                                        </div>
+                                                    {% endif %}
+                                                </div>
+                                                
+                                                <a href="{{ product.get_permalink() }}" class="seller_link">
+                                                    <button class="seller_buy" aria-label="{{ function('pll_e', 'Buy') }} {{ product.get_name() }}">
+                                                        {{ function('pll_e', 'Buy') }}
+                                                    </button>
+                                                </a>
                                             </div>
-                                            
-                                            <a href="{{ product.link }}" class="seller_link">
-                                                <button class="seller_buy" aria-label="{{ function('pll_e', 'Buy') }} {{ product.title }}">
-                                                    {{ function('pll_e', 'Buy') }}
-                                                </button>
-                                            </a>
                                         </div>
                                     </div>
-                                </div>
+                                {% endif %}
                             {% endfor %}
                         {% else %}
                             <p class="no-products">{{ function('pll_e', 'No bestsellers found') }}</p>