fix inputTabs

assets/css/gp-style-desktop.css

@@ -14,14 +14,16 @@
 
     z-index: 200;
 }
-.header::after{
+.header__content::after{
     content: '';
 
     position: absolute;
-    left: 24px;
+    left: auto;
+    right: auto;
     bottom: 0;
     
     width: calc(100% - 48px);
+    max-width: 1552px;
     height: 1px;
 
     background:  var(--text-3);
@@ -182,6 +184,10 @@
     display: none;
 
     padding: 24px 16px;
+
+    height: calc(100vh - 56px);
+
+    overflow-x: auto;
 }
 .header-phone-menu__item{
     padding: 16px 0;
@@ -242,13 +248,12 @@
     font-weight: 500;
     font-size: 16px;
     line-height: 125%;
-    color: #121212;
     color: var(--text-black);
 
     text-decoration: none;
 }
 .header.white{
-  /* background-color: thistle; */
+  background: none;
 }
 .header.white .header__logo-black{
   display: none;
@@ -265,7 +270,7 @@
 .header.white .lang__open{
   color: var(--text-white);
 }
-.header.white::after{
+.header.white .header__content::after{
   background: var(--background-white);
 }
 .header.white .lang-open__black{
@@ -284,6 +289,13 @@
 .header.white .header__open-menu::after{
   background: var(--background-white);
 }
+.header__phone-menu::-webkit-scrollbar {
+  width: 0px;
+}
+
+main{
+  padding-top: 72px;
+}
 /* header end */
 
 /* product */
@@ -310,6 +322,7 @@
     border-radius: 16px;
   
     background: var(--gradient-blue);
+    border: none;
   }
   .product-tag-item__content{
     padding: 3px 11px;
@@ -344,6 +357,33 @@
     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;
@@ -431,6 +471,9 @@
     color: #f4f1f0;
 
     border-radius: 16px;
+    display: block;
+
+    text-decoration: none;
   }
   .product-item-label__tag--new{
     background: var(--gradient-blue);
@@ -482,6 +525,9 @@
     font-size: 20px;
     line-height: 120%;
     color: var(--text-black);
+
+    text-decoration: none;
+    display: block;
   }
   .product-item__title:first-child{
     margin-top: 0;
@@ -502,6 +548,7 @@
   }
   .product-item__price p::after{
     content: '₽';
+    padding-left: 5px;
   }
   .product-item__price span{
     margin-left: 9px;
@@ -651,9 +698,9 @@
 /* product */
 
 /* modal */
-.modal__button .to-know{
+/* .modal__button .to-know{
   display: none;
-}
+} */
 /* modal */
 
 /* footer */
@@ -704,6 +751,9 @@
 .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;
@@ -841,7 +891,6 @@
   font-size: 36px;
   line-height: 111%;
   text-transform: uppercase;
-  color: #121212;
 }
 .detail-block-price__price::after{
   content: '₽';
@@ -941,14 +990,21 @@
   margin-top: 48px;
   margin-bottom: 48px;
 }
-.detail__catalot{
+.detail__wrapper-catalot{
   margin-top: 64px;
 
-  width: 100%;
+  width: calc(100% + 16px);
 
   overflow: hidden;
+
+  position: relative;
+}
+.detail__catalot{
+
 }
 .detail-catalot__header{
+  padding-right: 16px;
+
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -993,6 +1049,9 @@
 .detail__images-phone{
   display: none;
 }
+.back-detail{
+  display: none;
+}
 .toggle__table{
   margin-top: 32px;
 
@@ -1199,6 +1258,679 @@
 
 /* gallery */
 
+
+/* cabinet */
+.cabinet{
+  padding: 24px;
+
+  display: flex;
+  justify-content: space-between;
+}
+.cabinet__control{
+  margin: 24px;
+  margin-bottom: 0;
+
+  display: none;
+}
+.cabinet-control__button{
+  margin-left: 8px;
+
+  padding: 12px 16px;
+  
+  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);
+}
+
+.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;
+
+  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;
+  content: '₽';
+}
+.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{
@@ -1214,21 +1946,63 @@
 .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;
-/* @media only screen and (min-width: 992px) and (max-width: 1400px) {
+}
-
+.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%;
+}

assets/css/gp-style-mobile.css

@@ -13,13 +13,17 @@
 .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% - 92px);
+    height: calc(100% - 156px);
     margin-bottom: -36px;
 }
 .modal-basket-item__block-image{
@@ -42,6 +46,65 @@
     
     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 */
@@ -65,6 +128,11 @@
 
     margin-top: 24px;
 }
+.footer-about__text{
+    padding-top: 35px;
+    display: block;
+    text-align: left;
+}
 .footer__list{
     margin-top: 20px;
 }
@@ -78,7 +146,70 @@
     margin-top: 32px;
     margin-left: 0;
 }
+.toggle__table--three .toggle-table__block:nth-child(1){
+    width: 31%;
+}
 /* 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) {
@@ -100,6 +231,15 @@
 .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 */
@@ -107,4 +247,90 @@
 .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;
+    }
+}
+

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;
+}
+}

assets/css/gp-style-tablet.css

@@ -1,6 +1,9 @@
 /* Стили для планшетов  */
 @media only screen and (max-width: 1200px) {
 /* header */
+main{
+    padding-top: 64px;
+}
 .main-menu{
     display: none;
 }
@@ -12,7 +15,7 @@
 }
 .header__logo{
     width: 136px;
-    height: 24px;
+    height: 29px;
 }
 .header__content{
     height: auto;
@@ -36,21 +39,180 @@
 .header__menu-block{
     top: 56px;
 }
+.header__content::after{
+    left: 0;
+    right: 0;
+    width: 100%;
+}
 /* header */
 
 /* footer */
 .footer{
     margin-top: 0;
-}
+
-.footer__about{
+    padding: 24px 16px;
-    justify-content: center;
-}
-.footer-about__text{
-    display: none;
 }
 /* footer */
 
+/* breadcrumbs */
+.breadcrumbs{
+    display: none;
+}
+/* breadcrumbs */
 
+/* product */
+.product{
+    padding: 12px;
+    padding-top: 20px;
+}
+.product__title{
+    font-weight: 700;
+    font-size: 26px;
+    line-height: 123%;
+    text-transform: uppercase;
+}
+.to-know p {
+    font-size: 18px;
+}
+.toggle-table__title{
+    font-weight: 700;
+    font-size: 12px;
+    line-height: 133%;
+}
+.toggle-table__item p{
+    font-weight: 500;
+    font-size: 12px;
+    line-height: 133%;
+}
+.toggle-table-item__line{
+    margin-top: 12px;
+}
+.detail{
+    margin: 24px 16px;
+}
+.back-detail{
+    display: inline;
+}
+.detail-catalot__title{
+    font-size: 22px;
+}
+.product__footer--error{
+    margin: 48px 0px 24px;
+}
+/* product */
+
+/* modal */
+.modal{
+    padding: 0;
+}
+.modal__text{
+    padding-right: 0;
+}
+.form__button-pc{
+    display: none;
+}
+.form__button-mobile{
+    display: block;
+}
+.modal-form{
+    /* min-height: 100%;
+    width: 100%;
+
+    border-radius: 0;
+    border: none; */
+}
+.modal__notification{
+    margin: 24px;
+}
+.form-input-phone__list{
+    left: 0;
+}
+
+.modal-form-content__line--two{
+    flex-wrap: wrap;
+}
+.modal-form-content__line--two .modal-form-content-line__element{
+    margin-top: 24px;
+
+    width: 100%;
+}
+.modal-form-content__line--two .modal-form-content-line__element:first-child{
+    margin-top: 0;
+}
+.modal-map{
+    width: 100%;
+
+    flex-direction: column;
+
+    border-radius: 0;
+}
+.modal-map__left, .modal-map__right{
+    width: 100%;
+}
+.modal-map__map iframe {
+    width: 100%;
+    height: 528px;
+}
+.modal-map-form__button{
+    display: none;
+}
+.modal-map-form__sub-button{
+    margin-top: 64px;
+
+    padding: 0 24px;
+
+    display: flex;
+  }
+/* modal */
+
+/* cabinet */
+.cabinet{
+    flex-direction: column;
+
+    position: relative;
+}
+.cabinet__control{
+    display: flex;
+
+    position: relative;
+}
+.cabinet__orders, .cabinet__profile{
+    width: calc(100% - 48px);
+}
+.cabinet__orders, .cabinet__profile{
+    position: absolute;
+    opacity: 0;
+
+    transition: opacity .2s ease-out;
+}
+.cabinet-content{
+    pointer-events:none;
+}
+.cabinet__orders.active, .cabinet__profile.active{
+    opacity: 1;
+}
+.cabinet__orders.hide, .cabinet__profile.hide{
+    position: static;
+    display: block;
+    pointer-events:auto;
+
+    width: 100%;
+}
+.cabinet__subscription-pc{
+    display: none;
+}
+.cabinet__subscription-mobile{
+  display: block;
+
+  margin: 24px 24px 0 24px;
+}
+.cabinet__orders .cabinet-card:nth-child(2){
+    margin-top: 0;
+  }
+  .cabinet__orders--no-cab .cabinet-card:nth-child(2){
+    margin-top: 32px;
+  }
+/* cabinet */
 }
 
 @media only screen and (max-width: 980px) {
@@ -158,4 +320,29 @@
     height: auto;
 }
 /* detail */
+}
+
+@media only screen and (max-width: 750px) {
+/* cabinet */
+.cabinet-card-order__open-detail{
+    margin-top: 144px;
+}
+.cabinet-card-order__detail-short{
+    right: auto;
+    left: 0;
+    bottom: 48px;
+}
+.cabinet-card-order-detail-short__item{
+    margin-left: -27px;
+}
+.cabinet-card-order-detail-short__item:first-child{
+    margin-left: 0;
+}
+.cabinet-card__order.active .cabinet-card-order__open-detail{
+    margin-top: 24px;
+}
+.cabinet-card-order__link{
+    margin-top: 144px;
+}
+/* cabinet */
 }

assets/img/svg/country/ar.svg

@@ -0,0 +1,13 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_230_9775)">
+<path d="M0 0H16V5.33437H0V0Z" fill="#D90012"/>
+<path d="M0 5.33447H16V10.6657H0V5.33447Z" fill="#0033A0"/>
+<path d="M0 10.6655H16V15.9999H0V10.6655Z" fill="#F2A800"/>
+</g>
+<rect x="0.1" y="0.1" width="15.8" height="15.8" stroke="#999999" stroke-width="0.2"/>
+<defs>
+<clipPath id="clip0_230_9775">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>

assets/img/svg/country/ru.svg

@@ -0,0 +1,13 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_230_9627)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H16V16H0V0Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 5.33447H16V16.0001H0V5.33447Z" fill="#0039A6"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 10.6655H16V15.9999H0V10.6655Z" fill="#D52B1E"/>
+</g>
+<rect x="0.1" y="0.1" width="15.8" height="15.8" stroke="#999999" stroke-width="0.2"/>
+<defs>
+<clipPath id="clip0_230_9627">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>

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>

assets/img/svg/main/arrow-breadcrumbs-black.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.94673 2.74797C9.26993 2.62677 9.63019 2.79052 9.75139 3.11373L12.2514 9.78039C12.3045 9.92188 12.3045 10.0778 12.2514 10.2193L9.75139 16.886C9.63019 17.2092 9.26993 17.3729 8.94673 17.2517C8.62353 17.1305 8.45978 16.7703 8.58098 16.4471L10.9987 9.99984L8.58098 3.55263C8.45978 3.22943 8.62353 2.86917 8.94673 2.74797Z" fill="#333333"/>
+</svg>

assets/img/svg/main/arrow-right-input.svg

@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14 8.24268H3" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14 8.24268L9.75736 12.4853" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14 8.24268L9.75736 4.00003" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

assets/img/svg/main/change-dot.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.2929 5.70711C11.1054 5.51957 11 5.26522 11 5C11 4.73478 11.1054 4.48043 11.2929 4.29289C11.4804 4.10536 11.7348 4 12 4C12.2652 4 12.5196 4.10536 12.7071 4.29289C12.8946 4.48043 13 4.73478 13 5C13 5.26522 12.8946 5.51957 12.7071 5.70711C12.5196 5.89464 12.2652 6 12 6C11.7348 6 11.4804 5.89464 11.2929 5.70711ZM11 12C11 12.2652 11.1054 12.5196 11.2929 12.7071C11.4804 12.8946 11.7348 13 12 13C12.2652 13 12.5196 12.8946 12.7071 12.7071C12.8946 12.5196 13 12.2652 13 12C13 11.7348 12.8946 11.4804 12.7071 11.2929C12.5196 11.1054 12.2652 11 12 11C11.7348 11 11.4804 11.1054 11.2929 11.2929C11.1054 11.4804 11 11.7348 11 12ZM11 19C11 19.2652 11.1054 19.5196 11.2929 19.7071C11.4804 19.8946 11.7348 20 12 20C12.2652 20 12.5196 19.8946 12.7071 19.7071C12.8946 19.5196 13 19.2652 13 19C13 18.7348 12.8946 18.4804 12.7071 18.2929C12.5196 18.1054 12.2652 18 12 18C11.7348 18 11.4804 18.1054 11.2929 18.2929C11.1054 18.4804 11 18.7348 11 19Z" fill="#121212"/>
+</svg>

assets/img/svg/main/google-white.svg

@@ -0,0 +1,6 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.7875 10.2271C19.7875 9.51801 19.7239 8.83619 19.6057 8.18164H10.1875V12.0498H15.5693C15.3375 13.2998 14.633 14.3589 13.5739 15.068V17.5771H16.8057C18.6966 15.8362 19.7875 13.2726 19.7875 10.2271Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.1864 20.0004C12.8864 20.0004 15.15 19.105 16.8046 17.5777L13.5728 15.0686C12.6773 15.6686 11.5318 16.0231 10.1864 16.0231C7.58183 16.0231 5.37728 14.264 4.59092 11.9004H1.25V14.4913C2.89546 17.7595 6.27728 20.0004 10.1864 20.0004Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.59205 11.8997C4.39205 11.2997 4.27842 10.6588 4.27842 9.99971C4.27842 9.34062 4.39205 8.6997 4.59205 8.0997V5.50879H1.25114C0.573864 6.85879 0.1875 8.38607 0.1875 9.99971C0.1875 11.6133 0.573864 13.1406 1.25114 14.4906L4.59205 11.8997Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.1864 3.97728C11.6546 3.97728 12.9728 4.48183 14.0091 5.47274L16.8773 2.60455C15.1455 0.990911 12.8818 0 10.1864 0C6.27728 0 2.89546 2.24091 1.25 5.5091L4.59092 8.10002C5.37728 5.73638 7.58183 3.97728 10.1864 3.97728Z" fill="white"/>
+</svg>

assets/img/svg/main/plus-grey.svg

@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_178_5112)">
+<path d="M12 5V19" stroke="#666666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5 12H19" stroke="#666666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_178_5112">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

assets/img/svg/main/question.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.00005 1.2498C4.27213 1.2498 1.25005 4.27188 1.25005 7.9998C1.25005 11.7277 4.27213 14.7498 8.00005 14.7498C11.728 14.7498 14.75 11.7277 14.75 7.9998C14.75 4.27188 11.728 1.2498 8.00005 1.2498ZM0.0500488 7.9998C0.0500488 3.60914 3.60939 0.0498047 8.00005 0.0498047C12.3907 0.0498047 15.9501 3.60914 15.9501 7.9998C15.9501 12.3905 12.3907 15.9498 8.00005 15.9498C3.60938 15.9498 0.0500488 12.3905 0.0500488 7.9998ZM8.75664 11.8914C8.75664 12.3056 8.42085 12.6414 8.00664 12.6414C7.59243 12.6414 7.25664 12.3056 7.25664 11.8914C7.25664 11.4772 7.59243 11.1414 8.00664 11.1414C8.42085 11.1414 8.75664 11.4772 8.75664 11.8914ZM6.35884 6.22749C6.35879 5.76088 6.51651 5.31995 6.80394 5.00253C7.08243 4.69497 7.51419 4.46749 8.14659 4.46748C9.28878 4.46747 10.0031 5.57665 9.44696 6.64451C9.21979 7.08066 8.93274 7.37811 8.60211 7.7207L8.60206 7.72075C8.49777 7.82881 8.38915 7.94137 8.27671 8.06418C7.82078 8.56216 7.37999 9.17405 7.37999 10.1425C7.37999 10.4738 7.64862 10.7425 7.97999 10.7425C8.31136 10.7425 8.57999 10.4738 8.57999 10.1425C8.57999 9.61088 8.79169 9.27875 9.16178 8.87452C9.23347 8.79622 9.31482 8.71242 9.40228 8.62233C9.75046 8.26368 10.1953 7.80545 10.5113 7.19883C11.4927 5.31454 10.1697 3.26746 8.14658 3.26748C7.19634 3.26749 6.43417 3.62308 5.91442 4.19707C5.4036 4.7612 5.15877 5.5003 5.15884 6.22761C5.15887 6.55898 5.42753 6.82758 5.7589 6.82755C6.09027 6.82752 6.35887 6.55886 6.35884 6.22749Z" fill="#121212"/>
+</svg>

assets/img/svg/main/status-cancelled.svg

@@ -0,0 +1,3 @@
+<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 1.5C7.64641 1.5 6.80117 1.66813 6.01256 1.99478C5.22394 2.32144 4.50739 2.80023 3.90381 3.40381C3.30023 4.00739 2.82144 4.72394 2.49478 5.51256C2.16813 6.30117 2 7.14641 2 8C2 8.85359 2.16813 9.69883 2.49478 10.4874C2.82144 11.2761 3.30023 11.9926 3.90381 12.5962C4.50739 13.1998 5.22394 13.6786 6.01256 14.0052C6.80117 14.3319 7.64641 14.5 8.5 14.5C9.35359 14.5 10.1988 14.3319 10.9874 14.0052C11.7761 13.6786 12.4926 13.1998 13.0962 12.5962C13.6998 11.9926 14.1786 11.2761 14.5052 10.4874C14.8319 9.69883 15 8.85359 15 8C15 7.14641 14.8319 6.30117 14.5052 5.51256C14.1786 4.72394 13.6998 4.00739 13.0962 3.40381C12.4926 2.80023 11.7761 2.32144 10.9874 1.99478C10.1988 1.66813 9.35359 1.5 8.5 1.5ZM6.39524 2.91866C7.06253 2.64226 7.77773 2.5 8.5 2.5C9.22227 2.5 9.93747 2.64226 10.6048 2.91866C11.272 3.19506 11.8784 3.60019 12.3891 4.11091C12.8998 4.62164 13.3049 5.22795 13.5813 5.89524C13.8577 6.56253 14 7.27773 14 8C14 8.72227 13.8577 9.43747 13.5813 10.1048C13.3049 10.772 12.8998 11.3784 12.3891 11.8891C11.8784 12.3998 11.272 12.8049 10.6048 13.0813C9.93747 13.3577 9.22227 13.5 8.5 13.5C7.77773 13.5 7.06253 13.3577 6.39524 13.0813C5.72795 12.8049 5.12164 12.3998 4.61091 11.8891C4.10019 11.3784 3.69506 10.772 3.41866 10.1048C3.14226 9.43747 3 8.72227 3 8C3 7.27773 3.14226 6.56253 3.41866 5.89524C3.69506 5.22795 4.10019 4.62163 4.61091 4.11091C5.12163 3.60019 5.72795 3.19506 6.39524 2.91866ZM7.52022 6.31311C7.32496 6.11785 7.00838 6.11785 6.81311 6.31311C6.61785 6.50838 6.61785 6.82496 6.81311 7.02022L7.79289 8L6.81311 8.97978C6.61785 9.17504 6.61785 9.49162 6.81311 9.68689C7.00838 9.88215 7.32496 9.88215 7.52022 9.68689L8.5 8.70711L9.47978 9.68689C9.67504 9.88215 9.99162 9.88215 10.1869 9.68689C10.3821 9.49162 10.3821 9.17504 10.1869 8.97978L9.20711 8L10.1869 7.02022C10.3821 6.82496 10.3821 6.50838 10.1869 6.31311C9.99162 6.11785 9.67504 6.11785 9.47978 6.31311L8.5 7.29289L7.52022 6.31311Z" fill="#F60909"/>
+</svg>

assets/img/svg/main/status-chek.svg

@@ -0,0 +1,3 @@
+<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 1.5C7.64641 1.5 6.80117 1.66813 6.01256 1.99478C5.22394 2.32144 4.50739 2.80023 3.90381 3.40381C3.30023 4.00739 2.82144 4.72394 2.49478 5.51256C2.16813 6.30117 2 7.14641 2 8C2 8.85359 2.16813 9.69883 2.49478 10.4874C2.82144 11.2761 3.30023 11.9926 3.90381 12.5962C4.50739 13.1998 5.22394 13.6786 6.01256 14.0052C6.80117 14.3319 7.64641 14.5 8.5 14.5C9.35359 14.5 10.1988 14.3319 10.9874 14.0052C11.7761 13.6786 12.4926 13.1998 13.0962 12.5962C13.6998 11.9926 14.1786 11.2761 14.5052 10.4874C14.8319 9.69883 15 8.85359 15 8C15 7.14641 14.8319 6.30117 14.5052 5.51256C14.1786 4.72394 13.6998 4.00739 13.0962 3.40381C12.4926 2.80023 11.7761 2.32144 10.9874 1.99478C10.1988 1.66813 9.35359 1.5 8.5 1.5ZM6.39524 2.91866C7.06253 2.64226 7.77773 2.5 8.5 2.5C9.22227 2.5 9.93747 2.64226 10.6048 2.91866C11.272 3.19506 11.8784 3.60019 12.3891 4.11091C12.8998 4.62164 13.3049 5.22795 13.5813 5.89524C13.8577 6.56253 14 7.27773 14 8C14 8.72227 13.8577 9.43747 13.5813 10.1048C13.3049 10.772 12.8998 11.3784 12.3891 11.8891C11.8784 12.3998 11.272 12.8049 10.6048 13.0813C9.93747 13.3577 9.22227 13.5 8.5 13.5C7.77773 13.5 7.06253 13.3577 6.39524 13.0813C5.72795 12.8049 5.12164 12.3998 4.61091 11.8891C4.10019 11.3784 3.69506 10.772 3.41866 10.1048C3.14226 9.43747 3 8.72227 3 8C3 7.27773 3.14226 6.56253 3.41866 5.89524C3.69506 5.22795 4.10019 4.62163 4.61091 4.11091C5.12163 3.60019 5.72795 3.19506 6.39524 2.91866ZM10.8536 7.02022C11.0488 6.82496 11.0488 6.50838 10.8536 6.31311C10.6583 6.11785 10.3417 6.11785 10.1464 6.31311L7.83333 8.62623L6.85355 7.64645C6.65829 7.45118 6.34171 7.45118 6.14645 7.64645C5.95118 7.84171 5.95118 8.15829 6.14645 8.35355L7.47978 9.68689C7.67504 9.88215 7.99162 9.88215 8.18689 9.68689L10.8536 7.02022Z" fill="#2ED15D"/>
+</svg>

assets/img/svg/main/triangle-grey.svg

@@ -0,0 +1,3 @@
+<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.75 5.25L1.25 2.75L6.25 2.75L3.75 5.25Z" fill="#999999"/>
+</svg>

assets/img/svg/main/vk-white.svg

@@ -0,0 +1,3 @@
+<svg width="22" height="14" viewBox="0 0 22 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.9825 14C4.46596 14 0.178638 8.74474 0 0H3.76515C3.88882 6.41842 6.66459 9.13714 8.86321 9.6977V0H12.4085V5.53553C14.5796 5.2973 16.8607 2.77477 17.6302 0H21.1755C20.8855 1.43908 20.3075 2.80165 19.4776 4.0025C18.6477 5.20335 17.5837 6.21663 16.3523 6.97898C17.7269 7.67555 18.941 8.6615 19.9145 9.87175C20.888 11.082 21.5988 12.489 22 14H18.0974C17.7373 12.6876 17.0054 11.5128 15.9934 10.6228C14.9814 9.73284 13.7343 9.16727 12.4085 8.997V14H11.9825Z" fill="white"/>
+</svg>

assets/img/svg/main/white-x.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.62404 2.77566C3.38807 2.54301 3.00683 2.54436 2.77252 2.77867C2.53821 3.01299 2.53954 3.39154 2.77551 3.62419L6.90259 7.6933L2.77551 11.7624C2.53954 11.9951 2.53821 12.3736 2.77252 12.6079C3.00684 12.8422 3.38807 12.8436 3.62404 12.6109L7.75716 8.53587L11.8903 12.6109C12.1262 12.8436 12.5075 12.8422 12.7418 12.6079C12.9761 12.3736 12.9748 11.995 12.7388 11.7624L8.61173 7.6933L12.7388 3.62421C12.9748 3.39156 12.9761 3.01301 12.7418 2.77869C12.5075 2.54438 12.1262 2.54303 11.8903 2.77568L7.75716 6.85073L3.62404 2.77566Z" fill="white"/>
+</svg>

assets/img/svg/main/ya-white.svg

@@ -0,0 +1,3 @@
+<svg width="14" height="20" viewBox="0 0 14 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.1991 2.77628H8.65909C5.83576 2.77628 4.35076 4.20628 4.35076 6.31461C4.35076 8.69794 5.37742 9.81461 7.48576 11.2463L9.22742 12.4196L4.22242 19.8979H0.482422L4.97409 13.2079C2.39076 11.3563 0.940755 9.55794 0.940755 6.51628C0.940755 2.70294 3.59909 0.0996094 8.64076 0.0996094H13.6458V19.8796H10.1991V2.77628Z" fill="white"/>
+</svg>

assets/js/gp-cabinet.js

@@ -0,0 +1,67 @@
+'use strict';
+
+import * as fun from './_gp-function.js';
+
+let widthPhoneCabinet = 1200;
+
+fun.toggleOpenX('.cabinet-card__order', '.cabinet-card-order__open-detail', '.cabinet-card-order__detail', '.cabinet-card-order__block-detail');
+fun.modalFormOpen('.form-open');
+
+fun.closeModalForm('.modal-form__close');
+fun.closeModalForm('.modal-form__button-close');
+
+controlCabinet('.cabinet-control__button', '.cabinet', widthPhoneCabinet);
+
+function controlCabinet(buttons, main, minWidth){
+    let thisWidth = window.innerWidth;
+    let thisMain = document.querySelector(main);
+
+    let thisButtons = document.querySelectorAll(buttons);
+
+    thisButtons.forEach(e => {
+        e.onclick = function (element){
+            let thisContent = document.querySelector(`.cabinet__${e.dataset.cabinet}`);
+            let newHeight = thisContent.clientHeight + 48;
+            let thisButton = element.target;
+
+            thisMain.style.height = `${newHeight}px`
+
+            if (!thisContent.classList.contains('active')) {
+                thisMain.querySelector('.active').classList.remove('active');
+                thisContent.classList.add('active');
+
+                setTimeout(() => {
+                    thisMain.style.height = 'auto';
+
+                    if (thisMain.querySelector('.hide')) {
+                        thisMain.querySelector('.hide').classList.remove('hide');
+                    }
+
+                    thisMain.querySelector('.active').classList.add('hide');
+                }, 200);
+            }
+
+            thisButtons.forEach(e => {
+                e.classList.remove('active');
+            })
+            thisButton.classList.add('active');
+        }
+    })
+
+}
+
+let modal = document.querySelector('.modal');
+modal.onclick = function (eventModal) {
+    let thisTarget = eventModal.target;
+
+    if (thisTarget.classList.contains('modal')) {
+        thisTarget.classList.remove('active');
+
+        if (!thisTarget.querySelector('.modal-map.active')) {
+            thisTarget.querySelector('.modal-form.active').classList.remove('active');
+        }else{
+            thisTarget.querySelector('.modal-map.active').classList.remove('active');
+        }
+    }
+}
+

assets/js/gp-form.js

@@ -0,0 +1,286 @@
+'use strict';
+
+
+inputPhone('.form-input__phone', '.form-input-phone__icon', '.form-input-phone__code', '.form-input-phone__input', '.form-input-phone__list', 'form-input-phone-list__item', '.form-input-phone-list-item__icon', '.form-input-phone-list-item__code', 'form-input-phone-list__search');
+
+function inputPhone(main, mainFlag, mainCode, input, list, selects, selectIcon, selectCode, searchInput) {
+    let inputs = document.querySelectorAll(main);
+
+    inputs.forEach(e => {
+        let thisMainFlag = e.querySelector(mainFlag), 
+            thisMainCode  = e.querySelector(mainCode),
+            thisInput  = e.querySelector(input),
+            thisList  = e.querySelector(list),
+            thisSelects  = e.querySelectorAll(`.${selects}`),
+            thisSearchInput = e.querySelector(`.${searchInput}`);
+
+        thisInput.onblur = function (input) {
+            if (!(input.relatedTarget != null && (input.relatedTarget.classList.contains(searchInput) || input.relatedTarget.classList.contains(selects)))) {
+                thisList.classList.remove('active');                 
+            }
+        }
+
+        e.onclick = function (event) {
+            if (!event.target.classList.contains(searchInput)) {
+                if (thisList.classList.contains('active')) {
+                    thisList.classList.remove('active');
+                }
+
+                thisInput.focus();
+                thisList.classList.add('active');
+            }
+        }
+
+        thisSelects.forEach(e => {
+            let newIcon = e.querySelector(selectIcon),
+                newCode = e.querySelector(selectCode);
+
+            e.onclick = function (event) {
+                event.preventDefault();
+                thisMainFlag.style.cssText = `background-image:url("${newIcon.src}");`;
+                thisMainCode.textContent = newCode.textContent;
+                
+
+                setTimeout(() => {
+                    thisList.classList.remove('active');
+                }, 0);
+            }
+            
+        })
+    })
+}
+
+if (document.querySelector('.form-input-phone__input')) {
+    checkPhone('.form-input-phone__input');
+}
+
+function checkPhone(input) {
+    document.querySelector(input).addEventListener('input', function(event) {
+        let text = event.target.value;
+        let length = text.length;
+        let newSymbol = event.data;
+
+        if (!(/^\d+$/.test(text.replaceAll(' ', '')))) {
+            event.target.value = text.slice(0, -1);
+            return;
+        }
+
+        if (length == 4 || length == 8) {
+            if (newSymbol != null) {
+                event.target.value = text.slice(0, -1) + ' ' + newSymbol;
+            }
+        }
+    })
+}
+
+inputTabs('.form-input__tabs', '.form-input-tabs__button');
+inputTabs('.modal-map__control', '.modal-map-control__item');
+
+function inputTabs(main, button) {
+    let mains = document.querySelectorAll(main);
+
+    mains.forEach(main => {
+        let buttons = main.querySelectorAll(button);
+
+        buttons.forEach(button => {
+            button.onclick = function () {
+                if (button.classList.contains('active')) {
+                    return ;
+                }
+
+                main.querySelector('.active').classList.remove('active');
+
+                button.classList.add('active');
+
+                if (button.querySelector('input')){
+                    button.querySelector('input').click();
+                } 
+            }
+        })
+        
+    })
+}
+
+
+inputRadio('.form-input__radio', '.form-input-radio__item', '.form-input-radio__title', '.form-input-radio__input')
+
+function inputRadio(main ,item, textClass, input) {
+    let inputRadios = document.querySelectorAll(main);
+
+    inputRadios.forEach(inputRadio => {
+        let items = inputRadio.querySelectorAll(item),
+            thisInput = inputRadio.querySelector(input);
+
+        items.forEach(radio => {
+            let thisText = radio.querySelector(textClass).textContent;
+
+            radio.onclick = function (event) {
+                event.preventDefault();
+
+                if (inputRadio.querySelector(`${item}.active`)) {
+                    inputRadio.querySelector(`${item}.active`).classList.remove('active');
+                }
+                thisInput.value = thisText;
+                radio.classList.add('active');
+            }
+        })
+    })
+}
+
+listInputRadio('.form-input__list' ,'.form-input-list__item', '.form-input-list-item__text', '.form-input-list__input', '.form-input-list__content', '.form-input-list__block-content');
+
+function listInputRadio(main ,item, textClass, input, content, block) {
+    let listInputRadios = document.querySelectorAll(main);
+
+    listInputRadios.forEach(listInputRadio => {
+        let thisInput = listInputRadio.querySelector(input),
+            items = listInputRadio.querySelectorAll(item),
+            thisContent = listInputRadio.querySelector(content),
+            thisBlock = listInputRadio.querySelector(block);
+
+        thisInput.onclick = function () {
+            thisBlock.classList.add('active');
+            thisBlock.style.height = '192px';
+        }
+
+
+        thisInput.onblur = function(){
+            thisBlock.classList.remove('active');
+            thisBlock.style.height = '0px';
+        };
+
+        items.forEach(item => {
+            item.onclick = function (event) {
+                event.preventDefault();
+                let newText = item.querySelector(textClass).textContent;
+
+                thisInput.value = newText;
+                
+                if (thisContent.querySelector('.active')) {
+                    thisContent.querySelector('.active').classList.remove('active');
+                }
+
+                item.classList.add('active');
+            }
+        })
+    })
+}
+
+remoteControl('.form-input__remote-control', '.form-input-tabs__button');
+remoteControl('.modal-map__control', '.modal-map-control__item');
+
+function remoteControl(main, button) {
+    let mains = document.querySelectorAll(main);
+
+    mains.forEach(main => {
+        let subjectClass = main.dataset.content,
+            subject  = document.querySelector(`.${subjectClass}`),
+            buttons = Array.from(main.querySelectorAll(button));
+
+        main.addEventListener('click', function (eventMain) {
+            setTimeout(() => {
+                let indexActive = buttons.findIndex((button, index) => {
+                    if (button.classList.contains('active')) {
+                        return true;
+                    }
+                });
+                if(subject.children[indexActive].classList.contains('active')){
+                    return ;
+                }
+                
+                subject.querySelector('.remote-control__item.active').classList.remove('active');
+                subject.children[indexActive].classList.add('active');
+
+                let mandatorys = subject.querySelectorAll('.mandatory');
+
+                mandatorys.forEach(mandatory => {
+                    if (mandatory.required) {
+                        mandatory.required = false;
+                    }else{
+                        mandatory.required = true;
+                    }
+                })
+            }, 0);
+        })
+    })
+}
+
+formCheck('.modal-form__content', 'input[type=submit]');
+formCheck('.modal-map__form', 'input[type=submit]');
+
+function formCheck(form, submit) {
+    let forms = document.querySelectorAll(form);
+
+    forms.forEach(form => {
+        let thisSubmit = form.querySelector(submit);
+
+        thisSubmit.onclick = function () {
+            form.classList.add('check')
+        }
+        
+    })
+}
+
+inputPhoneNoFlag('.no-flag');
+
+function inputPhoneNoFlag(input){
+    let inputs = document.querySelectorAll(input);
+
+    inputs.forEach(input => {
+        let code = '+' + input.dataset.code;
+        
+        input.onfocus = function () {
+            if (input.value == '') {
+                input.value = code;
+            }
+        }
+
+        input.addEventListener('input', function(event) {
+            let text = event.target.value;
+            let length = text.length;
+            let newSymbol = event.data;
+
+            if (isNaN(event.data) || event.data == ' ') {
+                event.target.value = text.slice(0, -1);
+                return;
+            }
+
+            if (length == 3 || length == 7 || length == 11) {
+                if (newSymbol != null) {
+                    event.target.value = text.slice(0, -1) + ' ' + newSymbol;
+                }
+            }
+            
+        })
+    })
+}
+
+
+inputCheck('.form-agreement__check');
+
+function inputCheck(className) {
+    let checks = document.querySelectorAll(className);
+
+    checks.forEach(check => {
+        let square = check.querySelector('.form-agreement__square'),
+            input = check.querySelector('input');
+
+        square.onclick = function () {
+            input.click();   
+        }
+    })
+}
+
+
+inputRead('.input-read');
+function inputRead(className) {
+    let inputs = document.querySelectorAll(className);
+
+    inputs.forEach(input => {
+        input.addEventListener("input", function (event) {
+            let text = event.target.value;
+
+            event.target.value = text.slice(0, -1);            
+        })
+    })
+}

assets/js/gp-function.js

@@ -0,0 +1,156 @@
+'use strict';
+
+// function
+export 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)';
+                }
+            }, 10);
+        }
+    })
+}
+
+export 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);
+        }
+    })
+}
+
+export 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');
+            }
+        }
+    })
+}
+
+export 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');
+            }
+        }
+        
+    });
+}
+
+export 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);
+                }
+            }
+        }
+    }
+}
+
+export 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

assets/js/gp-main.js

@@ -2,15 +2,35 @@
 
 // header
 toggleOpenX('.lang', '.lang__open', '.lang__list', '.lang__content', false);
-singleToggleOpenX('#pc-menu','.header__menu-block','.header__pc-menu');
+toggleHeader('#pc-menu','.header__menu-block','.header__pc-menu', '.white', 'white');
-singleToggleOpenX('#phone-menu','.header__menu-block','.header__phone-menu');
+toggleHeader('#phone-menu','.header__menu-block','.header__phone-menu', '.white', 'white');
 // header 
 
-// media
+// modal
 modalOpen('.button--filter', '.modal__filter');
 modalOpen('.basket-open', '.modal__basket');
+modalOpen('.open-to-know', '.modal__to-know');
 modalClose('.modal__close');
-// media
+
+let modal = document.querySelector('.modal');
+
+modal.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);
@@ -79,9 +99,10 @@ toggleOpenX('.select', '.select__state' , '.state__content', '.state__block', tr
 
 let selects = document.querySelectorAll('.select');
 
-selects.forEach(e => {
+selects.forEach(select => {
-    let state = e.querySelector('.select__state'),
+    let state = select.querySelector('.select__state'),
-        buttons = e.querySelectorAll('.state__button');
+        content = select.querySelector('.state__block'),
+        buttons = select.querySelectorAll('.state__button');
         
     buttons.forEach(e => {
         let button = e;
@@ -99,6 +120,8 @@ selects.forEach(e => {
             state.value = text;
 
             button.classList.add('active');
+            content.style.height = 0;
+            select.classList.remove('active');
         }        
     })
 })
@@ -245,9 +268,10 @@ function toggleOpenX(mainElement, buttonElement ,heightElement, contentElement,
     });
 }
 
-function singleToggleOpenX(button, content, blockheight) {
+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 () {
@@ -256,67 +280,69 @@ function singleToggleOpenX(button, content, blockheight) {
         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
-function createGalleryPhone(swiper, wrapper, slide, width) {
-    if (window.screen.width <= width) {
-        let thisSwiper = document.querySelector(swiper),
-            thisWrapper = document.querySelector(wrapper),
-            thisSlides = document.querySelectorAll(slide);
-
-        
-        
-        thisSwiper.classList.add('swiper');
-        thisWrapper.classList.add('swiper-wrapper'); 
-        thisSlides.forEach(e => {
-            e.classList.add('swiper-slide'); 
-        })
-
-        const t = new Swiper('.detail__images', {
-            spaceBetween: 100,
-          
-            pagination: {
-              el: '.swiper-pagination',
-            },
-          
-            navigation: {
-              nextEl: '.swiper-button-next',
-              prevEl: '.swiper-button-prev',
-            },
-          
-            scrollbar: {
-              el: '.swiper-scrollbar',
-            },
-        });
-         
-    }
-}
-
 
 // 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');
+
+    // if (width <= 720) {
+        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;
+
+                    aside.style.width = `${newWidth}px`
+                }
+            }
+        })
+    // }
 });
 // resize
 
 // scroll
-window.addEventListener("scroll", function (e) {
+
-    let header = document.querySelector('.header');
+
-    let scroll = window.scrollY;
+if (document.querySelector('.header').classList.contains('white')) {
-    
+    window.addEventListener("scroll", function (e) {
-    if (scroll >= 75) {
+        let header = document.querySelector('.header');
-        header.classList.remove('white')
+        let scroll = window.scrollY;
-    }else{
+        
-        header.classList.add('white')
+        if (scroll >= 25) {
-    }
+            header.classList.remove('white')
-    
+        }else{
-});
+            header.classList.add('white')
+        }
+        
+    });
+}
 // scroll

assets/js/gp-product.js

@@ -97,10 +97,10 @@ const detailCatalot = new Swiper('.detail__catalot', {
             slidesPerView: 3,
         },
         780: {
-            slidesPerView: 2.2,
+            slidesPerView: 2,
         },
         100: {
-            slidesPerView: 1.3,
+            slidesPerView: 1.1,
             spaceBetween: 20
         },
     }

assets/js/tabs.js

@@ -0,0 +1,67 @@
+const rootSelectorTabs = '[data-js-tabs]';
+
+class Tabs{
+    // элементы для поиска
+    selectors = {
+        root: rootSelectorTabs,
+        button: '[data-js-tabs-button]',
+        content: '[data-js-tabs-content]',
+    }
+    // класс отображения состояния
+    stateClasses = {
+        isActive: 'active',
+    }
+
+    constructor(rootElement){
+        this.rootElement = rootElement;
+        this.buttonElements = this.rootElement.querySelectorAll(this.selectors.button);
+        this.contentElements = this.rootElement.querySelectorAll(this.selectors.content);
+        this.state = {
+            activeMenuIndex: [...this.buttonElements]
+                .findIndex((buttonElement) => buttonElement.classList.contains(this.stateClasses.isActive)),
+        };
+        this.limitTabsIndex = this.buttonElements.length - 1;
+        this.bindEvents();
+    }
+
+    updateUI(){
+        const { activeMenuIndex } = this.state;
+
+        this.buttonElements.forEach((buttonElement, index) => {
+            const isActive = index === activeMenuIndex;
+
+            buttonElement.classList.toggle(this.stateClasses.isActive, isActive);
+        })
+
+        this.contentElements.forEach((contentElement, index) => {
+            const isActive = index === activeMenuIndex;
+
+            contentElement.classList.toggle(this.stateClasses.isActive, isActive);
+        })
+    }
+
+    onButtonClick(buttonIndex){
+        this.state.activeMenuIndex = buttonIndex;
+        this.updateUI();
+    }
+
+    bindEvents(){
+        this.buttonElements.forEach((buttonElement, index) => {
+            buttonElement.addEventListener('click', () => this.onButtonClick(index))
+        })
+    }
+}
+
+class TabsCollection {
+    constructor(){
+        this.init();
+    }
+
+    init(){
+        document.querySelectorAll(rootSelectorTabs).forEach((element) => {
+            new Tabs(element);
+        });
+    }
+}
+
+export default TabsCollection;

assets/js/toggle.js

@@ -0,0 +1,89 @@
+const rootSelectorToggles = '[data-js-toggle]';
+
+class Toggle{
+    // элементы для поиска
+    selectors = {
+        root: rootSelectorToggles,
+        button: '[data-js-toggle-button]',
+        wrapper: '[data-js-toggle-wrapper]',
+        content: '[data-js-toggle-content]',
+    }
+    // класс отображения состояния
+    stateClasses = {
+        isActive: 'active',
+    }
+
+    constructor(rootElement){
+        this.rootElement = rootElement;
+        this.buttonElements = this.rootElement.querySelectorAll(this.selectors.button);
+        this.wrapperElements = this.rootElement.querySelectorAll(this.selectors.wrapper);
+        this.contentElements = this.rootElement.querySelectorAll(this.selectors.content);
+        this.state = {
+            activeToggleIndex: [...this.buttonElements]
+                .findIndex((buttonElement) => buttonElement.classList.contains(this.stateClasses.isActive)),
+        };
+        this.bindEvents();
+    }
+
+    updateUI(newHeight){
+        const { activeToggleIndex } = this.state;
+
+        this.buttonElements.forEach((buttonElement, index) => {
+            const isActive = index === activeToggleIndex;
+
+            buttonElement.classList.toggle(this.stateClasses.isActive, isActive);
+        })
+
+        this.wrapperElements.forEach((wrapperElement, index) => {
+            const isActive = index === activeToggleIndex,
+                  newHeight = this.contentElements[index].offsetHeight;
+
+            wrapperElement.classList.toggle(this.stateClasses.isActive, isActive);
+
+            if (isActive) {
+                wrapperElement.style.height = `${newHeight}px`;
+
+                setTimeout(() => {
+                    if (wrapperElement.classList.contains('active')) {
+                        wrapperElement.style.height = `auto`;
+                    }
+                }, 300);
+            }else{
+                wrapperElement.style.height = `${newHeight}px`;
+
+                setTimeout(() => {
+                    if (!wrapperElement.classList.contains('active')) {
+                        wrapperElement.style.height = `${0}px`;
+                    }
+                }, 10);
+            }
+        })
+
+    }
+
+    onButtonClick(buttonIndex){
+        this.state.activeToggleIndex = (buttonIndex === this.state.activeToggleIndex) ? -1 : buttonIndex;
+
+        this.updateUI();
+    }
+
+    bindEvents(){
+        this.buttonElements.forEach((buttonElement, index) => {
+            buttonElement.addEventListener('click', () => this.onButtonClick(index))
+        })
+    }
+}
+
+class TogglesCollection{    
+    constructor(){
+        this.init();
+    }
+
+    init(){
+        document.querySelectorAll(rootSelectorToggles).forEach((element) => {
+            new Toggle(element);
+        });
+    }
+}
+
+export default TogglesCollection;

catalog-error.html

@@ -6,15 +6,15 @@
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>SEO title</title>
         <meta name="description" content="SEO Description">
-        <link rel="shortcut icon" href="/assets/img/favicon.ico?v=1.0">
+        <link rel="shortcut icon" href="assets/img/favicon.ico?v=1.0">
 
         <!-- Базовые стили -->
-        <link rel="stylesheet" href="/assets/css/gp-style-core.css?v=1.0">
+        <link rel="stylesheet" href="assets/css/gp-style-core.css?v=1.0">
-        <link rel="stylesheet" href="/assets/css/gp-style-desktop.css?v=1.0">
+        <link rel="stylesheet" href="assets/css/gp-style-desktop.css?v=1.0">
         <!-- Адаптив -->
-        <link rel="stylesheet" media="screen and (min-width: 1400px)" href="/assets/css/gp-style-ultra.css?v=1.0">
+        <link rel="stylesheet" media="screen and (min-width: 1400px)" href="assets/css/gp-style-ultra.css?v=1.0">
-        <link rel="stylesheet" media="screen and (max-width: 1200px)" href="/assets/css/gp-style-tablet.css">
+        <link rel="stylesheet" media="screen and (max-width: 1200px)" href="assets/css/gp-style-tablet.css">
-        <link rel="stylesheet" media="screen and (max-width: 720px)" href="/assets/css/gp-style-mobile.css?v=1.0">
+        <link rel="stylesheet" media="screen and (max-width: 720px)" href="assets/css/gp-style-mobile.css?v=1.0">
     
 
         <!-- Яндекс.Вебмастер + Google Search Console -->
@@ -50,16 +50,21 @@
     <body>
 
         <header class="header">
-            <div class="header__content">
+            <div class="header__content wrapper">
                 <button class="header__open-menu" id="phone-menu">
                 </button>
 
-                <div class="header__logo">
+                <a href="index.html" class="header__logo">
                     <svg class="header__logo-black" xmlns="http://www.w3.org/2000/svg" width="181" height="40" viewBox="0 0 181 40" fill="none">
                         <path d="M50.4859 5.79145C49.0065 3.27258 44.6431 2.78969 38.1761 4.42108C35.0048 1.89583 31.1372 0.376333 27.0791 0.0613091C23.021 -0.253715 18.9613 0.650395 15.4309 2.65541C11.9004 4.66042 9.06364 7.673 7.29143 11.2992C5.51922 14.9254 4.8941 18.9964 5.49783 22.9798C0.798105 27.6978 -0.973633 31.6805 0.51234 34.2081C1.42019 35.7547 3.36998 36.5377 6.22762 36.5377C8.05553 36.5052 9.87449 36.2769 11.6527 35.8569C12.0352 35.7721 12.4265 35.6785 12.8222 35.5785C15.793 37.9443 19.3793 39.4307 23.1672 39.8663C26.9551 40.3018 30.7903 39.6687 34.2301 38.0399C37.67 36.4112 40.5744 33.8533 42.6083 30.6613C44.6421 27.4693 45.7224 23.7733 45.7246 19.9998C45.7261 19.0003 45.6527 18.002 45.5048 17.0132C48.3119 14.1855 50.1891 11.5144 50.7805 9.29786C51.1519 7.93619 51.0508 6.75724 50.4859 5.79145ZM25.5013 1.7282C29.77 1.73333 33.9054 3.19952 37.206 5.87806C40.5066 8.5566 42.7692 12.2825 43.61 16.4238C40.0555 19.8366 35.081 23.4888 29.4339 26.6994C23.4306 30.1122 17.8253 32.4092 13.253 33.66C10.4542 31.1997 8.47718 27.9557 7.5842 24.3581C6.69122 20.7605 6.92444 16.9793 8.25293 13.5159C9.58142 10.0525 11.9424 7.07045 15.0229 4.96526C18.1033 2.86006 21.7576 1.73114 25.5013 1.7282ZM2.03568 33.3337C1.10145 31.7458 2.58523 28.6353 5.93746 25.0549C6.84638 28.4997 8.66755 31.6421 11.2131 34.1581C6.34633 35.2261 2.96332 34.9172 2.03568 33.3337ZM25.5013 38.2714C21.7268 38.275 18.0427 37.1282 14.95 34.9868C19.6937 33.5556 25.0243 31.2085 30.3044 28.2089C35.635 25.1767 40.3303 21.8008 43.8957 18.5424C43.9353 19.0231 43.9617 19.5082 43.9617 19.9998C43.9559 24.8432 42.0092 29.4866 38.5486 32.9118C35.088 36.3371 30.3959 38.2645 25.5013 38.2714ZM49.0835 8.84759C48.6152 10.5877 47.1974 12.6868 45.0718 14.9512C44.1572 11.4985 42.3267 8.3504 39.7697 5.83278C44.5728 4.78434 48.0327 5.08016 48.9648 6.66588C49.2857 7.2162 49.3274 7.94924 49.0835 8.84759Z" fill="#121212"/>
                         <path d="M73.68 26.12C73.1067 27.36 72.2733 28.32 71.18 29C70.0867 29.6667 68.7533 30 67.18 30C65.6467 30 64.34 29.6533 63.26 28.96C62.1933 28.2667 61.38 27.3133 60.82 26.1C60.2733 24.8733 60 23.48 60 21.92C60 20.36 60.2733 18.9867 60.82 17.8C61.3667 16.6133 62.18 15.6867 63.26 15.02C64.34 14.34 65.6467 14 67.18 14C68.78 14 70.1267 14.34 71.22 15.02C72.3133 15.6867 73.1533 16.6667 73.74 17.96L72.24 19.02C71.9333 18.2867 71.54 17.68 71.06 17.2C70.5933 16.7067 70.0333 16.34 69.38 16.1C68.7267 15.8467 67.9933 15.72 67.18 15.72C66.1 15.72 65.1467 15.9733 64.32 16.48C63.5067 16.9867 62.8733 17.7067 62.42 18.64C61.9667 19.5733 61.74 20.6667 61.74 21.92C61.74 23.2267 61.9667 24.36 62.42 25.32C62.8733 26.2667 63.5067 27 64.32 27.52C65.1333 28.0267 66.0867 28.28 67.18 28.28C67.9933 28.28 68.72 28.16 69.36 27.92C70.0133 27.68 70.5733 27.32 71.04 26.84C71.5067 26.36 71.8933 25.7667 72.2 25.06L73.68 26.12ZM75.7422 21.92C75.7422 20.36 76.0155 18.9867 76.5622 17.8C77.1222 16.6133 77.9422 15.6867 79.0222 15.02C80.1155 14.34 81.4289 14 82.9622 14C84.4955 14 85.8022 14.34 86.8822 15.02C87.9622 15.6867 88.7755 16.6133 89.3222 17.8C89.8822 18.9867 90.1622 20.36 90.1622 21.92C90.1622 23.48 89.8822 24.8733 89.3222 26.1C88.7755 27.3133 87.9555 28.2667 86.8622 28.96C85.7822 29.6533 84.4822 30 82.9622 30C81.4289 30 80.1155 29.6533 79.0222 28.96C77.9422 28.2667 77.1222 27.3133 76.5622 26.1C76.0155 24.8733 75.7422 23.48 75.7422 21.92ZM77.5022 21.92C77.5022 23.1467 77.7155 24.24 78.1422 25.2C78.5689 26.1467 79.1889 26.8933 80.0022 27.44C80.8289 27.9733 81.8155 28.24 82.9622 28.24C84.1089 28.24 85.0889 27.9667 85.9022 27.42C86.7155 26.8733 87.3355 26.1267 87.7622 25.18C88.1889 24.2333 88.4022 23.1467 88.4022 21.92C88.4022 20.7067 88.1889 19.64 87.7622 18.72C87.3355 17.8 86.7155 17.08 85.9022 16.56C85.0889 16.0267 84.1089 15.76 82.9622 15.76C81.8155 15.76 80.8289 16.0267 80.0022 16.56C79.1889 17.08 78.5689 17.8 78.1422 18.72C77.7155 19.64 77.5022 20.7067 77.5022 21.92ZM93.668 24.94C94.2013 26.1267 94.8413 26.98 95.588 27.5C96.348 28.02 97.2746 28.28 98.368 28.28C99.5413 28.28 100.455 28.0733 101.108 27.66C101.775 27.2467 102.108 26.5933 102.108 25.7C102.108 24.8867 101.781 24.2133 101.128 23.68C100.475 23.1467 99.5213 22.7533 98.268 22.5L97.268 22.28C95.668 21.96 94.4546 21.4533 93.628 20.76C92.8146 20.0667 92.408 19.1 92.408 17.86C92.408 17.0733 92.6413 16.3867 93.108 15.8C93.588 15.2133 94.2146 14.7667 94.988 14.46C95.7613 14.1533 96.608 14 97.528 14C99.048 14 100.255 14.34 101.148 15.02C102.041 15.7 102.788 16.7267 103.388 18.1L101.988 18.96C101.481 17.8267 100.861 17 100.128 16.48C99.408 15.96 98.528 15.7 97.488 15.7C96.4613 15.7 95.6413 15.8933 95.028 16.28C94.4146 16.6667 94.108 17.2333 94.108 17.98C94.108 18.6733 94.3946 19.2267 94.968 19.64C95.5413 20.0533 96.4013 20.3933 97.548 20.66L98.508 20.88C99.8013 21.1733 100.835 21.5467 101.608 22C102.395 22.44 102.961 22.9667 103.308 23.58C103.655 24.1933 103.821 24.9267 103.808 25.78C103.795 27.1667 103.288 28.22 102.288 28.94C101.288 29.6467 99.968 30 98.328 30C96.7413 30 95.468 29.6533 94.508 28.96C93.5613 28.2533 92.7813 27.22 92.168 25.86L93.668 24.94ZM107.561 14V30H105.801V14H107.561ZM107.621 14L114.641 30H112.821L105.881 14H107.621ZM121.381 14L114.641 30H112.821L119.641 14H121.381ZM121.461 14V30H119.701V14H121.461ZM123.457 21.92C123.457 20.36 123.73 18.9867 124.277 17.8C124.837 16.6133 125.657 15.6867 126.737 15.02C127.83 14.34 129.144 14 130.677 14C132.21 14 133.517 14.34 134.597 15.02C135.677 15.6867 136.49 16.6133 137.037 17.8C137.597 18.9867 137.877 20.36 137.877 21.92C137.877 23.48 137.597 24.8733 137.037 26.1C136.49 27.3133 135.67 28.2667 134.577 28.96C133.497 29.6533 132.197 30 130.677 30C129.144 30 127.83 29.6533 126.737 28.96C125.657 28.2667 124.837 27.3133 124.277 26.1C123.73 24.8733 123.457 23.48 123.457 21.92ZM125.217 21.92C125.217 23.1467 125.43 24.24 125.857 25.2C126.284 26.1467 126.904 26.8933 127.717 27.44C128.544 27.9733 129.53 28.24 130.677 28.24C131.824 28.24 132.804 27.9667 133.617 27.42C134.43 26.8733 135.05 26.1267 135.477 25.18C135.904 24.2333 136.117 23.1467 136.117 21.92C136.117 20.7067 135.904 19.64 135.477 18.72C135.05 17.8 134.43 17.08 133.617 16.56C132.804 16.0267 131.824 15.76 130.677 15.76C129.53 15.76 128.544 16.0267 127.717 16.56C126.904 17.08 126.284 17.8 125.857 18.72C125.43 19.64 125.217 20.7067 125.217 21.92ZM141.603 22.32H145.843C146.803 22.32 147.636 22.22 148.343 22.02C149.049 21.8067 149.609 21.46 150.023 20.98C150.449 20.5 150.663 19.86 150.663 19.06C150.663 18.3 150.449 17.6667 150.023 17.16C149.609 16.6533 149.036 16.28 148.303 16.04C147.583 15.8 146.763 15.68 145.843 15.68H141.603V22.32ZM141.603 24V29.98V30H139.883V14H145.843C147.763 14 149.349 14.3867 150.603 15.16C151.856 15.92 152.483 17.2333 152.483 19.1C152.483 20.2733 152.169 21.2267 151.543 21.96C150.916 22.68 150.103 23.2 149.103 23.52C148.116 23.84 147.029 24 145.843 24H141.603ZM156.192 14V30H154.492V14H156.192ZM164.692 22.84H156.192V21.16L164.692 21Line truncated
                     </svg>
-                </div>
+
+                    <svg class="header__logo-white" width="181" height="40" viewBox="0 0 181 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M50.4859 5.79145C49.0065 3.27258 44.6431 2.78969 38.1761 4.42108C35.0048 1.89583 31.1372 0.376333 27.0791 0.0613091C23.021 -0.253715 18.9613 0.650395 15.4309 2.65541C11.9004 4.66042 9.06364 7.673 7.29143 11.2992C5.51922 14.9254 4.8941 18.9964 5.49783 22.9798C0.798105 27.6978 -0.973633 31.6805 0.51234 34.2081C1.42019 35.7547 3.36998 36.5377 6.22762 36.5377C8.05553 36.5052 9.87449 36.2769 11.6527 35.8569C12.0352 35.7721 12.4265 35.6785 12.8222 35.5785C15.793 37.9443 19.3793 39.4307 23.1672 39.8663C26.9551 40.3018 30.7903 39.6687 34.2301 38.0399C37.67 36.4112 40.5744 33.8533 42.6083 30.6613C44.6421 27.4693 45.7224 23.7733 45.7246 19.9998C45.7261 19.0003 45.6527 18.002 45.5048 17.0132C48.3119 14.1855 50.1891 11.5144 50.7805 9.29786C51.1519 7.93619 51.0508 6.75724 50.4859 5.79145ZM25.5013 1.7282C29.77 1.73333 33.9054 3.19952 37.206 5.87806C40.5066 8.5566 42.7692 12.2825 43.61 16.4238C40.0555 19.8366 35.081 23.4888 29.4339 26.6994C23.4306 30.1122 17.8253 32.4092 13.253 33.66C10.4542 31.1997 8.47718 27.9557 7.5842 24.3581C6.69122 20.7605 6.92444 16.9793 8.25293 13.5159C9.58142 10.0525 11.9424 7.07045 15.0229 4.96526C18.1033 2.86006 21.7576 1.73114 25.5013 1.7282ZM2.03568 33.3337C1.10145 31.7458 2.58523 28.6353 5.93746 25.0549C6.84638 28.4997 8.66755 31.6421 11.2131 34.1581C6.34633 35.2261 2.96332 34.9172 2.03568 33.3337ZM25.5013 38.2714C21.7268 38.275 18.0427 37.1282 14.95 34.9868C19.6937 33.5556 25.0243 31.2085 30.3044 28.2089C35.635 25.1767 40.3303 21.8008 43.8957 18.5424C43.9353 19.0231 43.9617 19.5082 43.9617 19.9998C43.9559 24.8432 42.0092 29.4866 38.5486 32.9118C35.088 36.3371 30.3959 38.2645 25.5013 38.2714ZM49.0835 8.84759C48.6152 10.5877 47.1974 12.6868 45.0718 14.9512C44.1572 11.4985 42.3267 8.3504 39.7697 5.83278C44.5728 4.78434 48.0327 5.08016 48.9648 6.66588C49.2857 7.2162 49.3274 7.94924 49.0835 8.84759Z" fill="white"/>
+                        <path d="M73.68 26.12C73.1067 27.36 72.2733 28.32 71.18 29C70.0867 29.6667 68.7533 30 67.18 30C65.6467 30 64.34 29.6533 63.26 28.96C62.1933 28.2667 61.38 27.3133 60.82 26.1C60.2733 24.8733 60 23.48 60 21.92C60 20.36 60.2733 18.9867 60.82 17.8C61.3667 16.6133 62.18 15.6867 63.26 15.02C64.34 14.34 65.6467 14 67.18 14C68.78 14 70.1267 14.34 71.22 15.02C72.3133 15.6867 73.1533 16.6667 73.74 17.96L72.24 19.02C71.9333 18.2867 71.54 17.68 71.06 17.2C70.5933 16.7067 70.0333 16.34 69.38 16.1C68.7267 15.8467 67.9933 15.72 67.18 15.72C66.1 15.72 65.1467 15.9733 64.32 16.48C63.5067 16.9867 62.8733 17.7067 62.42 18.64C61.9667 19.5733 61.74 20.6667 61.74 21.92C61.74 23.2267 61.9667 24.36 62.42 25.32C62.8733 26.2667 63.5067 27 64.32 27.52C65.1333 28.0267 66.0867 28.28 67.18 28.28C67.9933 28.28 68.72 28.16 69.36 27.92C70.0133 27.68 70.5733 27.32 71.04 26.84C71.5067 26.36 71.8933 25.7667 72.2 25.06L73.68 26.12ZM75.7422 21.92C75.7422 20.36 76.0155 18.9867 76.5622 17.8C77.1222 16.6133 77.9422 15.6867 79.0222 15.02C80.1155 14.34 81.4289 14 82.9622 14C84.4955 14 85.8022 14.34 86.8822 15.02C87.9622 15.6867 88.7755 16.6133 89.3222 17.8C89.8822 18.9867 90.1622 20.36 90.1622 21.92C90.1622 23.48 89.8822 24.8733 89.3222 26.1C88.7755 27.3133 87.9555 28.2667 86.8622 28.96C85.7822 29.6533 84.4822 30 82.9622 30C81.4289 30 80.1155 29.6533 79.0222 28.96C77.9422 28.2667 77.1222 27.3133 76.5622 26.1C76.0155 24.8733 75.7422 23.48 75.7422 21.92ZM77.5022 21.92C77.5022 23.1467 77.7155 24.24 78.1422 25.2C78.5689 26.1467 79.1889 26.8933 80.0022 27.44C80.8289 27.9733 81.8155 28.24 82.9622 28.24C84.1089 28.24 85.0889 27.9667 85.9022 27.42C86.7155 26.8733 87.3355 26.1267 87.7622 25.18C88.1889 24.2333 88.4022 23.1467 88.4022 21.92C88.4022 20.7067 88.1889 19.64 87.7622 18.72C87.3355 17.8 86.7155 17.08 85.9022 16.56C85.0889 16.0267 84.1089 15.76 82.9622 15.76C81.8155 15.76 80.8289 16.0267 80.0022 16.56C79.1889 17.08 78.5689 17.8 78.1422 18.72C77.7155 19.64 77.5022 20.7067 77.5022 21.92ZM93.668 24.94C94.2013 26.1267 94.8413 26.98 95.588 27.5C96.348 28.02 97.2746 28.28 98.368 28.28C99.5413 28.28 100.455 28.0733 101.108 27.66C101.775 27.2467 102.108 26.5933 102.108 25.7C102.108 24.8867 101.781 24.2133 101.128 23.68C100.475 23.1467 99.5213 22.7533 98.268 22.5L97.268 22.28C95.668 21.96 94.4546 21.4533 93.628 20.76C92.8146 20.0667 92.408 19.1 92.408 17.86C92.408 17.0733 92.6413 16.3867 93.108 15.8C93.588 15.2133 94.2146 14.7667 94.988 14.46C95.7613 14.1533 96.608 14 97.528 14C99.048 14 100.255 14.34 101.148 15.02C102.041 15.7 102.788 16.7267 103.388 18.1L101.988 18.96C101.481 17.8267 100.861 17 100.128 16.48C99.408 15.96 98.528 15.7 97.488 15.7C96.4613 15.7 95.6413 15.8933 95.028 16.28C94.4146 16.6667 94.108 17.2333 94.108 17.98C94.108 18.6733 94.3946 19.2267 94.968 19.64C95.5413 20.0533 96.4013 20.3933 97.548 20.66L98.508 20.88C99.8013 21.1733 100.835 21.5467 101.608 22C102.395 22.44 102.961 22.9667 103.308 23.58C103.655 24.1933 103.821 24.9267 103.808 25.78C103.795 27.1667 103.288 28.22 102.288 28.94C101.288 29.6467 99.968 30 98.328 30C96.7413 30 95.468 29.6533 94.508 28.96C93.5613 28.2533 92.7813 27.22 92.168 25.86L93.668 24.94ZM107.561 14V30H105.801V14H107.561ZM107.621 14L114.641 30H112.821L105.881 14H107.621ZM121.381 14L114.641 30H112.821L119.641 14H121.381ZM121.461 14V30H119.701V14H121.461ZM123.457 21.92C123.457 20.36 123.73 18.9867 124.277 17.8C124.837 16.6133 125.657 15.6867 126.737 15.02C127.83 14.34 129.144 14 130.677 14C132.21 14 133.517 14.34 134.597 15.02C135.677 15.6867 136.49 16.6133 137.037 17.8C137.597 18.9867 137.877 20.36 137.877 21.92C137.877 23.48 137.597 24.8733 137.037 26.1C136.49 27.3133 135.67 28.2667 134.577 28.96C133.497 29.6533 132.197 30 130.677 30C129.144 30 127.83 29.6533 126.737 28.96C125.657 28.2667 124.837 27.3133 124.277 26.1C123.73 24.8733 123.457 23.48 123.457 21.92ZM125.217 21.92C125.217 23.1467 125.43 24.24 125.857 25.2C126.284 26.1467 126.904 26.8933 127.717 27.44C128.544 27.9733 129.53 28.24 130.677 28.24C131.824 28.24 132.804 27.9667 133.617 27.42C134.43 26.8733 135.05 26.1267 135.477 25.18C135.904 24.2333 136.117 23.1467 136.117 21.92C136.117 20.7067 135.904 19.64 135.477 18.72C135.05 17.8 134.43 17.08 133.617 16.56C132.804 16.0267 131.824 15.76 130.677 15.76C129.53 15.76 128.544 16.0267 127.717 16.56C126.904 17.08 126.284 17.8 125.857 18.72C125.43 19.64 125.217 20.7067 125.217 21.92ZM141.603 22.32H145.843C146.803 22.32 147.636 22.22 148.343 22.02C149.049 21.8067 149.609 21.46 150.023 20.98C150.449 20.5 150.663 19.86 150.663 19.06C150.663 18.3 150.449 17.6667 150.023 17.16C149.609 16.6533 149.036 16.28 148.303 16.04C147.583 15.8 146.763 15.68 145.843 15.68H141.603V22.32ZM141.603 24V29.98V30H139.883V14H145.843C147.763 14 149.349 14.3867 150.603 15.16C151.856 15.92 152.483 17.2333 152.483 19.1C152.483 20.2733 152.169 21.2267 151.543 21.96C150.916 22.68 150.103 23.2 149.103 23.52C148.116 23.84 147.029 24 145.843 24H141.603ZM156.192 14V30H154.492V14H156.192ZM164.692 22.84H156.192V21.16L164.692 21Line truncated
+                    </svg>
+                </a>
 
                 <ul class="main-menu">
                     <li class="main-menu__item">
@@ -85,7 +90,15 @@
                     <div class="mini-profile__item">
                         <div class="lang">
                             <button class="lang__open">
-                                RU
+                                <p>RU</p>
+                                <div class="lang-open__arrow">
+                                    <svg class="lang-open__black" width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L5 3.93934L8.46967 0.46967C8.76256 0.176777 9.23744 0.176777 9.53033 0.46967C9.82322 0.762563 9.82322 1.23744 9.53033 1.53033L5.53033 5.53033C5.23744 5.82322 4.76256 5.82322 4.46967 5.53033L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967Z" fill="#333333"/>
+                                    </svg>
+                                    <svg class="lang-open__white" width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L5 3.93934L8.46967 0.46967C8.76256 0.176777 9.23744 0.176777 9.53033 0.46967C9.82322 0.762563 9.82322 1.23744 9.53033 1.53033L5.53033 5.53033C5.23744 5.82322 4.76256 5.82322 4.46967 5.53033L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967Z" fill="#fff"/>
+                                    </svg>
+                                </div>
                             </button>
                             <div class="lang__content">
                                 <ul class="lang__list">
@@ -111,12 +124,14 @@
                     </div>
                     <div class="mini-profile__item">
                         <a href="" class="mini-profile__button">
-                            <img src="assets/img/svg/mini-profile/profile.svg" alt="" class="mini-profile__icon">
+                            <img src="assets/img/svg/mini-profile/profile.svg" alt="" class="mini-profile__icon black">
+                            <img src="assets/img/svg/mini-profile/profile-w.svg" alt="" class="mini-profile__icon white">
                         </a>
                     </div>
                     <div class="mini-profile__item">
-                        <button class="mini-profile__button">
+                        <button class="mini-profile__button basket-open">
-                            <img src="assets/img/svg/mini-profile/basket.svg" alt="" class="mini-profile__icon">
+                            <img src="assets/img/svg/mini-profile/basket.svg" alt="" class="mini-profile__icon black">
+                            <img src="assets/img/svg/mini-profile/basket-w.svg" alt="" class="mini-profile__icon white">
                         </button>
                     </div>
                 </div>
@@ -229,262 +244,24 @@
                 </div>
 
                 <div class="product__tag">
-                    <div class="product-tag__item">
+                    <button class="product-tag__item">
                         <div class="product-tag-item__content">
                             <p class="product-tag-item__text">Для собак</p>
-                            <button class="product-tag-item__button">
+                            <div class="product-tag-item__button">
-                            </button>
+                            </div>
                         </div>
-                    </div>
+                    </button>
 
-                    <div class="product-tag__item">
-                        <div class="product-tag-item__content">
-                            <p class="product-tag-item__text">Для собак</p>
-                            <button class="product-tag-item__button">
-                            </button>
-                        </div>
-                    </div>
-
-                    <div class="product-tag__item">
-                        <div class="product-tag-item__content">
-                            <p class="product-tag-item__text">Для собак</p>
-                            <button class="product-tag-item__button">
-                            </button>
-                        </div>
-                    </div>
                 </div>
 
                 <div class="product__main">
-                    <div class="product__item">
+                    <p class="product__error">Ой! Ни чего не нашлось. </p>
-                        <div class="product-item__label">
-                            <div class="product-item-label__tag product-item-label__tag--new">
-                                Новинка
-                            </div>
-                        </div>
-                        <div class="product-item__product-card">
-                            <img src="assets/img/product/image.png" alt="" class="product-item__images">
-                        </div>
-                        <div class="product-item__content-card">
-                            <div class="compound">
-                                <div class="compound__item">Индейка </div>
-                                <div class="compound__item">Индейка </div>  
-                            </div>
-                            <p class="product-item__title">Сухой корм, для средних и крупных пород, 2 кг.</p>
-                            <p class="product-item__price">
-                                1 304
-                            </p>
-                            <div class="product-item__bye">
-                                <button class="button button--white button--100-perc">
-                                    Купить
-                                </button>
-                            </div>
-                        </div>
-                        <div class="product-item__overlay">
-                            <div class="product-item-overlay__header">
-                                <p class="product-item__title">
-                                    Сухой корм, 2 кг, для крупных и средних пород
-                                </p>
-                                <ul class="product-item-overlay__tags">
-                                    <li>Seperpremium</li>
-                                    <li>Для крупных и средних пород </li>
-                                    <li>Полнорационный</li>
-                                </ul>
-                            </div>
-                            
-                            <form class="product-item__form" method="post" action="/send-telegram.php">
-                                <div class="product-item-overlay__input-block">
-                                    <div class="product-item-overlay__field">
-                                        <p class="product-item-overlay-field__title">Объем</p>
 
-                                        <div class="select">
-                                            <input type="text" class="select__state" value="2 кг">
-                                            <div class="state__block">
-                                                <ul class="state__content">
-                                                    <li>
-                                                        <button class="state__button active">
-                                                            2 кг
-                                                        </button>
-                                                    </li>
-                                                    <li>
-                                                        <button class="state__button">
-                                                            3 кг
-                                                        </button>
-                                                    </li>
-                                                    <li>
-                                                        <button class="state__button">
-                                                            4 кг
-                                                        </button>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="product-item-overlay__field">
-                                        <p class="product-item-overlay-field__title">Количество</p>
-
-                                        <div class="counter">
-                                            <button class="counter__button">
-                                                <img src="assets/img/svg/main/minus.svg" alt="">
-                                            </button>
-                                            <input type="text" class="counter__input" value="1">
-                                            <button class="counter__button">
-                                                <img src="assets/img/svg/main/plus.svg" alt="">
-                                            </button>
-                                        </div>
-                                    </div>
-                                </div>
-                                <p class="product-item-overlay__price">
-                                    1280
-                                </p>
-                                <div class="product-item-overlay__block-button">
-                                    <div class="product-item-overlay__button">
-                                        <input class="button button--gradient button--base button--100-perc" type="submit" value="Добавить в корзину">
-                                    </div>
-                                    <div class="product-item-overlay__button">
-                                        <button class="to-know button--100-perc">
-                                            <p>Подробнее</p>
-                                        </button>
-                                    </div>
-                                </div>
-                            </form>
-                        </div>
-                    </div>
-                    <div class="product__item">
-                        <div class="product-item__label">
-                            <div class="product-item-label__tag product-item-label__tag--sale">
-                                Распродажа %
-                            </div>
-                        </div>
-                        <div class="product-item__product-card">
-                            <img src="assets/img/product/image.png" alt="" class="product-item__images">
-                        </div>
-                        <div class="product-item__content-card">
-                            <div class="compound">
-                                <div class="compound__item">Индейка </div>
-                                <div class="compound__item">Индейка </div>  
-                            </div>
-                            <p class="product-item__title">Сухой корм, для средних и крупных пород, 2 кг.</p>
-                            <p class="product-item__price">
-                                1 304
-                            </p>
-                            <div class="product-item__bye">
-                                <button class="button button--white button--100-perc">
-                                    Купить
-                                </button>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="product__item hiding">
-                        <div class="product-item__label">
-                            <div class="product-item-label__tag product-item-label__tag--sale">
-                                Распродажа %
-                            </div>
-                            <div class="product-item-label__tag product-item-label__tag--new">
-                                Новинка
-                            </div>
-                        </div>
-                        <div class="product-item__product-card">
-                            <img src="assets/img/product/image.png" alt="" class="product-item__images">
-                        </div>
-                        <div class="product-item__content-card">
-                            <div class="compound">
-                                <div class="compound__item">Индейка </div>
-                                <div class="compound__item">Индейка </div>  
-                            </div>
-                            <p class="product-item__title">Сухой корм, для средних и крупных пород, 2 кг.</p>
-                            <p class="product-item__price">
-                                1 304
-                            </p>
-                            <div class="product-item__bye">
-                                <button class="to-know button--100-perc">
-                                    <p>Узнать о поступлении</p>
-                                </button>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="product__item">
-                        <div class="product-item__label">
-                            <div class="product-item-label__tag product-item-label__tag--new">
-                                Новинка
-                            </div>
-                        </div>
-                        <div class="product-item__product-card">
-                            <img src="assets/img/product/image.png" alt="" class="product-item__images">
-                        </div>
-                        <div class="product-item__content-card">
-                            <div class="compound">
-                                <div class="compound__item">Индейка </div>
-                                <div class="compound__item">Индейка </div>  
-                            </div>
-                            <p class="product-item__title">Сухой корм, для средних и крупных пород, 2 кг.</p>
-                            <p class="product-item__price">
-                                1 304
-                            </p>
-                            <div class="product-item__bye">
-                                <button class="button button--white button--100-perc">
-                                    Купить
-                                </button>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="product__item">
-                        <div class="product-item__label">
-                            <div class="product-item-label__tag product-item-label__tag--sale">
-                                Распродажа %
-                            </div>
-                        </div>
-                        <div class="product-item__product-card">
-                            <img src="assets/img/product/image.png" alt="" class="product-item__images">
-                        </div>
-                        <div class="product-item__content-card">
-                            <div class="compound">
-                                <div class="compound__item">Индейка </div>
-                                <div class="compound__item">Индейка </div>  
-                            </div>
-                            <p class="product-item__title">Сухой корм, для средних и крупных пород, 2 кг.</p>
-                            <p class="product-item__price">
-                                1 304
-                            </p>
-                            <div class="product-item__bye">
-                                <button class="button button--white button--100-perc">
-                                    Купить
-                                </button>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="product__item hiding">
-                        <div class="product-item__label">
-                            <div class="product-item-label__tag product-item-label__tag--sale">
-                                Распродажа %
-                            </div>
-                            <div class="product-item-label__tag product-item-label__tag--new">
-                                Новинка
-                            </div>
-                        </div>
-                        <div class="product-item__product-card">
-                            <img src="assets/img/product/image.png" alt="" class="product-item__images">
-                        </div>
-                        <div class="product-item__content-card">
-                            <div class="compound">
-                                <div class="compound__item">Индейка </div>
-                                <div class="compound__item">Индейка </div>  
-                            </div>
-                            <p class="product-item__title">Сухой корм, для средних и крупных пород, 2 кг.</p>
-                            <p class="product-item__price">
-                                1 304
-                            </p>
-                            <div class="product-item__bye">
-                                <button class="to-know button--100-perc">
-                                    <p>Узнать о поступлении</p>
-                                </button>
-                            </div>
-                        </div>
-                    </div>
                 </div>
 
-                <div class="product__footer">
+                <div class="product__footer product__footer--error">
-                    <button class="button button--white">
+                    <button class="product__error-button">
-                        Загрузить еще
+                        Сбросить условия поиска
                     </button>
                 </div>
             </div>
@@ -509,16 +286,16 @@
                                         <div class="toggle-content__item">
                                             <div class="toggle-content__element toggle-content__element--width-perc-50">
                                                 <div class="radio">
-                                                    <input type="radio" name="animal" id="" class="radio__input">
+                                                    <input type="radio" name="animal" id="cat" class="radio__input">
 
-                                                    <label for="" class="radio__label">Для кошек</label>
+                                                    <label for="cat" class="radio__label">Для кошек</label>
                                                 </div>
                                             </div>
                                             <div class="toggle-content__element toggle-content__element--width-perc-50">
                                                 <div class="radio">
-                                                    <input type="radio" name="animal" id="" class="radio__input">
+                                                    <input type="radio" name="animal" id="dog" class="radio__input">
 
-                                                    <label for="" class="radio__label">Для собак</label>
+                                                    <label for="dog" class="radio__label">Для собак</label>
                                                 </div>
                                             </div>
                                         </div>
@@ -613,7 +390,7 @@
                     </div>
                 </div>
 
-                <div class="modal__item modal__basket" style="display: none;">
+                <div class="modal__item modal__basket">
                     <button class="modal__close">
                         <img src="assets/img/svg/main/black-x.svg" alt="">
                     </button>
@@ -630,11 +407,11 @@
                                     <p class="modal-basket-item__sub-title">Индейка, 2 кг</p>
                                     <div class="modal-basket-item__control">
                                         <div class="counter counter--small">
-                                            <button class="counter__button">
+                                            <button class="counter__button minus">
                                                 <img src="assets/img/svg/main/minus.svg" alt="">
                                             </button>
                                             <input type="text" class="counter__input" value="1">
-                                            <button class="counter__button">
+                                            <button class="counter__button plus">
                                                 <img src="assets/img/svg/main/plus.svg" alt="">
                                             </button>
                                         </div>
@@ -653,11 +430,11 @@
                                     <p class="modal-basket-item__sub-title">Индейка, 2 кг</p>
                                     <div class="modal-basket-item__control">
                                         <div class="counter counter--small">
-                                            <button class="counter__button">
+                                            <button class="counter__button minus">
                                                 <img src="assets/img/svg/main/minus.svg" alt="">
                                             </button>
                                             <input type="text" class="counter__input" value="1">
-                                            <button class="counter__button">
+                                            <button class="counter__button plus">
                                                 <img src="assets/img/svg/main/plus.svg" alt="">
                                             </button>
                                         </div>
@@ -676,11 +453,11 @@
                                     <p class="modal-basket-item__sub-title">Индейка, 2 кг</p>
                                     <div class="modal-basket-item__control">
                                         <div class="counter counter--small">
-                                            <button class="counter__button">
+                                            <button class="counter__button minus">
                                                 <img src="assets/img/svg/main/minus.svg" alt="">
                                             </button>
                                             <input type="text" class="counter__input" value="1">
-                                            <button class="counter__button">
+                                            <button class="counter__button plus">
                                                 <img src="assets/img/svg/main/plus.svg" alt="">
                                             </button>
                                         </div>
@@ -699,11 +476,11 @@
                                     <p class="modal-basket-item__sub-title">Индейка, 2 кг</p>
                                     <div class="modal-basket-item__control">
                                         <div class="counter counter--small">
-                                            <button class="counter__button">
+                                            <button class="counter__button minus">
                                                 <img src="assets/img/svg/main/minus.svg" alt="">
                                             </button>
                                             <input type="text" class="counter__input" value="1">
-                                            <button class="counter__button">
+                                            <button class="counter__button plus">
                                                 <img src="assets/img/svg/main/plus.svg" alt="">
                                             </button>
                                         </div>
@@ -722,11 +499,11 @@
                                     <p class="modal-basket-item__sub-title">Индейка, 2 кг</p>
                                     <div class="modal-basket-item__control">
                                         <div class="counter counter--small">
-                                            <button class="counter__button">
+                                            <button class="counter__button minus">
                                                 <img src="assets/img/svg/main/minus.svg" alt="">
                                             </button>
                                             <input type="text" class="counter__input" value="1">
-                                            <button class="counter__button">
+                                            <button class="counter__button plus">
                                                 <img src="assets/img/svg/main/plus.svg" alt="">
                                             </button>
                                         </div>
@@ -787,9 +564,9 @@
                             </a>
                         </div>
                         <div class="footer-list__item">
-                            <button class="button button--black button--100-perc">
+                            <a href="#" class="button button--black button--100-perc button--link">
                                 Чат бот с ветеринаром
-                            </button>
+                            </a>
                         </div>
                     </div>
 
@@ -830,17 +607,22 @@
                     </form>
                 </div>
 
-                <div class="social-media footer__social-media">
+                <div class="footer__social-media">
-                    <a href="#" class="social-media__item">
+                    <div class="social-media">
-                        <img src="assets/img/svg/social-media/vk.svg" alt="" class="social-media__icon">
+                        <a href="#" class="social-media__item">
-                    </a>
+                            <img src="assets/img/svg/social-media/vk.svg" alt="" class="social-media__icon">
-                    <a href="#" class="social-media__item">
+                        </a>
-                        <img src="assets/img/svg/social-media/tg.svg" alt="" class="social-media__icon">
+                        <a href="#" class="social-media__item">
-                    </a>
+                            <img src="assets/img/svg/social-media/tg.svg" alt="" class="social-media__icon">
-                    <a href="#" class="social-media__item">
+                        </a>
-                        <img src="assets/img/svg/social-media/ya.svg" alt="" class="social-media__icon">
+                        <a href="#" class="social-media__item">
-                    </a>
+                            <img src="assets/img/svg/social-media/ya.svg" alt="" class="social-media__icon">
+                        </a>
+                    </div>
+
+                    <a href="#" class="footer-about__text">Соглашение о конфиденциальности</a>
                 </div>
+                
             </div>
         </footer>
 

del.html

@@ -1,12 +0,0 @@
-<!-- Пример формы для отправки в Телеграмм (обработчик send-telegram.php) -->
-<form class="form" method="post" action="/send-telegram.php">
-    <div class="form__item">
-        <input class="form__input" type="text" name="name" required>
-        <label class="form__label">Ваше имя</label>
-    </div>
-    <div class="form__item">
-        <input class="form__input" type="text" name="phone" required>
-        <label class="form__label">Номер телефона</label>
-    </div>
-    <input class="form__input btn" type="submit" value="Отправить">
-</form>

index.html

@@ -6,15 +6,15 @@
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>SEO title</title>
         <meta name="description" content="SEO Description">
-        <link rel="shortcut icon" href="/assets/img/favicon.ico?v=1.0">
+        <link rel="shortcut icon" href="assets/img/favicon.ico?v=1.0">
 
         <!-- Базовые стили -->
-        <link rel="stylesheet" href="/assets/css/gp-style-core.css?v=1.0">
+        <link rel="stylesheet" href="assets/css/gp-style-core.css?v=1.0">
-        <link rel="stylesheet" href="/assets/css/gp-style-desktop.css?v=1.0">
+        <link rel="stylesheet" href="assets/css/gp-style-desktop.css?v=1.0">
         <!-- Адаптив -->
-        <link rel="stylesheet" media="screen and (min-width: 1400px)" href="/assets/css/gp-style-ultra.css?v=1.0">
+        <link rel="stylesheet" media="screen and (min-width: 1400px)" href="assets/css/gp-style-ultra.css?v=1.0">
-        <link rel="stylesheet" media="screen and (max-width: 1200px)" href="/assets/css/gp-style-tablet.css">
+        <link rel="stylesheet" media="screen and (max-width: 1200px)" href="assets/css/gp-style-tablet.css">
-        <link rel="stylesheet" media="screen and (max-width: 720px)" href="/assets/css/gp-style-mobile.css?v=1.0">
+        <link rel="stylesheet" media="screen and (max-width: 720px)" href="assets/css/gp-style-mobile.css?v=1.0">
     
 
         <!-- Яндекс.Вебмастер + Google Search Console -->
@@ -47,14 +47,14 @@
     
     
     </head>
-    <body>
+    <body style="background-color: grey;">
 
         <header class="header white">
-            <div class="header__content">
+            <div class="header__content wrapper">
                 <button class="header__open-menu" id="phone-menu">
                 </button>
 
-                <div class="header__logo">
+                <a href="index.html" class="header__logo">
                     <svg class="header__logo-black" xmlns="http://www.w3.org/2000/svg" width="181" height="40" viewBox="0 0 181 40" fill="none">
                         <path d="M50.4859 5.79145C49.0065 3.27258 44.6431 2.78969 38.1761 4.42108C35.0048 1.89583 31.1372 0.376333 27.0791 0.0613091C23.021 -0.253715 18.9613 0.650395 15.4309 2.65541C11.9004 4.66042 9.06364 7.673 7.29143 11.2992C5.51922 14.9254 4.8941 18.9964 5.49783 22.9798C0.798105 27.6978 -0.973633 31.6805 0.51234 34.2081C1.42019 35.7547 3.36998 36.5377 6.22762 36.5377C8.05553 36.5052 9.87449 36.2769 11.6527 35.8569C12.0352 35.7721 12.4265 35.6785 12.8222 35.5785C15.793 37.9443 19.3793 39.4307 23.1672 39.8663C26.9551 40.3018 30.7903 39.6687 34.2301 38.0399C37.67 36.4112 40.5744 33.8533 42.6083 30.6613C44.6421 27.4693 45.7224 23.7733 45.7246 19.9998C45.7261 19.0003 45.6527 18.002 45.5048 17.0132C48.3119 14.1855 50.1891 11.5144 50.7805 9.29786C51.1519 7.93619 51.0508 6.75724 50.4859 5.79145ZM25.5013 1.7282C29.77 1.73333 33.9054 3.19952 37.206 5.87806C40.5066 8.5566 42.7692 12.2825 43.61 16.4238C40.0555 19.8366 35.081 23.4888 29.4339 26.6994C23.4306 30.1122 17.8253 32.4092 13.253 33.66C10.4542 31.1997 8.47718 27.9557 7.5842 24.3581C6.69122 20.7605 6.92444 16.9793 8.25293 13.5159C9.58142 10.0525 11.9424 7.07045 15.0229 4.96526C18.1033 2.86006 21.7576 1.73114 25.5013 1.7282ZM2.03568 33.3337C1.10145 31.7458 2.58523 28.6353 5.93746 25.0549C6.84638 28.4997 8.66755 31.6421 11.2131 34.1581C6.34633 35.2261 2.96332 34.9172 2.03568 33.3337ZM25.5013 38.2714C21.7268 38.275 18.0427 37.1282 14.95 34.9868C19.6937 33.5556 25.0243 31.2085 30.3044 28.2089C35.635 25.1767 40.3303 21.8008 43.8957 18.5424C43.9353 19.0231 43.9617 19.5082 43.9617 19.9998C43.9559 24.8432 42.0092 29.4866 38.5486 32.9118C35.088 36.3371 30.3959 38.2645 25.5013 38.2714ZM49.0835 8.84759C48.6152 10.5877 47.1974 12.6868 45.0718 14.9512C44.1572 11.4985 42.3267 8.3504 39.7697 5.83278C44.5728 4.78434 48.0327 5.08016 48.9648 6.66588C49.2857 7.2162 49.3274 7.94924 49.0835 8.84759Z" fill="#121212"/>
                         <path d="M73.68 26.12C73.1067 27.36 72.2733 28.32 71.18 29C70.0867 29.6667 68.7533 30 67.18 30C65.6467 30 64.34 29.6533 63.26 28.96C62.1933 28.2667 61.38 27.3133 60.82 26.1C60.2733 24.8733 60 23.48 60 21.92C60 20.36 60.2733 18.9867 60.82 17.8C61.3667 16.6133 62.18 15.6867 63.26 15.02C64.34 14.34 65.6467 14 67.18 14C68.78 14 70.1267 14.34 71.22 15.02C72.3133 15.6867 73.1533 16.6667 73.74 17.96L72.24 19.02C71.9333 18.2867 71.54 17.68 71.06 17.2C70.5933 16.7067 70.0333 16.34 69.38 16.1C68.7267 15.8467 67.9933 15.72 67.18 15.72C66.1 15.72 65.1467 15.9733 64.32 16.48C63.5067 16.9867 62.8733 17.7067 62.42 18.64C61.9667 19.5733 61.74 20.6667 61.74 21.92C61.74 23.2267 61.9667 24.36 62.42 25.32C62.8733 26.2667 63.5067 27 64.32 27.52C65.1333 28.0267 66.0867 28.28 67.18 28.28C67.9933 28.28 68.72 28.16 69.36 27.92C70.0133 27.68 70.5733 27.32 71.04 26.84C71.5067 26.36 71.8933 25.7667 72.2 25.06L73.68 26.12ZM75.7422 21.92C75.7422 20.36 76.0155 18.9867 76.5622 17.8C77.1222 16.6133 77.9422 15.6867 79.0222 15.02C80.1155 14.34 81.4289 14 82.9622 14C84.4955 14 85.8022 14.34 86.8822 15.02C87.9622 15.6867 88.7755 16.6133 89.3222 17.8C89.8822 18.9867 90.1622 20.36 90.1622 21.92C90.1622 23.48 89.8822 24.8733 89.3222 26.1C88.7755 27.3133 87.9555 28.2667 86.8622 28.96C85.7822 29.6533 84.4822 30 82.9622 30C81.4289 30 80.1155 29.6533 79.0222 28.96C77.9422 28.2667 77.1222 27.3133 76.5622 26.1C76.0155 24.8733 75.7422 23.48 75.7422 21.92ZM77.5022 21.92C77.5022 23.1467 77.7155 24.24 78.1422 25.2C78.5689 26.1467 79.1889 26.8933 80.0022 27.44C80.8289 27.9733 81.8155 28.24 82.9622 28.24C84.1089 28.24 85.0889 27.9667 85.9022 27.42C86.7155 26.8733 87.3355 26.1267 87.7622 25.18C88.1889 24.2333 88.4022 23.1467 88.4022 21.92C88.4022 20.7067 88.1889 19.64 87.7622 18.72C87.3355 17.8 86.7155 17.08 85.9022 16.56C85.0889 16.0267 84.1089 15.76 82.9622 15.76C81.8155 15.76 80.8289 16.0267 80.0022 16.56C79.1889 17.08 78.5689 17.8 78.1422 18.72C77.7155 19.64 77.5022 20.7067 77.5022 21.92ZM93.668 24.94C94.2013 26.1267 94.8413 26.98 95.588 27.5C96.348 28.02 97.2746 28.28 98.368 28.28C99.5413 28.28 100.455 28.0733 101.108 27.66C101.775 27.2467 102.108 26.5933 102.108 25.7C102.108 24.8867 101.781 24.2133 101.128 23.68C100.475 23.1467 99.5213 22.7533 98.268 22.5L97.268 22.28C95.668 21.96 94.4546 21.4533 93.628 20.76C92.8146 20.0667 92.408 19.1 92.408 17.86C92.408 17.0733 92.6413 16.3867 93.108 15.8C93.588 15.2133 94.2146 14.7667 94.988 14.46C95.7613 14.1533 96.608 14 97.528 14C99.048 14 100.255 14.34 101.148 15.02C102.041 15.7 102.788 16.7267 103.388 18.1L101.988 18.96C101.481 17.8267 100.861 17 100.128 16.48C99.408 15.96 98.528 15.7 97.488 15.7C96.4613 15.7 95.6413 15.8933 95.028 16.28C94.4146 16.6667 94.108 17.2333 94.108 17.98C94.108 18.6733 94.3946 19.2267 94.968 19.64C95.5413 20.0533 96.4013 20.3933 97.548 20.66L98.508 20.88C99.8013 21.1733 100.835 21.5467 101.608 22C102.395 22.44 102.961 22.9667 103.308 23.58C103.655 24.1933 103.821 24.9267 103.808 25.78C103.795 27.1667 103.288 28.22 102.288 28.94C101.288 29.6467 99.968 30 98.328 30C96.7413 30 95.468 29.6533 94.508 28.96C93.5613 28.2533 92.7813 27.22 92.168 25.86L93.668 24.94ZM107.561 14V30H105.801V14H107.561ZM107.621 14L114.641 30H112.821L105.881 14H107.621ZM121.381 14L114.641 30H112.821L119.641 14H121.381ZM121.461 14V30H119.701V14H121.461ZM123.457 21.92C123.457 20.36 123.73 18.9867 124.277 17.8C124.837 16.6133 125.657 15.6867 126.737 15.02C127.83 14.34 129.144 14 130.677 14C132.21 14 133.517 14.34 134.597 15.02C135.677 15.6867 136.49 16.6133 137.037 17.8C137.597 18.9867 137.877 20.36 137.877 21.92C137.877 23.48 137.597 24.8733 137.037 26.1C136.49 27.3133 135.67 28.2667 134.577 28.96C133.497 29.6533 132.197 30 130.677 30C129.144 30 127.83 29.6533 126.737 28.96C125.657 28.2667 124.837 27.3133 124.277 26.1C123.73 24.8733 123.457 23.48 123.457 21.92ZM125.217 21.92C125.217 23.1467 125.43 24.24 125.857 25.2C126.284 26.1467 126.904 26.8933 127.717 27.44C128.544 27.9733 129.53 28.24 130.677 28.24C131.824 28.24 132.804 27.9667 133.617 27.42C134.43 26.8733 135.05 26.1267 135.477 25.18C135.904 24.2333 136.117 23.1467 136.117 21.92C136.117 20.7067 135.904 19.64 135.477 18.72C135.05 17.8 134.43 17.08 133.617 16.56C132.804 16.0267 131.824 15.76 130.677 15.76C129.53 15.76 128.544 16.0267 127.717 16.56C126.904 17.08 126.284 17.8 125.857 18.72C125.43 19.64 125.217 20.7067 125.217 21.92ZM141.603 22.32H145.843C146.803 22.32 147.636 22.22 148.343 22.02C149.049 21.8067 149.609 21.46 150.023 20.98C150.449 20.5 150.663 19.86 150.663 19.06C150.663 18.3 150.449 17.6667 150.023 17.16C149.609 16.6533 149.036 16.28 148.303 16.04C147.583 15.8 146.763 15.68 145.843 15.68H141.603V22.32ZM141.603 24V29.98V30H139.883V14H145.843C147.763 14 149.349 14.3867 150.603 15.16C151.856 15.92 152.483 17.2333 152.483 19.1C152.483 20.2733 152.169 21.2267 151.543 21.96C150.916 22.68 150.103 23.2 149.103 23.52C148.116 23.84 147.029 24 145.843 24H141.603ZM156.192 14V30H154.492V14H156.192ZM164.692 22.84H156.192V21.16L164.692 21Line truncated
@@ -64,7 +64,7 @@
                         <path d="M50.4859 5.79145C49.0065 3.27258 44.6431 2.78969 38.1761 4.42108C35.0048 1.89583 31.1372 0.376333 27.0791 0.0613091C23.021 -0.253715 18.9613 0.650395 15.4309 2.65541C11.9004 4.66042 9.06364 7.673 7.29143 11.2992C5.51922 14.9254 4.8941 18.9964 5.49783 22.9798C0.798105 27.6978 -0.973633 31.6805 0.51234 34.2081C1.42019 35.7547 3.36998 36.5377 6.22762 36.5377C8.05553 36.5052 9.87449 36.2769 11.6527 35.8569C12.0352 35.7721 12.4265 35.6785 12.8222 35.5785C15.793 37.9443 19.3793 39.4307 23.1672 39.8663C26.9551 40.3018 30.7903 39.6687 34.2301 38.0399C37.67 36.4112 40.5744 33.8533 42.6083 30.6613C44.6421 27.4693 45.7224 23.7733 45.7246 19.9998C45.7261 19.0003 45.6527 18.002 45.5048 17.0132C48.3119 14.1855 50.1891 11.5144 50.7805 9.29786C51.1519 7.93619 51.0508 6.75724 50.4859 5.79145ZM25.5013 1.7282C29.77 1.73333 33.9054 3.19952 37.206 5.87806C40.5066 8.5566 42.7692 12.2825 43.61 16.4238C40.0555 19.8366 35.081 23.4888 29.4339 26.6994C23.4306 30.1122 17.8253 32.4092 13.253 33.66C10.4542 31.1997 8.47718 27.9557 7.5842 24.3581C6.69122 20.7605 6.92444 16.9793 8.25293 13.5159C9.58142 10.0525 11.9424 7.07045 15.0229 4.96526C18.1033 2.86006 21.7576 1.73114 25.5013 1.7282ZM2.03568 33.3337C1.10145 31.7458 2.58523 28.6353 5.93746 25.0549C6.84638 28.4997 8.66755 31.6421 11.2131 34.1581C6.34633 35.2261 2.96332 34.9172 2.03568 33.3337ZM25.5013 38.2714C21.7268 38.275 18.0427 37.1282 14.95 34.9868C19.6937 33.5556 25.0243 31.2085 30.3044 28.2089C35.635 25.1767 40.3303 21.8008 43.8957 18.5424C43.9353 19.0231 43.9617 19.5082 43.9617 19.9998C43.9559 24.8432 42.0092 29.4866 38.5486 32.9118C35.088 36.3371 30.3959 38.2645 25.5013 38.2714ZM49.0835 8.84759C48.6152 10.5877 47.1974 12.6868 45.0718 14.9512C44.1572 11.4985 42.3267 8.3504 39.7697 5.83278C44.5728 4.78434 48.0327 5.08016 48.9648 6.66588C49.2857 7.2162 49.3274 7.94924 49.0835 8.84759Z" fill="white"/>
                         <path d="M73.68 26.12C73.1067 27.36 72.2733 28.32 71.18 29C70.0867 29.6667 68.7533 30 67.18 30C65.6467 30 64.34 29.6533 63.26 28.96C62.1933 28.2667 61.38 27.3133 60.82 26.1C60.2733 24.8733 60 23.48 60 21.92C60 20.36 60.2733 18.9867 60.82 17.8C61.3667 16.6133 62.18 15.6867 63.26 15.02C64.34 14.34 65.6467 14 67.18 14C68.78 14 70.1267 14.34 71.22 15.02C72.3133 15.6867 73.1533 16.6667 73.74 17.96L72.24 19.02C71.9333 18.2867 71.54 17.68 71.06 17.2C70.5933 16.7067 70.0333 16.34 69.38 16.1C68.7267 15.8467 67.9933 15.72 67.18 15.72C66.1 15.72 65.1467 15.9733 64.32 16.48C63.5067 16.9867 62.8733 17.7067 62.42 18.64C61.9667 19.5733 61.74 20.6667 61.74 21.92C61.74 23.2267 61.9667 24.36 62.42 25.32C62.8733 26.2667 63.5067 27 64.32 27.52C65.1333 28.0267 66.0867 28.28 67.18 28.28C67.9933 28.28 68.72 28.16 69.36 27.92C70.0133 27.68 70.5733 27.32 71.04 26.84C71.5067 26.36 71.8933 25.7667 72.2 25.06L73.68 26.12ZM75.7422 21.92C75.7422 20.36 76.0155 18.9867 76.5622 17.8C77.1222 16.6133 77.9422 15.6867 79.0222 15.02C80.1155 14.34 81.4289 14 82.9622 14C84.4955 14 85.8022 14.34 86.8822 15.02C87.9622 15.6867 88.7755 16.6133 89.3222 17.8C89.8822 18.9867 90.1622 20.36 90.1622 21.92C90.1622 23.48 89.8822 24.8733 89.3222 26.1C88.7755 27.3133 87.9555 28.2667 86.8622 28.96C85.7822 29.6533 84.4822 30 82.9622 30C81.4289 30 80.1155 29.6533 79.0222 28.96C77.9422 28.2667 77.1222 27.3133 76.5622 26.1C76.0155 24.8733 75.7422 23.48 75.7422 21.92ZM77.5022 21.92C77.5022 23.1467 77.7155 24.24 78.1422 25.2C78.5689 26.1467 79.1889 26.8933 80.0022 27.44C80.8289 27.9733 81.8155 28.24 82.9622 28.24C84.1089 28.24 85.0889 27.9667 85.9022 27.42C86.7155 26.8733 87.3355 26.1267 87.7622 25.18C88.1889 24.2333 88.4022 23.1467 88.4022 21.92C88.4022 20.7067 88.1889 19.64 87.7622 18.72C87.3355 17.8 86.7155 17.08 85.9022 16.56C85.0889 16.0267 84.1089 15.76 82.9622 15.76C81.8155 15.76 80.8289 16.0267 80.0022 16.56C79.1889 17.08 78.5689 17.8 78.1422 18.72C77.7155 19.64 77.5022 20.7067 77.5022 21.92ZM93.668 24.94C94.2013 26.1267 94.8413 26.98 95.588 27.5C96.348 28.02 97.2746 28.28 98.368 28.28C99.5413 28.28 100.455 28.0733 101.108 27.66C101.775 27.2467 102.108 26.5933 102.108 25.7C102.108 24.8867 101.781 24.2133 101.128 23.68C100.475 23.1467 99.5213 22.7533 98.268 22.5L97.268 22.28C95.668 21.96 94.4546 21.4533 93.628 20.76C92.8146 20.0667 92.408 19.1 92.408 17.86C92.408 17.0733 92.6413 16.3867 93.108 15.8C93.588 15.2133 94.2146 14.7667 94.988 14.46C95.7613 14.1533 96.608 14 97.528 14C99.048 14 100.255 14.34 101.148 15.02C102.041 15.7 102.788 16.7267 103.388 18.1L101.988 18.96C101.481 17.8267 100.861 17 100.128 16.48C99.408 15.96 98.528 15.7 97.488 15.7C96.4613 15.7 95.6413 15.8933 95.028 16.28C94.4146 16.6667 94.108 17.2333 94.108 17.98C94.108 18.6733 94.3946 19.2267 94.968 19.64C95.5413 20.0533 96.4013 20.3933 97.548 20.66L98.508 20.88C99.8013 21.1733 100.835 21.5467 101.608 22C102.395 22.44 102.961 22.9667 103.308 23.58C103.655 24.1933 103.821 24.9267 103.808 25.78C103.795 27.1667 103.288 28.22 102.288 28.94C101.288 29.6467 99.968 30 98.328 30C96.7413 30 95.468 29.6533 94.508 28.96C93.5613 28.2533 92.7813 27.22 92.168 25.86L93.668 24.94ZM107.561 14V30H105.801V14H107.561ZM107.621 14L114.641 30H112.821L105.881 14H107.621ZM121.381 14L114.641 30H112.821L119.641 14H121.381ZM121.461 14V30H119.701V14H121.461ZM123.457 21.92C123.457 20.36 123.73 18.9867 124.277 17.8C124.837 16.6133 125.657 15.6867 126.737 15.02C127.83 14.34 129.144 14 130.677 14C132.21 14 133.517 14.34 134.597 15.02C135.677 15.6867 136.49 16.6133 137.037 17.8C137.597 18.9867 137.877 20.36 137.877 21.92C137.877 23.48 137.597 24.8733 137.037 26.1C136.49 27.3133 135.67 28.2667 134.577 28.96C133.497 29.6533 132.197 30 130.677 30C129.144 30 127.83 29.6533 126.737 28.96C125.657 28.2667 124.837 27.3133 124.277 26.1C123.73 24.8733 123.457 23.48 123.457 21.92ZM125.217 21.92C125.217 23.1467 125.43 24.24 125.857 25.2C126.284 26.1467 126.904 26.8933 127.717 27.44C128.544 27.9733 129.53 28.24 130.677 28.24C131.824 28.24 132.804 27.9667 133.617 27.42C134.43 26.8733 135.05 26.1267 135.477 25.18C135.904 24.2333 136.117 23.1467 136.117 21.92C136.117 20.7067 135.904 19.64 135.477 18.72C135.05 17.8 134.43 17.08 133.617 16.56C132.804 16.0267 131.824 15.76 130.677 15.76C129.53 15.76 128.544 16.0267 127.717 16.56C126.904 17.08 126.284 17.8 125.857 18.72C125.43 19.64 125.217 20.7067 125.217 21.92ZM141.603 22.32H145.843C146.803 22.32 147.636 22.22 148.343 22.02C149.049 21.8067 149.609 21.46 150.023 20.98C150.449 20.5 150.663 19.86 150.663 19.06C150.663 18.3 150.449 17.6667 150.023 17.16C149.609 16.6533 149.036 16.28 148.303 16.04C147.583 15.8 146.763 15.68 145.843 15.68H141.603V22.32ZM141.603 24V29.98V30H139.883V14H145.843C147.763 14 149.349 14.3867 150.603 15.16C151.856 15.92 152.483 17.2333 152.483 19.1C152.483 20.2733 152.169 21.2267 151.543 21.96C150.916 22.68 150.103 23.2 149.103 23.52C148.116 23.84 147.029 24 145.843 24H141.603ZM156.192 14V30H154.492V14H156.192ZM164.692 22.84H156.192V21.16L164.692 21Line truncated
                     </svg>
-                </div>
+                </a>
 
                 <ul class="main-menu">
                     <li class="main-menu__item">
@@ -244,29 +244,14 @@
                 </div>
 
                 <div class="product__tag">
-                    <div class="product-tag__item">
+                    <button class="product-tag__item">
                         <div class="product-tag-item__content">
                             <p class="product-tag-item__text">Для собак</p>
-                            <button class="product-tag-item__button">
+                            <div class="product-tag-item__button">
-                            </button>
+                            </div>
                         </div>
-                    </div>
+                    </button>
 
-                    <div class="product-tag__item">
-                        <div class="product-tag-item__content">
-                            <p class="product-tag-item__text">Для собак</p>
-                            <button class="product-tag-item__button">
-                            </button>
-                        </div>
-                    </div>
-
-                    <div class="product-tag__item">
-                        <div class="product-tag-item__content">
-                            <p class="product-tag-item__text">Для собак</p>
-                            <button class="product-tag-item__button">
-                            </button>
-                        </div>
-                    </div>
                 </div>
 
                 <div class="product__main">
@@ -285,9 +270,9 @@
                                 <div class="compound__item">Индейка </div>  
                             </div>
                             <p class="product-item__title">Сухой корм, для средних и крупных пород, 2 кг.</p>
-                            <p class="product-item__price">
+                            <div class="product-item__price">
-                                1 304
+                                <p>1 304</p>
-                            </p>
+                            </div>
                             <div class="product-item__bye">
                                 <button class="button button--white button--100-perc open-overlay">
                                     Купить
@@ -379,9 +364,9 @@
                                 <div class="compound__item">Индейка </div>  
                             </div>
                             <p class="product-item__title">Сухой корм, для средних и крупных пород, 2 кг.</p>
-                            <p class="product-item__price">
+                            <div class="product-item__price">
-                                1 304
+                                <p>1 304</p>
-                            </p>
+                            </div>
                             <div class="product-item__bye">
                                 <button class="button button--white button--100-perc open-overlay ">
                                     Купить
@@ -476,9 +461,9 @@
                                 <div class="compound__item">Индейка </div>  
                             </div>
                             <p class="product-item__title">Сухой корм, для средних и крупных пород, 2 кг.</p>
-                            <p class="product-item__price">
+                            <div class="product-item__price">
-                                1 304
+                                <p>1 304</p>
-                            </p>
+                            </div>
                             <div class="product-item__bye">
                                 <button class="to-know button--100-perc">
                                     <p>Узнать о поступлении</p>
@@ -501,9 +486,9 @@
                                 <div class="compound__item">Индейка </div>  
                             </div>
                             <p class="product-item__title">Сухой корм, для средних и крупных пород, 2 кг.</p>
-                            <p class="product-item__price">
+                            <div class="product-item__price">
-                                1 304
+                                <p>1 304</p>
-                            </p>
+                            </div>
                             <div class="product-item__bye">
                                 <button class="button button--white button--100-perc open-overlay">
                                     Купить
@@ -526,9 +511,9 @@
                                 <div class="compound__item">Индейка </div>  
                             </div>
                             <p class="product-item__title">Сухой корм, для средних и крупных пород, 2 кг.</p>
-                            <p class="product-item__price">
+                            <div class="product-item__price">
-                                1 304
+                                <p>1 304</p>
-                            </p>
+                            </div>
                             <div class="product-item__bye">
                                 <button class="button button--white button--100-perc open-overlay">
                                     Купить
@@ -554,9 +539,9 @@
                                 <div class="compound__item">Индейка </div>  
                             </div>
                             <p class="product-item__title">Сухой корм, для средних и крупных пород, 2 кг.</p>
-                            <p class="product-item__price">
+                            <div class="product-item__price">
-                                1 304
+                                <p>1 304</p>
-                            </p>
+                            </div>
                             <div class="product-item__bye">
                                 <button class="to-know button--100-perc">
                                     <p>Узнать о поступлении</p>
@@ -593,16 +578,16 @@
                                         <div class="toggle-content__item">
                                             <div class="toggle-content__element toggle-content__element--width-perc-50">
                                                 <div class="radio">
-                                                    <input type="radio" name="animal" id="" class="radio__input">
+                                                    <input type="radio" name="animal" id="cat" class="radio__input">
 
-                                                    <label for="" class="radio__label">Для кошек</label>
+                                                    <label for="cat" class="radio__label">Для кошек</label>
                                                 </div>
                                             </div>
                                             <div class="toggle-content__element toggle-content__element--width-perc-50">
                                                 <div class="radio">
-                                                    <input type="radio" name="animal" id="" class="radio__input">
+                                                    <input type="radio" name="animal" id="dog" class="radio__input">
 
-                                                    <label for="" class="radio__label">Для собак</label>
+                                                    <label for="dog" class="radio__label">Для собак</label>
                                                 </div>
                                             </div>
                                         </div>
@@ -871,9 +856,9 @@
                             </a>
                         </div>
                         <div class="footer-list__item">
-                            <button class="button button--black button--100-perc">
+                            <a href="#" class="button button--black button--100-perc button--link">
                                 Чат бот с ветеринаром
-                            </button>
+                            </a>
                         </div>
                     </div>
 
@@ -914,17 +899,22 @@
                     </form>
                 </div>
 
-                <div class="social-media footer__social-media">
+                <div class="footer__social-media">
-                    <a href="#" class="social-media__item">
+                    <div class="social-media">
-                        <img src="assets/img/svg/social-media/vk.svg" alt="" class="social-media__icon">
+                        <a href="#" class="social-media__item">
-                    </a>
+                            <img src="assets/img/svg/social-media/vk.svg" alt="" class="social-media__icon">
-                    <a href="#" class="social-media__item">
+                        </a>
-                        <img src="assets/img/svg/social-media/tg.svg" alt="" class="social-media__icon">
+                        <a href="#" class="social-media__item">
-                    </a>
+                            <img src="assets/img/svg/social-media/tg.svg" alt="" class="social-media__icon">
-                    <a href="#" class="social-media__item">
+                        </a>
-                        <img src="assets/img/svg/social-media/ya.svg" alt="" class="social-media__icon">
+                        <a href="#" class="social-media__item">
-                    </a>
+                            <img src="assets/img/svg/social-media/ya.svg" alt="" class="social-media__icon">
+                        </a>
+                    </div>
+
+                    <a href="#" class="footer-about__text">Соглашение о конфиденциальности</a>
                 </div>
+                
             </div>
         </footer>
 

modal-basket.html

@@ -1,856 +0,0 @@
-<!DOCTYPE html>
-<html lang="ru">
-    <head>
-        <meta charset="UTF-8">
-        <meta http-equiv="X-UA-Compatible" content="IE=edge">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <title>SEO title</title>
-        <meta name="description" content="SEO Description">
-        <link rel="shortcut icon" href="/assets/img/favicon.ico?v=1.0">
-
-        <!-- Базовые стили -->
-        <link rel="stylesheet" href="/assets/css/gp-style-core.css?v=1.0">
-        <link rel="stylesheet" href="/assets/css/gp-style-desktop.css?v=1.0">
-        <!-- Адаптив -->
-        <link rel="stylesheet" media="screen and (min-width: 1400px)" href="/assets/css/gp-style-ultra.css?v=1.0">
-        <link rel="stylesheet" media="screen and (max-width: 1200px)" href="/assets/css/gp-style-tablet.css">
-        <link rel="stylesheet" media="screen and (max-width: 720px)" href="/assets/css/gp-style-mobile.css?v=1.0">
-    
-
-        <!-- Яндекс.Вебмастер + Google Search Console -->
-        <meta name="yandex-verification" content="XXXXXXXXXXXXXXXXX" />
-        <meta name="google-site-verification" content="XXXXXXXXXXXXXXXXX" />
-        <!-- /Яндекс.Вебмастер + Google Search Console -->
-
-        <!-- Yandex.Metrika counter -->
-        <script type="text/javascript">
-            (function (m, e, t, r, i, k, a) {
-                m[i] = m[i] || function () { (m[i].a = m[i].a || []).push(arguments) };
-                m[i].l = 1 * new Date();
-                for (var j = 0; j < document.scripts.length; j++) { if (document.scripts[j].src === r) { return; } }
-                k = e.createElement(t), a = e.getElementsByTagName(t)[0], k.async = 1, k.src = r, a.parentNode.insertBefore(k, a)
-            })
-                (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
-
-            ym(XXXXXX, "init", { // XXXXXX - счетчик
-                clickmap: true,
-                trackLinks: true,
-                accurateTrackBounce: true,
-                webvisor: true,
-                ecommerce: "dataLayer"
-            });
-        </script>
-        <noscript>
-            <div><img src="https://mc.yandex.ru/watch/85828806" style="position:absolute; left:-9999px;" alt="" /></div>
-        </noscript>
-        <!-- /Yandex.Metrika counter -->
-    
-    
-    </head>
-    <body>
-
-        <header class="header">
-            <div class="header__content">
-                <button class="header__open-menu" id="phone-menu">
-                </button>
-
-                <div class="header__logo">
-                    <svg class="header__logo-black" xmlns="http://www.w3.org/2000/svg" width="181" height="40" viewBox="0 0 181 40" fill="none">
-                        <path d="M50.4859 5.79145C49.0065 3.27258 44.6431 2.78969 38.1761 4.42108C35.0048 1.89583 31.1372 0.376333 27.0791 0.0613091C23.021 -0.253715 18.9613 0.650395 15.4309 2.65541C11.9004 4.66042 9.06364 7.673 7.29143 11.2992C5.51922 14.9254 4.8941 18.9964 5.49783 22.9798C0.798105 27.6978 -0.973633 31.6805 0.51234 34.2081C1.42019 35.7547 3.36998 36.5377 6.22762 36.5377C8.05553 36.5052 9.87449 36.2769 11.6527 35.8569C12.0352 35.7721 12.4265 35.6785 12.8222 35.5785C15.793 37.9443 19.3793 39.4307 23.1672 39.8663C26.9551 40.3018 30.7903 39.6687 34.2301 38.0399C37.67 36.4112 40.5744 33.8533 42.6083 30.6613C44.6421 27.4693 45.7224 23.7733 45.7246 19.9998C45.7261 19.0003 45.6527 18.002 45.5048 17.0132C48.3119 14.1855 50.1891 11.5144 50.7805 9.29786C51.1519 7.93619 51.0508 6.75724 50.4859 5.79145ZM25.5013 1.7282C29.77 1.73333 33.9054 3.19952 37.206 5.87806C40.5066 8.5566 42.7692 12.2825 43.61 16.4238C40.0555 19.8366 35.081 23.4888 29.4339 26.6994C23.4306 30.1122 17.8253 32.4092 13.253 33.66C10.4542 31.1997 8.47718 27.9557 7.5842 24.3581C6.69122 20.7605 6.92444 16.9793 8.25293 13.5159C9.58142 10.0525 11.9424 7.07045 15.0229 4.96526C18.1033 2.86006 21.7576 1.73114 25.5013 1.7282ZM2.03568 33.3337C1.10145 31.7458 2.58523 28.6353 5.93746 25.0549C6.84638 28.4997 8.66755 31.6421 11.2131 34.1581C6.34633 35.2261 2.96332 34.9172 2.03568 33.3337ZM25.5013 38.2714C21.7268 38.275 18.0427 37.1282 14.95 34.9868C19.6937 33.5556 25.0243 31.2085 30.3044 28.2089C35.635 25.1767 40.3303 21.8008 43.8957 18.5424C43.9353 19.0231 43.9617 19.5082 43.9617 19.9998C43.9559 24.8432 42.0092 29.4866 38.5486 32.9118C35.088 36.3371 30.3959 38.2645 25.5013 38.2714ZM49.0835 8.84759C48.6152 10.5877 47.1974 12.6868 45.0718 14.9512C44.1572 11.4985 42.3267 8.3504 39.7697 5.83278C44.5728 4.78434 48.0327 5.08016 48.9648 6.66588C49.2857 7.2162 49.3274 7.94924 49.0835 8.84759Z" fill="#121212"/>
-                        <path d="M73.68 26.12C73.1067 27.36 72.2733 28.32 71.18 29C70.0867 29.6667 68.7533 30 67.18 30C65.6467 30 64.34 29.6533 63.26 28.96C62.1933 28.2667 61.38 27.3133 60.82 26.1C60.2733 24.8733 60 23.48 60 21.92C60 20.36 60.2733 18.9867 60.82 17.8C61.3667 16.6133 62.18 15.6867 63.26 15.02C64.34 14.34 65.6467 14 67.18 14C68.78 14 70.1267 14.34 71.22 15.02C72.3133 15.6867 73.1533 16.6667 73.74 17.96L72.24 19.02C71.9333 18.2867 71.54 17.68 71.06 17.2C70.5933 16.7067 70.0333 16.34 69.38 16.1C68.7267 15.8467 67.9933 15.72 67.18 15.72C66.1 15.72 65.1467 15.9733 64.32 16.48C63.5067 16.9867 62.8733 17.7067 62.42 18.64C61.9667 19.5733 61.74 20.6667 61.74 21.92C61.74 23.2267 61.9667 24.36 62.42 25.32C62.8733 26.2667 63.5067 27 64.32 27.52C65.1333 28.0267 66.0867 28.28 67.18 28.28C67.9933 28.28 68.72 28.16 69.36 27.92C70.0133 27.68 70.5733 27.32 71.04 26.84C71.5067 26.36 71.8933 25.7667 72.2 25.06L73.68 26.12ZM75.7422 21.92C75.7422 20.36 76.0155 18.9867 76.5622 17.8C77.1222 16.6133 77.9422 15.6867 79.0222 15.02C80.1155 14.34 81.4289 14 82.9622 14C84.4955 14 85.8022 14.34 86.8822 15.02C87.9622 15.6867 88.7755 16.6133 89.3222 17.8C89.8822 18.9867 90.1622 20.36 90.1622 21.92C90.1622 23.48 89.8822 24.8733 89.3222 26.1C88.7755 27.3133 87.9555 28.2667 86.8622 28.96C85.7822 29.6533 84.4822 30 82.9622 30C81.4289 30 80.1155 29.6533 79.0222 28.96C77.9422 28.2667 77.1222 27.3133 76.5622 26.1C76.0155 24.8733 75.7422 23.48 75.7422 21.92ZM77.5022 21.92C77.5022 23.1467 77.7155 24.24 78.1422 25.2C78.5689 26.1467 79.1889 26.8933 80.0022 27.44C80.8289 27.9733 81.8155 28.24 82.9622 28.24C84.1089 28.24 85.0889 27.9667 85.9022 27.42C86.7155 26.8733 87.3355 26.1267 87.7622 25.18C88.1889 24.2333 88.4022 23.1467 88.4022 21.92C88.4022 20.7067 88.1889 19.64 87.7622 18.72C87.3355 17.8 86.7155 17.08 85.9022 16.56C85.0889 16.0267 84.1089 15.76 82.9622 15.76C81.8155 15.76 80.8289 16.0267 80.0022 16.56C79.1889 17.08 78.5689 17.8 78.1422 18.72C77.7155 19.64 77.5022 20.7067 77.5022 21.92ZM93.668 24.94C94.2013 26.1267 94.8413 26.98 95.588 27.5C96.348 28.02 97.2746 28.28 98.368 28.28C99.5413 28.28 100.455 28.0733 101.108 27.66C101.775 27.2467 102.108 26.5933 102.108 25.7C102.108 24.8867 101.781 24.2133 101.128 23.68C100.475 23.1467 99.5213 22.7533 98.268 22.5L97.268 22.28C95.668 21.96 94.4546 21.4533 93.628 20.76C92.8146 20.0667 92.408 19.1 92.408 17.86C92.408 17.0733 92.6413 16.3867 93.108 15.8C93.588 15.2133 94.2146 14.7667 94.988 14.46C95.7613 14.1533 96.608 14 97.528 14C99.048 14 100.255 14.34 101.148 15.02C102.041 15.7 102.788 16.7267 103.388 18.1L101.988 18.96C101.481 17.8267 100.861 17 100.128 16.48C99.408 15.96 98.528 15.7 97.488 15.7C96.4613 15.7 95.6413 15.8933 95.028 16.28C94.4146 16.6667 94.108 17.2333 94.108 17.98C94.108 18.6733 94.3946 19.2267 94.968 19.64C95.5413 20.0533 96.4013 20.3933 97.548 20.66L98.508 20.88C99.8013 21.1733 100.835 21.5467 101.608 22C102.395 22.44 102.961 22.9667 103.308 23.58C103.655 24.1933 103.821 24.9267 103.808 25.78C103.795 27.1667 103.288 28.22 102.288 28.94C101.288 29.6467 99.968 30 98.328 30C96.7413 30 95.468 29.6533 94.508 28.96C93.5613 28.2533 92.7813 27.22 92.168 25.86L93.668 24.94ZM107.561 14V30H105.801V14H107.561ZM107.621 14L114.641 30H112.821L105.881 14H107.621ZM121.381 14L114.641 30H112.821L119.641 14H121.381ZM121.461 14V30H119.701V14H121.461ZM123.457 21.92C123.457 20.36 123.73 18.9867 124.277 17.8C124.837 16.6133 125.657 15.6867 126.737 15.02C127.83 14.34 129.144 14 130.677 14C132.21 14 133.517 14.34 134.597 15.02C135.677 15.6867 136.49 16.6133 137.037 17.8C137.597 18.9867 137.877 20.36 137.877 21.92C137.877 23.48 137.597 24.8733 137.037 26.1C136.49 27.3133 135.67 28.2667 134.577 28.96C133.497 29.6533 132.197 30 130.677 30C129.144 30 127.83 29.6533 126.737 28.96C125.657 28.2667 124.837 27.3133 124.277 26.1C123.73 24.8733 123.457 23.48 123.457 21.92ZM125.217 21.92C125.217 23.1467 125.43 24.24 125.857 25.2C126.284 26.1467 126.904 26.8933 127.717 27.44C128.544 27.9733 129.53 28.24 130.677 28.24C131.824 28.24 132.804 27.9667 133.617 27.42C134.43 26.8733 135.05 26.1267 135.477 25.18C135.904 24.2333 136.117 23.1467 136.117 21.92C136.117 20.7067 135.904 19.64 135.477 18.72C135.05 17.8 134.43 17.08 133.617 16.56C132.804 16.0267 131.824 15.76 130.677 15.76C129.53 15.76 128.544 16.0267 127.717 16.56C126.904 17.08 126.284 17.8 125.857 18.72C125.43 19.64 125.217 20.7067 125.217 21.92ZM141.603 22.32H145.843C146.803 22.32 147.636 22.22 148.343 22.02C149.049 21.8067 149.609 21.46 150.023 20.98C150.449 20.5 150.663 19.86 150.663 19.06C150.663 18.3 150.449 17.6667 150.023 17.16C149.609 16.6533 149.036 16.28 148.303 16.04C147.583 15.8 146.763 15.68 145.843 15.68H141.603V22.32ZM141.603 24V29.98V30H139.883V14H145.843C147.763 14 149.349 14.3867 150.603 15.16C151.856 15.92 152.483 17.2333 152.483 19.1C152.483 20.2733 152.169 21.2267 151.543 21.96C150.916 22.68 150.103 23.2 149.103 23.52C148.116 23.84 147.029 24 145.843 24H141.603ZM156.192 14V30H154.492V14H156.192ZM164.692 22.84H156.192V21.16L164.692 21Line truncated
-                    </svg>
-                </div>
-
-                <ul class="main-menu">
-                    <li class="main-menu__item">
-                        <a href="#" class="main-menu__link">ГЛАВНАЯ</a>
-                    </li>
-                    <li class="main-menu__item">
-                        <a href="#" class="main-menu__link">О COSMOPET</a>
-                    </li>
-                    <li class="main-menu__item">
-                        <a href="#" class="main-menu__link">ПРОИЗВОДСТВО</a>
-                    </li class="main-menu__item">
-                    <li class="main-menu__item">
-                        <a href="#" class="main-menu__link">БЛОГ</a>
-                    </li>
-                    <li class="main-menu__item">
-                        <button class="main-menu__button" id="pc-menu">
-                            ПРОДУКЦИЯ
-                        </button>
-                    </li>
-                </ul>
-
-                <div class="mini-profile">
-                    <div class="mini-profile__item">
-                        <div class="lang">
-                            <button class="lang__open">
-                                RU
-                            </button>
-                            <div class="lang__content">
-                                <ul class="lang__list">
-                                    <li class="lang__item active">
-                                        <a href="#" class="lang__link">
-                                            RU
-                                        </a>
-                                    </li>
-                                    <li class="lang__item">
-                                        <a href="#" class="lang__link">
-                                            EN
-                                        </a>
-                                    </li>
-                                    <li class="lang__item">
-                                        <a href="#" class="lang__link">
-                                            AR
-                                        </a>
-                                    </li>
-                                </ul>
-                            </div>
-                                
-                        </div>
-                    </div>
-                    <div class="mini-profile__item">
-                        <a href="" class="mini-profile__button">
-                            <img src="assets/img/svg/mini-profile/profile.svg" alt="" class="mini-profile__icon">
-                        </a>
-                    </div>
-                    <div class="mini-profile__item">
-                        <button class="mini-profile__button">
-                            <img src="assets/img/svg/mini-profile/basket.svg" alt="" class="mini-profile__icon">
-                        </button>
-                    </div>
-                </div>
-            </div>
-            <div class="header__menu-block">
-                <div class="header__pc-menu">
-                    <div class="header-pc-menu__content">
-                        <div class="header-pc-menu__item">
-                            <a href="#" class="header-pc-menu__title">Кошкам</a>
-                            <ul class="header-pc-menu__list">
-                                <li class="header-pc-menu__list-li">
-                                    <a href="">Лакомства</a>
-                                </li>
-                                <li class="header-pc-menu__list-li">
-                                    <a href="">Корм</a>
-                                </li>
-                                <li class="header-pc-menu__list-li">
-                                    <a href="">Аксессуары</a>
-                                </li>
-                            </ul>
-                        </div>
-                        <div class="header-pc-menu__item">
-                            <a href="#" class="header-pc-menu__title">Собакам</a>
-                            <ul class="header-pc-menu__list">
-                                <li class="header-pc-menu__list-li">
-                                    <a href="">Лакомства</a>
-                                </li>
-                                <li class="header-pc-menu__list-li">
-                                    <a href="">Корм</a>
-                                </li>
-                                <li class="header-pc-menu__list-li">
-                                    <a href="">Аксессуары</a>
-                                </li>
-                            </ul>
-                        </div>
-                    </div>
-                </div>
-
-                <div class="header__phone-menu">
-                    <div class="header-phone-menu__item">
-                        <a href="#" class="header-phone-menu__title header-phone-menu__title--gradient" >
-                            ГЛАВНАЯ
-                        </a>
-                    </div>
-                    <div class="header-phone-menu__item">
-                        <a href="#" class="header-phone-menu__title">
-                            ПРОДУКЦИЯ
-                        </a>
-                        <a href="#" class="header-phone-menu__category">Кошкам</a>
-                        <ul class="header-phone-menu__list">
-                            <li class="header-phone-menu__list-item">
-                                <a href="#">Корм</a>
-                            </li>
-                            <li  class="header-phone-menu__list-item">
-                                <a href="#">Лакомства</a>
-                            </li>
-                            <li  class="header-phone-menu__list-item">
-                                <a href="#">Корм</a>
-                            </li>
-                        </ul>
-                        <a href="#" class="header-phone-menu__category">Собакам</a>
-                        <ul class="header-phone-menu__list">
-                            <li class="header-phone-menu__list-item">
-                                <a href="#">Корм</a>
-                            </li>
-                            <li  class="header-phone-menu__list-item">
-                                <a href="#">Лакомства</a>
-                            </li>
-                            <li  class="header-phone-menu__list-item">
-                                <a href="#">Корм</a>
-                            </li>
-                        </ul>
-                    </div>
-                    <div class="header-phone-menu__item">
-                        <a href="#" class="header-phone-menu__title">
-                            О COSMOPET
-                        </a>
-                    </div>
-                    <div class="header-phone-menu__item">
-                        <a href="#" class="header-phone-menu__title">
-                            ПРОИЗВОДСТВО
-                        </a>
-                    </div>
-                    <div class="header-phone-menu__item">
-                        <a href="#" class="header-phone-menu__title">
-                            БЛОГ
-                        </a>
-                    </div>
-                </div>
-            </div>
-        </header>
-        
-        <main class="wrapper">
-            <div class="breadcrumbs">
-                <a href="#" class="breadcrumbs__item">
-                    главня
-                </a>
-                <a href="#" class="breadcrumbs__item">
-                    продукция
-                </a>
-            </div>
-
-            <div class="product">
-                <div class="product__header">
-                    <p class="product__title">Продукция</p>
-
-                    <button class="button button--gradient button--high button--icon button--filter">
-                        Фильтры
-                    </button>
-                </div>
-
-                <div class="product__tag">
-                    <div class="product-tag__item">
-                        <div class="product-tag-item__content">
-                            <p class="product-tag-item__text">Для собак</p>
-                            <button class="product-tag-item__button">
-                            </button>
-                        </div>
-                    </div>
-
-                    <div class="product-tag__item">
-                        <div class="product-tag-item__content">
-                            <p class="product-tag-item__text">Для собак</p>
-                            <button class="product-tag-item__button">
-                            </button>
-                        </div>
-                    </div>
-
-                    <div class="product-tag__item">
-                        <div class="product-tag-item__content">
-                            <p class="product-tag-item__text">Для собак</p>
-                            <button class="product-tag-item__button">
-                            </button>
-                        </div>
-                    </div>
-                </div>
-
-                <div class="product__main">
-                    <div class="product__item">
-                        <div class="product-item__label">
-                            <div class="product-item-label__tag product-item-label__tag--new">
-                                Новинка
-                            </div>
-                        </div>
-                        <div class="product-item__product-card">
-                            <img src="assets/img/product/image.png" alt="" class="product-item__images">
-                        </div>
-                        <div class="product-item__content-card">
-                            <div class="compound">
-                                <div class="compound__item">Индейка </div>
-                                <div class="compound__item">Индейка </div>  
-                            </div>
-                            <p class="product-item__title">Сухой корм, для средних и крупных пород, 2 кг.</p>
-                            <p class="product-item__price">
-                                1 304
-                            </p>
-                            <div class="product-item__bye">
-                                <button class="button button--white button--100-perc">
-                                    Купить
-                                </button>
-                            </div>
-                        </div>
-                        <div class="product-item__overlay">
-                            <div class="product-item-overlay__header">
-                                <p class="product-item__title">
-                                    Сухой корм, 2 кг, для крупных и средних пород
-                                </p>
-                                <ul class="product-item-overlay__tags">
-                                    <li>Seperpremium</li>
-                                    <li>Для крупных и средних пород </li>
-                                    <li>Полнорационный</li>
-                                </ul>
-                            </div>
-                            
-                            <form class="product-item__form" method="post" action="/send-telegram.php">
-                                <div class="product-item-overlay__input-block">
-                                    <div class="product-item-overlay__field">
-                                        <p class="product-item-overlay-field__title">Объем</p>
-
-                                        <div class="select">
-                                            <input type="text" class="select__state" value="2 кг">
-                                            <div class="state__block">
-                                                <ul class="state__content">
-                                                    <li>
-                                                        <button class="state__button active">
-                                                            2 кг
-                                                        </button>
-                                                    </li>
-                                                    <li>
-                                                        <button class="state__button">
-                                                            3 кг
-                                                        </button>
-                                                    </li>
-                                                    <li>
-                                                        <button class="state__button">
-                                                            4 кг
-                                                        </button>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="product-item-overlay__field">
-                                        <p class="product-item-overlay-field__title">Количество</p>
-
-                                        <div class="counter">
-                                            <button class="counter__button">
-                                                <img src="assets/img/svg/main/minus.svg" alt="">
-                                            </button>
-                                            <input type="text" class="counter__input" value="1">
-                                            <button class="counter__button">
-                                                <img src="assets/img/svg/main/plus.svg" alt="">
-                                            </button>
-                                        </div>
-                                    </div>
-                                </div>
-                                <p class="product-item-overlay__price">
-                                    1280
-                                </p>
-                                <div class="product-item-overlay__block-button">
-                                    <div class="product-item-overlay__button">
-                                        <input class="button button--gradient button--base button--100-perc" type="submit" value="Добавить в корзину">
-                                    </div>
-                                    <div class="product-item-overlay__button">
-                                        <button class="to-know button--100-perc">
-                                            <p>Подробнее</p>
-                                        </button>
-                                    </div>
-                                </div>
-                            </form>
-                        </div>
-                    </div>
-                    <div class="product__item">
-                        <div class="product-item__label">
-                            <div class="product-item-label__tag product-item-label__tag--sale">
-                                Распродажа %
-                            </div>
-                        </div>
-                        <div class="product-item__product-card">
-                            <img src="assets/img/product/image.png" alt="" class="product-item__images">
-                        </div>
-                        <div class="product-item__content-card">
-                            <div class="compound">
-                                <div class="compound__item">Индейка </div>
-                                <div class="compound__item">Индейка </div>  
-                            </div>
-                            <p class="product-item__title">Сухой корм, для средних и крупных пород, 2 кг.</p>
-                            <p class="product-item__price">
-                                1 304
-                            </p>
-                            <div class="product-item__bye">
-                                <button class="button button--white button--100-perc">
-                                    Купить
-                                </button>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="product__item hiding">
-                        <div class="product-item__label">
-                            <div class="product-item-label__tag product-item-label__tag--sale">
-                                Распродажа %
-                            </div>
-                            <div class="product-item-label__tag product-item-label__tag--new">
-                                Новинка
-                            </div>
-                        </div>
-                        <div class="product-item__product-card">
-                            <img src="assets/img/product/image.png" alt="" class="product-item__images">
-                        </div>
-                        <div class="product-item__content-card">
-                            <div class="compound">
-                                <div class="compound__item">Индейка </div>
-                                <div class="compound__item">Индейка </div>  
-                            </div>
-                            <p class="product-item__title">Сухой корм, для средних и крупных пород, 2 кг.</p>
-                            <p class="product-item__price">
-                                1 304
-                            </p>
-                            <div class="product-item__bye">
-                                <button class="to-know button--100-perc">
-                                    <p>Узнать о поступлении</p>
-                                </button>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="product__item">
-                        <div class="product-item__label">
-                            <div class="product-item-label__tag product-item-label__tag--new">
-                                Новинка
-                            </div>
-                        </div>
-                        <div class="product-item__product-card">
-                            <img src="assets/img/product/image.png" alt="" class="product-item__images">
-                        </div>
-                        <div class="product-item__content-card">
-                            <div class="compound">
-                                <div class="compound__item">Индейка </div>
-                                <div class="compound__item">Индейка </div>  
-                            </div>
-                            <p class="product-item__title">Сухой корм, для средних и крупных пород, 2 кг.</p>
-                            <p class="product-item__price">
-                                1 304
-                            </p>
-                            <div class="product-item__bye">
-                                <button class="button button--white button--100-perc">
-                                    Купить
-                                </button>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="product__item">
-                        <div class="product-item__label">
-                            <div class="product-item-label__tag product-item-label__tag--sale">
-                                Распродажа %
-                            </div>
-                        </div>
-                        <div class="product-item__product-card">
-                            <img src="assets/img/product/image.png" alt="" class="product-item__images">
-                        </div>
-                        <div class="product-item__content-card">
-                            <div class="compound">
-                                <div class="compound__item">Индейка </div>
-                                <div class="compound__item">Индейка </div>  
-                            </div>
-                            <p class="product-item__title">Сухой корм, для средних и крупных пород, 2 кг.</p>
-                            <p class="product-item__price">
-                                1 304
-                            </p>
-                            <div class="product-item__bye">
-                                <button class="button button--white button--100-perc">
-                                    Купить
-                                </button>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="product__item hiding">
-                        <div class="product-item__label">
-                            <div class="product-item-label__tag product-item-label__tag--sale">
-                                Распродажа %
-                            </div>
-                            <div class="product-item-label__tag product-item-label__tag--new">
-                                Новинка
-                            </div>
-                        </div>
-                        <div class="product-item__product-card">
-                            <img src="assets/img/product/image.png" alt="" class="product-item__images">
-                        </div>
-                        <div class="product-item__content-card">
-                            <div class="compound">
-                                <div class="compound__item">Индейка </div>
-                                <div class="compound__item">Индейка </div>  
-                            </div>
-                            <p class="product-item__title">Сухой корм, для средних и крупных пород, 2 кг.</p>
-                            <p class="product-item__price">
-                                1 304
-                            </p>
-                            <div class="product-item__bye">
-                                <button class="to-know button--100-perc">
-                                    <p>Узнать о поступлении</p>
-                                </button>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-
-                <div class="product__footer">
-                    <button class="button button--white">
-                        Загрузить еще
-                    </button>
-                </div>
-            </div>
-        </main>
-
-        <div class="modal">
-            <aside class="modal__aside">
-                <div class="modal__item modal__filter" style="display: none;">
-                    <button class="modal__close">
-                        <img src="assets/img/svg/main/black-x.svg" alt="">
-                    </button>
-
-                    <div class="modal__header">
-                        <p class="modal__title">Фильтры</p>
-                        <div class="modal__content">
-                            <div class="toggle active">
-                                <p class="toggle__title">
-                                    ДЛЯ КОГО
-                                </p>
-                                <div class="toggle__block-content">
-                                    <div class="toggle__content">
-                                        <div class="toggle-content__item">
-                                            <div class="toggle-content__element toggle-content__element--width-perc-50">
-                                                <div class="radio">
-                                                    <input type="radio" name="animal" id="" class="radio__input">
-
-                                                    <label for="" class="radio__label">Для кошек</label>
-                                                </div>
-                                            </div>
-                                            <div class="toggle-content__element toggle-content__element--width-perc-50">
-                                                <div class="radio">
-                                                    <input type="radio" name="animal" id="" class="radio__input">
-
-                                                    <label for="" class="radio__label">Для собак</label>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="toggle active">
-                                <p class="toggle__title">
-                                    ТИП ПРОДУКЦИИ
-                                </p>
-                                <div class="toggle__block-content">
-                                    <div class="toggle__content">
-                                        <div class="toggle-content__item">
-                                            <div class="toggle-content__element toggle-content__element--width-perc-100">
-                                                <div class="checkbox active">
-                                                    <div class="checkbox__state"></div>
-                                                    <input type="checkbox" name="" id="" class="checkbox__input">
-                                                    <label for="" class="checkbox__label">Корм</label>
-                                                </div>
-                                            </div>
-                                            <div class="toggle-content__element toggle-content__element--width-perc-100">
-                                                <div class="checkbox">
-                                                    <div class="checkbox__state"></div>
-                                                    <input type="checkbox" name="" id="" class="checkbox__input">
-                                                    <label for="" class="checkbox__label">Лакомстава</label>
-                                                </div>
-                                            </div>
-                                            <div class="toggle-content__element toggle-content__element--width-perc-100">
-                                                <div class="checkbox">
-                                                    <div class="checkbox__state"></div>
-                                                    <input type="checkbox" name="" id="" class="checkbox__input">
-                                                    <label for="" class="checkbox__label">Аксессуары</label>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="toggle active">
-                                <p class="toggle__title">
-                                    ВКУС
-                                </p>
-                                <div class="toggle__block-content">
-                                    <div class="toggle__content">
-                                        <div class="toggle-content__item">
-                                            <div class="toggle-content__element toggle-content__element--width-perc-50">
-                                                <div class="checkbox active">
-                                                    <div class="checkbox__state"></div>
-                                                    <input type="checkbox" name="" id="" class="checkbox__input">
-                                                    <label for="" class="checkbox__label">Индейка</label>
-                                                </div>
-                                            </div>
-                                            <div class="toggle-content__element toggle-content__element--width-perc-50">
-                                                <div class="checkbox">
-                                                    <div class="checkbox__state"></div>
-                                                    <input type="checkbox" name="" id="" class="checkbox__input">
-                                                    <label for="" class="checkbox__label">Говядина</label>
-                                                </div>
-                                            </div>
-                                            <div class="toggle-content__element toggle-content__element--width-perc-50">
-                                                <div class="checkbox">
-                                                    <div class="checkbox__state"></div>
-                                                    <input type="checkbox" name="" id="" class="checkbox__input">
-                                                    <label for="" class="checkbox__label">Рыба</label>
-                                                </div>
-                                            </div>
-                                            <div class="toggle-content__element toggle-content__element--width-perc-50">
-                                                <div class="checkbox">
-                                                    <div class="checkbox__state"></div>
-                                                    <input type="checkbox" name="" id="" class="checkbox__input">
-                                                    <label for="" class="checkbox__label">Бараника</label>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-
-                    <div class="modal__block-button">
-                        <div class="modal__button">
-                            <button class="button button--gradient button--high button--100-perc">
-                                Применить
-                            </button>
-                        </div>
-                        <div class="modal__button">
-                            <button class="to-know button--100-perc to-know--background-none">
-                                <p>Сбросить фильтры</p>
-                            </button>
-                        </div>
-                    </div>
-                </div>
-
-                <div class="modal__item modal__basket">
-                    <button class="modal__close">
-                        <img src="assets/img/svg/main/black-x.svg" alt="">
-                    </button>
-                    <div class="modal__header">
-                        <p class="modal__title">Корзина</p>
-                        <div class="modal__content">
-                            <div class="modal-basket__item">
-                                <div class="modal-basket-item__block-image">
-                                    <img src="assets/img/product/image.png" alt="" class="modal-basket-item__image">
-                                </div>
-                                
-                                <div class="modal-basket-item__content">
-                                    <p class="modal-basket-item__title">Сухой корм, для крупны и средних пород</p>
-                                    <p class="modal-basket-item__sub-title">Индейка, 2 кг</p>
-                                    <div class="modal-basket-item__control">
-                                        <div class="counter counter--small">
-                                            <button class="counter__button">
-                                                <img src="assets/img/svg/main/minus.svg" alt="">
-                                            </button>
-                                            <input type="text" class="counter__input" value="1">
-                                            <button class="counter__button">
-                                                <img src="assets/img/svg/main/plus.svg" alt="">
-                                            </button>
-                                        </div>
-
-                                        <p class="modal-basket-item__price">1280</p>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="modal-basket__item">
-                                <div class="modal-basket-item__block-image">
-                                    <img src="assets/img/product/image.png" alt="" class="modal-basket-item__image">
-                                </div>
-                                
-                                <div class="modal-basket-item__content">
-                                    <p class="modal-basket-item__title">Сухой корм, для крупны и средних пород</p>
-                                    <p class="modal-basket-item__sub-title">Индейка, 2 кг</p>
-                                    <div class="modal-basket-item__control">
-                                        <div class="counter counter--small">
-                                            <button class="counter__button">
-                                                <img src="assets/img/svg/main/minus.svg" alt="">
-                                            </button>
-                                            <input type="text" class="counter__input" value="1">
-                                            <button class="counter__button">
-                                                <img src="assets/img/svg/main/plus.svg" alt="">
-                                            </button>
-                                        </div>
-
-                                        <p class="modal-basket-item__price">1280</p>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="modal-basket__item">
-                                <div class="modal-basket-item__block-image">
-                                    <img src="assets/img/product/image.png" alt="" class="modal-basket-item__image">
-                                </div>
-                                
-                                <div class="modal-basket-item__content">
-                                    <p class="modal-basket-item__title">Сухой корм, для крупны и средних пород</p>
-                                    <p class="modal-basket-item__sub-title">Индейка, 2 кг</p>
-                                    <div class="modal-basket-item__control">
-                                        <div class="counter counter--small">
-                                            <button class="counter__button">
-                                                <img src="assets/img/svg/main/minus.svg" alt="">
-                                            </button>
-                                            <input type="text" class="counter__input" value="1">
-                                            <button class="counter__button">
-                                                <img src="assets/img/svg/main/plus.svg" alt="">
-                                            </button>
-                                        </div>
-
-                                        <p class="modal-basket-item__price">1280</p>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="modal-basket__item">
-                                <div class="modal-basket-item__block-image">
-                                    <img src="assets/img/product/image.png" alt="" class="modal-basket-item__image">
-                                </div>
-                                
-                                <div class="modal-basket-item__content">
-                                    <p class="modal-basket-item__title">Сухой корм, для крупны и средних пород</p>
-                                    <p class="modal-basket-item__sub-title">Индейка, 2 кг</p>
-                                    <div class="modal-basket-item__control">
-                                        <div class="counter counter--small">
-                                            <button class="counter__button">
-                                                <img src="assets/img/svg/main/minus.svg" alt="">
-                                            </button>
-                                            <input type="text" class="counter__input" value="1">
-                                            <button class="counter__button">
-                                                <img src="assets/img/svg/main/plus.svg" alt="">
-                                            </button>
-                                        </div>
-
-                                        <p class="modal-basket-item__price">1280</p>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="modal-basket__item">
-                                <div class="modal-basket-item__block-image">
-                                    <img src="assets/img/product/image.png" alt="" class="modal-basket-item__image">
-                                </div>
-                                
-                                <div class="modal-basket-item__content">
-                                    <p class="modal-basket-item__title">Сухой корм, для крупны и средних пород</p>
-                                    <p class="modal-basket-item__sub-title">Индейка, 2 кг</p>
-                                    <div class="modal-basket-item__control">
-                                        <div class="counter counter--small">
-                                            <button class="counter__button">
-                                                <img src="assets/img/svg/main/minus.svg" alt="">
-                                            </button>
-                                            <input type="text" class="counter__input" value="1">
-                                            <button class="counter__button">
-                                                <img src="assets/img/svg/main/plus.svg" alt="">
-                                            </button>
-                                        </div>
-
-                                        <p class="modal-basket-item__price">1280</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="modal__footer">
-                        <div class="modal__block-price">
-                            <p class="modal-block-price__title">Общая стоимость</p>
-                            <p class="modal-block-price__price">
-                                8960
-                            </p>
-                        </div>
-                        <div class="modal__block-button">
-                            <div class="modal__button">
-                                <button class="button button--gradient button--high button--100-perc">
-                                    Перейти к оформлению
-                                </button>
-                            </div>
-                            <div class="modal__button">
-                                <button class="to-know button--100-perc">
-                                    <p>Продолжить покупки</p>
-                                </button>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </aside>
-        </div>
-
-        <footer class="footer">
-            <div class="footer__wrapper wrapper">
-                <div class="footer__content">
-                    <img src="assets/img/svg/logo/logo-gradient.svg" alt="" class="footer__logo">
-
-                    <address class="footer__address">
-                        123182 г. Москва, <br>
-                        4-й Красногорский пр., <br> 
-                        д. 2/4, стр. 1, этаж/ком. 3/1
-                    </address>
-
-                    <div class="footer__list">
-                        <div class="footer-list__item">
-                            <p class="footer-list__title">Отзывы и предложения</p>
-                            <a href="mailto:pro@cosmopet.shop" class="footer-list__link">
-                                pro@cosmopet.shop
-                            </a>
-                        </div>
-                        <div class="footer-list__item">
-                            <p class="footer-list__title">Связь с ветеринаром</p>
-                            <a href="mailto:vetvopros@cosmopet.shop" class="footer-list__link">
-                                vetvopros@cosmopet.shop
-                            </a>
-                        </div>
-                        <div class="footer-list__item">
-                            <p class="footer-list__title">Заявки для оптовых покупателей</p>
-                            <a href="mailto:pro@cosmopet.shop" class="footer-list__link">
-                                pro@cosmopet.shop
-                            </a>
-                        </div>
-                        <div class="footer-list__item">
-                            <button class="button button--black button--100-perc">
-                                Чат бот с ветеринаром
-                            </button>
-                        </div>
-                    </div>
-
-                    <div class="footer__about">
-                        <div class="social-media">
-                            <a href="#" class="social-media__item">
-                                <img src="assets/img/svg/social-media/vk.svg" alt="" class="social-media__icon">
-                            </a>
-                            <a href="#" class="social-media__item">
-                                <img src="assets/img/svg/social-media/tg.svg" alt="" class="social-media__icon">
-                            </a>
-                            <a href="#" class="social-media__item">
-                                <img src="assets/img/svg/social-media/ya.svg" alt="" class="social-media__icon">
-                            </a>
-                        </div>
-
-                        <a href="#" class="footer-about__text">Соглашение о конфиденциальности</a>
-                    </div>
-                </div>
-    
-                <div class="footer__form">
-                    <form class="form" method="post" action="/send-telegram.php">
-                        <p class="form__title">
-                            Форма обратной связи
-                        </p>
-                        <div class="form__item">
-                            <input class="form__input" type="text" name="name" placeholder="Ваше имя" required>
-                        </div>
-                        <div class="form__item">
-                            <input class="form__input" type="text" name="name" placeholder="Эл.почта" required>
-                        </div>
-                        <div class="form__item">
-                            <textarea class="form__input form__input--textarea" name="" id="" placeholder="Текст обращения"></textarea>
-                        </div>
-                        <div class="form__item">
-                            <input class="form__button" type="submit" value="Отправить">
-                        </div>
-                    </form>
-                </div>
-
-                <div class="social-media footer__social-media">
-                    <a href="#" class="social-media__item">
-                        <img src="assets/img/svg/social-media/vk.svg" alt="" class="social-media__icon">
-                    </a>
-                    <a href="#" class="social-media__item">
-                        <img src="assets/img/svg/social-media/tg.svg" alt="" class="social-media__icon">
-                    </a>
-                    <a href="#" class="social-media__item">
-                        <img src="assets/img/svg/social-media/ya.svg" alt="" class="social-media__icon">
-                    </a>
-                </div>
-            </div>
-        </footer>
-
-
-
-        <script src="assets/js/gp-main.js"></script>
-    </body>
-</html>

new.html

@@ -0,0 +1,522 @@
+<!DOCTYPE html>
+<html lang="ru">
+    <head>
+        <meta charset="UTF-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>SEO title</title>
+        <meta name="description" content="SEO Description">
+        <link rel="shortcut icon" href="assets/img/favicon.ico?v=1.0">
+
+        <!-- Базовые стили -->
+        <link rel="stylesheet" href="assets/css/gp-style-core.css?v=1.0">
+        <link rel="stylesheet" href="assets/css/gp-style-desktop.css?v=1.0">
+        <!-- Адаптив -->
+        <link rel="stylesheet" media="screen and (min-width: 1400px)" href="assets/css/gp-style-ultra.css?v=1.0">
+        <link rel="stylesheet" media="screen and (max-width: 1200px)" href="assets/css/gp-style-tablet.css">
+        <link rel="stylesheet" media="screen and (max-width: 720px)" href="assets/css/gp-style-mobile.css?v=1.0">
+    
+
+        <!-- Яндекс.Вебмастер + Google Search Console -->
+        <meta name="yandex-verification" content="XXXXXXXXXXXXXXXXX" />
+        <meta name="google-site-verification" content="XXXXXXXXXXXXXXXXX" />
+        <!-- /Яндекс.Вебмастер + Google Search Console -->
+
+        <!-- Yandex.Metrika counter -->
+        <script type="text/javascript">
+            (function (m, e, t, r, i, k, a) {
+                m[i] = m[i] || function () { (m[i].a = m[i].a || []).push(arguments) };
+                m[i].l = 1 * new Date();
+                for (var j = 0; j < document.scripts.length; j++) { if (document.scripts[j].src === r) { return; } }
+                k = e.createElement(t), a = e.getElementsByTagName(t)[0], k.async = 1, k.src = r, a.parentNode.insertBefore(k, a)
+            })
+                (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
+
+            ym(XXXXXX, "init", { // XXXXXX - счетчик
+                clickmap: true,
+                trackLinks: true,
+                accurateTrackBounce: true,
+                webvisor: true,
+                ecommerce: "dataLayer"
+            });
+        </script>
+        <noscript>
+            <div><img src="https://mc.yandex.ru/watch/85828806" style="position:absolute; left:-9999px;" alt="" /></div>
+        </noscript>
+        <!-- /Yandex.Metrika counter -->
+    
+    
+    </head>
+    <body>
+
+        <header class="header">
+            <div class="header__content wrapper">
+                <button class="header__open-menu" id="phone-menu">
+                </button>
+
+                <a href="index.html" class="header__logo">
+                    <svg class="header__logo-black" xmlns="http://www.w3.org/2000/svg" width="181" height="40" viewBox="0 0 181 40" fill="none">
+                        <path d="M50.4859 5.79145C49.0065 3.27258 44.6431 2.78969 38.1761 4.42108C35.0048 1.89583 31.1372 0.376333 27.0791 0.0613091C23.021 -0.253715 18.9613 0.650395 15.4309 2.65541C11.9004 4.66042 9.06364 7.673 7.29143 11.2992C5.51922 14.9254 4.8941 18.9964 5.49783 22.9798C0.798105 27.6978 -0.973633 31.6805 0.51234 34.2081C1.42019 35.7547 3.36998 36.5377 6.22762 36.5377C8.05553 36.5052 9.87449 36.2769 11.6527 35.8569C12.0352 35.7721 12.4265 35.6785 12.8222 35.5785C15.793 37.9443 19.3793 39.4307 23.1672 39.8663C26.9551 40.3018 30.7903 39.6687 34.2301 38.0399C37.67 36.4112 40.5744 33.8533 42.6083 30.6613C44.6421 27.4693 45.7224 23.7733 45.7246 19.9998C45.7261 19.0003 45.6527 18.002 45.5048 17.0132C48.3119 14.1855 50.1891 11.5144 50.7805 9.29786C51.1519 7.93619 51.0508 6.75724 50.4859 5.79145ZM25.5013 1.7282C29.77 1.73333 33.9054 3.19952 37.206 5.87806C40.5066 8.5566 42.7692 12.2825 43.61 16.4238C40.0555 19.8366 35.081 23.4888 29.4339 26.6994C23.4306 30.1122 17.8253 32.4092 13.253 33.66C10.4542 31.1997 8.47718 27.9557 7.5842 24.3581C6.69122 20.7605 6.92444 16.9793 8.25293 13.5159C9.58142 10.0525 11.9424 7.07045 15.0229 4.96526C18.1033 2.86006 21.7576 1.73114 25.5013 1.7282ZM2.03568 33.3337C1.10145 31.7458 2.58523 28.6353 5.93746 25.0549C6.84638 28.4997 8.66755 31.6421 11.2131 34.1581C6.34633 35.2261 2.96332 34.9172 2.03568 33.3337ZM25.5013 38.2714C21.7268 38.275 18.0427 37.1282 14.95 34.9868C19.6937 33.5556 25.0243 31.2085 30.3044 28.2089C35.635 25.1767 40.3303 21.8008 43.8957 18.5424C43.9353 19.0231 43.9617 19.5082 43.9617 19.9998C43.9559 24.8432 42.0092 29.4866 38.5486 32.9118C35.088 36.3371 30.3959 38.2645 25.5013 38.2714ZM49.0835 8.84759C48.6152 10.5877 47.1974 12.6868 45.0718 14.9512C44.1572 11.4985 42.3267 8.3504 39.7697 5.83278C44.5728 4.78434 48.0327 5.08016 48.9648 6.66588C49.2857 7.2162 49.3274 7.94924 49.0835 8.84759Z" fill="#121212"/>
+                        <path d="M73.68 26.12C73.1067 27.36 72.2733 28.32 71.18 29C70.0867 29.6667 68.7533 30 67.18 30C65.6467 30 64.34 29.6533 63.26 28.96C62.1933 28.2667 61.38 27.3133 60.82 26.1C60.2733 24.8733 60 23.48 60 21.92C60 20.36 60.2733 18.9867 60.82 17.8C61.3667 16.6133 62.18 15.6867 63.26 15.02C64.34 14.34 65.6467 14 67.18 14C68.78 14 70.1267 14.34 71.22 15.02C72.3133 15.6867 73.1533 16.6667 73.74 17.96L72.24 19.02C71.9333 18.2867 71.54 17.68 71.06 17.2C70.5933 16.7067 70.0333 16.34 69.38 16.1C68.7267 15.8467 67.9933 15.72 67.18 15.72C66.1 15.72 65.1467 15.9733 64.32 16.48C63.5067 16.9867 62.8733 17.7067 62.42 18.64C61.9667 19.5733 61.74 20.6667 61.74 21.92C61.74 23.2267 61.9667 24.36 62.42 25.32C62.8733 26.2667 63.5067 27 64.32 27.52C65.1333 28.0267 66.0867 28.28 67.18 28.28C67.9933 28.28 68.72 28.16 69.36 27.92C70.0133 27.68 70.5733 27.32 71.04 26.84C71.5067 26.36 71.8933 25.7667 72.2 25.06L73.68 26.12ZM75.7422 21.92C75.7422 20.36 76.0155 18.9867 76.5622 17.8C77.1222 16.6133 77.9422 15.6867 79.0222 15.02C80.1155 14.34 81.4289 14 82.9622 14C84.4955 14 85.8022 14.34 86.8822 15.02C87.9622 15.6867 88.7755 16.6133 89.3222 17.8C89.8822 18.9867 90.1622 20.36 90.1622 21.92C90.1622 23.48 89.8822 24.8733 89.3222 26.1C88.7755 27.3133 87.9555 28.2667 86.8622 28.96C85.7822 29.6533 84.4822 30 82.9622 30C81.4289 30 80.1155 29.6533 79.0222 28.96C77.9422 28.2667 77.1222 27.3133 76.5622 26.1C76.0155 24.8733 75.7422 23.48 75.7422 21.92ZM77.5022 21.92C77.5022 23.1467 77.7155 24.24 78.1422 25.2C78.5689 26.1467 79.1889 26.8933 80.0022 27.44C80.8289 27.9733 81.8155 28.24 82.9622 28.24C84.1089 28.24 85.0889 27.9667 85.9022 27.42C86.7155 26.8733 87.3355 26.1267 87.7622 25.18C88.1889 24.2333 88.4022 23.1467 88.4022 21.92C88.4022 20.7067 88.1889 19.64 87.7622 18.72C87.3355 17.8 86.7155 17.08 85.9022 16.56C85.0889 16.0267 84.1089 15.76 82.9622 15.76C81.8155 15.76 80.8289 16.0267 80.0022 16.56C79.1889 17.08 78.5689 17.8 78.1422 18.72C77.7155 19.64 77.5022 20.7067 77.5022 21.92ZM93.668 24.94C94.2013 26.1267 94.8413 26.98 95.588 27.5C96.348 28.02 97.2746 28.28 98.368 28.28C99.5413 28.28 100.455 28.0733 101.108 27.66C101.775 27.2467 102.108 26.5933 102.108 25.7C102.108 24.8867 101.781 24.2133 101.128 23.68C100.475 23.1467 99.5213 22.7533 98.268 22.5L97.268 22.28C95.668 21.96 94.4546 21.4533 93.628 20.76C92.8146 20.0667 92.408 19.1 92.408 17.86C92.408 17.0733 92.6413 16.3867 93.108 15.8C93.588 15.2133 94.2146 14.7667 94.988 14.46C95.7613 14.1533 96.608 14 97.528 14C99.048 14 100.255 14.34 101.148 15.02C102.041 15.7 102.788 16.7267 103.388 18.1L101.988 18.96C101.481 17.8267 100.861 17 100.128 16.48C99.408 15.96 98.528 15.7 97.488 15.7C96.4613 15.7 95.6413 15.8933 95.028 16.28C94.4146 16.6667 94.108 17.2333 94.108 17.98C94.108 18.6733 94.3946 19.2267 94.968 19.64C95.5413 20.0533 96.4013 20.3933 97.548 20.66L98.508 20.88C99.8013 21.1733 100.835 21.5467 101.608 22C102.395 22.44 102.961 22.9667 103.308 23.58C103.655 24.1933 103.821 24.9267 103.808 25.78C103.795 27.1667 103.288 28.22 102.288 28.94C101.288 29.6467 99.968 30 98.328 30C96.7413 30 95.468 29.6533 94.508 28.96C93.5613 28.2533 92.7813 27.22 92.168 25.86L93.668 24.94ZM107.561 14V30H105.801V14H107.561ZM107.621 14L114.641 30H112.821L105.881 14H107.621ZM121.381 14L114.641 30H112.821L119.641 14H121.381ZM121.461 14V30H119.701V14H121.461ZM123.457 21.92C123.457 20.36 123.73 18.9867 124.277 17.8C124.837 16.6133 125.657 15.6867 126.737 15.02C127.83 14.34 129.144 14 130.677 14C132.21 14 133.517 14.34 134.597 15.02C135.677 15.6867 136.49 16.6133 137.037 17.8C137.597 18.9867 137.877 20.36 137.877 21.92C137.877 23.48 137.597 24.8733 137.037 26.1C136.49 27.3133 135.67 28.2667 134.577 28.96C133.497 29.6533 132.197 30 130.677 30C129.144 30 127.83 29.6533 126.737 28.96C125.657 28.2667 124.837 27.3133 124.277 26.1C123.73 24.8733 123.457 23.48 123.457 21.92ZM125.217 21.92C125.217 23.1467 125.43 24.24 125.857 25.2C126.284 26.1467 126.904 26.8933 127.717 27.44C128.544 27.9733 129.53 28.24 130.677 28.24C131.824 28.24 132.804 27.9667 133.617 27.42C134.43 26.8733 135.05 26.1267 135.477 25.18C135.904 24.2333 136.117 23.1467 136.117 21.92C136.117 20.7067 135.904 19.64 135.477 18.72C135.05 17.8 134.43 17.08 133.617 16.56C132.804 16.0267 131.824 15.76 130.677 15.76C129.53 15.76 128.544 16.0267 127.717 16.56C126.904 17.08 126.284 17.8 125.857 18.72C125.43 19.64 125.217 20.7067 125.217 21.92ZM141.603 22.32H145.843C146.803 22.32 147.636 22.22 148.343 22.02C149.049 21.8067 149.609 21.46 150.023 20.98C150.449 20.5 150.663 19.86 150.663 19.06C150.663 18.3 150.449 17.6667 150.023 17.16C149.609 16.6533 149.036 16.28 148.303 16.04C147.583 15.8 146.763 15.68 145.843 15.68H141.603V22.32ZM141.603 24V29.98V30H139.883V14H145.843C147.763 14 149.349 14.3867 150.603 15.16C151.856 15.92 152.483 17.2333 152.483 19.1C152.483 20.2733 152.169 21.2267 151.543 21.96C150.916 22.68 150.103 23.2 149.103 23.52C148.116 23.84 147.029 24 145.843 24H141.603ZM156.192 14V30H154.492V14H156.192ZM164.692 22.84H156.192V21.16L164.692 21Line truncated
+                    </svg>
+
+                    <svg class="header__logo-white" width="181" height="40" viewBox="0 0 181 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M50.4859 5.79145C49.0065 3.27258 44.6431 2.78969 38.1761 4.42108C35.0048 1.89583 31.1372 0.376333 27.0791 0.0613091C23.021 -0.253715 18.9613 0.650395 15.4309 2.65541C11.9004 4.66042 9.06364 7.673 7.29143 11.2992C5.51922 14.9254 4.8941 18.9964 5.49783 22.9798C0.798105 27.6978 -0.973633 31.6805 0.51234 34.2081C1.42019 35.7547 3.36998 36.5377 6.22762 36.5377C8.05553 36.5052 9.87449 36.2769 11.6527 35.8569C12.0352 35.7721 12.4265 35.6785 12.8222 35.5785C15.793 37.9443 19.3793 39.4307 23.1672 39.8663C26.9551 40.3018 30.7903 39.6687 34.2301 38.0399C37.67 36.4112 40.5744 33.8533 42.6083 30.6613C44.6421 27.4693 45.7224 23.7733 45.7246 19.9998C45.7261 19.0003 45.6527 18.002 45.5048 17.0132C48.3119 14.1855 50.1891 11.5144 50.7805 9.29786C51.1519 7.93619 51.0508 6.75724 50.4859 5.79145ZM25.5013 1.7282C29.77 1.73333 33.9054 3.19952 37.206 5.87806C40.5066 8.5566 42.7692 12.2825 43.61 16.4238C40.0555 19.8366 35.081 23.4888 29.4339 26.6994C23.4306 30.1122 17.8253 32.4092 13.253 33.66C10.4542 31.1997 8.47718 27.9557 7.5842 24.3581C6.69122 20.7605 6.92444 16.9793 8.25293 13.5159C9.58142 10.0525 11.9424 7.07045 15.0229 4.96526C18.1033 2.86006 21.7576 1.73114 25.5013 1.7282ZM2.03568 33.3337C1.10145 31.7458 2.58523 28.6353 5.93746 25.0549C6.84638 28.4997 8.66755 31.6421 11.2131 34.1581C6.34633 35.2261 2.96332 34.9172 2.03568 33.3337ZM25.5013 38.2714C21.7268 38.275 18.0427 37.1282 14.95 34.9868C19.6937 33.5556 25.0243 31.2085 30.3044 28.2089C35.635 25.1767 40.3303 21.8008 43.8957 18.5424C43.9353 19.0231 43.9617 19.5082 43.9617 19.9998C43.9559 24.8432 42.0092 29.4866 38.5486 32.9118C35.088 36.3371 30.3959 38.2645 25.5013 38.2714ZM49.0835 8.84759C48.6152 10.5877 47.1974 12.6868 45.0718 14.9512C44.1572 11.4985 42.3267 8.3504 39.7697 5.83278C44.5728 4.78434 48.0327 5.08016 48.9648 6.66588C49.2857 7.2162 49.3274 7.94924 49.0835 8.84759Z" fill="white"/>
+                        <path d="M73.68 26.12C73.1067 27.36 72.2733 28.32 71.18 29C70.0867 29.6667 68.7533 30 67.18 30C65.6467 30 64.34 29.6533 63.26 28.96C62.1933 28.2667 61.38 27.3133 60.82 26.1C60.2733 24.8733 60 23.48 60 21.92C60 20.36 60.2733 18.9867 60.82 17.8C61.3667 16.6133 62.18 15.6867 63.26 15.02C64.34 14.34 65.6467 14 67.18 14C68.78 14 70.1267 14.34 71.22 15.02C72.3133 15.6867 73.1533 16.6667 73.74 17.96L72.24 19.02C71.9333 18.2867 71.54 17.68 71.06 17.2C70.5933 16.7067 70.0333 16.34 69.38 16.1C68.7267 15.8467 67.9933 15.72 67.18 15.72C66.1 15.72 65.1467 15.9733 64.32 16.48C63.5067 16.9867 62.8733 17.7067 62.42 18.64C61.9667 19.5733 61.74 20.6667 61.74 21.92C61.74 23.2267 61.9667 24.36 62.42 25.32C62.8733 26.2667 63.5067 27 64.32 27.52C65.1333 28.0267 66.0867 28.28 67.18 28.28C67.9933 28.28 68.72 28.16 69.36 27.92C70.0133 27.68 70.5733 27.32 71.04 26.84C71.5067 26.36 71.8933 25.7667 72.2 25.06L73.68 26.12ZM75.7422 21.92C75.7422 20.36 76.0155 18.9867 76.5622 17.8C77.1222 16.6133 77.9422 15.6867 79.0222 15.02C80.1155 14.34 81.4289 14 82.9622 14C84.4955 14 85.8022 14.34 86.8822 15.02C87.9622 15.6867 88.7755 16.6133 89.3222 17.8C89.8822 18.9867 90.1622 20.36 90.1622 21.92C90.1622 23.48 89.8822 24.8733 89.3222 26.1C88.7755 27.3133 87.9555 28.2667 86.8622 28.96C85.7822 29.6533 84.4822 30 82.9622 30C81.4289 30 80.1155 29.6533 79.0222 28.96C77.9422 28.2667 77.1222 27.3133 76.5622 26.1C76.0155 24.8733 75.7422 23.48 75.7422 21.92ZM77.5022 21.92C77.5022 23.1467 77.7155 24.24 78.1422 25.2C78.5689 26.1467 79.1889 26.8933 80.0022 27.44C80.8289 27.9733 81.8155 28.24 82.9622 28.24C84.1089 28.24 85.0889 27.9667 85.9022 27.42C86.7155 26.8733 87.3355 26.1267 87.7622 25.18C88.1889 24.2333 88.4022 23.1467 88.4022 21.92C88.4022 20.7067 88.1889 19.64 87.7622 18.72C87.3355 17.8 86.7155 17.08 85.9022 16.56C85.0889 16.0267 84.1089 15.76 82.9622 15.76C81.8155 15.76 80.8289 16.0267 80.0022 16.56C79.1889 17.08 78.5689 17.8 78.1422 18.72C77.7155 19.64 77.5022 20.7067 77.5022 21.92ZM93.668 24.94C94.2013 26.1267 94.8413 26.98 95.588 27.5C96.348 28.02 97.2746 28.28 98.368 28.28C99.5413 28.28 100.455 28.0733 101.108 27.66C101.775 27.2467 102.108 26.5933 102.108 25.7C102.108 24.8867 101.781 24.2133 101.128 23.68C100.475 23.1467 99.5213 22.7533 98.268 22.5L97.268 22.28C95.668 21.96 94.4546 21.4533 93.628 20.76C92.8146 20.0667 92.408 19.1 92.408 17.86C92.408 17.0733 92.6413 16.3867 93.108 15.8C93.588 15.2133 94.2146 14.7667 94.988 14.46C95.7613 14.1533 96.608 14 97.528 14C99.048 14 100.255 14.34 101.148 15.02C102.041 15.7 102.788 16.7267 103.388 18.1L101.988 18.96C101.481 17.8267 100.861 17 100.128 16.48C99.408 15.96 98.528 15.7 97.488 15.7C96.4613 15.7 95.6413 15.8933 95.028 16.28C94.4146 16.6667 94.108 17.2333 94.108 17.98C94.108 18.6733 94.3946 19.2267 94.968 19.64C95.5413 20.0533 96.4013 20.3933 97.548 20.66L98.508 20.88C99.8013 21.1733 100.835 21.5467 101.608 22C102.395 22.44 102.961 22.9667 103.308 23.58C103.655 24.1933 103.821 24.9267 103.808 25.78C103.795 27.1667 103.288 28.22 102.288 28.94C101.288 29.6467 99.968 30 98.328 30C96.7413 30 95.468 29.6533 94.508 28.96C93.5613 28.2533 92.7813 27.22 92.168 25.86L93.668 24.94ZM107.561 14V30H105.801V14H107.561ZM107.621 14L114.641 30H112.821L105.881 14H107.621ZM121.381 14L114.641 30H112.821L119.641 14H121.381ZM121.461 14V30H119.701V14H121.461ZM123.457 21.92C123.457 20.36 123.73 18.9867 124.277 17.8C124.837 16.6133 125.657 15.6867 126.737 15.02C127.83 14.34 129.144 14 130.677 14C132.21 14 133.517 14.34 134.597 15.02C135.677 15.6867 136.49 16.6133 137.037 17.8C137.597 18.9867 137.877 20.36 137.877 21.92C137.877 23.48 137.597 24.8733 137.037 26.1C136.49 27.3133 135.67 28.2667 134.577 28.96C133.497 29.6533 132.197 30 130.677 30C129.144 30 127.83 29.6533 126.737 28.96C125.657 28.2667 124.837 27.3133 124.277 26.1C123.73 24.8733 123.457 23.48 123.457 21.92ZM125.217 21.92C125.217 23.1467 125.43 24.24 125.857 25.2C126.284 26.1467 126.904 26.8933 127.717 27.44C128.544 27.9733 129.53 28.24 130.677 28.24C131.824 28.24 132.804 27.9667 133.617 27.42C134.43 26.8733 135.05 26.1267 135.477 25.18C135.904 24.2333 136.117 23.1467 136.117 21.92C136.117 20.7067 135.904 19.64 135.477 18.72C135.05 17.8 134.43 17.08 133.617 16.56C132.804 16.0267 131.824 15.76 130.677 15.76C129.53 15.76 128.544 16.0267 127.717 16.56C126.904 17.08 126.284 17.8 125.857 18.72C125.43 19.64 125.217 20.7067 125.217 21.92ZM141.603 22.32H145.843C146.803 22.32 147.636 22.22 148.343 22.02C149.049 21.8067 149.609 21.46 150.023 20.98C150.449 20.5 150.663 19.86 150.663 19.06C150.663 18.3 150.449 17.6667 150.023 17.16C149.609 16.6533 149.036 16.28 148.303 16.04C147.583 15.8 146.763 15.68 145.843 15.68H141.603V22.32ZM141.603 24V29.98V30H139.883V14H145.843C147.763 14 149.349 14.3867 150.603 15.16C151.856 15.92 152.483 17.2333 152.483 19.1C152.483 20.2733 152.169 21.2267 151.543 21.96C150.916 22.68 150.103 23.2 149.103 23.52C148.116 23.84 147.029 24 145.843 24H141.603ZM156.192 14V30H154.492V14H156.192ZM164.692 22.84H156.192V21.16L164.692 21Line truncated
+                    </svg>
+                </a>
+
+                <ul class="main-menu">
+                    <li class="main-menu__item">
+                        <a href="#" class="main-menu__link">ГЛАВНАЯ</a>
+                    </li>
+                    <li class="main-menu__item">
+                        <a href="#" class="main-menu__link">О COSMOPET</a>
+                    </li>
+                    <li class="main-menu__item">
+                        <a href="#" class="main-menu__link">ПРОИЗВОДСТВО</a>
+                    </li class="main-menu__item">
+                    <li class="main-menu__item">
+                        <a href="#" class="main-menu__link">БЛОГ</a>
+                    </li>
+                    <li class="main-menu__item">
+                        <button class="main-menu__button" id="pc-menu">
+                            ПРОДУКЦИЯ
+                        </button>
+                    </li>
+                </ul>
+
+                <div class="mini-profile">
+                    <div class="mini-profile__item">
+                        <div class="lang">
+                            <button class="lang__open">
+                                <p>RU</p>
+                                <div class="lang-open__arrow">
+                                    <svg class="lang-open__black" width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L5 3.93934L8.46967 0.46967C8.76256 0.176777 9.23744 0.176777 9.53033 0.46967C9.82322 0.762563 9.82322 1.23744 9.53033 1.53033L5.53033 5.53033C5.23744 5.82322 4.76256 5.82322 4.46967 5.53033L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967Z" fill="#333333"/>
+                                    </svg>
+                                    <svg class="lang-open__white" width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L5 3.93934L8.46967 0.46967C8.76256 0.176777 9.23744 0.176777 9.53033 0.46967C9.82322 0.762563 9.82322 1.23744 9.53033 1.53033L5.53033 5.53033C5.23744 5.82322 4.76256 5.82322 4.46967 5.53033L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967Z" fill="#fff"/>
+                                    </svg>
+                                </div>
+                            </button>
+                            <div class="lang__content">
+                                <ul class="lang__list">
+                                    <li class="lang__item active">
+                                        <a href="#" class="lang__link">
+                                            RU
+                                        </a>
+                                    </li>
+                                    <li class="lang__item">
+                                        <a href="#" class="lang__link">
+                                            EN
+                                        </a>
+                                    </li>
+                                    <li class="lang__item">
+                                        <a href="#" class="lang__link">
+                                            AR
+                                        </a>
+                                    </li>
+                                </ul>
+                            </div>
+                                
+                        </div>
+                    </div>
+                    <div class="mini-profile__item">
+                        <a href="" class="mini-profile__button">
+                            <img src="assets/img/svg/mini-profile/profile.svg" alt="" class="mini-profile__icon black">
+                            <img src="assets/img/svg/mini-profile/profile-w.svg" alt="" class="mini-profile__icon white">
+                        </a>
+                    </div>
+                    <div class="mini-profile__item">
+                        <button class="mini-profile__button basket-open">
+                            <img src="assets/img/svg/mini-profile/basket.svg" alt="" class="mini-profile__icon black">
+                            <img src="assets/img/svg/mini-profile/basket-w.svg" alt="" class="mini-profile__icon white">
+                        </button>
+                    </div>
+                </div>
+            </div>
+            <div class="header__menu-block">
+                <div class="header__pc-menu">
+                    <div class="header-pc-menu__content">
+                        <div class="header-pc-menu__item">
+                            <a href="#" class="header-pc-menu__title">Кошкам</a>
+                            <ul class="header-pc-menu__list">
+                                <li class="header-pc-menu__list-li">
+                                    <a href="">Лакомства</a>
+                                </li>
+                                <li class="header-pc-menu__list-li">
+                                    <a href="">Корм</a>
+                                </li>
+                                <li class="header-pc-menu__list-li">
+                                    <a href="">Аксессуары</a>
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="header-pc-menu__item">
+                            <a href="#" class="header-pc-menu__title">Собакам</a>
+                            <ul class="header-pc-menu__list">
+                                <li class="header-pc-menu__list-li">
+                                    <a href="">Лакомства</a>
+                                </li>
+                                <li class="header-pc-menu__list-li">
+                                    <a href="">Корм</a>
+                                </li>
+                                <li class="header-pc-menu__list-li">
+                                    <a href="">Аксессуары</a>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="header__phone-menu">
+                    <div class="header-phone-menu__item">
+                        <a href="#" class="header-phone-menu__title header-phone-menu__title--gradient" >
+                            ГЛАВНАЯ
+                        </a>
+                    </div>
+                    <div class="header-phone-menu__item">
+                        <a href="#" class="header-phone-menu__title">
+                            ПРОДУКЦИЯ
+                        </a>
+                        <a href="#" class="header-phone-menu__category">Кошкам</a>
+                        <ul class="header-phone-menu__list">
+                            <li class="header-phone-menu__list-item">
+                                <a href="#">Корм</a>
+                            </li>
+                            <li  class="header-phone-menu__list-item">
+                                <a href="#">Лакомства</a>
+                            </li>
+                            <li  class="header-phone-menu__list-item">
+                                <a href="#">Корм</a>
+                            </li>
+                        </ul>
+                        <a href="#" class="header-phone-menu__category">Собакам</a>
+                        <ul class="header-phone-menu__list">
+                            <li class="header-phone-menu__list-item">
+                                <a href="#">Корм</a>
+                            </li>
+                            <li  class="header-phone-menu__list-item">
+                                <a href="#">Лакомства</a>
+                            </li>
+                            <li  class="header-phone-menu__list-item">
+                                <a href="#">Корм</a>
+                            </li>
+                        </ul>
+                    </div>
+                    <div class="header-phone-menu__item">
+                        <a href="#" class="header-phone-menu__title">
+                            О COSMOPET
+                        </a>
+                    </div>
+                    <div class="header-phone-menu__item">
+                        <a href="#" class="header-phone-menu__title">
+                            ПРОИЗВОДСТВО
+                        </a>
+                    </div>
+                    <div class="header-phone-menu__item">
+                        <a href="#" class="header-phone-menu__title">
+                            БЛОГ
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </header>
+
+        <main>
+            <div class="form-input__tabs">
+                <label for="boy" class="form-input-tabs__button">
+                    Мальчик
+                    <input type="radio" ed="" name="floor" id="boy" class="form-input-tabs__input">
+                </label>
+    
+                <label for="girl" class="form-input-tabs__button active">
+                    Девочка
+                    <input type="radio" name="floor" id="girl" class="form-input-tabs__input">
+                </label>
+            </div>
+
+            <div class="cabinet__profile cabinet-content">
+                <div class="cabinet-card cabinet-card--green">
+                    <div class="cabinet-card__content">
+                        <div class="cabinet-card__element">
+                            <p class="cabinet-card__text cabinet-card__text--grey">Имя и фамилия  не указано</p>
+                        </div>
+
+                        <div class="cabinet-card__element">
+                            <p class="cabinet-card__label">Телефон:</p>
+                            <p class="cabinet-card__text cabinet-card__text--grey">Не заполнено</p>
+                        </div>
+
+                        <div class="cabinet-card__element">
+                            <p class="cabinet-card__label">Почта:</p>
+                            <p class="cabinet-card__text">example@example.com</p>
+                            <!-- <p class="cabinet-card__status cabinet-card__status--chek">Почта подтверждена</p> -->
+                            <p class="cabinet-card__status cabinet-card__status--cancelled">Почта не подтверждена</p>
+                            <button class="cabinet-card__confirm">
+                                Подтвердить
+                            </button>
+                        </div>
+
+                        <div class="cabinet-card__element">
+                            <p class="cabinet-card__label">Связанные аккаунты:</p>
+                            <div class="cabinet-card__block-accounts">
+                                <div class="cabinet-card__account">
+                                    <img src="assets/img/svg/main/google-white.svg" alt="">
+                                </div>
+                                <div class="cabinet-card__account">
+                                    <img src="assets/img/svg/main/vk-white.svg" alt="">
+                                </div>
+                                <div class="cabinet-card__account">
+                                    <img src="assets/img/svg/main/ya-white.svg" alt="">
+                                </div>
+                            </div>
+                        </div>
+
+                        <div class="cabinet-card__element">
+                            <div class="cabinet-card__block-buttons">
+                                <button class="cabinet-card__button form-open" data-form="form-data">
+                                    Изменить
+                                </button>
+
+                                <button class="cabinet-card__button">
+                                    Выйти
+                                </button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="cabinet-card cabinet-card--green">
+                    <div class="cabinet-card__content">
+                        <div class="cabinet-card__pet">
+                             <div class="cabinet-card-pet__icon">
+                                <div class="cabinet-card-pet-icon__content">
+                                    <img src="assets/img/pet/mini-dog.png" alt="">
+                                </div>
+                             </div>
+
+                             <p class="cabinet-card-pet__name">Барон</p>
+                        </div>
+
+                        <div class="cabinet-card__element">
+                            <p class="cabinet-card__label">Порода:</p>
+                            <p class="cabinet-card__text">Немецкая овчарка</p>
+                        </div>
+                        <div class="cabinet-card__element">
+                            <p class="cabinet-card__label">Вес:</p>
+                            <p class="cabinet-card__text">от 25 до 40 кг</p>
+                        </div>
+                        <div class="cabinet-card__element">
+                            <p class="cabinet-card__label">Возраст:</p>
+                            <p class="cabinet-card__text">3 года</p>
+                        </div>
+                        <div class="cabinet-card__element">
+                            <p class="cabinet-card__label">Активность:</p>
+                            <p class="cabinet-card__text">Активный</p>
+                        </div>
+                        <div class="cabinet-card__element">
+                            <button class="cabinet-card__button">
+                                Изменить
+                            </button>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="cabinet-card cabinet-card--green">
+                    <div class="cabinet-card__content">
+                        <button class="cabinet-card__block-add-pets form-open" data-form="form-pet">
+                            <div class="cabinet-card-add-pets__circle">
+                                <img src="assets/img/svg/main/plus-grey.svg" alt="">
+                            </div>
+
+                            <p class="cabinet-card-add-pets__text">
+                                Добавить питомца
+                            </p>
+                        </button>
+                    </div>
+                </div>
+            </div>
+
+            <div class="cabinet-card cabinet-card--grey">
+                <div class="cabinet-card__content">
+                    <div class="cabinet-card__order">
+                        <div class="cabinet-card-order__header">
+                            <div class="cabinet-card-order__main">
+                                <p class="cabinet-card-order-main__date">Заказ от 06.09.2024</p>
+                                <p class="cabinet-card-order-main__number">763276427364</p>
+                            </div>
+                            <div class="cabinet-card-order__payment">
+                                <p class="cabinet-card-order-payment__title">Оплачено:</p>
+                                <p class="cabinet-card-order-payment__price">8960</p>
+                            </div>
+                        </div>
+
+                        <div class="cabinet-card-order__content">
+                            <div class="cabinet-card-order__status">
+                                <p class="cabinet-card-order-status__title">Статус:</p>
+                                <p class="cabinet-card-order-status__pointer cabinet-card-order-status__pointer--grey">Доставлен</p>
+                            </div>
+
+                            <div class="cabinet-card-order__block-detail">
+                                <div class="cabinet-card-order__detail">
+                                    <div class="cabinet-card-order-detail__address">
+                                        <p class="cabinet-card-order-detail-address__title">Адрес доставки: </p>
+                                        <p class="cabinet-card-order-detail-address__text">Постомат: г.Москва, Каланчевская набережная, д.16</p>
+                                    </div>
+
+                                    <div class="cabinet-card-order-detail__main">
+                                        <div class="cabinet-card-order-detail-main__products">
+                                            <div class="cabinet-card-order-detail-main__product">
+                                                <img src="assets/img/product/mini-card.png" alt="" class="cabinet-card-order-detail-main-product__img">
+
+                                                <div class="cabinet-card-order-detail-main-product__content">
+                                                    <div class="cabinet-card-order-detail-main-product__description">
+                                                        <p class="cabinet-card-order-detail-main-product-description__what">Сухой корм, для крупных и средних пород </p>
+                                                        <p class="cabinet-card-order-detail-main-product-description__with-what">Индейка, 2 кг</p>
+                                                    </div>
+
+                                                    <p class="cabinet-card-order-detail-main-product__count">3</p>
+
+                                                    <p class="cabinet-card-order-detail-main-product__price">10280</p>
+                                                </div>
+                                            </div>
+                                            <div class="cabinet-card-order-detail-main__product">
+                                                <img src="assets/img/product/mini-card.png" alt="" class="cabinet-card-order-detail-main-product__img">
+
+                                                <div class="cabinet-card-order-detail-main-product__content">
+                                                    <div class="cabinet-card-order-detail-main-product__description">
+                                                        <p class="cabinet-card-order-detail-main-product-description__what">Сухой корм, для крупных и средних пород </p>
+                                                        <p class="cabinet-card-order-detail-main-product-description__with-what">Индейка, 2 кг</p>
+                                                    </div>
+
+                                                    <p class="cabinet-card-order-detail-main-product__count">3</p>
+
+                                                    <p class="cabinet-card-order-detail-main-product__price">10280</p>
+                                                </div>
+                                            </div>
+                                        </div>
+
+                                        <div class="cabinet-card-order-detail-main__links">
+                                            <a href="#" class="cabinet-card__button cabinet-card-order-detail-main__link">
+                                                Электронный чек
+                                            </a>
+                                            <button class="cabinet-card__button cabinet-card-order-detail-main__link">
+                                                Отследить заказ
+                                            </button>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <button class="cabinet-card-order__open-detail">Детали заказа</button>
+                        </div>
+
+                        <div class="cabinet-card-order__detail-short">
+                            <img src="assets/img/product/mini-card.png" alt="" class="cabinet-card-order-detail-short__item">
+                            <img src="assets/img/product/mini-card.png" alt="" class="cabinet-card-order-detail-short__item">
+                            <img src="assets/img/product/mini-card.png" alt="" class="cabinet-card-order-detail-short__item">
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </main>
+
+        <footer class="footer">
+            <div class="footer__wrapper wrapper">
+                <div class="footer__content">
+                    <img src="assets/img/svg/logo/logo-gradient.svg" alt="" class="footer__logo">
+
+                    <address class="footer__address">
+                        123182 г. Москва, <br>
+                        4-й Красногорский пр., <br> 
+                        д. 2/4, стр. 1, этаж/ком. 3/1
+                    </address>
+
+                    <div class="footer__list">
+                        <div class="footer-list__item">
+                            <p class="footer-list__title">Отзывы и предложения</p>
+                            <a href="mailto:pro@cosmopet.shop" class="footer-list__link">
+                                pro@cosmopet.shop
+                            </a>
+                        </div>
+                        <div class="footer-list__item">
+                            <p class="footer-list__title">Связь с ветеринаром</p>
+                            <a href="mailto:vetvopros@cosmopet.shop" class="footer-list__link">
+                                vetvopros@cosmopet.shop
+                            </a>
+                        </div>
+                        <div class="footer-list__item">
+                            <p class="footer-list__title">Заявки для оптовых покупателей</p>
+                            <a href="mailto:pro@cosmopet.shop" class="footer-list__link">
+                                pro@cosmopet.shop
+                            </a>
+                        </div>
+                        <div class="footer-list__item">
+                            <a href="#" class="button button--black button--100-perc button--link">
+                                Чат бот с ветеринаром
+                            </a>
+                        </div>
+                    </div>
+
+                    <div class="footer__about">
+                        <div class="social-media">
+                            <a href="#" class="social-media__item">
+                                <img src="assets/img/svg/social-media/vk.svg" alt="" class="social-media__icon">
+                            </a>
+                            <a href="#" class="social-media__item">
+                                <img src="assets/img/svg/social-media/tg.svg" alt="" class="social-media__icon">
+                            </a>
+                            <a href="#" class="social-media__item">
+                                <img src="assets/img/svg/social-media/ya.svg" alt="" class="social-media__icon">
+                            </a>
+                        </div>
+
+                        <a href="#" class="footer-about__text">Соглашение о конфиденциальности</a>
+                    </div>
+                </div>
+    
+                <div class="footer__form">
+                    <form class="form" method="post" action="/send-telegram.php">
+                        <p class="form__title">
+                            Форма обратной связи
+                        </p>
+                        <div class="form__item">
+                            <input class="form__input" type="text" name="name" placeholder="Ваше имя" required>
+                        </div>
+                        <div class="form__item">
+                            <input class="form__input" type="text" name="name" placeholder="Эл.почта" required>
+                        </div>
+                        <div class="form__item">
+                            <textarea class="form__input form__input--textarea" name="" id="" placeholder="Текст обращения"></textarea>
+                        </div>
+                        <div class="form__item">
+                            <input class="form__button" type="submit" value="Отправить">
+                        </div>
+                    </form>
+                </div>
+
+                <div class="footer__social-media">
+                    <div class="social-media">
+                        <a href="#" class="social-media__item">
+                            <img src="assets/img/svg/social-media/vk.svg" alt="" class="social-media__icon">
+                        </a>
+                        <a href="#" class="social-media__item">
+                            <img src="assets/img/svg/social-media/tg.svg" alt="" class="social-media__icon">
+                        </a>
+                        <a href="#" class="social-media__item">
+                            <img src="assets/img/svg/social-media/ya.svg" alt="" class="social-media__icon">
+                        </a>
+                    </div>
+
+                    <a href="#" class="footer-about__text">Соглашение о конфиденциальности</a>
+                </div>
+                
+            </div>
+        </footer>
+
+
+        <!-- <script src="assets/js/gp-main.js"></script> -->
+    </body>
+</html>

notification.html

@@ -0,0 +1,234 @@
+<!DOCTYPE html>
+<html lang="ru">
+    <head>
+        <meta charset="UTF-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>SEO title</title>
+        <meta name="description" content="SEO Description">
+        <link rel="shortcut icon" href="assets/img/favicon.ico?v=1.0">
+
+        <!-- Базовые стили -->
+        <link rel="stylesheet" href="assets/css/gp-style-core.css?v=1.0">
+        <link rel="stylesheet" href="assets/css/gp-style-desktop.css?v=1.0">
+        <!-- Адаптив -->
+        <link rel="stylesheet" media="screen and (min-width: 1400px)" href="assets/css/gp-style-ultra.css?v=1.0">
+        <link rel="stylesheet" media="screen and (max-width: 1200px)" href="assets/css/gp-style-tablet.css">
+        <link rel="stylesheet" media="screen and (max-width: 720px)" href="assets/css/gp-style-mobile.css?v=1.0">
+    
+
+        <!-- Яндекс.Вебмастер + Google Search Console -->
+        <meta name="yandex-verification" content="XXXXXXXXXXXXXXXXX" />
+        <meta name="google-site-verification" content="XXXXXXXXXXXXXXXXX" />
+        <!-- /Яндекс.Вебмастер + Google Search Console -->
+
+        <!-- Yandex.Metrika counter -->
+        <script type="text/javascript">
+            (function (m, e, t, r, i, k, a) {
+                m[i] = m[i] || function () { (m[i].a = m[i].a || []).push(arguments) };
+                m[i].l = 1 * new Date();
+                for (var j = 0; j < document.scripts.length; j++) { if (document.scripts[j].src === r) { return; } }
+                k = e.createElement(t), a = e.getElementsByTagName(t)[0], k.async = 1, k.src = r, a.parentNode.insertBefore(k, a)
+            })
+                (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
+
+            ym(XXXXXX, "init", { // XXXXXX - счетчик
+                clickmap: true,
+                trackLinks: true,
+                accurateTrackBounce: true,
+                webvisor: true,
+                ecommerce: "dataLayer"
+            });
+        </script>
+        <noscript>
+            <div><img src="https://mc.yandex.ru/watch/85828806" style="position:absolute; left:-9999px;" alt="" /></div>
+        </noscript>
+        <!-- /Yandex.Metrika counter -->
+    
+    
+    </head>
+    <body>
+
+        <header class="header">
+            <div class="header__content wrapper">
+                <button class="header__open-menu" id="phone-menu">
+                </button>
+
+                <a href="index.html" class="header__logo">
+                    <svg class="header__logo-black" xmlns="http://www.w3.org/2000/svg" width="181" height="40" viewBox="0 0 181 40" fill="none">
+                        <path d="M50.4859 5.79145C49.0065 3.27258 44.6431 2.78969 38.1761 4.42108C35.0048 1.89583 31.1372 0.376333 27.0791 0.0613091C23.021 -0.253715 18.9613 0.650395 15.4309 2.65541C11.9004 4.66042 9.06364 7.673 7.29143 11.2992C5.51922 14.9254 4.8941 18.9964 5.49783 22.9798C0.798105 27.6978 -0.973633 31.6805 0.51234 34.2081C1.42019 35.7547 3.36998 36.5377 6.22762 36.5377C8.05553 36.5052 9.87449 36.2769 11.6527 35.8569C12.0352 35.7721 12.4265 35.6785 12.8222 35.5785C15.793 37.9443 19.3793 39.4307 23.1672 39.8663C26.9551 40.3018 30.7903 39.6687 34.2301 38.0399C37.67 36.4112 40.5744 33.8533 42.6083 30.6613C44.6421 27.4693 45.7224 23.7733 45.7246 19.9998C45.7261 19.0003 45.6527 18.002 45.5048 17.0132C48.3119 14.1855 50.1891 11.5144 50.7805 9.29786C51.1519 7.93619 51.0508 6.75724 50.4859 5.79145ZM25.5013 1.7282C29.77 1.73333 33.9054 3.19952 37.206 5.87806C40.5066 8.5566 42.7692 12.2825 43.61 16.4238C40.0555 19.8366 35.081 23.4888 29.4339 26.6994C23.4306 30.1122 17.8253 32.4092 13.253 33.66C10.4542 31.1997 8.47718 27.9557 7.5842 24.3581C6.69122 20.7605 6.92444 16.9793 8.25293 13.5159C9.58142 10.0525 11.9424 7.07045 15.0229 4.96526C18.1033 2.86006 21.7576 1.73114 25.5013 1.7282ZM2.03568 33.3337C1.10145 31.7458 2.58523 28.6353 5.93746 25.0549C6.84638 28.4997 8.66755 31.6421 11.2131 34.1581C6.34633 35.2261 2.96332 34.9172 2.03568 33.3337ZM25.5013 38.2714C21.7268 38.275 18.0427 37.1282 14.95 34.9868C19.6937 33.5556 25.0243 31.2085 30.3044 28.2089C35.635 25.1767 40.3303 21.8008 43.8957 18.5424C43.9353 19.0231 43.9617 19.5082 43.9617 19.9998C43.9559 24.8432 42.0092 29.4866 38.5486 32.9118C35.088 36.3371 30.3959 38.2645 25.5013 38.2714ZM49.0835 8.84759C48.6152 10.5877 47.1974 12.6868 45.0718 14.9512C44.1572 11.4985 42.3267 8.3504 39.7697 5.83278C44.5728 4.78434 48.0327 5.08016 48.9648 6.66588C49.2857 7.2162 49.3274 7.94924 49.0835 8.84759Z" fill="#121212"/>
+                        <path d="M73.68 26.12C73.1067 27.36 72.2733 28.32 71.18 29C70.0867 29.6667 68.7533 30 67.18 30C65.6467 30 64.34 29.6533 63.26 28.96C62.1933 28.2667 61.38 27.3133 60.82 26.1C60.2733 24.8733 60 23.48 60 21.92C60 20.36 60.2733 18.9867 60.82 17.8C61.3667 16.6133 62.18 15.6867 63.26 15.02C64.34 14.34 65.6467 14 67.18 14C68.78 14 70.1267 14.34 71.22 15.02C72.3133 15.6867 73.1533 16.6667 73.74 17.96L72.24 19.02C71.9333 18.2867 71.54 17.68 71.06 17.2C70.5933 16.7067 70.0333 16.34 69.38 16.1C68.7267 15.8467 67.9933 15.72 67.18 15.72C66.1 15.72 65.1467 15.9733 64.32 16.48C63.5067 16.9867 62.8733 17.7067 62.42 18.64C61.9667 19.5733 61.74 20.6667 61.74 21.92C61.74 23.2267 61.9667 24.36 62.42 25.32C62.8733 26.2667 63.5067 27 64.32 27.52C65.1333 28.0267 66.0867 28.28 67.18 28.28C67.9933 28.28 68.72 28.16 69.36 27.92C70.0133 27.68 70.5733 27.32 71.04 26.84C71.5067 26.36 71.8933 25.7667 72.2 25.06L73.68 26.12ZM75.7422 21.92C75.7422 20.36 76.0155 18.9867 76.5622 17.8C77.1222 16.6133 77.9422 15.6867 79.0222 15.02C80.1155 14.34 81.4289 14 82.9622 14C84.4955 14 85.8022 14.34 86.8822 15.02C87.9622 15.6867 88.7755 16.6133 89.3222 17.8C89.8822 18.9867 90.1622 20.36 90.1622 21.92C90.1622 23.48 89.8822 24.8733 89.3222 26.1C88.7755 27.3133 87.9555 28.2667 86.8622 28.96C85.7822 29.6533 84.4822 30 82.9622 30C81.4289 30 80.1155 29.6533 79.0222 28.96C77.9422 28.2667 77.1222 27.3133 76.5622 26.1C76.0155 24.8733 75.7422 23.48 75.7422 21.92ZM77.5022 21.92C77.5022 23.1467 77.7155 24.24 78.1422 25.2C78.5689 26.1467 79.1889 26.8933 80.0022 27.44C80.8289 27.9733 81.8155 28.24 82.9622 28.24C84.1089 28.24 85.0889 27.9667 85.9022 27.42C86.7155 26.8733 87.3355 26.1267 87.7622 25.18C88.1889 24.2333 88.4022 23.1467 88.4022 21.92C88.4022 20.7067 88.1889 19.64 87.7622 18.72C87.3355 17.8 86.7155 17.08 85.9022 16.56C85.0889 16.0267 84.1089 15.76 82.9622 15.76C81.8155 15.76 80.8289 16.0267 80.0022 16.56C79.1889 17.08 78.5689 17.8 78.1422 18.72C77.7155 19.64 77.5022 20.7067 77.5022 21.92ZM93.668 24.94C94.2013 26.1267 94.8413 26.98 95.588 27.5C96.348 28.02 97.2746 28.28 98.368 28.28C99.5413 28.28 100.455 28.0733 101.108 27.66C101.775 27.2467 102.108 26.5933 102.108 25.7C102.108 24.8867 101.781 24.2133 101.128 23.68C100.475 23.1467 99.5213 22.7533 98.268 22.5L97.268 22.28C95.668 21.96 94.4546 21.4533 93.628 20.76C92.8146 20.0667 92.408 19.1 92.408 17.86C92.408 17.0733 92.6413 16.3867 93.108 15.8C93.588 15.2133 94.2146 14.7667 94.988 14.46C95.7613 14.1533 96.608 14 97.528 14C99.048 14 100.255 14.34 101.148 15.02C102.041 15.7 102.788 16.7267 103.388 18.1L101.988 18.96C101.481 17.8267 100.861 17 100.128 16.48C99.408 15.96 98.528 15.7 97.488 15.7C96.4613 15.7 95.6413 15.8933 95.028 16.28C94.4146 16.6667 94.108 17.2333 94.108 17.98C94.108 18.6733 94.3946 19.2267 94.968 19.64C95.5413 20.0533 96.4013 20.3933 97.548 20.66L98.508 20.88C99.8013 21.1733 100.835 21.5467 101.608 22C102.395 22.44 102.961 22.9667 103.308 23.58C103.655 24.1933 103.821 24.9267 103.808 25.78C103.795 27.1667 103.288 28.22 102.288 28.94C101.288 29.6467 99.968 30 98.328 30C96.7413 30 95.468 29.6533 94.508 28.96C93.5613 28.2533 92.7813 27.22 92.168 25.86L93.668 24.94ZM107.561 14V30H105.801V14H107.561ZM107.621 14L114.641 30H112.821L105.881 14H107.621ZM121.381 14L114.641 30H112.821L119.641 14H121.381ZM121.461 14V30H119.701V14H121.461ZM123.457 21.92C123.457 20.36 123.73 18.9867 124.277 17.8C124.837 16.6133 125.657 15.6867 126.737 15.02C127.83 14.34 129.144 14 130.677 14C132.21 14 133.517 14.34 134.597 15.02C135.677 15.6867 136.49 16.6133 137.037 17.8C137.597 18.9867 137.877 20.36 137.877 21.92C137.877 23.48 137.597 24.8733 137.037 26.1C136.49 27.3133 135.67 28.2667 134.577 28.96C133.497 29.6533 132.197 30 130.677 30C129.144 30 127.83 29.6533 126.737 28.96C125.657 28.2667 124.837 27.3133 124.277 26.1C123.73 24.8733 123.457 23.48 123.457 21.92ZM125.217 21.92C125.217 23.1467 125.43 24.24 125.857 25.2C126.284 26.1467 126.904 26.8933 127.717 27.44C128.544 27.9733 129.53 28.24 130.677 28.24C131.824 28.24 132.804 27.9667 133.617 27.42C134.43 26.8733 135.05 26.1267 135.477 25.18C135.904 24.2333 136.117 23.1467 136.117 21.92C136.117 20.7067 135.904 19.64 135.477 18.72C135.05 17.8 134.43 17.08 133.617 16.56C132.804 16.0267 131.824 15.76 130.677 15.76C129.53 15.76 128.544 16.0267 127.717 16.56C126.904 17.08 126.284 17.8 125.857 18.72C125.43 19.64 125.217 20.7067 125.217 21.92ZM141.603 22.32H145.843C146.803 22.32 147.636 22.22 148.343 22.02C149.049 21.8067 149.609 21.46 150.023 20.98C150.449 20.5 150.663 19.86 150.663 19.06C150.663 18.3 150.449 17.6667 150.023 17.16C149.609 16.6533 149.036 16.28 148.303 16.04C147.583 15.8 146.763 15.68 145.843 15.68H141.603V22.32ZM141.603 24V29.98V30H139.883V14H145.843C147.763 14 149.349 14.3867 150.603 15.16C151.856 15.92 152.483 17.2333 152.483 19.1C152.483 20.2733 152.169 21.2267 151.543 21.96C150.916 22.68 150.103 23.2 149.103 23.52C148.116 23.84 147.029 24 145.843 24H141.603ZM156.192 14V30H154.492V14H156.192ZM164.692 22.84H156.192V21.16L164.692 21Line truncated
+                    </svg>
+
+                    <svg class="header__logo-white" width="181" height="40" viewBox="0 0 181 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M50.4859 5.79145C49.0065 3.27258 44.6431 2.78969 38.1761 4.42108C35.0048 1.89583 31.1372 0.376333 27.0791 0.0613091C23.021 -0.253715 18.9613 0.650395 15.4309 2.65541C11.9004 4.66042 9.06364 7.673 7.29143 11.2992C5.51922 14.9254 4.8941 18.9964 5.49783 22.9798C0.798105 27.6978 -0.973633 31.6805 0.51234 34.2081C1.42019 35.7547 3.36998 36.5377 6.22762 36.5377C8.05553 36.5052 9.87449 36.2769 11.6527 35.8569C12.0352 35.7721 12.4265 35.6785 12.8222 35.5785C15.793 37.9443 19.3793 39.4307 23.1672 39.8663C26.9551 40.3018 30.7903 39.6687 34.2301 38.0399C37.67 36.4112 40.5744 33.8533 42.6083 30.6613C44.6421 27.4693 45.7224 23.7733 45.7246 19.9998C45.7261 19.0003 45.6527 18.002 45.5048 17.0132C48.3119 14.1855 50.1891 11.5144 50.7805 9.29786C51.1519 7.93619 51.0508 6.75724 50.4859 5.79145ZM25.5013 1.7282C29.77 1.73333 33.9054 3.19952 37.206 5.87806C40.5066 8.5566 42.7692 12.2825 43.61 16.4238C40.0555 19.8366 35.081 23.4888 29.4339 26.6994C23.4306 30.1122 17.8253 32.4092 13.253 33.66C10.4542 31.1997 8.47718 27.9557 7.5842 24.3581C6.69122 20.7605 6.92444 16.9793 8.25293 13.5159C9.58142 10.0525 11.9424 7.07045 15.0229 4.96526C18.1033 2.86006 21.7576 1.73114 25.5013 1.7282ZM2.03568 33.3337C1.10145 31.7458 2.58523 28.6353 5.93746 25.0549C6.84638 28.4997 8.66755 31.6421 11.2131 34.1581C6.34633 35.2261 2.96332 34.9172 2.03568 33.3337ZM25.5013 38.2714C21.7268 38.275 18.0427 37.1282 14.95 34.9868C19.6937 33.5556 25.0243 31.2085 30.3044 28.2089C35.635 25.1767 40.3303 21.8008 43.8957 18.5424C43.9353 19.0231 43.9617 19.5082 43.9617 19.9998C43.9559 24.8432 42.0092 29.4866 38.5486 32.9118C35.088 36.3371 30.3959 38.2645 25.5013 38.2714ZM49.0835 8.84759C48.6152 10.5877 47.1974 12.6868 45.0718 14.9512C44.1572 11.4985 42.3267 8.3504 39.7697 5.83278C44.5728 4.78434 48.0327 5.08016 48.9648 6.66588C49.2857 7.2162 49.3274 7.94924 49.0835 8.84759Z" fill="white"/>
+                        <path d="M73.68 26.12C73.1067 27.36 72.2733 28.32 71.18 29C70.0867 29.6667 68.7533 30 67.18 30C65.6467 30 64.34 29.6533 63.26 28.96C62.1933 28.2667 61.38 27.3133 60.82 26.1C60.2733 24.8733 60 23.48 60 21.92C60 20.36 60.2733 18.9867 60.82 17.8C61.3667 16.6133 62.18 15.6867 63.26 15.02C64.34 14.34 65.6467 14 67.18 14C68.78 14 70.1267 14.34 71.22 15.02C72.3133 15.6867 73.1533 16.6667 73.74 17.96L72.24 19.02C71.9333 18.2867 71.54 17.68 71.06 17.2C70.5933 16.7067 70.0333 16.34 69.38 16.1C68.7267 15.8467 67.9933 15.72 67.18 15.72C66.1 15.72 65.1467 15.9733 64.32 16.48C63.5067 16.9867 62.8733 17.7067 62.42 18.64C61.9667 19.5733 61.74 20.6667 61.74 21.92C61.74 23.2267 61.9667 24.36 62.42 25.32C62.8733 26.2667 63.5067 27 64.32 27.52C65.1333 28.0267 66.0867 28.28 67.18 28.28C67.9933 28.28 68.72 28.16 69.36 27.92C70.0133 27.68 70.5733 27.32 71.04 26.84C71.5067 26.36 71.8933 25.7667 72.2 25.06L73.68 26.12ZM75.7422 21.92C75.7422 20.36 76.0155 18.9867 76.5622 17.8C77.1222 16.6133 77.9422 15.6867 79.0222 15.02C80.1155 14.34 81.4289 14 82.9622 14C84.4955 14 85.8022 14.34 86.8822 15.02C87.9622 15.6867 88.7755 16.6133 89.3222 17.8C89.8822 18.9867 90.1622 20.36 90.1622 21.92C90.1622 23.48 89.8822 24.8733 89.3222 26.1C88.7755 27.3133 87.9555 28.2667 86.8622 28.96C85.7822 29.6533 84.4822 30 82.9622 30C81.4289 30 80.1155 29.6533 79.0222 28.96C77.9422 28.2667 77.1222 27.3133 76.5622 26.1C76.0155 24.8733 75.7422 23.48 75.7422 21.92ZM77.5022 21.92C77.5022 23.1467 77.7155 24.24 78.1422 25.2C78.5689 26.1467 79.1889 26.8933 80.0022 27.44C80.8289 27.9733 81.8155 28.24 82.9622 28.24C84.1089 28.24 85.0889 27.9667 85.9022 27.42C86.7155 26.8733 87.3355 26.1267 87.7622 25.18C88.1889 24.2333 88.4022 23.1467 88.4022 21.92C88.4022 20.7067 88.1889 19.64 87.7622 18.72C87.3355 17.8 86.7155 17.08 85.9022 16.56C85.0889 16.0267 84.1089 15.76 82.9622 15.76C81.8155 15.76 80.8289 16.0267 80.0022 16.56C79.1889 17.08 78.5689 17.8 78.1422 18.72C77.7155 19.64 77.5022 20.7067 77.5022 21.92ZM93.668 24.94C94.2013 26.1267 94.8413 26.98 95.588 27.5C96.348 28.02 97.2746 28.28 98.368 28.28C99.5413 28.28 100.455 28.0733 101.108 27.66C101.775 27.2467 102.108 26.5933 102.108 25.7C102.108 24.8867 101.781 24.2133 101.128 23.68C100.475 23.1467 99.5213 22.7533 98.268 22.5L97.268 22.28C95.668 21.96 94.4546 21.4533 93.628 20.76C92.8146 20.0667 92.408 19.1 92.408 17.86C92.408 17.0733 92.6413 16.3867 93.108 15.8C93.588 15.2133 94.2146 14.7667 94.988 14.46C95.7613 14.1533 96.608 14 97.528 14C99.048 14 100.255 14.34 101.148 15.02C102.041 15.7 102.788 16.7267 103.388 18.1L101.988 18.96C101.481 17.8267 100.861 17 100.128 16.48C99.408 15.96 98.528 15.7 97.488 15.7C96.4613 15.7 95.6413 15.8933 95.028 16.28C94.4146 16.6667 94.108 17.2333 94.108 17.98C94.108 18.6733 94.3946 19.2267 94.968 19.64C95.5413 20.0533 96.4013 20.3933 97.548 20.66L98.508 20.88C99.8013 21.1733 100.835 21.5467 101.608 22C102.395 22.44 102.961 22.9667 103.308 23.58C103.655 24.1933 103.821 24.9267 103.808 25.78C103.795 27.1667 103.288 28.22 102.288 28.94C101.288 29.6467 99.968 30 98.328 30C96.7413 30 95.468 29.6533 94.508 28.96C93.5613 28.2533 92.7813 27.22 92.168 25.86L93.668 24.94ZM107.561 14V30H105.801V14H107.561ZM107.621 14L114.641 30H112.821L105.881 14H107.621ZM121.381 14L114.641 30H112.821L119.641 14H121.381ZM121.461 14V30H119.701V14H121.461ZM123.457 21.92C123.457 20.36 123.73 18.9867 124.277 17.8C124.837 16.6133 125.657 15.6867 126.737 15.02C127.83 14.34 129.144 14 130.677 14C132.21 14 133.517 14.34 134.597 15.02C135.677 15.6867 136.49 16.6133 137.037 17.8C137.597 18.9867 137.877 20.36 137.877 21.92C137.877 23.48 137.597 24.8733 137.037 26.1C136.49 27.3133 135.67 28.2667 134.577 28.96C133.497 29.6533 132.197 30 130.677 30C129.144 30 127.83 29.6533 126.737 28.96C125.657 28.2667 124.837 27.3133 124.277 26.1C123.73 24.8733 123.457 23.48 123.457 21.92ZM125.217 21.92C125.217 23.1467 125.43 24.24 125.857 25.2C126.284 26.1467 126.904 26.8933 127.717 27.44C128.544 27.9733 129.53 28.24 130.677 28.24C131.824 28.24 132.804 27.9667 133.617 27.42C134.43 26.8733 135.05 26.1267 135.477 25.18C135.904 24.2333 136.117 23.1467 136.117 21.92C136.117 20.7067 135.904 19.64 135.477 18.72C135.05 17.8 134.43 17.08 133.617 16.56C132.804 16.0267 131.824 15.76 130.677 15.76C129.53 15.76 128.544 16.0267 127.717 16.56C126.904 17.08 126.284 17.8 125.857 18.72C125.43 19.64 125.217 20.7067 125.217 21.92ZM141.603 22.32H145.843C146.803 22.32 147.636 22.22 148.343 22.02C149.049 21.8067 149.609 21.46 150.023 20.98C150.449 20.5 150.663 19.86 150.663 19.06C150.663 18.3 150.449 17.6667 150.023 17.16C149.609 16.6533 149.036 16.28 148.303 16.04C147.583 15.8 146.763 15.68 145.843 15.68H141.603V22.32ZM141.603 24V29.98V30H139.883V14H145.843C147.763 14 149.349 14.3867 150.603 15.16C151.856 15.92 152.483 17.2333 152.483 19.1C152.483 20.2733 152.169 21.2267 151.543 21.96C150.916 22.68 150.103 23.2 149.103 23.52C148.116 23.84 147.029 24 145.843 24H141.603ZM156.192 14V30H154.492V14H156.192ZM164.692 22.84H156.192V21.16L164.692 21Line truncated
+                    </svg>
+                </a>
+
+                <ul class="main-menu">
+                    <li class="main-menu__item">
+                        <a href="#" class="main-menu__link">ГЛАВНАЯ</a>
+                    </li>
+                    <li class="main-menu__item">
+                        <a href="#" class="main-menu__link">О COSMOPET</a>
+                    </li>
+                    <li class="main-menu__item">
+                        <a href="#" class="main-menu__link">ПРОИЗВОДСТВО</a>
+                    </li class="main-menu__item">
+                    <li class="main-menu__item">
+                        <a href="#" class="main-menu__link">БЛОГ</a>
+                    </li>
+                    <li class="main-menu__item">
+                        <button class="main-menu__button" id="pc-menu">
+                            ПРОДУКЦИЯ
+                        </button>
+                    </li>
+                </ul>
+
+                <div class="mini-profile">
+                    <div class="mini-profile__item">
+                        <div class="lang">
+                            <button class="lang__open">
+                                <p>RU</p>
+                                <div class="lang-open__arrow">
+                                    <svg class="lang-open__black" width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L5 3.93934L8.46967 0.46967C8.76256 0.176777 9.23744 0.176777 9.53033 0.46967C9.82322 0.762563 9.82322 1.23744 9.53033 1.53033L5.53033 5.53033C5.23744 5.82322 4.76256 5.82322 4.46967 5.53033L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967Z" fill="#333333"/>
+                                    </svg>
+                                    <svg class="lang-open__white" width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L5 3.93934L8.46967 0.46967C8.76256 0.176777 9.23744 0.176777 9.53033 0.46967C9.82322 0.762563 9.82322 1.23744 9.53033 1.53033L5.53033 5.53033C5.23744 5.82322 4.76256 5.82322 4.46967 5.53033L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967Z" fill="#fff"/>
+                                    </svg>
+                                </div>
+                            </button>
+                            <div class="lang__content">
+                                <ul class="lang__list">
+                                    <li class="lang__item active">
+                                        <a href="#" class="lang__link">
+                                            RU
+                                        </a>
+                                    </li>
+                                    <li class="lang__item">
+                                        <a href="#" class="lang__link">
+                                            EN
+                                        </a>
+                                    </li>
+                                    <li class="lang__item">
+                                        <a href="#" class="lang__link">
+                                            AR
+                                        </a>
+                                    </li>
+                                </ul>
+                            </div>
+                                
+                        </div>
+                    </div>
+                    <div class="mini-profile__item">
+                        <a href="" class="mini-profile__button">
+                            <img src="assets/img/svg/mini-profile/profile.svg" alt="" class="mini-profile__icon black">
+                            <img src="assets/img/svg/mini-profile/profile-w.svg" alt="" class="mini-profile__icon white">
+                        </a>
+                    </div>
+                    <div class="mini-profile__item">
+                        <button class="mini-profile__button basket-open">
+                            <img src="assets/img/svg/mini-profile/basket.svg" alt="" class="mini-profile__icon black">
+                            <img src="assets/img/svg/mini-profile/basket-w.svg" alt="" class="mini-profile__icon white">
+                        </button>
+                    </div>
+                </div>
+            </div>
+            <div class="header__menu-block">
+                <div class="header__pc-menu">
+                    <div class="header-pc-menu__content">
+                        <div class="header-pc-menu__item">
+                            <a href="#" class="header-pc-menu__title">Кошкам</a>
+                            <ul class="header-pc-menu__list">
+                                <li class="header-pc-menu__list-li">
+                                    <a href="">Лакомства</a>
+                                </li>
+                                <li class="header-pc-menu__list-li">
+                                    <a href="">Корм</a>
+                                </li>
+                                <li class="header-pc-menu__list-li">
+                                    <a href="">Аксессуары</a>
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="header-pc-menu__item">
+                            <a href="#" class="header-pc-menu__title">Собакам</a>
+                            <ul class="header-pc-menu__list">
+                                <li class="header-pc-menu__list-li">
+                                    <a href="">Лакомства</a>
+                                </li>
+                                <li class="header-pc-menu__list-li">
+                                    <a href="">Корм</a>
+                                </li>
+                                <li class="header-pc-menu__list-li">
+                                    <a href="">Аксессуары</a>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="header__phone-menu">
+                    <div class="header-phone-menu__item">
+                        <a href="#" class="header-phone-menu__title header-phone-menu__title--gradient" >
+                            ГЛАВНАЯ
+                        </a>
+                    </div>
+                    <div class="header-phone-menu__item">
+                        <a href="#" class="header-phone-menu__title">
+                            ПРОДУКЦИЯ
+                        </a>
+                        <a href="#" class="header-phone-menu__category">Кошкам</a>
+                        <ul class="header-phone-menu__list">
+                            <li class="header-phone-menu__list-item">
+                                <a href="#">Корм</a>
+                            </li>
+                            <li  class="header-phone-menu__list-item">
+                                <a href="#">Лакомства</a>
+                            </li>
+                            <li  class="header-phone-menu__list-item">
+                                <a href="#">Корм</a>
+                            </li>
+                        </ul>
+                        <a href="#" class="header-phone-menu__category">Собакам</a>
+                        <ul class="header-phone-menu__list">
+                            <li class="header-phone-menu__list-item">
+                                <a href="#">Корм</a>
+                            </li>
+                            <li  class="header-phone-menu__list-item">
+                                <a href="#">Лакомства</a>
+                            </li>
+                            <li  class="header-phone-menu__list-item">
+                                <a href="#">Корм</a>
+                            </li>
+                        </ul>
+                    </div>
+                    <div class="header-phone-menu__item">
+                        <a href="#" class="header-phone-menu__title">
+                            О COSMOPET
+                        </a>
+                    </div>
+                    <div class="header-phone-menu__item">
+                        <a href="#" class="header-phone-menu__title">
+                            ПРОИЗВОДСТВО
+                        </a>
+                    </div>
+                    <div class="header-phone-menu__item">
+                        <a href="#" class="header-phone-menu__title">
+                            БЛОГ
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </header>
+
+        
+        <div class="modal active">
+        </div>
+
+
+        <!-- <script src="assets/js/gp-main.js"></script> -->
+    </body>
+</html>

order.html

@@ -0,0 +1,643 @@
+<!DOCTYPE html>
+<html lang="ru">
+    <head>
+        <meta charset="UTF-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>SEO title</title>
+        <meta name="description" content="SEO Description">
+        <link rel="shortcut icon" href="assets/img/favicon.ico?v=1.0">
+
+        <!-- Базовые стили -->
+        <link rel="stylesheet" href="assets/css/gp-style-core.css?v=1.0">
+        <link rel="stylesheet" href="assets/css/gp-style-desktop.css?v=1.0">
+        <link rel="stylesheet" href="assets/css/gp-style-order.css?v=1.0">
+        <!-- Адаптив -->
+        <link rel="stylesheet" media="screen and (min-width: 1400px)" href="assets/css/gp-style-ultra.css?v=1.0">
+        <link rel="stylesheet" media="screen and (max-width: 1200px)" href="assets/css/gp-style-tablet.css">
+        <link rel="stylesheet" media="screen and (max-width: 720px)" href="assets/css/gp-style-mobile.css?v=1.0">
+    
+
+        <!-- Яндекс.Вебмастер + Google Search Console -->
+        <meta name="yandex-verification" content="XXXXXXXXXXXXXXXXX" />
+        <meta name="google-site-verification" content="XXXXXXXXXXXXXXXXX" />
+        <!-- /Яндекс.Вебмастер + Google Search Console -->
+
+        <!-- Yandex.Metrika counter -->
+        <script type="text/javascript">
+            (function (m, e, t, r, i, k, a) {
+                m[i] = m[i] || function () { (m[i].a = m[i].a || []).push(arguments) };
+                m[i].l = 1 * new Date();
+                for (var j = 0; j < document.scripts.length; j++) { if (document.scripts[j].src === r) { return; } }
+                k = e.createElement(t), a = e.getElementsByTagName(t)[0], k.async = 1, k.src = r, a.parentNode.insertBefore(k, a)
+            })
+                (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
+
+            ym(XXXXXX, "init", { // XXXXXX - счетчик
+                clickmap: true,
+                trackLinks: true,
+                accurateTrackBounce: true,
+                webvisor: true,
+                ecommerce: "dataLayer"
+            });
+        </script>
+        <noscript>
+            <div><img src="https://mc.yandex.ru/watch/85828806" style="position:absolute; left:-9999px;" alt="" /></div>
+        </noscript>
+        <!-- /Yandex.Metrika counter -->
+    
+    
+    </head>
+    <body>
+
+        <header class="header">
+            <div class="header__content wrapper">
+                <button class="header__open-menu" id="phone-menu">
+                </button>
+
+                <a href="index.html" class="header__logo">
+                    <svg class="header__logo-black" xmlns="http://www.w3.org/2000/svg" width="181" height="40" viewBox="0 0 181 40" fill="none">
+                        <path d="M50.4859 5.79145C49.0065 3.27258 44.6431 2.78969 38.1761 4.42108C35.0048 1.89583 31.1372 0.376333 27.0791 0.0613091C23.021 -0.253715 18.9613 0.650395 15.4309 2.65541C11.9004 4.66042 9.06364 7.673 7.29143 11.2992C5.51922 14.9254 4.8941 18.9964 5.49783 22.9798C0.798105 27.6978 -0.973633 31.6805 0.51234 34.2081C1.42019 35.7547 3.36998 36.5377 6.22762 36.5377C8.05553 36.5052 9.87449 36.2769 11.6527 35.8569C12.0352 35.7721 12.4265 35.6785 12.8222 35.5785C15.793 37.9443 19.3793 39.4307 23.1672 39.8663C26.9551 40.3018 30.7903 39.6687 34.2301 38.0399C37.67 36.4112 40.5744 33.8533 42.6083 30.6613C44.6421 27.4693 45.7224 23.7733 45.7246 19.9998C45.7261 19.0003 45.6527 18.002 45.5048 17.0132C48.3119 14.1855 50.1891 11.5144 50.7805 9.29786C51.1519 7.93619 51.0508 6.75724 50.4859 5.79145ZM25.5013 1.7282C29.77 1.73333 33.9054 3.19952 37.206 5.87806C40.5066 8.5566 42.7692 12.2825 43.61 16.4238C40.0555 19.8366 35.081 23.4888 29.4339 26.6994C23.4306 30.1122 17.8253 32.4092 13.253 33.66C10.4542 31.1997 8.47718 27.9557 7.5842 24.3581C6.69122 20.7605 6.92444 16.9793 8.25293 13.5159C9.58142 10.0525 11.9424 7.07045 15.0229 4.96526C18.1033 2.86006 21.7576 1.73114 25.5013 1.7282ZM2.03568 33.3337C1.10145 31.7458 2.58523 28.6353 5.93746 25.0549C6.84638 28.4997 8.66755 31.6421 11.2131 34.1581C6.34633 35.2261 2.96332 34.9172 2.03568 33.3337ZM25.5013 38.2714C21.7268 38.275 18.0427 37.1282 14.95 34.9868C19.6937 33.5556 25.0243 31.2085 30.3044 28.2089C35.635 25.1767 40.3303 21.8008 43.8957 18.5424C43.9353 19.0231 43.9617 19.5082 43.9617 19.9998C43.9559 24.8432 42.0092 29.4866 38.5486 32.9118C35.088 36.3371 30.3959 38.2645 25.5013 38.2714ZM49.0835 8.84759C48.6152 10.5877 47.1974 12.6868 45.0718 14.9512C44.1572 11.4985 42.3267 8.3504 39.7697 5.83278C44.5728 4.78434 48.0327 5.08016 48.9648 6.66588C49.2857 7.2162 49.3274 7.94924 49.0835 8.84759Z" fill="#121212"/>
+                        <path d="M73.68 26.12C73.1067 27.36 72.2733 28.32 71.18 29C70.0867 29.6667 68.7533 30 67.18 30C65.6467 30 64.34 29.6533 63.26 28.96C62.1933 28.2667 61.38 27.3133 60.82 26.1C60.2733 24.8733 60 23.48 60 21.92C60 20.36 60.2733 18.9867 60.82 17.8C61.3667 16.6133 62.18 15.6867 63.26 15.02C64.34 14.34 65.6467 14 67.18 14C68.78 14 70.1267 14.34 71.22 15.02C72.3133 15.6867 73.1533 16.6667 73.74 17.96L72.24 19.02C71.9333 18.2867 71.54 17.68 71.06 17.2C70.5933 16.7067 70.0333 16.34 69.38 16.1C68.7267 15.8467 67.9933 15.72 67.18 15.72C66.1 15.72 65.1467 15.9733 64.32 16.48C63.5067 16.9867 62.8733 17.7067 62.42 18.64C61.9667 19.5733 61.74 20.6667 61.74 21.92C61.74 23.2267 61.9667 24.36 62.42 25.32C62.8733 26.2667 63.5067 27 64.32 27.52C65.1333 28.0267 66.0867 28.28 67.18 28.28C67.9933 28.28 68.72 28.16 69.36 27.92C70.0133 27.68 70.5733 27.32 71.04 26.84C71.5067 26.36 71.8933 25.7667 72.2 25.06L73.68 26.12ZM75.7422 21.92C75.7422 20.36 76.0155 18.9867 76.5622 17.8C77.1222 16.6133 77.9422 15.6867 79.0222 15.02C80.1155 14.34 81.4289 14 82.9622 14C84.4955 14 85.8022 14.34 86.8822 15.02C87.9622 15.6867 88.7755 16.6133 89.3222 17.8C89.8822 18.9867 90.1622 20.36 90.1622 21.92C90.1622 23.48 89.8822 24.8733 89.3222 26.1C88.7755 27.3133 87.9555 28.2667 86.8622 28.96C85.7822 29.6533 84.4822 30 82.9622 30C81.4289 30 80.1155 29.6533 79.0222 28.96C77.9422 28.2667 77.1222 27.3133 76.5622 26.1C76.0155 24.8733 75.7422 23.48 75.7422 21.92ZM77.5022 21.92C77.5022 23.1467 77.7155 24.24 78.1422 25.2C78.5689 26.1467 79.1889 26.8933 80.0022 27.44C80.8289 27.9733 81.8155 28.24 82.9622 28.24C84.1089 28.24 85.0889 27.9667 85.9022 27.42C86.7155 26.8733 87.3355 26.1267 87.7622 25.18C88.1889 24.2333 88.4022 23.1467 88.4022 21.92C88.4022 20.7067 88.1889 19.64 87.7622 18.72C87.3355 17.8 86.7155 17.08 85.9022 16.56C85.0889 16.0267 84.1089 15.76 82.9622 15.76C81.8155 15.76 80.8289 16.0267 80.0022 16.56C79.1889 17.08 78.5689 17.8 78.1422 18.72C77.7155 19.64 77.5022 20.7067 77.5022 21.92ZM93.668 24.94C94.2013 26.1267 94.8413 26.98 95.588 27.5C96.348 28.02 97.2746 28.28 98.368 28.28C99.5413 28.28 100.455 28.0733 101.108 27.66C101.775 27.2467 102.108 26.5933 102.108 25.7C102.108 24.8867 101.781 24.2133 101.128 23.68C100.475 23.1467 99.5213 22.7533 98.268 22.5L97.268 22.28C95.668 21.96 94.4546 21.4533 93.628 20.76C92.8146 20.0667 92.408 19.1 92.408 17.86C92.408 17.0733 92.6413 16.3867 93.108 15.8C93.588 15.2133 94.2146 14.7667 94.988 14.46C95.7613 14.1533 96.608 14 97.528 14C99.048 14 100.255 14.34 101.148 15.02C102.041 15.7 102.788 16.7267 103.388 18.1L101.988 18.96C101.481 17.8267 100.861 17 100.128 16.48C99.408 15.96 98.528 15.7 97.488 15.7C96.4613 15.7 95.6413 15.8933 95.028 16.28C94.4146 16.6667 94.108 17.2333 94.108 17.98C94.108 18.6733 94.3946 19.2267 94.968 19.64C95.5413 20.0533 96.4013 20.3933 97.548 20.66L98.508 20.88C99.8013 21.1733 100.835 21.5467 101.608 22C102.395 22.44 102.961 22.9667 103.308 23.58C103.655 24.1933 103.821 24.9267 103.808 25.78C103.795 27.1667 103.288 28.22 102.288 28.94C101.288 29.6467 99.968 30 98.328 30C96.7413 30 95.468 29.6533 94.508 28.96C93.5613 28.2533 92.7813 27.22 92.168 25.86L93.668 24.94ZM107.561 14V30H105.801V14H107.561ZM107.621 14L114.641 30H112.821L105.881 14H107.621ZM121.381 14L114.641 30H112.821L119.641 14H121.381ZM121.461 14V30H119.701V14H121.461ZM123.457 21.92C123.457 20.36 123.73 18.9867 124.277 17.8C124.837 16.6133 125.657 15.6867 126.737 15.02C127.83 14.34 129.144 14 130.677 14C132.21 14 133.517 14.34 134.597 15.02C135.677 15.6867 136.49 16.6133 137.037 17.8C137.597 18.9867 137.877 20.36 137.877 21.92C137.877 23.48 137.597 24.8733 137.037 26.1C136.49 27.3133 135.67 28.2667 134.577 28.96C133.497 29.6533 132.197 30 130.677 30C129.144 30 127.83 29.6533 126.737 28.96C125.657 28.2667 124.837 27.3133 124.277 26.1C123.73 24.8733 123.457 23.48 123.457 21.92ZM125.217 21.92C125.217 23.1467 125.43 24.24 125.857 25.2C126.284 26.1467 126.904 26.8933 127.717 27.44C128.544 27.9733 129.53 28.24 130.677 28.24C131.824 28.24 132.804 27.9667 133.617 27.42C134.43 26.8733 135.05 26.1267 135.477 25.18C135.904 24.2333 136.117 23.1467 136.117 21.92C136.117 20.7067 135.904 19.64 135.477 18.72C135.05 17.8 134.43 17.08 133.617 16.56C132.804 16.0267 131.824 15.76 130.677 15.76C129.53 15.76 128.544 16.0267 127.717 16.56C126.904 17.08 126.284 17.8 125.857 18.72C125.43 19.64 125.217 20.7067 125.217 21.92ZM141.603 22.32H145.843C146.803 22.32 147.636 22.22 148.343 22.02C149.049 21.8067 149.609 21.46 150.023 20.98C150.449 20.5 150.663 19.86 150.663 19.06C150.663 18.3 150.449 17.6667 150.023 17.16C149.609 16.6533 149.036 16.28 148.303 16.04C147.583 15.8 146.763 15.68 145.843 15.68H141.603V22.32ZM141.603 24V29.98V30H139.883V14H145.843C147.763 14 149.349 14.3867 150.603 15.16C151.856 15.92 152.483 17.2333 152.483 19.1C152.483 20.2733 152.169 21.2267 151.543 21.96C150.916 22.68 150.103 23.2 149.103 23.52C148.116 23.84 147.029 24 145.843 24H141.603ZM156.192 14V30H154.492V14H156.192ZM164.692 22.84H156.192V21.16L164.692 21Line truncated
+                    </svg>
+
+                    <svg class="header__logo-white" width="181" height="40" viewBox="0 0 181 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M50.4859 5.79145C49.0065 3.27258 44.6431 2.78969 38.1761 4.42108C35.0048 1.89583 31.1372 0.376333 27.0791 0.0613091C23.021 -0.253715 18.9613 0.650395 15.4309 2.65541C11.9004 4.66042 9.06364 7.673 7.29143 11.2992C5.51922 14.9254 4.8941 18.9964 5.49783 22.9798C0.798105 27.6978 -0.973633 31.6805 0.51234 34.2081C1.42019 35.7547 3.36998 36.5377 6.22762 36.5377C8.05553 36.5052 9.87449 36.2769 11.6527 35.8569C12.0352 35.7721 12.4265 35.6785 12.8222 35.5785C15.793 37.9443 19.3793 39.4307 23.1672 39.8663C26.9551 40.3018 30.7903 39.6687 34.2301 38.0399C37.67 36.4112 40.5744 33.8533 42.6083 30.6613C44.6421 27.4693 45.7224 23.7733 45.7246 19.9998C45.7261 19.0003 45.6527 18.002 45.5048 17.0132C48.3119 14.1855 50.1891 11.5144 50.7805 9.29786C51.1519 7.93619 51.0508 6.75724 50.4859 5.79145ZM25.5013 1.7282C29.77 1.73333 33.9054 3.19952 37.206 5.87806C40.5066 8.5566 42.7692 12.2825 43.61 16.4238C40.0555 19.8366 35.081 23.4888 29.4339 26.6994C23.4306 30.1122 17.8253 32.4092 13.253 33.66C10.4542 31.1997 8.47718 27.9557 7.5842 24.3581C6.69122 20.7605 6.92444 16.9793 8.25293 13.5159C9.58142 10.0525 11.9424 7.07045 15.0229 4.96526C18.1033 2.86006 21.7576 1.73114 25.5013 1.7282ZM2.03568 33.3337C1.10145 31.7458 2.58523 28.6353 5.93746 25.0549C6.84638 28.4997 8.66755 31.6421 11.2131 34.1581C6.34633 35.2261 2.96332 34.9172 2.03568 33.3337ZM25.5013 38.2714C21.7268 38.275 18.0427 37.1282 14.95 34.9868C19.6937 33.5556 25.0243 31.2085 30.3044 28.2089C35.635 25.1767 40.3303 21.8008 43.8957 18.5424C43.9353 19.0231 43.9617 19.5082 43.9617 19.9998C43.9559 24.8432 42.0092 29.4866 38.5486 32.9118C35.088 36.3371 30.3959 38.2645 25.5013 38.2714ZM49.0835 8.84759C48.6152 10.5877 47.1974 12.6868 45.0718 14.9512C44.1572 11.4985 42.3267 8.3504 39.7697 5.83278C44.5728 4.78434 48.0327 5.08016 48.9648 6.66588C49.2857 7.2162 49.3274 7.94924 49.0835 8.84759Z" fill="white"/>
+                        <path d="M73.68 26.12C73.1067 27.36 72.2733 28.32 71.18 29C70.0867 29.6667 68.7533 30 67.18 30C65.6467 30 64.34 29.6533 63.26 28.96C62.1933 28.2667 61.38 27.3133 60.82 26.1C60.2733 24.8733 60 23.48 60 21.92C60 20.36 60.2733 18.9867 60.82 17.8C61.3667 16.6133 62.18 15.6867 63.26 15.02C64.34 14.34 65.6467 14 67.18 14C68.78 14 70.1267 14.34 71.22 15.02C72.3133 15.6867 73.1533 16.6667 73.74 17.96L72.24 19.02C71.9333 18.2867 71.54 17.68 71.06 17.2C70.5933 16.7067 70.0333 16.34 69.38 16.1C68.7267 15.8467 67.9933 15.72 67.18 15.72C66.1 15.72 65.1467 15.9733 64.32 16.48C63.5067 16.9867 62.8733 17.7067 62.42 18.64C61.9667 19.5733 61.74 20.6667 61.74 21.92C61.74 23.2267 61.9667 24.36 62.42 25.32C62.8733 26.2667 63.5067 27 64.32 27.52C65.1333 28.0267 66.0867 28.28 67.18 28.28C67.9933 28.28 68.72 28.16 69.36 27.92C70.0133 27.68 70.5733 27.32 71.04 26.84C71.5067 26.36 71.8933 25.7667 72.2 25.06L73.68 26.12ZM75.7422 21.92C75.7422 20.36 76.0155 18.9867 76.5622 17.8C77.1222 16.6133 77.9422 15.6867 79.0222 15.02C80.1155 14.34 81.4289 14 82.9622 14C84.4955 14 85.8022 14.34 86.8822 15.02C87.9622 15.6867 88.7755 16.6133 89.3222 17.8C89.8822 18.9867 90.1622 20.36 90.1622 21.92C90.1622 23.48 89.8822 24.8733 89.3222 26.1C88.7755 27.3133 87.9555 28.2667 86.8622 28.96C85.7822 29.6533 84.4822 30 82.9622 30C81.4289 30 80.1155 29.6533 79.0222 28.96C77.9422 28.2667 77.1222 27.3133 76.5622 26.1C76.0155 24.8733 75.7422 23.48 75.7422 21.92ZM77.5022 21.92C77.5022 23.1467 77.7155 24.24 78.1422 25.2C78.5689 26.1467 79.1889 26.8933 80.0022 27.44C80.8289 27.9733 81.8155 28.24 82.9622 28.24C84.1089 28.24 85.0889 27.9667 85.9022 27.42C86.7155 26.8733 87.3355 26.1267 87.7622 25.18C88.1889 24.2333 88.4022 23.1467 88.4022 21.92C88.4022 20.7067 88.1889 19.64 87.7622 18.72C87.3355 17.8 86.7155 17.08 85.9022 16.56C85.0889 16.0267 84.1089 15.76 82.9622 15.76C81.8155 15.76 80.8289 16.0267 80.0022 16.56C79.1889 17.08 78.5689 17.8 78.1422 18.72C77.7155 19.64 77.5022 20.7067 77.5022 21.92ZM93.668 24.94C94.2013 26.1267 94.8413 26.98 95.588 27.5C96.348 28.02 97.2746 28.28 98.368 28.28C99.5413 28.28 100.455 28.0733 101.108 27.66C101.775 27.2467 102.108 26.5933 102.108 25.7C102.108 24.8867 101.781 24.2133 101.128 23.68C100.475 23.1467 99.5213 22.7533 98.268 22.5L97.268 22.28C95.668 21.96 94.4546 21.4533 93.628 20.76C92.8146 20.0667 92.408 19.1 92.408 17.86C92.408 17.0733 92.6413 16.3867 93.108 15.8C93.588 15.2133 94.2146 14.7667 94.988 14.46C95.7613 14.1533 96.608 14 97.528 14C99.048 14 100.255 14.34 101.148 15.02C102.041 15.7 102.788 16.7267 103.388 18.1L101.988 18.96C101.481 17.8267 100.861 17 100.128 16.48C99.408 15.96 98.528 15.7 97.488 15.7C96.4613 15.7 95.6413 15.8933 95.028 16.28C94.4146 16.6667 94.108 17.2333 94.108 17.98C94.108 18.6733 94.3946 19.2267 94.968 19.64C95.5413 20.0533 96.4013 20.3933 97.548 20.66L98.508 20.88C99.8013 21.1733 100.835 21.5467 101.608 22C102.395 22.44 102.961 22.9667 103.308 23.58C103.655 24.1933 103.821 24.9267 103.808 25.78C103.795 27.1667 103.288 28.22 102.288 28.94C101.288 29.6467 99.968 30 98.328 30C96.7413 30 95.468 29.6533 94.508 28.96C93.5613 28.2533 92.7813 27.22 92.168 25.86L93.668 24.94ZM107.561 14V30H105.801V14H107.561ZM107.621 14L114.641 30H112.821L105.881 14H107.621ZM121.381 14L114.641 30H112.821L119.641 14H121.381ZM121.461 14V30H119.701V14H121.461ZM123.457 21.92C123.457 20.36 123.73 18.9867 124.277 17.8C124.837 16.6133 125.657 15.6867 126.737 15.02C127.83 14.34 129.144 14 130.677 14C132.21 14 133.517 14.34 134.597 15.02C135.677 15.6867 136.49 16.6133 137.037 17.8C137.597 18.9867 137.877 20.36 137.877 21.92C137.877 23.48 137.597 24.8733 137.037 26.1C136.49 27.3133 135.67 28.2667 134.577 28.96C133.497 29.6533 132.197 30 130.677 30C129.144 30 127.83 29.6533 126.737 28.96C125.657 28.2667 124.837 27.3133 124.277 26.1C123.73 24.8733 123.457 23.48 123.457 21.92ZM125.217 21.92C125.217 23.1467 125.43 24.24 125.857 25.2C126.284 26.1467 126.904 26.8933 127.717 27.44C128.544 27.9733 129.53 28.24 130.677 28.24C131.824 28.24 132.804 27.9667 133.617 27.42C134.43 26.8733 135.05 26.1267 135.477 25.18C135.904 24.2333 136.117 23.1467 136.117 21.92C136.117 20.7067 135.904 19.64 135.477 18.72C135.05 17.8 134.43 17.08 133.617 16.56C132.804 16.0267 131.824 15.76 130.677 15.76C129.53 15.76 128.544 16.0267 127.717 16.56C126.904 17.08 126.284 17.8 125.857 18.72C125.43 19.64 125.217 20.7067 125.217 21.92ZM141.603 22.32H145.843C146.803 22.32 147.636 22.22 148.343 22.02C149.049 21.8067 149.609 21.46 150.023 20.98C150.449 20.5 150.663 19.86 150.663 19.06C150.663 18.3 150.449 17.6667 150.023 17.16C149.609 16.6533 149.036 16.28 148.303 16.04C147.583 15.8 146.763 15.68 145.843 15.68H141.603V22.32ZM141.603 24V29.98V30H139.883V14H145.843C147.763 14 149.349 14.3867 150.603 15.16C151.856 15.92 152.483 17.2333 152.483 19.1C152.483 20.2733 152.169 21.2267 151.543 21.96C150.916 22.68 150.103 23.2 149.103 23.52C148.116 23.84 147.029 24 145.843 24H141.603ZM156.192 14V30H154.492V14H156.192ZM164.692 22.84H156.192V21.16L164.692 21Line truncated
+                    </svg>
+                </a>
+
+                <ul class="main-menu">
+                    <li class="main-menu__item">
+                        <a href="#" class="main-menu__link">ГЛАВНАЯ</a>
+                    </li>
+                    <li class="main-menu__item">
+                        <a href="#" class="main-menu__link">О COSMOPET</a>
+                    </li>
+                    <li class="main-menu__item">
+                        <a href="#" class="main-menu__link">ПРОИЗВОДСТВО</a>
+                    </li class="main-menu__item">
+                    <li class="main-menu__item">
+                        <a href="#" class="main-menu__link">БЛОГ</a>
+                    </li>
+                    <li class="main-menu__item">
+                        <button class="main-menu__button" id="pc-menu">
+                            ПРОДУКЦИЯ
+                        </button>
+                    </li>
+                </ul>
+
+                <div class="mini-profile">
+                    <div class="mini-profile__item">
+                        <div class="lang">
+                            <button class="lang__open">
+                                <p>RU</p>
+                                <div class="lang-open__arrow">
+                                    <svg class="lang-open__black" width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L5 3.93934L8.46967 0.46967C8.76256 0.176777 9.23744 0.176777 9.53033 0.46967C9.82322 0.762563 9.82322 1.23744 9.53033 1.53033L5.53033 5.53033C5.23744 5.82322 4.76256 5.82322 4.46967 5.53033L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967Z" fill="#333333"/>
+                                    </svg>
+                                    <svg class="lang-open__white" width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L5 3.93934L8.46967 0.46967C8.76256 0.176777 9.23744 0.176777 9.53033 0.46967C9.82322 0.762563 9.82322 1.23744 9.53033 1.53033L5.53033 5.53033C5.23744 5.82322 4.76256 5.82322 4.46967 5.53033L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967Z" fill="#fff"/>
+                                    </svg>
+                                </div>
+                            </button>
+                            <div class="lang__content">
+                                <ul class="lang__list">
+                                    <li class="lang__item active">
+                                        <a href="#" class="lang__link">
+                                            RU
+                                        </a>
+                                    </li>
+                                    <li class="lang__item">
+                                        <a href="#" class="lang__link">
+                                            EN
+                                        </a>
+                                    </li>
+                                    <li class="lang__item">
+                                        <a href="#" class="lang__link">
+                                            AR
+                                        </a>
+                                    </li>
+                                </ul>
+                            </div>
+                                
+                        </div>
+                    </div>
+                    <div class="mini-profile__item">
+                        <a href="" class="mini-profile__button">
+                            <img src="assets/img/svg/mini-profile/profile.svg" alt="" class="mini-profile__icon black">
+                            <img src="assets/img/svg/mini-profile/profile-w.svg" alt="" class="mini-profile__icon white">
+                        </a>
+                    </div>
+                    <div class="mini-profile__item">
+                        <button class="mini-profile__button basket-open">
+                            <img src="assets/img/svg/mini-profile/basket.svg" alt="" class="mini-profile__icon black">
+                            <img src="assets/img/svg/mini-profile/basket-w.svg" alt="" class="mini-profile__icon white">
+                        </button>
+                    </div>
+                </div>
+            </div>
+            <div class="header__menu-block">
+                <div class="header__pc-menu">
+                    <div class="header-pc-menu__content">
+                        <div class="header-pc-menu__item">
+                            <a href="#" class="header-pc-menu__title">Кошкам</a>
+                            <ul class="header-pc-menu__list">
+                                <li class="header-pc-menu__list-li">
+                                    <a href="">Лакомства</a>
+                                </li>
+                                <li class="header-pc-menu__list-li">
+                                    <a href="">Корм</a>
+                                </li>
+                                <li class="header-pc-menu__list-li">
+                                    <a href="">Аксессуары</a>
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="header-pc-menu__item">
+                            <a href="#" class="header-pc-menu__title">Собакам</a>
+                            <ul class="header-pc-menu__list">
+                                <li class="header-pc-menu__list-li">
+                                    <a href="">Лакомства</a>
+                                </li>
+                                <li class="header-pc-menu__list-li">
+                                    <a href="">Корм</a>
+                                </li>
+                                <li class="header-pc-menu__list-li">
+                                    <a href="">Аксессуары</a>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="header__phone-menu">
+                    <div class="header-phone-menu__item">
+                        <a href="#" class="header-phone-menu__title header-phone-menu__title--gradient" >
+                            ГЛАВНАЯ
+                        </a>
+                    </div>
+                    <div class="header-phone-menu__item">
+                        <a href="#" class="header-phone-menu__title">
+                            ПРОДУКЦИЯ
+                        </a>
+                        <a href="#" class="header-phone-menu__category">Кошкам</a>
+                        <ul class="header-phone-menu__list">
+                            <li class="header-phone-menu__list-item">
+                                <a href="#">Корм</a>
+                            </li>
+                            <li  class="header-phone-menu__list-item">
+                                <a href="#">Лакомства</a>
+                            </li>
+                            <li  class="header-phone-menu__list-item">
+                                <a href="#">Корм</a>
+                            </li>
+                        </ul>
+                        <a href="#" class="header-phone-menu__category">Собакам</a>
+                        <ul class="header-phone-menu__list">
+                            <li class="header-phone-menu__list-item">
+                                <a href="#">Корм</a>
+                            </li>
+                            <li  class="header-phone-menu__list-item">
+                                <a href="#">Лакомства</a>
+                            </li>
+                            <li  class="header-phone-menu__list-item">
+                                <a href="#">Корм</a>
+                            </li>
+                        </ul>
+                    </div>
+                    <div class="header-phone-menu__item">
+                        <a href="#" class="header-phone-menu__title">
+                            О COSMOPET
+                        </a>
+                    </div>
+                    <div class="header-phone-menu__item">
+                        <a href="#" class="header-phone-menu__title">
+                            ПРОИЗВОДСТВО
+                        </a>
+                    </div>
+                    <div class="header-phone-menu__item">
+                        <a href="#" class="header-phone-menu__title">
+                            БЛОГ
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </header>
+        
+        <main class="wrapper">
+            <div class="order">
+                <form action="" id="recipient" class="order__contacts">
+                    <div class="order-contacts__header">    
+                        <p class="order__title">
+                            Контакты получателя
+                        </p>
+
+                        <button class="cabinet-card__button">
+                            Выйти
+                        </button>
+                    </div>
+
+                    <div class="order-contacts__form">
+                        <div class="modal-form-content__line">
+                            <div class="modal-form-content-line__element">
+                                <label for="firstname" class="label-name">Имя и фамилия</label>
+                                <input class="form__input" type="text" placeholder="Ваше имя" required="">
+                                <span class="form-input__error form-input__error--absolute">Имя введено неверно</span>
+                            </div>                    
+                        </div>
+
+                        <div class="modal-form-content__line">
+                            <div class="modal-form-content-line__element">
+                                <div class="label">
+                                    <label for="mail" class="label__title">
+                                        Email 
+                                    </label>
+    
+                                    <div class="label__question">
+                                        text <br>
+                                        re
+                                    </div>
+                                </div>
+                                <input id="firstname" class="form__input" type="email" name="name" placeholder="Начните вводить ваш email" required="">
+                                <span class="form-input__error form-input__error--absolute">Email введен неверно</span>
+                            </div>                    
+                        </div>
+
+                        <div class="modal-form-content__line">
+                            <div class="modal-form-content-line__element">
+                                <label for="firstname" class="label-name">Телефон</label>
+                                <input class="form__input no-flag" type="text" maxlength="15" minlength="15" pattern="+7\s[0-9]{3}\s[0-9]{3}\s[0-9]{4}" placeholder="+7 ___ ___ ____" required="" data-code="7">
+                                <span class="form-input__error form-input__error--absolute">Номер телефона введен неверно</span>
+                            </div>                    
+                        </div>
+
+                        <div class="modal-form-content__line">
+                            <div class="form-agreement__check">
+                                <input type="checkbox" name="" id="remember" class="form-agreement__input">
+                                <div class="form-agreement__square">
+                                </div>
+                                <label for="remember" class="form-agreement__label">Запомнить меня</label>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="order-contacts__delivery">
+                        <p class="order__title">Доставка</p>
+
+                        <div class="modal-map__control modal-map__control--delivery" data-content="modal-map__address">
+                            <button class="modal-map-control__item active">
+                                <div class="modal-map-control-item__content">
+                                    <div class="modal-map-control-item__header">
+                                        <div class="modal-map-control-item__circle"><div class="modal-map-control-item-circle__content"></div></div>
+                                        <p class="modal-map-control-item__title">
+                                            Пункт выдачи
+                                        </p>
+                                    </div>
+                                    <div class="modal-map-control-item__description">
+                                        <p class="modal-map-control-item__time">До 2-х дней</p>
+                                        <p class="modal-map-control-item__price">Бесплатно</p>
+                                    </div>
+                                </div>
+                                <input type="radio" name="delivery" id="paragraph" class="modal-map-control-item__input" checked>
+                            </button>
+    
+                            <button class="modal-map-control__item ">
+                                <div class="modal-map-control-item__content">
+                                    <div class="modal-map-control-item__header">
+                                        <div class="modal-map-control-item__circle"><div class="modal-map-control-item-circle__content"></div></div>
+                                        <p class="modal-map-control-item__title">
+                                            Курьером
+                                        </p>
+                                    </div>
+                                    <div class="modal-map-control-item__description">
+                                        <p class="modal-map-control-item__time">До 3-х дней</p>
+                                        <p class="modal-map-control-item__price">От 159 рублей</p>
+                                    </div>
+                                </div>
+                                <input type="radio" name="delivery" id="courier" class="modal-map-control-item__input">
+                            </button>
+                        </div>
+
+                        <div class="modal-map__address">
+                            <div class="remote-control__item active">
+                                <div class="order-contacts-deliver__item">
+                                    <div class="modal-form-content-line__element modal-form-content-line__element--arrow">
+                                        <label for="firstname" class="label-name">Пункт выдачи</label>
+                                        <input id="firstname" class="form__input form__input--grey form-open mandatory input-read" type="text" name="name" placeholder="Выберите пункт выдачи" required="" data-form="form-point" autocomplete="none">
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="remote-control__item">
+                                <div class="order-contacts-deliver__item">
+                                    <div class="modal-form-content-line__element modal-form-content-line__element--arrow">
+                                        <label for="firstname" class="label-name">Адрес доставки</label>
+                                        <input id="firstname" class="form__input form__input--grey form-open mandatory input-read" type="text" name="name" placeholder="Выберите адрес доставки" data-form="form-address" autocomplete="none">
+                                    </div>
+                                </div>
+
+                                <div class="order-contacts-deliver__item">
+                                    <div class="order-contacts-deliver__date">
+                                        <div class="form-input__radio remote-control__item active">
+                                            <div class="form-input-radio__item">
+                                                <div class="form-input-radio__circle">
+                                                    <div class="form-input-radio-circle__content"></div>
+                                                </div>
+                    
+                                                <p class="form-input-radio__title form-input-radio__title--no-span">2 марта <span>с 10-18 часов</span></p>
+
+                                                <p class="form-input-radio__price">
+                                                    350
+                                                </p>
+                                            </div>
+                                            <div class="form-input-radio__item">
+                                                <div class="form-input-radio__circle">
+                                                    <div class="form-input-radio-circle__content"></div>
+                                                </div>
+                    
+                                                <p class="form-input-radio__title form-input-radio__title--no-span">2 марта <span>с 10-18 часов</span></p>
+
+                                                <p class="form-input-radio__price">
+                                                    350
+                                                </p>
+                                            </div>
+                                            <div class="form-input-radio__item">
+                                                <div class="form-input-radio__circle">
+                                                    <div class="form-input-radio-circle__content"></div>
+                                                </div>
+                    
+                                                <p class="form-input-radio__title form-input-radio__title--no-span">2 марта <span>с 10-18 часов</span></p>
+
+                                                <p class="form-input-radio__price">
+                                                    350
+                                                </p>
+                                            </div>
+                                            <input type="text" value="Малыш (от 0 до 1 года)" class="form-input-radio__input">
+                                        </div>
+                                    </div>
+                                </div>
+
+                                <div class="order-contacts-deliver__item">
+                                    <div class="modal-form-content-line__element">
+                                        <label for="firstname" class="label-name">Комментарий для доставки</label>
+                                        <textarea id="firstname" class="form__input form__input--textarea-72 form__input--grey" type="text" name="name" placeholder="Для службы доставки"></textarea>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </form>
+
+                <div class="order__your">
+                    <p class="order__title">Ваш заказ</p>
+
+                    <div class="order-your__products">
+                        <div class="order-your-products__item">
+                            <div class="order-your-products__left">
+                                <img src="/assets/img/product/mini-card.png" alt="" class="order-your-products__img">
+
+                                <div class="order-your-products__content">
+                                    <a href="#" class="order-your-products__name">Сухой корм, для крупных и средних пород </a>
+                                    <p class="order-your-products__description">Индейка, 2 кг </p>
+                                </div>
+                            </div>
+
+                            <div class="order-your-products__right">
+                                <p class="order-your-products__count">
+                                    3
+                                </p>
+                                <p class="order-your-products__price">
+                                    10290
+                                </p>
+                            </div>
+                        </div>
+
+                        <div class="order-your-products__item">
+                            <div class="order-your-products__left">
+                                <img src="/assets/img/product/mini-card.png" alt="" class="order-your-products__img">
+
+                                <div class="order-your-products__content">
+                                    <a href="#" class="order-your-products__name">Сухой корм, для крупных и средних пород </a>
+                                    <p class="order-your-products__description">Индейка, 2 кг </p>
+                                </div>
+                            </div>
+
+                            <div class="order-your-products__right">
+                                <p class="order-your-products__count">
+                                    3
+                                </p>
+                                <p class="order-your-products__price">
+                                    10290
+                                </p>
+                            </div>
+                        </div>
+
+                        <div class="order-your-products__item">
+                            <div class="order-your-products__left">
+                                <img src="/assets/img/product/mini-card.png" alt="" class="order-your-products__img">
+
+                                <div class="order-your-products__content">
+                                    <a href="#" class="order-your-products__name">Сухой корм, для крупных и средних пород </a>
+                                    <p class="order-your-products__description">Индейка, 2 кг<span>1</span></p>
+                                </div>
+                            </div>
+
+                            <div class="order-your-products__right">
+                                <p class="order-your-products__count">
+                                    3
+                                </p>
+                                <p class="order-your-products__price">
+                                    10290
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="order-your__calculation">
+                        <form action="" class="order-your__promo">
+                            <input class="form__input form__input--grey" type="text" minlength="1" placeholder="Промокод">
+    
+                            <input type="submit" value="Применить" class="button button--white button--red-48-px active order-your-promo__button">
+                        </form>
+
+                        <div class="order-your-calculation__item">
+                            <p class="order-your-calculation__title">Товары</p>
+                            <p class="order-your-calculation__value order-your-calculation__value--price">10560</p>
+                        </div>
+
+                        <div class="order-your-calculation__item">
+                            <p class="order-your-calculation__title">Скидка</p>
+                            <p class="order-your-calculation__value order-your-calculation__value--price order-your-calculation__value--discount">1280</p>
+                        </div>
+
+                        <div class="order-your-calculation__item">
+                            <p class="order-your-calculation__title">Доставка</p>
+                            <p class="order-your-calculation__description">Введите адрес доставки</p>
+                        </div>
+
+                        <hr class="order-your-calculation__line">
+
+                        <div class="order-your-calculation__item">
+                            <p class="order-your-calculation__result">Итого</p>
+                            <p class="order-your-calculation__result order-your-calculation__value--price">8960</p>
+                        </div>
+
+                        <div class="order-your-calculation__submit">
+                            <input type="submit" form="recipient" class="button button--gradient button--high button--100-perc" value="Оплатить">
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </main>
+
+        <footer class="footer">
+            <div class="footer__wrapper wrapper">
+                <div class="footer__content">
+                    <img src="assets/img/svg/logo/logo-gradient.svg" alt="" class="footer__logo">
+
+                    <address class="footer__address">
+                        123182 г. Москва, <br>
+                        4-й Красногорский пр., <br> 
+                        д. 2/4, стр. 1, этаж/ком. 3/1
+                    </address>
+
+                    <div class="footer__list">
+                        <div class="footer-list__item">
+                            <p class="footer-list__title">Отзывы и предложения</p>
+                            <a href="mailto:pro@cosmopet.shop" class="footer-list__link">
+                                pro@cosmopet.shop
+                            </a>
+                        </div>
+                        <div class="footer-list__item">
+                            <p class="footer-list__title">Связь с ветеринаром</p>
+                            <a href="mailto:vetvopros@cosmopet.shop" class="footer-list__link">
+                                vetvopros@cosmopet.shop
+                            </a>
+                        </div>
+                        <div class="footer-list__item">
+                            <p class="footer-list__title">Заявки для оптовых покупателей</p>
+                            <a href="mailto:pro@cosmopet.shop" class="footer-list__link">
+                                pro@cosmopet.shop
+                            </a>
+                        </div>
+                        <div class="footer-list__item">
+                            <a href="#" class="button button--black button--100-perc button--link">
+                                Чат бот с ветеринаром
+                            </a>
+                        </div>
+                    </div>
+
+                    <div class="footer__about">
+                        <div class="social-media">
+                            <a href="#" class="social-media__item">
+                                <img src="assets/img/svg/social-media/vk.svg" alt="" class="social-media__icon">
+                            </a>
+                            <a href="#" class="social-media__item">
+                                <img src="assets/img/svg/social-media/tg.svg" alt="" class="social-media__icon">
+                            </a>
+                            <a href="#" class="social-media__item">
+                                <img src="assets/img/svg/social-media/ya.svg" alt="" class="social-media__icon">
+                            </a>
+                        </div>
+
+                        <a href="#" class="footer-about__text">Соглашение о конфиденциальности</a>
+                    </div>
+                </div>
+    
+                <div class="footer__form">
+                    <form class="form" method="post" action="/send-telegram.php">
+                        <p class="form__title">
+                            Форма обратной связи
+                        </p>
+                        <div class="form__item">
+                            <input class="form__input" type="text" name="name" placeholder="Ваше имя" required>
+                        </div>
+                        <div class="form__item">
+                            <input class="form__input" type="text" name="name" placeholder="Эл.почта" required>
+                        </div>
+                        <div class="form__item">
+                            <textarea class="form__input form__input--textarea" name="" id="" placeholder="Текст обращения"></textarea>
+                        </div>
+                        <div class="form__item">
+                            <input class="form__button" type="submit" value="Отправить">
+                        </div>
+                    </form>
+                </div>
+
+                <div class="footer__social-media">
+                    <div class="social-media">
+                        <a href="#" class="social-media__item">
+                            <img src="assets/img/svg/social-media/vk.svg" alt="" class="social-media__icon">
+                        </a>
+                        <a href="#" class="social-media__item">
+                            <img src="assets/img/svg/social-media/tg.svg" alt="" class="social-media__icon">
+                        </a>
+                        <a href="#" class="social-media__item">
+                            <img src="assets/img/svg/social-media/ya.svg" alt="" class="social-media__icon">
+                        </a>
+                    </div>
+
+                    <a href="#" class="footer-about__text">Соглашение о конфиденциальности</a>
+                </div>
+                
+            </div>
+        </footer>
+
+        <div class="modal">
+            <div class="modal-form modal-form--cdek form__full-mobile modal-form--white modal-form--height-100-phone form-point">
+                <button class="modal-form__close"></button>
+
+                <div style="position:relative;overflow:hidden;"><a href="https://yandex.ru/maps/213/moscow/?utm_medium=mapframe&amp;utm_source=maps" style="color:#eee;font-size:12px;position:absolute;top:0px;">Москва</a><a href="https://yandex.ru/maps/213/moscow/?ll=37.710230%2C55.812249&amp;mode=whatshere&amp;utm_medium=mapframe&amp;utm_source=maps&amp;whatshere%5Bpoint%5D=37.622787%2C55.774846&amp;whatshere%5Bzoom%5D=6.31&amp;z=12.54" style="color:#eee;font-size:12px;position:absolute;top:14px;">Яндекс&nbsp;Карты — транспорт, навигация, поиск мест</a><iframe src="https://yandex.ru/map-widget/v1/?ll=37.710230%2C55.812249&amp;mode=whatshere&amp;whatshere%5Bpoint%5D=37.622787%2C55.774846&amp;whatshere%5Bzoom%5D=6.31&amp;z=12.54" width="560" height="400" frameborder="1" allowfullscreen="true" style="position:relative;"></iframe></div>
+            </div>
+
+            <div class="modal-form form__full-mobile modal-form--white modal-form--height-100-phone form-address">
+                <button class="modal-form__close"></button>
+                <p class="modal-form__title">АДРЕС</p>
+
+                <form class="modal-form__content " method="post" action="/send-telegram.php">
+                    <div class="modal-form-content-line__element">
+                        <label for="address" class="label-name">Адрес</label>
+                        <input id="address" class="form__input" type="text" placeholder="Начните вводить ваш адрес" required="">
+                        <span class="form-input__error form-input__error--absolute">Имя введено неверно</span>
+                    </div>
+
+                    <div class="modal-form-content__line modal-form-content__line--two-mobile">
+                        <div class="modal-form-content-line__element">
+                            <label for="apartment" class="label-name">Квартира</label>
+                            <input id="apartment" class="form__input" type="text" placeholder="Квартира" required="">
+                            <span class="form-input__error form-input__error--absolute">Квартира введено неверно</span>
+                        </div>
+
+                        <div class="modal-form-content-line__element">
+                            <label for="floor" class="label-name">Этаж</label>
+                            <input id="floor" class="form__input" type="text" placeholder="Этаж" required="">
+                            <span class="form-input__error form-input__error--absolute">Этаж введен неверно</span>
+                        </div>                        
+                    </div>
+
+                    <div class="modal-form-content__line modal-form-content__line--two-mobile">
+                        <div class="modal-form-content-line__element">
+                            <label for="entrance" class="label-name">Подъезд</label>
+                            <input id="entrance" class="form__input" type="text" placeholder="Подъезд" required="">
+                            <span class="form-input__error form-input__error--absolute">Подъезд введен неверно</span>
+                        </div>
+
+                        <div class="modal-form-content-line__element">
+                            <label for="number-phone" class="label-name">Домофон</label>
+                            <input id="number-phone" class="form__input" type="text" placeholder="Код домофона" required="">
+                            <span class="form-input__error form-input__error--absolute">Код домофона введен неверно</span>
+                        </div>                        
+                    </div>
+
+                    <div class="modal-form__buttons">
+                        <input class="button button--gradient button--high button--filter button--100-perc" type="submit" value="Доставить сюда">
+                    </div>
+                </form>
+            </div>
+        </div>
+
+
+        <script type="module" src="assets/js/gp-cabinet.js"></script>
+        <script src="assets/js/gp-form.js"></script>
+    </body>
+</html>

product.html

@@ -7,18 +7,18 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>SEO title</title>
     <meta name="description" content="SEO Description">
-    <link rel="shortcut icon" href="/assets/img/favicon.ico?v=1.0">
+    <link rel="shortcut icon" href="assets/img/favicon.ico?v=1.0">
 
     <!-- swiperjs -->
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
 
     <!-- Базовые стили -->
-    <link rel="stylesheet" href="/assets/css/gp-style-core.css?v=1.0">
+    <link rel="stylesheet" href="assets/css/gp-style-core.css?v=1.0">
-    <link rel="stylesheet" href="/assets/css/gp-style-desktop.css?v=1.0">
+    <link rel="stylesheet" href="assets/css/gp-style-desktop.css?v=1.0">
     <!-- Адаптив -->
-    <link rel="stylesheet" media="screen and (min-width: 1400px)" href="/assets/css/gp-style-ultra.css?v=1.0">
+    <link rel="stylesheet" media="screen and (min-width: 1400px)" href="assets/css/gp-style-ultra.css?v=1.0">
-    <link rel="stylesheet" media="screen and (max-width: 1200px)" href="/assets/css/gp-style-tablet.css">
+    <link rel="stylesheet" media="screen and (max-width: 1200px)" href="assets/css/gp-style-tablet.css">
-    <link rel="stylesheet" media="screen and (max-width: 720px)" href="/assets/css/gp-style-mobile.css?v=1.0">
+    <link rel="stylesheet" media="screen and (max-width: 720px)" href="assets/css/gp-style-mobile.css?v=1.0">
 
 
 
@@ -56,16 +56,21 @@
 <body>
 
     <header class="header">
-        <div class="header__content">
+        <div class="header__content wrapper">
             <button class="header__open-menu" id="phone-menu">
             </button>
 
-            <div class="header__logo">
+            <a href="index.html" class="header__logo">
                 <svg class="header__logo-black" xmlns="http://www.w3.org/2000/svg" width="181" height="40" viewBox="0 0 181 40" fill="none">
                     <path d="M50.4859 5.79145C49.0065 3.27258 44.6431 2.78969 38.1761 4.42108C35.0048 1.89583 31.1372 0.376333 27.0791 0.0613091C23.021 -0.253715 18.9613 0.650395 15.4309 2.65541C11.9004 4.66042 9.06364 7.673 7.29143 11.2992C5.51922 14.9254 4.8941 18.9964 5.49783 22.9798C0.798105 27.6978 -0.973633 31.6805 0.51234 34.2081C1.42019 35.7547 3.36998 36.5377 6.22762 36.5377C8.05553 36.5052 9.87449 36.2769 11.6527 35.8569C12.0352 35.7721 12.4265 35.6785 12.8222 35.5785C15.793 37.9443 19.3793 39.4307 23.1672 39.8663C26.9551 40.3018 30.7903 39.6687 34.2301 38.0399C37.67 36.4112 40.5744 33.8533 42.6083 30.6613C44.6421 27.4693 45.7224 23.7733 45.7246 19.9998C45.7261 19.0003 45.6527 18.002 45.5048 17.0132C48.3119 14.1855 50.1891 11.5144 50.7805 9.29786C51.1519 7.93619 51.0508 6.75724 50.4859 5.79145ZM25.5013 1.7282C29.77 1.73333 33.9054 3.19952 37.206 5.87806C40.5066 8.5566 42.7692 12.2825 43.61 16.4238C40.0555 19.8366 35.081 23.4888 29.4339 26.6994C23.4306 30.1122 17.8253 32.4092 13.253 33.66C10.4542 31.1997 8.47718 27.9557 7.5842 24.3581C6.69122 20.7605 6.92444 16.9793 8.25293 13.5159C9.58142 10.0525 11.9424 7.07045 15.0229 4.96526C18.1033 2.86006 21.7576 1.73114 25.5013 1.7282ZM2.03568 33.3337C1.10145 31.7458 2.58523 28.6353 5.93746 25.0549C6.84638 28.4997 8.66755 31.6421 11.2131 34.1581C6.34633 35.2261 2.96332 34.9172 2.03568 33.3337ZM25.5013 38.2714C21.7268 38.275 18.0427 37.1282 14.95 34.9868C19.6937 33.5556 25.0243 31.2085 30.3044 28.2089C35.635 25.1767 40.3303 21.8008 43.8957 18.5424C43.9353 19.0231 43.9617 19.5082 43.9617 19.9998C43.9559 24.8432 42.0092 29.4866 38.5486 32.9118C35.088 36.3371 30.3959 38.2645 25.5013 38.2714ZM49.0835 8.84759C48.6152 10.5877 47.1974 12.6868 45.0718 14.9512C44.1572 11.4985 42.3267 8.3504 39.7697 5.83278C44.5728 4.78434 48.0327 5.08016 48.9648 6.66588C49.2857 7.2162 49.3274 7.94924 49.0835 8.84759Z" fill="#121212"/>
                     <path d="M73.68 26.12C73.1067 27.36 72.2733 28.32 71.18 29C70.0867 29.6667 68.7533 30 67.18 30C65.6467 30 64.34 29.6533 63.26 28.96C62.1933 28.2667 61.38 27.3133 60.82 26.1C60.2733 24.8733 60 23.48 60 21.92C60 20.36 60.2733 18.9867 60.82 17.8C61.3667 16.6133 62.18 15.6867 63.26 15.02C64.34 14.34 65.6467 14 67.18 14C68.78 14 70.1267 14.34 71.22 15.02C72.3133 15.6867 73.1533 16.6667 73.74 17.96L72.24 19.02C71.9333 18.2867 71.54 17.68 71.06 17.2C70.5933 16.7067 70.0333 16.34 69.38 16.1C68.7267 15.8467 67.9933 15.72 67.18 15.72C66.1 15.72 65.1467 15.9733 64.32 16.48C63.5067 16.9867 62.8733 17.7067 62.42 18.64C61.9667 19.5733 61.74 20.6667 61.74 21.92C61.74 23.2267 61.9667 24.36 62.42 25.32C62.8733 26.2667 63.5067 27 64.32 27.52C65.1333 28.0267 66.0867 28.28 67.18 28.28C67.9933 28.28 68.72 28.16 69.36 27.92C70.0133 27.68 70.5733 27.32 71.04 26.84C71.5067 26.36 71.8933 25.7667 72.2 25.06L73.68 26.12ZM75.7422 21.92C75.7422 20.36 76.0155 18.9867 76.5622 17.8C77.1222 16.6133 77.9422 15.6867 79.0222 15.02C80.1155 14.34 81.4289 14 82.9622 14C84.4955 14 85.8022 14.34 86.8822 15.02C87.9622 15.6867 88.7755 16.6133 89.3222 17.8C89.8822 18.9867 90.1622 20.36 90.1622 21.92C90.1622 23.48 89.8822 24.8733 89.3222 26.1C88.7755 27.3133 87.9555 28.2667 86.8622 28.96C85.7822 29.6533 84.4822 30 82.9622 30C81.4289 30 80.1155 29.6533 79.0222 28.96C77.9422 28.2667 77.1222 27.3133 76.5622 26.1C76.0155 24.8733 75.7422 23.48 75.7422 21.92ZM77.5022 21.92C77.5022 23.1467 77.7155 24.24 78.1422 25.2C78.5689 26.1467 79.1889 26.8933 80.0022 27.44C80.8289 27.9733 81.8155 28.24 82.9622 28.24C84.1089 28.24 85.0889 27.9667 85.9022 27.42C86.7155 26.8733 87.3355 26.1267 87.7622 25.18C88.1889 24.2333 88.4022 23.1467 88.4022 21.92C88.4022 20.7067 88.1889 19.64 87.7622 18.72C87.3355 17.8 86.7155 17.08 85.9022 16.56C85.0889 16.0267 84.1089 15.76 82.9622 15.76C81.8155 15.76 80.8289 16.0267 80.0022 16.56C79.1889 17.08 78.5689 17.8 78.1422 18.72C77.7155 19.64 77.5022 20.7067 77.5022 21.92ZM93.668 24.94C94.2013 26.1267 94.8413 26.98 95.588 27.5C96.348 28.02 97.2746 28.28 98.368 28.28C99.5413 28.28 100.455 28.0733 101.108 27.66C101.775 27.2467 102.108 26.5933 102.108 25.7C102.108 24.8867 101.781 24.2133 101.128 23.68C100.475 23.1467 99.5213 22.7533 98.268 22.5L97.268 22.28C95.668 21.96 94.4546 21.4533 93.628 20.76C92.8146 20.0667 92.408 19.1 92.408 17.86C92.408 17.0733 92.6413 16.3867 93.108 15.8C93.588 15.2133 94.2146 14.7667 94.988 14.46C95.7613 14.1533 96.608 14 97.528 14C99.048 14 100.255 14.34 101.148 15.02C102.041 15.7 102.788 16.7267 103.388 18.1L101.988 18.96C101.481 17.8267 100.861 17 100.128 16.48C99.408 15.96 98.528 15.7 97.488 15.7C96.4613 15.7 95.6413 15.8933 95.028 16.28C94.4146 16.6667 94.108 17.2333 94.108 17.98C94.108 18.6733 94.3946 19.2267 94.968 19.64C95.5413 20.0533 96.4013 20.3933 97.548 20.66L98.508 20.88C99.8013 21.1733 100.835 21.5467 101.608 22C102.395 22.44 102.961 22.9667 103.308 23.58C103.655 24.1933 103.821 24.9267 103.808 25.78C103.795 27.1667 103.288 28.22 102.288 28.94C101.288 29.6467 99.968 30 98.328 30C96.7413 30 95.468 29.6533 94.508 28.96C93.5613 28.2533 92.7813 27.22 92.168 25.86L93.668 24.94ZM107.561 14V30H105.801V14H107.561ZM107.621 14L114.641 30H112.821L105.881 14H107.621ZM121.381 14L114.641 30H112.821L119.641 14H121.381ZM121.461 14V30H119.701V14H121.461ZM123.457 21.92C123.457 20.36 123.73 18.9867 124.277 17.8C124.837 16.6133 125.657 15.6867 126.737 15.02C127.83 14.34 129.144 14 130.677 14C132.21 14 133.517 14.34 134.597 15.02C135.677 15.6867 136.49 16.6133 137.037 17.8C137.597 18.9867 137.877 20.36 137.877 21.92C137.877 23.48 137.597 24.8733 137.037 26.1C136.49 27.3133 135.67 28.2667 134.577 28.96C133.497 29.6533 132.197 30 130.677 30C129.144 30 127.83 29.6533 126.737 28.96C125.657 28.2667 124.837 27.3133 124.277 26.1C123.73 24.8733 123.457 23.48 123.457 21.92ZM125.217 21.92C125.217 23.1467 125.43 24.24 125.857 25.2C126.284 26.1467 126.904 26.8933 127.717 27.44C128.544 27.9733 129.53 28.24 130.677 28.24C131.824 28.24 132.804 27.9667 133.617 27.42C134.43 26.8733 135.05 26.1267 135.477 25.18C135.904 24.2333 136.117 23.1467 136.117 21.92C136.117 20.7067 135.904 19.64 135.477 18.72C135.05 17.8 134.43 17.08 133.617 16.56C132.804 16.0267 131.824 15.76 130.677 15.76C129.53 15.76 128.544 16.0267 127.717 16.56C126.904 17.08 126.284 17.8 125.857 18.72C125.43 19.64 125.217 20.7067 125.217 21.92ZM141.603 22.32H145.843C146.803 22.32 147.636 22.22 148.343 22.02C149.049 21.8067 149.609 21.46 150.023 20.98C150.449 20.5 150.663 19.86 150.663 19.06C150.663 18.3 150.449 17.6667 150.023 17.16C149.609 16.6533 149.036 16.28 148.303 16.04C147.583 15.8 146.763 15.68 145.843 15.68H141.603V22.32ZM141.603 24V29.98V30H139.883V14H145.843C147.763 14 149.349 14.3867 150.603 15.16C151.856 15.92 152.483 17.2333 152.483 19.1C152.483 20.2733 152.169 21.2267 151.543 21.96C150.916 22.68 150.103 23.2 149.103 23.52C148.116 23.84 147.029 24 145.843 24H141.603ZM156.192 14V30H154.492V14H156.192ZM164.692 22.84H156.192V21.16L164.692 21.14VLine truncated
                 </svg>
-            </div>
+
+                <svg class="header__logo-white" width="181" height="40" viewBox="0 0 181 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M50.4859 5.79145C49.0065 3.27258 44.6431 2.78969 38.1761 4.42108C35.0048 1.89583 31.1372 0.376333 27.0791 0.0613091C23.021 -0.253715 18.9613 0.650395 15.4309 2.65541C11.9004 4.66042 9.06364 7.673 7.29143 11.2992C5.51922 14.9254 4.8941 18.9964 5.49783 22.9798C0.798105 27.6978 -0.973633 31.6805 0.51234 34.2081C1.42019 35.7547 3.36998 36.5377 6.22762 36.5377C8.05553 36.5052 9.87449 36.2769 11.6527 35.8569C12.0352 35.7721 12.4265 35.6785 12.8222 35.5785C15.793 37.9443 19.3793 39.4307 23.1672 39.8663C26.9551 40.3018 30.7903 39.6687 34.2301 38.0399C37.67 36.4112 40.5744 33.8533 42.6083 30.6613C44.6421 27.4693 45.7224 23.7733 45.7246 19.9998C45.7261 19.0003 45.6527 18.002 45.5048 17.0132C48.3119 14.1855 50.1891 11.5144 50.7805 9.29786C51.1519 7.93619 51.0508 6.75724 50.4859 5.79145ZM25.5013 1.7282C29.77 1.73333 33.9054 3.19952 37.206 5.87806C40.5066 8.5566 42.7692 12.2825 43.61 16.4238C40.0555 19.8366 35.081 23.4888 29.4339 26.6994C23.4306 30.1122 17.8253 32.4092 13.253 33.66C10.4542 31.1997 8.47718 27.9557 7.5842 24.3581C6.69122 20.7605 6.92444 16.9793 8.25293 13.5159C9.58142 10.0525 11.9424 7.07045 15.0229 4.96526C18.1033 2.86006 21.7576 1.73114 25.5013 1.7282ZM2.03568 33.3337C1.10145 31.7458 2.58523 28.6353 5.93746 25.0549C6.84638 28.4997 8.66755 31.6421 11.2131 34.1581C6.34633 35.2261 2.96332 34.9172 2.03568 33.3337ZM25.5013 38.2714C21.7268 38.275 18.0427 37.1282 14.95 34.9868C19.6937 33.5556 25.0243 31.2085 30.3044 28.2089C35.635 25.1767 40.3303 21.8008 43.8957 18.5424C43.9353 19.0231 43.9617 19.5082 43.9617 19.9998C43.9559 24.8432 42.0092 29.4866 38.5486 32.9118C35.088 36.3371 30.3959 38.2645 25.5013 38.2714ZM49.0835 8.84759C48.6152 10.5877 47.1974 12.6868 45.0718 14.9512C44.1572 11.4985 42.3267 8.3504 39.7697 5.83278C44.5728 4.78434 48.0327 5.08016 48.9648 6.66588C49.2857 7.2162 49.3274 7.94924 49.0835 8.84759Z" fill="white"/>
+                    <path d="M73.68 26.12C73.1067 27.36 72.2733 28.32 71.18 29C70.0867 29.6667 68.7533 30 67.18 30C65.6467 30 64.34 29.6533 63.26 28.96C62.1933 28.2667 61.38 27.3133 60.82 26.1C60.2733 24.8733 60 23.48 60 21.92C60 20.36 60.2733 18.9867 60.82 17.8C61.3667 16.6133 62.18 15.6867 63.26 15.02C64.34 14.34 65.6467 14 67.18 14C68.78 14 70.1267 14.34 71.22 15.02C72.3133 15.6867 73.1533 16.6667 73.74 17.96L72.24 19.02C71.9333 18.2867 71.54 17.68 71.06 17.2C70.5933 16.7067 70.0333 16.34 69.38 16.1C68.7267 15.8467 67.9933 15.72 67.18 15.72C66.1 15.72 65.1467 15.9733 64.32 16.48C63.5067 16.9867 62.8733 17.7067 62.42 18.64C61.9667 19.5733 61.74 20.6667 61.74 21.92C61.74 23.2267 61.9667 24.36 62.42 25.32C62.8733 26.2667 63.5067 27 64.32 27.52C65.1333 28.0267 66.0867 28.28 67.18 28.28C67.9933 28.28 68.72 28.16 69.36 27.92C70.0133 27.68 70.5733 27.32 71.04 26.84C71.5067 26.36 71.8933 25.7667 72.2 25.06L73.68 26.12ZM75.7422 21.92C75.7422 20.36 76.0155 18.9867 76.5622 17.8C77.1222 16.6133 77.9422 15.6867 79.0222 15.02C80.1155 14.34 81.4289 14 82.9622 14C84.4955 14 85.8022 14.34 86.8822 15.02C87.9622 15.6867 88.7755 16.6133 89.3222 17.8C89.8822 18.9867 90.1622 20.36 90.1622 21.92C90.1622 23.48 89.8822 24.8733 89.3222 26.1C88.7755 27.3133 87.9555 28.2667 86.8622 28.96C85.7822 29.6533 84.4822 30 82.9622 30C81.4289 30 80.1155 29.6533 79.0222 28.96C77.9422 28.2667 77.1222 27.3133 76.5622 26.1C76.0155 24.8733 75.7422 23.48 75.7422 21.92ZM77.5022 21.92C77.5022 23.1467 77.7155 24.24 78.1422 25.2C78.5689 26.1467 79.1889 26.8933 80.0022 27.44C80.8289 27.9733 81.8155 28.24 82.9622 28.24C84.1089 28.24 85.0889 27.9667 85.9022 27.42C86.7155 26.8733 87.3355 26.1267 87.7622 25.18C88.1889 24.2333 88.4022 23.1467 88.4022 21.92C88.4022 20.7067 88.1889 19.64 87.7622 18.72C87.3355 17.8 86.7155 17.08 85.9022 16.56C85.0889 16.0267 84.1089 15.76 82.9622 15.76C81.8155 15.76 80.8289 16.0267 80.0022 16.56C79.1889 17.08 78.5689 17.8 78.1422 18.72C77.7155 19.64 77.5022 20.7067 77.5022 21.92ZM93.668 24.94C94.2013 26.1267 94.8413 26.98 95.588 27.5C96.348 28.02 97.2746 28.28 98.368 28.28C99.5413 28.28 100.455 28.0733 101.108 27.66C101.775 27.2467 102.108 26.5933 102.108 25.7C102.108 24.8867 101.781 24.2133 101.128 23.68C100.475 23.1467 99.5213 22.7533 98.268 22.5L97.268 22.28C95.668 21.96 94.4546 21.4533 93.628 20.76C92.8146 20.0667 92.408 19.1 92.408 17.86C92.408 17.0733 92.6413 16.3867 93.108 15.8C93.588 15.2133 94.2146 14.7667 94.988 14.46C95.7613 14.1533 96.608 14 97.528 14C99.048 14 100.255 14.34 101.148 15.02C102.041 15.7 102.788 16.7267 103.388 18.1L101.988 18.96C101.481 17.8267 100.861 17 100.128 16.48C99.408 15.96 98.528 15.7 97.488 15.7C96.4613 15.7 95.6413 15.8933 95.028 16.28C94.4146 16.6667 94.108 17.2333 94.108 17.98C94.108 18.6733 94.3946 19.2267 94.968 19.64C95.5413 20.0533 96.4013 20.3933 97.548 20.66L98.508 20.88C99.8013 21.1733 100.835 21.5467 101.608 22C102.395 22.44 102.961 22.9667 103.308 23.58C103.655 24.1933 103.821 24.9267 103.808 25.78C103.795 27.1667 103.288 28.22 102.288 28.94C101.288 29.6467 99.968 30 98.328 30C96.7413 30 95.468 29.6533 94.508 28.96C93.5613 28.2533 92.7813 27.22 92.168 25.86L93.668 24.94ZM107.561 14V30H105.801V14H107.561ZM107.621 14L114.641 30H112.821L105.881 14H107.621ZM121.381 14L114.641 30H112.821L119.641 14H121.381ZM121.461 14V30H119.701V14H121.461ZM123.457 21.92C123.457 20.36 123.73 18.9867 124.277 17.8C124.837 16.6133 125.657 15.6867 126.737 15.02C127.83 14.34 129.144 14 130.677 14C132.21 14 133.517 14.34 134.597 15.02C135.677 15.6867 136.49 16.6133 137.037 17.8C137.597 18.9867 137.877 20.36 137.877 21.92C137.877 23.48 137.597 24.8733 137.037 26.1C136.49 27.3133 135.67 28.2667 134.577 28.96C133.497 29.6533 132.197 30 130.677 30C129.144 30 127.83 29.6533 126.737 28.96C125.657 28.2667 124.837 27.3133 124.277 26.1C123.73 24.8733 123.457 23.48 123.457 21.92ZM125.217 21.92C125.217 23.1467 125.43 24.24 125.857 25.2C126.284 26.1467 126.904 26.8933 127.717 27.44C128.544 27.9733 129.53 28.24 130.677 28.24C131.824 28.24 132.804 27.9667 133.617 27.42C134.43 26.8733 135.05 26.1267 135.477 25.18C135.904 24.2333 136.117 23.1467 136.117 21.92C136.117 20.7067 135.904 19.64 135.477 18.72C135.05 17.8 134.43 17.08 133.617 16.56C132.804 16.0267 131.824 15.76 130.677 15.76C129.53 15.76 128.544 16.0267 127.717 16.56C126.904 17.08 126.284 17.8 125.857 18.72C125.43 19.64 125.217 20.7067 125.217 21.92ZM141.603 22.32H145.843C146.803 22.32 147.636 22.22 148.343 22.02C149.049 21.8067 149.609 21.46 150.023 20.98C150.449 20.5 150.663 19.86 150.663 19.06C150.663 18.3 150.449 17.6667 150.023 17.16C149.609 16.6533 149.036 16.28 148.303 16.04C147.583 15.8 146.763 15.68 145.843 15.68H141.603V22.32ZM141.603 24V29.98V30H139.883V14H145.843C147.763 14 149.349 14.3867 150.603 15.16C151.856 15.92 152.483 17.2333 152.483 19.1C152.483 20.2733 152.169 21.2267 151.543 21.96C150.916 22.68 150.103 23.2 149.103 23.52C148.116 23.84 147.029 24 145.843 24H141.603ZM156.192 14V30H154.492V14H156.192ZM164.692 22.84H156.192V21.16L164.692 21.14VLine truncated
+                </svg>
+            </a>
 
             <ul class="main-menu">
                 <li class="main-menu__item">
@@ -91,7 +96,15 @@
                 <div class="mini-profile__item">
                     <div class="lang">
                         <button class="lang__open">
-                            RU
+                            <p>RU</p>
+                            <div class="lang-open__arrow">
+                                <svg class="lang-open__black" width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L5 3.93934L8.46967 0.46967C8.76256 0.176777 9.23744 0.176777 9.53033 0.46967C9.82322 0.762563 9.82322 1.23744 9.53033 1.53033L5.53033 5.53033C5.23744 5.82322 4.76256 5.82322 4.46967 5.53033L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967Z" fill="#333333"/>
+                                </svg>
+                                <svg class="lang-open__white" width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L5 3.93934L8.46967 0.46967C8.76256 0.176777 9.23744 0.176777 9.53033 0.46967C9.82322 0.762563 9.82322 1.23744 9.53033 1.53033L5.53033 5.53033C5.23744 5.82322 4.76256 5.82322 4.46967 5.53033L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967Z" fill="#fff"/>
+                                </svg>
+                            </div>
                         </button>
                         <div class="lang__content">
                             <ul class="lang__list">
@@ -117,12 +130,14 @@
                 </div>
                 <div class="mini-profile__item">
                     <a href="" class="mini-profile__button">
-                        <img src="assets/img/svg/mini-profile/profile.svg" alt="" class="mini-profile__icon">
+                        <img src="assets/img/svg/mini-profile/profile.svg" alt="" class="mini-profile__icon black">
+                        <img src="assets/img/svg/mini-profile/profile-w.svg" alt="" class="mini-profile__icon white">
                     </a>
                 </div>
                 <div class="mini-profile__item">
                     <button class="mini-profile__button basket-open">
-                        <img src="assets/img/svg/mini-profile/basket.svg" alt="" class="mini-profile__icon">
+                        <img src="assets/img/svg/mini-profile/basket.svg" alt="" class="mini-profile__icon black">
+                        <img src="assets/img/svg/mini-profile/basket-w.svg" alt="" class="mini-profile__icon white">
                     </button>
                 </div>
             </div>
@@ -228,6 +243,10 @@
             </a>
         </div>
 
+        <a href="#" class="back back-detail">
+            к каталогу
+        </a>
+
         <div class="detail">
             <div class="detail__images">
                 <div class="detail__image detail__image--width-perc-100" data-count-img="0">
@@ -477,7 +496,8 @@
                 </div>
             </div>
 
-            <div class="detail__catalot">
+            <div class="detail__wrapper-catalot">
+                <div class="detail__catalot">
                     <div class="detail-catalot__header">
                         <p class="detail-catalot__title">
                             вашему питомцу может понравиться
@@ -635,6 +655,7 @@
                         </div>
                     </div>
                 </div>
+            </div>
         </div>
     </main>
 
@@ -994,9 +1015,9 @@
                         </a>
                     </div>
                     <div class="footer-list__item">
-                        <button class="button button--black button--100-perc">
+                        <a href="#" class="button button--black button--100-perc button--link">
                             Чат бот с ветеринаром
-                        </button>
+                        </a>
                     </div>
                 </div>
 

subscription-first.html

@@ -0,0 +1,703 @@
+<!DOCTYPE html>
+<html lang="ru">
+    <head>
+        <meta charset="UTF-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>SEO title</title>
+        <meta name="description" content="SEO Description">
+        <link rel="shortcut icon" href="assets/img/favicon.ico?v=1.0">
+
+        <!-- Базовые стили -->
+        <link rel="stylesheet" href="assets/css/gp-style-core.css?v=1.0">
+        <link rel="stylesheet" href="assets/css/gp-style-desktop.css?v=1.0">
+        <link rel="stylesheet" href="assets/css/gp-style-order.css?v=1.0">
+        <!-- Адаптив -->
+        <link rel="stylesheet" media="screen and (min-width: 1400px)" href="assets/css/gp-style-ultra.css?v=1.0">
+        <link rel="stylesheet" media="screen and (max-width: 1200px)" href="assets/css/gp-style-tablet.css">
+        <link rel="stylesheet" media="screen and (max-width: 720px)" href="assets/css/gp-style-mobile.css?v=1.0">
+    
+
+        <!-- Яндекс.Вебмастер + Google Search Console -->
+        <meta name="yandex-verification" content="XXXXXXXXXXXXXXXXX" />
+        <meta name="google-site-verification" content="XXXXXXXXXXXXXXXXX" />
+        <!-- /Яндекс.Вебмастер + Google Search Console -->
+
+        <!-- Yandex.Metrika counter -->
+        <script type="text/javascript">
+            (function (m, e, t, r, i, k, a) {
+                m[i] = m[i] || function () { (m[i].a = m[i].a || []).push(arguments) };
+                m[i].l = 1 * new Date();
+                for (var j = 0; j < document.scripts.length; j++) { if (document.scripts[j].src === r) { return; } }
+                k = e.createElement(t), a = e.getElementsByTagName(t)[0], k.async = 1, k.src = r, a.parentNode.insertBefore(k, a)
+            })
+                (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
+
+            ym(XXXXXX, "init", { // XXXXXX - счетчик
+                clickmap: true,
+                trackLinks: true,
+                accurateTrackBounce: true,
+                webvisor: true,
+                ecommerce: "dataLayer"
+            });
+        </script>
+        <noscript>
+            <div><img src="https://mc.yandex.ru/watch/85828806" style="position:absolute; left:-9999px;" alt="" /></div>
+        </noscript>
+        <!-- /Yandex.Metrika counter -->
+    
+    
+    </head>
+    <body>
+        <header class="header">
+            <div class="header__content wrapper">
+                <button class="header__open-menu" id="phone-menu">
+                </button>
+
+                <a href="index.html" class="header__logo">
+                    <svg class="header__logo-black" xmlns="http://www.w3.org/2000/svg" width="181" height="40" viewBox="0 0 181 40" fill="none">
+                        <path d="M50.4859 5.79145C49.0065 3.27258 44.6431 2.78969 38.1761 4.42108C35.0048 1.89583 31.1372 0.376333 27.0791 0.0613091C23.021 -0.253715 18.9613 0.650395 15.4309 2.65541C11.9004 4.66042 9.06364 7.673 7.29143 11.2992C5.51922 14.9254 4.8941 18.9964 5.49783 22.9798C0.798105 27.6978 -0.973633 31.6805 0.51234 34.2081C1.42019 35.7547 3.36998 36.5377 6.22762 36.5377C8.05553 36.5052 9.87449 36.2769 11.6527 35.8569C12.0352 35.7721 12.4265 35.6785 12.8222 35.5785C15.793 37.9443 19.3793 39.4307 23.1672 39.8663C26.9551 40.3018 30.7903 39.6687 34.2301 38.0399C37.67 36.4112 40.5744 33.8533 42.6083 30.6613C44.6421 27.4693 45.7224 23.7733 45.7246 19.9998C45.7261 19.0003 45.6527 18.002 45.5048 17.0132C48.3119 14.1855 50.1891 11.5144 50.7805 9.29786C51.1519 7.93619 51.0508 6.75724 50.4859 5.79145ZM25.5013 1.7282C29.77 1.73333 33.9054 3.19952 37.206 5.87806C40.5066 8.5566 42.7692 12.2825 43.61 16.4238C40.0555 19.8366 35.081 23.4888 29.4339 26.6994C23.4306 30.1122 17.8253 32.4092 13.253 33.66C10.4542 31.1997 8.47718 27.9557 7.5842 24.3581C6.69122 20.7605 6.92444 16.9793 8.25293 13.5159C9.58142 10.0525 11.9424 7.07045 15.0229 4.96526C18.1033 2.86006 21.7576 1.73114 25.5013 1.7282ZM2.03568 33.3337C1.10145 31.7458 2.58523 28.6353 5.93746 25.0549C6.84638 28.4997 8.66755 31.6421 11.2131 34.1581C6.34633 35.2261 2.96332 34.9172 2.03568 33.3337ZM25.5013 38.2714C21.7268 38.275 18.0427 37.1282 14.95 34.9868C19.6937 33.5556 25.0243 31.2085 30.3044 28.2089C35.635 25.1767 40.3303 21.8008 43.8957 18.5424C43.9353 19.0231 43.9617 19.5082 43.9617 19.9998C43.9559 24.8432 42.0092 29.4866 38.5486 32.9118C35.088 36.3371 30.3959 38.2645 25.5013 38.2714ZM49.0835 8.84759C48.6152 10.5877 47.1974 12.6868 45.0718 14.9512C44.1572 11.4985 42.3267 8.3504 39.7697 5.83278C44.5728 4.78434 48.0327 5.08016 48.9648 6.66588C49.2857 7.2162 49.3274 7.94924 49.0835 8.84759Z" fill="#121212"/>
+                        <path d="M73.68 26.12C73.1067 27.36 72.2733 28.32 71.18 29C70.0867 29.6667 68.7533 30 67.18 30C65.6467 30 64.34 29.6533 63.26 28.96C62.1933 28.2667 61.38 27.3133 60.82 26.1C60.2733 24.8733 60 23.48 60 21.92C60 20.36 60.2733 18.9867 60.82 17.8C61.3667 16.6133 62.18 15.6867 63.26 15.02C64.34 14.34 65.6467 14 67.18 14C68.78 14 70.1267 14.34 71.22 15.02C72.3133 15.6867 73.1533 16.6667 73.74 17.96L72.24 19.02C71.9333 18.2867 71.54 17.68 71.06 17.2C70.5933 16.7067 70.0333 16.34 69.38 16.1C68.7267 15.8467 67.9933 15.72 67.18 15.72C66.1 15.72 65.1467 15.9733 64.32 16.48C63.5067 16.9867 62.8733 17.7067 62.42 18.64C61.9667 19.5733 61.74 20.6667 61.74 21.92C61.74 23.2267 61.9667 24.36 62.42 25.32C62.8733 26.2667 63.5067 27 64.32 27.52C65.1333 28.0267 66.0867 28.28 67.18 28.28C67.9933 28.28 68.72 28.16 69.36 27.92C70.0133 27.68 70.5733 27.32 71.04 26.84C71.5067 26.36 71.8933 25.7667 72.2 25.06L73.68 26.12ZM75.7422 21.92C75.7422 20.36 76.0155 18.9867 76.5622 17.8C77.1222 16.6133 77.9422 15.6867 79.0222 15.02C80.1155 14.34 81.4289 14 82.9622 14C84.4955 14 85.8022 14.34 86.8822 15.02C87.9622 15.6867 88.7755 16.6133 89.3222 17.8C89.8822 18.9867 90.1622 20.36 90.1622 21.92C90.1622 23.48 89.8822 24.8733 89.3222 26.1C88.7755 27.3133 87.9555 28.2667 86.8622 28.96C85.7822 29.6533 84.4822 30 82.9622 30C81.4289 30 80.1155 29.6533 79.0222 28.96C77.9422 28.2667 77.1222 27.3133 76.5622 26.1C76.0155 24.8733 75.7422 23.48 75.7422 21.92ZM77.5022 21.92C77.5022 23.1467 77.7155 24.24 78.1422 25.2C78.5689 26.1467 79.1889 26.8933 80.0022 27.44C80.8289 27.9733 81.8155 28.24 82.9622 28.24C84.1089 28.24 85.0889 27.9667 85.9022 27.42C86.7155 26.8733 87.3355 26.1267 87.7622 25.18C88.1889 24.2333 88.4022 23.1467 88.4022 21.92C88.4022 20.7067 88.1889 19.64 87.7622 18.72C87.3355 17.8 86.7155 17.08 85.9022 16.56C85.0889 16.0267 84.1089 15.76 82.9622 15.76C81.8155 15.76 80.8289 16.0267 80.0022 16.56C79.1889 17.08 78.5689 17.8 78.1422 18.72C77.7155 19.64 77.5022 20.7067 77.5022 21.92ZM93.668 24.94C94.2013 26.1267 94.8413 26.98 95.588 27.5C96.348 28.02 97.2746 28.28 98.368 28.28C99.5413 28.28 100.455 28.0733 101.108 27.66C101.775 27.2467 102.108 26.5933 102.108 25.7C102.108 24.8867 101.781 24.2133 101.128 23.68C100.475 23.1467 99.5213 22.7533 98.268 22.5L97.268 22.28C95.668 21.96 94.4546 21.4533 93.628 20.76C92.8146 20.0667 92.408 19.1 92.408 17.86C92.408 17.0733 92.6413 16.3867 93.108 15.8C93.588 15.2133 94.2146 14.7667 94.988 14.46C95.7613 14.1533 96.608 14 97.528 14C99.048 14 100.255 14.34 101.148 15.02C102.041 15.7 102.788 16.7267 103.388 18.1L101.988 18.96C101.481 17.8267 100.861 17 100.128 16.48C99.408 15.96 98.528 15.7 97.488 15.7C96.4613 15.7 95.6413 15.8933 95.028 16.28C94.4146 16.6667 94.108 17.2333 94.108 17.98C94.108 18.6733 94.3946 19.2267 94.968 19.64C95.5413 20.0533 96.4013 20.3933 97.548 20.66L98.508 20.88C99.8013 21.1733 100.835 21.5467 101.608 22C102.395 22.44 102.961 22.9667 103.308 23.58C103.655 24.1933 103.821 24.9267 103.808 25.78C103.795 27.1667 103.288 28.22 102.288 28.94C101.288 29.6467 99.968 30 98.328 30C96.7413 30 95.468 29.6533 94.508 28.96C93.5613 28.2533 92.7813 27.22 92.168 25.86L93.668 24.94ZM107.561 14V30H105.801V14H107.561ZM107.621 14L114.641 30H112.821L105.881 14H107.621ZM121.381 14L114.641 30H112.821L119.641 14H121.381ZM121.461 14V30H119.701V14H121.461ZM123.457 21.92C123.457 20.36 123.73 18.9867 124.277 17.8C124.837 16.6133 125.657 15.6867 126.737 15.02C127.83 14.34 129.144 14 130.677 14C132.21 14 133.517 14.34 134.597 15.02C135.677 15.6867 136.49 16.6133 137.037 17.8C137.597 18.9867 137.877 20.36 137.877 21.92C137.877 23.48 137.597 24.8733 137.037 26.1C136.49 27.3133 135.67 28.2667 134.577 28.96C133.497 29.6533 132.197 30 130.677 30C129.144 30 127.83 29.6533 126.737 28.96C125.657 28.2667 124.837 27.3133 124.277 26.1C123.73 24.8733 123.457 23.48 123.457 21.92ZM125.217 21.92C125.217 23.1467 125.43 24.24 125.857 25.2C126.284 26.1467 126.904 26.8933 127.717 27.44C128.544 27.9733 129.53 28.24 130.677 28.24C131.824 28.24 132.804 27.9667 133.617 27.42C134.43 26.8733 135.05 26.1267 135.477 25.18C135.904 24.2333 136.117 23.1467 136.117 21.92C136.117 20.7067 135.904 19.64 135.477 18.72C135.05 17.8 134.43 17.08 133.617 16.56C132.804 16.0267 131.824 15.76 130.677 15.76C129.53 15.76 128.544 16.0267 127.717 16.56C126.904 17.08 126.284 17.8 125.857 18.72C125.43 19.64 125.217 20.7067 125.217 21.92ZM141.603 22.32H145.843C146.803 22.32 147.636 22.22 148.343 22.02C149.049 21.8067 149.609 21.46 150.023 20.98C150.449 20.5 150.663 19.86 150.663 19.06C150.663 18.3 150.449 17.6667 150.023 17.16C149.609 16.6533 149.036 16.28 148.303 16.04C147.583 15.8 146.763 15.68 145.843 15.68H141.603V22.32ZM141.603 24V29.98V30H139.883V14H145.843C147.763 14 149.349 14.3867 150.603 15.16C151.856 15.92 152.483 17.2333 152.483 19.1C152.483 20.2733 152.169 21.2267 151.543 21.96C150.916 22.68 150.103 23.2 149.103 23.52C148.116 23.84 147.029 24 145.843 24H141.603ZM156.192 14V30H154.492V14H156.192ZM164.692 22.84H156.192V21.16L164.692 21Line truncated
+                    </svg>
+
+                    <svg class="header__logo-white" width="181" height="40" viewBox="0 0 181 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M50.4859 5.79145C49.0065 3.27258 44.6431 2.78969 38.1761 4.42108C35.0048 1.89583 31.1372 0.376333 27.0791 0.0613091C23.021 -0.253715 18.9613 0.650395 15.4309 2.65541C11.9004 4.66042 9.06364 7.673 7.29143 11.2992C5.51922 14.9254 4.8941 18.9964 5.49783 22.9798C0.798105 27.6978 -0.973633 31.6805 0.51234 34.2081C1.42019 35.7547 3.36998 36.5377 6.22762 36.5377C8.05553 36.5052 9.87449 36.2769 11.6527 35.8569C12.0352 35.7721 12.4265 35.6785 12.8222 35.5785C15.793 37.9443 19.3793 39.4307 23.1672 39.8663C26.9551 40.3018 30.7903 39.6687 34.2301 38.0399C37.67 36.4112 40.5744 33.8533 42.6083 30.6613C44.6421 27.4693 45.7224 23.7733 45.7246 19.9998C45.7261 19.0003 45.6527 18.002 45.5048 17.0132C48.3119 14.1855 50.1891 11.5144 50.7805 9.29786C51.1519 7.93619 51.0508 6.75724 50.4859 5.79145ZM25.5013 1.7282C29.77 1.73333 33.9054 3.19952 37.206 5.87806C40.5066 8.5566 42.7692 12.2825 43.61 16.4238C40.0555 19.8366 35.081 23.4888 29.4339 26.6994C23.4306 30.1122 17.8253 32.4092 13.253 33.66C10.4542 31.1997 8.47718 27.9557 7.5842 24.3581C6.69122 20.7605 6.92444 16.9793 8.25293 13.5159C9.58142 10.0525 11.9424 7.07045 15.0229 4.96526C18.1033 2.86006 21.7576 1.73114 25.5013 1.7282ZM2.03568 33.3337C1.10145 31.7458 2.58523 28.6353 5.93746 25.0549C6.84638 28.4997 8.66755 31.6421 11.2131 34.1581C6.34633 35.2261 2.96332 34.9172 2.03568 33.3337ZM25.5013 38.2714C21.7268 38.275 18.0427 37.1282 14.95 34.9868C19.6937 33.5556 25.0243 31.2085 30.3044 28.2089C35.635 25.1767 40.3303 21.8008 43.8957 18.5424C43.9353 19.0231 43.9617 19.5082 43.9617 19.9998C43.9559 24.8432 42.0092 29.4866 38.5486 32.9118C35.088 36.3371 30.3959 38.2645 25.5013 38.2714ZM49.0835 8.84759C48.6152 10.5877 47.1974 12.6868 45.0718 14.9512C44.1572 11.4985 42.3267 8.3504 39.7697 5.83278C44.5728 4.78434 48.0327 5.08016 48.9648 6.66588C49.2857 7.2162 49.3274 7.94924 49.0835 8.84759Z" fill="white"/>
+                        <path d="M73.68 26.12C73.1067 27.36 72.2733 28.32 71.18 29C70.0867 29.6667 68.7533 30 67.18 30C65.6467 30 64.34 29.6533 63.26 28.96C62.1933 28.2667 61.38 27.3133 60.82 26.1C60.2733 24.8733 60 23.48 60 21.92C60 20.36 60.2733 18.9867 60.82 17.8C61.3667 16.6133 62.18 15.6867 63.26 15.02C64.34 14.34 65.6467 14 67.18 14C68.78 14 70.1267 14.34 71.22 15.02C72.3133 15.6867 73.1533 16.6667 73.74 17.96L72.24 19.02C71.9333 18.2867 71.54 17.68 71.06 17.2C70.5933 16.7067 70.0333 16.34 69.38 16.1C68.7267 15.8467 67.9933 15.72 67.18 15.72C66.1 15.72 65.1467 15.9733 64.32 16.48C63.5067 16.9867 62.8733 17.7067 62.42 18.64C61.9667 19.5733 61.74 20.6667 61.74 21.92C61.74 23.2267 61.9667 24.36 62.42 25.32C62.8733 26.2667 63.5067 27 64.32 27.52C65.1333 28.0267 66.0867 28.28 67.18 28.28C67.9933 28.28 68.72 28.16 69.36 27.92C70.0133 27.68 70.5733 27.32 71.04 26.84C71.5067 26.36 71.8933 25.7667 72.2 25.06L73.68 26.12ZM75.7422 21.92C75.7422 20.36 76.0155 18.9867 76.5622 17.8C77.1222 16.6133 77.9422 15.6867 79.0222 15.02C80.1155 14.34 81.4289 14 82.9622 14C84.4955 14 85.8022 14.34 86.8822 15.02C87.9622 15.6867 88.7755 16.6133 89.3222 17.8C89.8822 18.9867 90.1622 20.36 90.1622 21.92C90.1622 23.48 89.8822 24.8733 89.3222 26.1C88.7755 27.3133 87.9555 28.2667 86.8622 28.96C85.7822 29.6533 84.4822 30 82.9622 30C81.4289 30 80.1155 29.6533 79.0222 28.96C77.9422 28.2667 77.1222 27.3133 76.5622 26.1C76.0155 24.8733 75.7422 23.48 75.7422 21.92ZM77.5022 21.92C77.5022 23.1467 77.7155 24.24 78.1422 25.2C78.5689 26.1467 79.1889 26.8933 80.0022 27.44C80.8289 27.9733 81.8155 28.24 82.9622 28.24C84.1089 28.24 85.0889 27.9667 85.9022 27.42C86.7155 26.8733 87.3355 26.1267 87.7622 25.18C88.1889 24.2333 88.4022 23.1467 88.4022 21.92C88.4022 20.7067 88.1889 19.64 87.7622 18.72C87.3355 17.8 86.7155 17.08 85.9022 16.56C85.0889 16.0267 84.1089 15.76 82.9622 15.76C81.8155 15.76 80.8289 16.0267 80.0022 16.56C79.1889 17.08 78.5689 17.8 78.1422 18.72C77.7155 19.64 77.5022 20.7067 77.5022 21.92ZM93.668 24.94C94.2013 26.1267 94.8413 26.98 95.588 27.5C96.348 28.02 97.2746 28.28 98.368 28.28C99.5413 28.28 100.455 28.0733 101.108 27.66C101.775 27.2467 102.108 26.5933 102.108 25.7C102.108 24.8867 101.781 24.2133 101.128 23.68C100.475 23.1467 99.5213 22.7533 98.268 22.5L97.268 22.28C95.668 21.96 94.4546 21.4533 93.628 20.76C92.8146 20.0667 92.408 19.1 92.408 17.86C92.408 17.0733 92.6413 16.3867 93.108 15.8C93.588 15.2133 94.2146 14.7667 94.988 14.46C95.7613 14.1533 96.608 14 97.528 14C99.048 14 100.255 14.34 101.148 15.02C102.041 15.7 102.788 16.7267 103.388 18.1L101.988 18.96C101.481 17.8267 100.861 17 100.128 16.48C99.408 15.96 98.528 15.7 97.488 15.7C96.4613 15.7 95.6413 15.8933 95.028 16.28C94.4146 16.6667 94.108 17.2333 94.108 17.98C94.108 18.6733 94.3946 19.2267 94.968 19.64C95.5413 20.0533 96.4013 20.3933 97.548 20.66L98.508 20.88C99.8013 21.1733 100.835 21.5467 101.608 22C102.395 22.44 102.961 22.9667 103.308 23.58C103.655 24.1933 103.821 24.9267 103.808 25.78C103.795 27.1667 103.288 28.22 102.288 28.94C101.288 29.6467 99.968 30 98.328 30C96.7413 30 95.468 29.6533 94.508 28.96C93.5613 28.2533 92.7813 27.22 92.168 25.86L93.668 24.94ZM107.561 14V30H105.801V14H107.561ZM107.621 14L114.641 30H112.821L105.881 14H107.621ZM121.381 14L114.641 30H112.821L119.641 14H121.381ZM121.461 14V30H119.701V14H121.461ZM123.457 21.92C123.457 20.36 123.73 18.9867 124.277 17.8C124.837 16.6133 125.657 15.6867 126.737 15.02C127.83 14.34 129.144 14 130.677 14C132.21 14 133.517 14.34 134.597 15.02C135.677 15.6867 136.49 16.6133 137.037 17.8C137.597 18.9867 137.877 20.36 137.877 21.92C137.877 23.48 137.597 24.8733 137.037 26.1C136.49 27.3133 135.67 28.2667 134.577 28.96C133.497 29.6533 132.197 30 130.677 30C129.144 30 127.83 29.6533 126.737 28.96C125.657 28.2667 124.837 27.3133 124.277 26.1C123.73 24.8733 123.457 23.48 123.457 21.92ZM125.217 21.92C125.217 23.1467 125.43 24.24 125.857 25.2C126.284 26.1467 126.904 26.8933 127.717 27.44C128.544 27.9733 129.53 28.24 130.677 28.24C131.824 28.24 132.804 27.9667 133.617 27.42C134.43 26.8733 135.05 26.1267 135.477 25.18C135.904 24.2333 136.117 23.1467 136.117 21.92C136.117 20.7067 135.904 19.64 135.477 18.72C135.05 17.8 134.43 17.08 133.617 16.56C132.804 16.0267 131.824 15.76 130.677 15.76C129.53 15.76 128.544 16.0267 127.717 16.56C126.904 17.08 126.284 17.8 125.857 18.72C125.43 19.64 125.217 20.7067 125.217 21.92ZM141.603 22.32H145.843C146.803 22.32 147.636 22.22 148.343 22.02C149.049 21.8067 149.609 21.46 150.023 20.98C150.449 20.5 150.663 19.86 150.663 19.06C150.663 18.3 150.449 17.6667 150.023 17.16C149.609 16.6533 149.036 16.28 148.303 16.04C147.583 15.8 146.763 15.68 145.843 15.68H141.603V22.32ZM141.603 24V29.98V30H139.883V14H145.843C147.763 14 149.349 14.3867 150.603 15.16C151.856 15.92 152.483 17.2333 152.483 19.1C152.483 20.2733 152.169 21.2267 151.543 21.96C150.916 22.68 150.103 23.2 149.103 23.52C148.116 23.84 147.029 24 145.843 24H141.603ZM156.192 14V30H154.492V14H156.192ZM164.692 22.84H156.192V21.16L164.692 21Line truncated
+                    </svg>
+                </a>
+
+                <ul class="main-menu">
+                    <li class="main-menu__item">
+                        <a href="#" class="main-menu__link">ГЛАВНАЯ</a>
+                    </li>
+                    <li class="main-menu__item">
+                        <a href="#" class="main-menu__link">О COSMOPET</a>
+                    </li>
+                    <li class="main-menu__item">
+                        <a href="#" class="main-menu__link">ПРОИЗВОДСТВО</a>
+                    </li class="main-menu__item">
+                    <li class="main-menu__item">
+                        <a href="#" class="main-menu__link">БЛОГ</a>
+                    </li>
+                    <li class="main-menu__item">
+                        <button class="main-menu__button" id="pc-menu">
+                            ПРОДУКЦИЯ
+                        </button>
+                    </li>
+                </ul>
+
+                <div class="mini-profile">
+                    <div class="mini-profile__item">
+                        <div class="lang">
+                            <button class="lang__open">
+                                <p>RU</p>
+                                <div class="lang-open__arrow">
+                                    <svg class="lang-open__black" width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L5 3.93934L8.46967 0.46967C8.76256 0.176777 9.23744 0.176777 9.53033 0.46967C9.82322 0.762563 9.82322 1.23744 9.53033 1.53033L5.53033 5.53033C5.23744 5.82322 4.76256 5.82322 4.46967 5.53033L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967Z" fill="#333333"/>
+                                    </svg>
+                                    <svg class="lang-open__white" width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L5 3.93934L8.46967 0.46967C8.76256 0.176777 9.23744 0.176777 9.53033 0.46967C9.82322 0.762563 9.82322 1.23744 9.53033 1.53033L5.53033 5.53033C5.23744 5.82322 4.76256 5.82322 4.46967 5.53033L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967Z" fill="#fff"/>
+                                    </svg>
+                                </div>
+                            </button>
+                            <div class="lang__content">
+                                <ul class="lang__list">
+                                    <li class="lang__item active">
+                                        <a href="#" class="lang__link">
+                                            RU
+                                        </a>
+                                    </li>
+                                    <li class="lang__item">
+                                        <a href="#" class="lang__link">
+                                            EN
+                                        </a>
+                                    </li>
+                                    <li class="lang__item">
+                                        <a href="#" class="lang__link">
+                                            AR
+                                        </a>
+                                    </li>
+                                </ul>
+                            </div>
+                                
+                        </div>
+                    </div>
+                    <div class="mini-profile__item">
+                        <a href="" class="mini-profile__button">
+                            <img src="assets/img/svg/mini-profile/profile.svg" alt="" class="mini-profile__icon black">
+                            <img src="assets/img/svg/mini-profile/profile-w.svg" alt="" class="mini-profile__icon white">
+                        </a>
+                    </div>
+                    <div class="mini-profile__item">
+                        <button class="mini-profile__button basket-open">
+                            <img src="assets/img/svg/mini-profile/basket.svg" alt="" class="mini-profile__icon black">
+                            <img src="assets/img/svg/mini-profile/basket-w.svg" alt="" class="mini-profile__icon white">
+                        </button>
+                    </div>
+                </div>
+            </div>
+            <div class="header__menu-block">
+                <div class="header__pc-menu">
+                    <div class="header-pc-menu__content">
+                        <div class="header-pc-menu__item">
+                            <a href="#" class="header-pc-menu__title">Кошкам</a>
+                            <ul class="header-pc-menu__list">
+                                <li class="header-pc-menu__list-li">
+                                    <a href="">Лакомства</a>
+                                </li>
+                                <li class="header-pc-menu__list-li">
+                                    <a href="">Корм</a>
+                                </li>
+                                <li class="header-pc-menu__list-li">
+                                    <a href="">Аксессуары</a>
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="header-pc-menu__item">
+                            <a href="#" class="header-pc-menu__title">Собакам</a>
+                            <ul class="header-pc-menu__list">
+                                <li class="header-pc-menu__list-li">
+                                    <a href="">Лакомства</a>
+                                </li>
+                                <li class="header-pc-menu__list-li">
+                                    <a href="">Корм</a>
+                                </li>
+                                <li class="header-pc-menu__list-li">
+                                    <a href="">Аксессуары</a>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="header__phone-menu">
+                    <div class="header-phone-menu__item">
+                        <a href="#" class="header-phone-menu__title header-phone-menu__title--gradient" >
+                            ГЛАВНАЯ
+                        </a>
+                    </div>
+                    <div class="header-phone-menu__item">
+                        <a href="#" class="header-phone-menu__title">
+                            ПРОДУКЦИЯ
+                        </a>
+                        <a href="#" class="header-phone-menu__category">Кошкам</a>
+                        <ul class="header-phone-menu__list">
+                            <li class="header-phone-menu__list-item">
+                                <a href="#">Корм</a>
+                            </li>
+                            <li  class="header-phone-menu__list-item">
+                                <a href="#">Лакомства</a>
+                            </li>
+                            <li  class="header-phone-menu__list-item">
+                                <a href="#">Корм</a>
+                            </li>
+                        </ul>
+                        <a href="#" class="header-phone-menu__category">Собакам</a>
+                        <ul class="header-phone-menu__list">
+                            <li class="header-phone-menu__list-item">
+                                <a href="#">Корм</a>
+                            </li>
+                            <li  class="header-phone-menu__list-item">
+                                <a href="#">Лакомства</a>
+                            </li>
+                            <li  class="header-phone-menu__list-item">
+                                <a href="#">Корм</a>
+                            </li>
+                        </ul>
+                    </div>
+                    <div class="header-phone-menu__item">
+                        <a href="#" class="header-phone-menu__title">
+                            О COSMOPET
+                        </a>
+                    </div>
+                    <div class="header-phone-menu__item">
+                        <a href="#" class="header-phone-menu__title">
+                            ПРОИЗВОДСТВО
+                        </a>
+                    </div>
+                    <div class="header-phone-menu__item">
+                        <a href="#" class="header-phone-menu__title">
+                            БЛОГ
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </header>
+        
+        <main class="wrapper">
+            <div class="cabinet__control cabinet__control--column">
+                <a href="#" class="to-know to-know--start button--100-perc to-know--background-none">
+                    <p>Перейти в профиль</p>
+                </a>
+
+                <div class="form-input__tabs form-input__tabs--control form-input__tabs--white">
+                    <a class="form-input-tabs__button active">
+                        Заказы
+                    </a>
+        
+                    <a class="form-input-tabs__button">
+                        Подписки
+                    </a>
+                </div>
+            </div>
+            <div class="cabinet">
+                <div class="cabinet__profile cabinet-content">
+                    <div class="form-input__tabs form-input__tabs--control form-input__tabs--white">
+                        <a class="form-input-tabs__button active">
+                            Заказы
+                        </a>
+            
+                        <a class="form-input-tabs__button">
+                            Подписки
+                        </a>
+                    </div>
+                    
+                    <div class="cabinet-card cabinet-card--green">
+                        <div class="cabinet-card__content">
+                            <div class="cabinet-card__element">
+                                <p class="cabinet-card__text cabinet-card__text--grey">Имя и фамилия  не указано</p>
+                            </div>
+
+                            <div class="cabinet-card__element">
+                                <p class="cabinet-card__label">Телефон:</p>
+                                <p class="cabinet-card__text cabinet-card__text--grey">Не заполнено</p>
+                            </div>
+
+                            <div class="cabinet-card__element">
+                                <p class="cabinet-card__label">Почта:</p>
+                                <p class="cabinet-card__text">example@example.com</p>
+                                <!-- <p class="cabinet-card__status cabinet-card__status--chek">Почта подтверждена</p> -->
+                                <p class="cabinet-card__status cabinet-card__status--cancelled">Почта не подтверждена</p>
+                                <button class="cabinet-card__confirm">
+                                    Подтвердить
+                                </button>
+                            </div>
+
+                            <div class="cabinet-card__element">
+                                <p class="cabinet-card__label">Связанные аккаунты:</p>
+                                <div class="cabinet-card__block-accounts">
+                                    <div class="cabinet-card__account">
+                                        <img src="assets/img/svg/main/google-white.svg" alt="">
+                                    </div>
+                                    <div class="cabinet-card__account">
+                                        <img src="assets/img/svg/main/vk-white.svg" alt="">
+                                    </div>
+                                    <div class="cabinet-card__account">
+                                        <img src="assets/img/svg/main/ya-white.svg" alt="">
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div class="cabinet-card__element">
+                                <div class="cabinet-card__block-buttons">
+                                    <button class="cabinet-card__button form-open" data-form="form-data">
+                                        Изменить
+                                    </button>
+
+                                    <button class="cabinet-card__button">
+                                        Выйти
+                                    </button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="cabinet-card cabinet-card--green">
+                        <div class="cabinet-card__content">
+                            <div class="cabinet-card__pet">
+                                 <div class="cabinet-card-pet__icon">
+                                    <div class="cabinet-card-pet-icon__content">
+                                        <img src="assets/img/pet/mini-dog.png" alt="">
+                                    </div>
+                                 </div>
+
+                                 <p class="cabinet-card-pet__name">Барон</p>
+                            </div>
+
+                            <div class="cabinet-card__element">
+                                <p class="cabinet-card__label">Порода:</p>
+                                <p class="cabinet-card__text">Немецкая овчарка</p>
+                            </div>
+                            <div class="cabinet-card__element">
+                                <p class="cabinet-card__label">Вес:</p>
+                                <p class="cabinet-card__text">от 25 до 40 кг</p>
+                            </div>
+                            <div class="cabinet-card__element">
+                                <p class="cabinet-card__label">Возраст:</p>
+                                <p class="cabinet-card__text">3 года</p>
+                            </div>
+                            <div class="cabinet-card__element">
+                                <p class="cabinet-card__label">Активность:</p>
+                                <p class="cabinet-card__text">Активный</p>
+                            </div>
+                            <div class="cabinet-card__element">
+                                <button class="cabinet-card__button">
+                                    Изменить
+                                </button>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="cabinet-card cabinet-card--green">
+                        <div class="cabinet-card__content">
+                            <div class="cabinet-card__pet">
+                                 <div class="cabinet-card-pet__icon">
+                                    <div class="cabinet-card-pet-icon__content">
+                                        <img src="assets/img/pet/mini-dog.png" alt="">
+                                    </div>
+                                 </div>
+
+                                 <p class="cabinet-card-pet__name">Барон</p>
+                            </div>
+
+                            <div class="cabinet-card__element">
+                                <p class="cabinet-card__label">Порода:</p>
+                                <p class="cabinet-card__text">Немецкая овчарка</p>
+                            </div>
+                            <div class="cabinet-card__element">
+                                <p class="cabinet-card__label">Вес:</p>
+                                <p class="cabinet-card__text">от 25 до 40 кг</p>
+                            </div>
+                            <div class="cabinet-card__element">
+                                <p class="cabinet-card__label">Возраст:</p>
+                                <p class="cabinet-card__text">3 года</p>
+                            </div>
+                            <div class="cabinet-card__element">
+                                <p class="cabinet-card__label">Активность:</p>
+                                <p class="cabinet-card__text">Активный</p>
+                            </div>
+                            <div class="cabinet-card__element">
+                                <button class="cabinet-card__button">
+                                    Изменить
+                                </button>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="cabinet-card cabinet-card--green">
+                        <div class="cabinet-card__content">
+                            <button class="cabinet-card__block-add-pets form-open" data-form="form-pet">
+                                <div class="cabinet-card-add-pets__circle">
+                                    <img src="assets/img/svg/main/plus-grey.svg" alt="">
+                                </div>
+
+                                <p class="cabinet-card-add-pets__text">
+                                    Добавить питомца
+                                </p>
+                            </button>
+                        </div>
+                    </div>
+                </div>
+                <div class="cabinet__orders cabinet__orders--no-cab cabinet-content active hide">
+                    <div class="cabinet-card cabinet-card--grey">
+                        <div class="cabinet-card__content">
+                            <div class="cabinet-card__order">
+                                <div class="cabinet-card-order__header">
+                                    <div class="cabinet-card-order__main">
+                                        <p class="cabinet-card-order-main__date">Подписка № 7632</p>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div class="subscription">
+                                <div class="subscription__item">
+                                    <p>Статус</p>
+
+                                    <!-- <p class="subscription__status">Едет</p>
+                                    <p class="subscription__status--close">Отменен</p> -->
+                                    <p class="subscription__status--end">Ожидание</p>
+                                </div>
+                                <div class="subscription__item">
+                                    <p>Дата подписки</p>
+                                    <p>06.09.2024</p>
+                                </div>
+                                <div class="subscription__item">
+                                    <p>Дата последнего заказа</p>
+                                    <p>16.10.2024</p>
+                                </div>
+                                <div class="subscription__item">
+                                    <p>Следующий платеж</p>
+                                    <p>21.10.2024</p>
+                                </div>
+                                <div class="subscription__item">
+                                    <p>Способ оплаты</p>
+                                    <p>СБП</p>
+                                </div>
+                                <div class="subscription__item">
+                                    <div class="subscription__add">
+                                        <div class="subscription__add-header">
+                                            <p class="subscription__add-title">Товары:</p>
+                                        </div>
+
+                                        <div class="subscription__add-content">
+                                            <div class="cabinet-card-order-detail-main__product subscription__add-product">
+                                                <img src="assets/img/product/mini-card.png" alt="" class="cabinet-card-order-detail-main-product__img">
+
+                                                <div class="cabinet-card-order-detail-main-product__description">
+                                                    <p class="cabinet-card-order-detail-main-product-description__what">Сухой корм, для крупных и средних пород </p>
+                                                    <p class="cabinet-card-order-detail-main-product-description__with-what">Индейка, 2 кг</p>
+                                                </div>
+
+                                                <div class="cabinet-card-order-detail-main-product__content">
+                                                    <p class="cabinet-card-order-detail-main-product__count">3</p>
+
+                                                    <p class="cabinet-card-order-detail-main-product__price">10280</p>
+                                                </div>
+                                            </div>
+
+                                            <div class="cabinet-card-order-detail-main__product subscription__add-product">
+                                                <img src="assets/img/product/mini-card.png" alt="" class="cabinet-card-order-detail-main-product__img">
+
+                                                <div class="cabinet-card-order-detail-main-product__description">
+                                                    <p class="cabinet-card-order-detail-main-product-description__what">Сухой корм, для крупных и средних пород </p>
+                                                    <p class="cabinet-card-order-detail-main-product-description__with-what">Индейка, 2 кг</p>
+                                                </div>
+
+                                                <div class="cabinet-card-order-detail-main-product__content">
+                                                    <p class="cabinet-card-order-detail-main-product__count">3</p>
+
+                                                    <p class="cabinet-card-order-detail-main-product__price">10280</p>
+                                                </div>
+                                            </div>
+
+                                            <div class="cabinet-card-order-detail-main__product subscription__add-product">
+                                                <img src="assets/img/product/mini-card.png" alt="" class="cabinet-card-order-detail-main-product__img">
+
+                                                <div class="cabinet-card-order-detail-main-product__description">
+                                                    <p class="cabinet-card-order-detail-main-product-description__what">Сухой корм, для крупных и средних пород </p>
+                                                    <p class="cabinet-card-order-detail-main-product-description__with-what">Индейка, 2 кг</p>
+                                                </div>
+
+                                                <div class="cabinet-card-order-detail-main-product__content">
+                                                    <p class="cabinet-card-order-detail-main-product__count">3</p>
+
+                                                    <p class="cabinet-card-order-detail-main-product__price">10280</p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="subscription__item">
+                                    <p>Сумма</p>
+                                    <p><span>16420 ₽ <small>/ месяц</small></span></p>
+                                </div>
+                                <div class="subscription__item">
+                                    <p>Доставка</p>
+                                    <p>Бесплатно</p>
+                                </div>
+                                <div class="subscription__item">
+                                    <p>Итого</p>
+                                    <p><span>16420 ₽ <small>/ месяц</small></span></p>
+                                </div>
+                                <div class="subscription__item">
+                                    <div class="subscription__add" >
+                                        <div class="subscription__add-header">
+                                            <p class="subscription__add-title">Доставка:</p>
+                                        </div>
+
+                                        <div class="subscription__add-content" data-js-tabs>
+                                            <form action="">
+                                                <div class="modal-form-content__line">
+                                                    <div class="modal-form-content-line__element">
+                                                        <label for="firstname" class="label-name modal-form-content-line__element--arrow">Адрес доставки</label>
+                                                        <input id="firstname" class="form__input form-open" type="text" name="address" placeholder="Начните вводить адрес" required="" data-form="form-data">
+                                                        <span class="form-input__error form-input__error--absolute">Имя введено неверно</span>
+                                                    </div>                    
+                                                </div>
+
+                                                <div class="modal-form-content__line">
+                                                    <div class="modal-form-content-line__element">
+                                                        <label for="firstname" class="label-name">Комментарий для доставки</label>
+                                                        <textarea  id="firstname" class="form__input form__input--textarea-72" type="text" name="name" placeholder="Для служьы доставки"></textarea>
+                                                        <span class="form-input__error form-input__error--absolute">Имя введено неверно</span>
+                                                    </div>                    
+                                                </div>
+                                            </form>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+
+
+                            <a href="#" class="to-know to-know--start button--100-perc to-know--background-none">
+                                <p>Отменить подписку</p>
+                            </a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </main>
+
+        <footer class="footer">
+            <div class="footer__wrapper wrapper">
+                <div class="footer__content">
+                    <img src="assets/img/svg/logo/logo-gradient.svg" alt="" class="footer__logo">
+
+                    <address class="footer__address">
+                        123182 г. Москва, <br>
+                        4-й Красногорский пр., <br> 
+                        д. 2/4, стр. 1, этаж/ком. 3/1
+                    </address>
+
+                    <div class="footer__list">
+                        <div class="footer-list__item">
+                            <p class="footer-list__title">Отзывы и предложения</p>
+                            <a href="mailto:pro@cosmopet.shop" class="footer-list__link">
+                                pro@cosmopet.shop
+                            </a>
+                        </div>
+                        <div class="footer-list__item">
+                            <p class="footer-list__title">Связь с ветеринаром</p>
+                            <a href="mailto:vetvopros@cosmopet.shop" class="footer-list__link">
+                                vetvopros@cosmopet.shop
+                            </a>
+                        </div>
+                        <div class="footer-list__item">
+                            <p class="footer-list__title">Заявки для оптовых покупателей</p>
+                            <a href="mailto:pro@cosmopet.shop" class="footer-list__link">
+                                pro@cosmopet.shop
+                            </a>
+                        </div>
+                        <div class="footer-list__item">
+                            <a href="#" class="button button--black button--100-perc button--link">
+                                Чат бот с ветеринаром
+                            </a>
+                        </div>
+                    </div>
+
+                    <div class="footer__about">
+                        <div class="social-media">
+                            <a href="#" class="social-media__item">
+                                <img src="assets/img/svg/social-media/vk.svg" alt="" class="social-media__icon">
+                            </a>
+                            <a href="#" class="social-media__item">
+                                <img src="assets/img/svg/social-media/tg.svg" alt="" class="social-media__icon">
+                            </a>
+                            <a href="#" class="social-media__item">
+                                <img src="assets/img/svg/social-media/ya.svg" alt="" class="social-media__icon">
+                            </a>
+                        </div>
+
+                        <a href="#" class="footer-about__text">Соглашение о конфиденциальности</a>
+                    </div>
+                </div>
+    
+                <div class="footer__form">
+                    <form class="form" method="post" action="/send-telegram.php">
+                        <p class="form__title">
+                            Форма обратной связи
+                        </p>
+                        <div class="form__item">
+                            <input class="form__input" type="text" name="name" placeholder="Ваше имя" required>
+                        </div>
+                        <div class="form__item">
+                            <input class="form__input" type="text" name="name" placeholder="Эл.почта" required>
+                        </div>
+                        <div class="form__item">
+                            <textarea class="form__input form__input--textarea" name="" id="" placeholder="Текст обращения"></textarea>
+                        </div>
+                        <div class="form__item">
+                            <input class="form__button" type="submit" value="Отправить">
+                        </div>
+                    </form>
+                </div>
+
+                <div class="footer__social-media">
+                    <div class="social-media">
+                        <a href="#" class="social-media__item">
+                            <img src="assets/img/svg/social-media/vk.svg" alt="" class="social-media__icon">
+                        </a>
+                        <a href="#" class="social-media__item">
+                            <img src="assets/img/svg/social-media/tg.svg" alt="" class="social-media__icon">
+                        </a>
+                        <a href="#" class="social-media__item">
+                            <img src="assets/img/svg/social-media/ya.svg" alt="" class="social-media__icon">
+                        </a>
+                    </div>
+
+                    <a href="#" class="footer-about__text">Соглашение о конфиденциальности</a>
+                </div>
+                
+            </div>
+        </footer>
+
+        <div class="modal">
+            <div class="modal-form form__full-mobile modal-form--white modal-form--height-100-phone form-data">
+                <button class="modal-form__close"></button>
+                <p class="modal-form__title">АДРЕСС</p>
+
+                <form class="modal-form__content " method="post" action="/send-telegram.php">
+                    <div class="modal-form-content__line">
+                        <div class="modal-form-content-line__element">
+                            <label for="firstname" class="label-name">Адрес</label>
+                            <input id="firstname" class="form__input" type="text" name="name" placeholder="Начните вводить ваш адрес" required="">
+                            <span class="form-input__error form-input__error--absolute">Имя введено неверно</span>
+                        </div>                    
+                    </div>
+
+                    <div class="modal-form-content__line modal-form-content__line--two">
+                        <div class="modal-form-content-line__element">
+                            <label for="firstname" class="label-name">Квартира</label>
+                            <input id="firstname" class="form__input" type="text" name="apartment" placeholder="Номер квартиры" required="">
+                            <span class="form-input__error form-input__error--absolute">Введен неверно</span>
+                        </div>
+
+                        <div class="modal-form-content-line__element">
+                            <label for="lastname" class="label-name">Этаж</label>
+                            <input id="lastname" class="form__input" type="text" name="floor" placeholder="Введите этаж" required="">
+                            <span class="form-input__error form-input__error--absolute">Введен неверно</span>
+                        </div>                        
+                    </div>
+
+                    <div class="modal-form-content__line modal-form-content__line--two">
+                        <div class="modal-form-content-line__element">
+                            <label for="firstname" class="label-name">Подъезд</label>
+                            <input id="firstname" class="form__input" type="text" name="entrance" placeholder="Номер подъезда">
+                        </div>
+
+                        <div class="modal-form-content-line__element">
+                            <label for="lastname" class="label-name">Домофон</label>
+                            <input id="lastname" class="form__input" type="text" name="intercom" placeholder="Код домофона">
+                        </div>                        
+                    </div>
+
+                    <div class="modal-form__buttons">
+                        <input class="button button--gradient button--high button--filter button--100-perc" type="submit" value="Доставить сюда">
+                    </div>
+                </form>
+            </div>
+        </div>
+
+        <script type="module">
+            import * as fun from './assets/js/gp-function.js';
+            import TogglesCollection from './assets/js/toggle.js';
+            import TabsCollection from './assets/js/tabs.js'
+
+            new TogglesCollection();
+            new TabsCollection();
+
+            fun.modalFormOpen('.form-open');
+            fun.closeModalForm('.modal-form__close');
+            fun.closeModalForm('.modal-form__button-close');
+
+            let modal = document.querySelector('.modal');
+            modal.onclick = function (eventModal) {
+                let thisTarget = eventModal.target;
+
+                if (thisTarget.classList.contains('modal')) {
+                    thisTarget.classList.remove('active');
+
+                    if (!thisTarget.querySelector('.modal-map.active')) {
+                        thisTarget.querySelector('.modal-form.active').classList.remove('active');
+                    }else{
+                        thisTarget.querySelector('.modal-map.active').classList.remove('active');
+                    }
+                }
+            }
+        </script>
+
+        <!-- <script type="module" src="assets/js/gp-cabinet.js"></script> -->
+        <script src="assets/js/gp-form.js"></script>
+    </body>
+</html>

subscription-last.html

@@ -0,0 +1,756 @@
+<!DOCTYPE html>
+<html lang="ru">
+    <head>
+        <meta charset="UTF-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>SEO title</title>
+        <meta name="description" content="SEO Description">
+        <link rel="shortcut icon" href="assets/img/favicon.ico?v=1.0">
+
+        <!-- Базовые стили -->
+        <link rel="stylesheet" href="assets/css/gp-style-core.css?v=1.0">
+        <link rel="stylesheet" href="assets/css/gp-style-desktop.css?v=1.0">
+        <link rel="stylesheet" href="assets/css/gp-style-order.css?v=1.0">
+        <!-- Адаптив -->
+        <link rel="stylesheet" media="screen and (min-width: 1400px)" href="assets/css/gp-style-ultra.css?v=1.0">
+        <link rel="stylesheet" media="screen and (max-width: 1200px)" href="assets/css/gp-style-tablet.css">
+        <link rel="stylesheet" media="screen and (max-width: 720px)" href="assets/css/gp-style-mobile.css?v=1.0">
+    
+
+        <!-- Яндекс.Вебмастер + Google Search Console -->
+        <meta name="yandex-verification" content="XXXXXXXXXXXXXXXXX" />
+        <meta name="google-site-verification" content="XXXXXXXXXXXXXXXXX" />
+        <!-- /Яндекс.Вебмастер + Google Search Console -->
+
+        <!-- Yandex.Metrika counter -->
+        <script type="text/javascript">
+            (function (m, e, t, r, i, k, a) {
+                m[i] = m[i] || function () { (m[i].a = m[i].a || []).push(arguments) };
+                m[i].l = 1 * new Date();
+                for (var j = 0; j < document.scripts.length; j++) { if (document.scripts[j].src === r) { return; } }
+                k = e.createElement(t), a = e.getElementsByTagName(t)[0], k.async = 1, k.src = r, a.parentNode.insertBefore(k, a)
+            })
+                (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
+
+            ym(XXXXXX, "init", { // XXXXXX - счетчик
+                clickmap: true,
+                trackLinks: true,
+                accurateTrackBounce: true,
+                webvisor: true,
+                ecommerce: "dataLayer"
+            });
+        </script>
+        <noscript>
+            <div><img src="https://mc.yandex.ru/watch/85828806" style="position:absolute; left:-9999px;" alt="" /></div>
+        </noscript>
+        <!-- /Yandex.Metrika counter -->
+    
+    
+    </head>
+    <body>
+        <header class="header">
+            <div class="header__content wrapper">
+                <button class="header__open-menu" id="phone-menu">
+                </button>
+
+                <a href="index.html" class="header__logo">
+                    <svg class="header__logo-black" xmlns="http://www.w3.org/2000/svg" width="181" height="40" viewBox="0 0 181 40" fill="none">
+                        <path d="M50.4859 5.79145C49.0065 3.27258 44.6431 2.78969 38.1761 4.42108C35.0048 1.89583 31.1372 0.376333 27.0791 0.0613091C23.021 -0.253715 18.9613 0.650395 15.4309 2.65541C11.9004 4.66042 9.06364 7.673 7.29143 11.2992C5.51922 14.9254 4.8941 18.9964 5.49783 22.9798C0.798105 27.6978 -0.973633 31.6805 0.51234 34.2081C1.42019 35.7547 3.36998 36.5377 6.22762 36.5377C8.05553 36.5052 9.87449 36.2769 11.6527 35.8569C12.0352 35.7721 12.4265 35.6785 12.8222 35.5785C15.793 37.9443 19.3793 39.4307 23.1672 39.8663C26.9551 40.3018 30.7903 39.6687 34.2301 38.0399C37.67 36.4112 40.5744 33.8533 42.6083 30.6613C44.6421 27.4693 45.7224 23.7733 45.7246 19.9998C45.7261 19.0003 45.6527 18.002 45.5048 17.0132C48.3119 14.1855 50.1891 11.5144 50.7805 9.29786C51.1519 7.93619 51.0508 6.75724 50.4859 5.79145ZM25.5013 1.7282C29.77 1.73333 33.9054 3.19952 37.206 5.87806C40.5066 8.5566 42.7692 12.2825 43.61 16.4238C40.0555 19.8366 35.081 23.4888 29.4339 26.6994C23.4306 30.1122 17.8253 32.4092 13.253 33.66C10.4542 31.1997 8.47718 27.9557 7.5842 24.3581C6.69122 20.7605 6.92444 16.9793 8.25293 13.5159C9.58142 10.0525 11.9424 7.07045 15.0229 4.96526C18.1033 2.86006 21.7576 1.73114 25.5013 1.7282ZM2.03568 33.3337C1.10145 31.7458 2.58523 28.6353 5.93746 25.0549C6.84638 28.4997 8.66755 31.6421 11.2131 34.1581C6.34633 35.2261 2.96332 34.9172 2.03568 33.3337ZM25.5013 38.2714C21.7268 38.275 18.0427 37.1282 14.95 34.9868C19.6937 33.5556 25.0243 31.2085 30.3044 28.2089C35.635 25.1767 40.3303 21.8008 43.8957 18.5424C43.9353 19.0231 43.9617 19.5082 43.9617 19.9998C43.9559 24.8432 42.0092 29.4866 38.5486 32.9118C35.088 36.3371 30.3959 38.2645 25.5013 38.2714ZM49.0835 8.84759C48.6152 10.5877 47.1974 12.6868 45.0718 14.9512C44.1572 11.4985 42.3267 8.3504 39.7697 5.83278C44.5728 4.78434 48.0327 5.08016 48.9648 6.66588C49.2857 7.2162 49.3274 7.94924 49.0835 8.84759Z" fill="#121212"/>
+                        <path d="M73.68 26.12C73.1067 27.36 72.2733 28.32 71.18 29C70.0867 29.6667 68.7533 30 67.18 30C65.6467 30 64.34 29.6533 63.26 28.96C62.1933 28.2667 61.38 27.3133 60.82 26.1C60.2733 24.8733 60 23.48 60 21.92C60 20.36 60.2733 18.9867 60.82 17.8C61.3667 16.6133 62.18 15.6867 63.26 15.02C64.34 14.34 65.6467 14 67.18 14C68.78 14 70.1267 14.34 71.22 15.02C72.3133 15.6867 73.1533 16.6667 73.74 17.96L72.24 19.02C71.9333 18.2867 71.54 17.68 71.06 17.2C70.5933 16.7067 70.0333 16.34 69.38 16.1C68.7267 15.8467 67.9933 15.72 67.18 15.72C66.1 15.72 65.1467 15.9733 64.32 16.48C63.5067 16.9867 62.8733 17.7067 62.42 18.64C61.9667 19.5733 61.74 20.6667 61.74 21.92C61.74 23.2267 61.9667 24.36 62.42 25.32C62.8733 26.2667 63.5067 27 64.32 27.52C65.1333 28.0267 66.0867 28.28 67.18 28.28C67.9933 28.28 68.72 28.16 69.36 27.92C70.0133 27.68 70.5733 27.32 71.04 26.84C71.5067 26.36 71.8933 25.7667 72.2 25.06L73.68 26.12ZM75.7422 21.92C75.7422 20.36 76.0155 18.9867 76.5622 17.8C77.1222 16.6133 77.9422 15.6867 79.0222 15.02C80.1155 14.34 81.4289 14 82.9622 14C84.4955 14 85.8022 14.34 86.8822 15.02C87.9622 15.6867 88.7755 16.6133 89.3222 17.8C89.8822 18.9867 90.1622 20.36 90.1622 21.92C90.1622 23.48 89.8822 24.8733 89.3222 26.1C88.7755 27.3133 87.9555 28.2667 86.8622 28.96C85.7822 29.6533 84.4822 30 82.9622 30C81.4289 30 80.1155 29.6533 79.0222 28.96C77.9422 28.2667 77.1222 27.3133 76.5622 26.1C76.0155 24.8733 75.7422 23.48 75.7422 21.92ZM77.5022 21.92C77.5022 23.1467 77.7155 24.24 78.1422 25.2C78.5689 26.1467 79.1889 26.8933 80.0022 27.44C80.8289 27.9733 81.8155 28.24 82.9622 28.24C84.1089 28.24 85.0889 27.9667 85.9022 27.42C86.7155 26.8733 87.3355 26.1267 87.7622 25.18C88.1889 24.2333 88.4022 23.1467 88.4022 21.92C88.4022 20.7067 88.1889 19.64 87.7622 18.72C87.3355 17.8 86.7155 17.08 85.9022 16.56C85.0889 16.0267 84.1089 15.76 82.9622 15.76C81.8155 15.76 80.8289 16.0267 80.0022 16.56C79.1889 17.08 78.5689 17.8 78.1422 18.72C77.7155 19.64 77.5022 20.7067 77.5022 21.92ZM93.668 24.94C94.2013 26.1267 94.8413 26.98 95.588 27.5C96.348 28.02 97.2746 28.28 98.368 28.28C99.5413 28.28 100.455 28.0733 101.108 27.66C101.775 27.2467 102.108 26.5933 102.108 25.7C102.108 24.8867 101.781 24.2133 101.128 23.68C100.475 23.1467 99.5213 22.7533 98.268 22.5L97.268 22.28C95.668 21.96 94.4546 21.4533 93.628 20.76C92.8146 20.0667 92.408 19.1 92.408 17.86C92.408 17.0733 92.6413 16.3867 93.108 15.8C93.588 15.2133 94.2146 14.7667 94.988 14.46C95.7613 14.1533 96.608 14 97.528 14C99.048 14 100.255 14.34 101.148 15.02C102.041 15.7 102.788 16.7267 103.388 18.1L101.988 18.96C101.481 17.8267 100.861 17 100.128 16.48C99.408 15.96 98.528 15.7 97.488 15.7C96.4613 15.7 95.6413 15.8933 95.028 16.28C94.4146 16.6667 94.108 17.2333 94.108 17.98C94.108 18.6733 94.3946 19.2267 94.968 19.64C95.5413 20.0533 96.4013 20.3933 97.548 20.66L98.508 20.88C99.8013 21.1733 100.835 21.5467 101.608 22C102.395 22.44 102.961 22.9667 103.308 23.58C103.655 24.1933 103.821 24.9267 103.808 25.78C103.795 27.1667 103.288 28.22 102.288 28.94C101.288 29.6467 99.968 30 98.328 30C96.7413 30 95.468 29.6533 94.508 28.96C93.5613 28.2533 92.7813 27.22 92.168 25.86L93.668 24.94ZM107.561 14V30H105.801V14H107.561ZM107.621 14L114.641 30H112.821L105.881 14H107.621ZM121.381 14L114.641 30H112.821L119.641 14H121.381ZM121.461 14V30H119.701V14H121.461ZM123.457 21.92C123.457 20.36 123.73 18.9867 124.277 17.8C124.837 16.6133 125.657 15.6867 126.737 15.02C127.83 14.34 129.144 14 130.677 14C132.21 14 133.517 14.34 134.597 15.02C135.677 15.6867 136.49 16.6133 137.037 17.8C137.597 18.9867 137.877 20.36 137.877 21.92C137.877 23.48 137.597 24.8733 137.037 26.1C136.49 27.3133 135.67 28.2667 134.577 28.96C133.497 29.6533 132.197 30 130.677 30C129.144 30 127.83 29.6533 126.737 28.96C125.657 28.2667 124.837 27.3133 124.277 26.1C123.73 24.8733 123.457 23.48 123.457 21.92ZM125.217 21.92C125.217 23.1467 125.43 24.24 125.857 25.2C126.284 26.1467 126.904 26.8933 127.717 27.44C128.544 27.9733 129.53 28.24 130.677 28.24C131.824 28.24 132.804 27.9667 133.617 27.42C134.43 26.8733 135.05 26.1267 135.477 25.18C135.904 24.2333 136.117 23.1467 136.117 21.92C136.117 20.7067 135.904 19.64 135.477 18.72C135.05 17.8 134.43 17.08 133.617 16.56C132.804 16.0267 131.824 15.76 130.677 15.76C129.53 15.76 128.544 16.0267 127.717 16.56C126.904 17.08 126.284 17.8 125.857 18.72C125.43 19.64 125.217 20.7067 125.217 21.92ZM141.603 22.32H145.843C146.803 22.32 147.636 22.22 148.343 22.02C149.049 21.8067 149.609 21.46 150.023 20.98C150.449 20.5 150.663 19.86 150.663 19.06C150.663 18.3 150.449 17.6667 150.023 17.16C149.609 16.6533 149.036 16.28 148.303 16.04C147.583 15.8 146.763 15.68 145.843 15.68H141.603V22.32ZM141.603 24V29.98V30H139.883V14H145.843C147.763 14 149.349 14.3867 150.603 15.16C151.856 15.92 152.483 17.2333 152.483 19.1C152.483 20.2733 152.169 21.2267 151.543 21.96C150.916 22.68 150.103 23.2 149.103 23.52C148.116 23.84 147.029 24 145.843 24H141.603ZM156.192 14V30H154.492V14H156.192ZM164.692 22.84H156.192V21.16L164.692 21Line truncated
+                    </svg>
+
+                    <svg class="header__logo-white" width="181" height="40" viewBox="0 0 181 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M50.4859 5.79145C49.0065 3.27258 44.6431 2.78969 38.1761 4.42108C35.0048 1.89583 31.1372 0.376333 27.0791 0.0613091C23.021 -0.253715 18.9613 0.650395 15.4309 2.65541C11.9004 4.66042 9.06364 7.673 7.29143 11.2992C5.51922 14.9254 4.8941 18.9964 5.49783 22.9798C0.798105 27.6978 -0.973633 31.6805 0.51234 34.2081C1.42019 35.7547 3.36998 36.5377 6.22762 36.5377C8.05553 36.5052 9.87449 36.2769 11.6527 35.8569C12.0352 35.7721 12.4265 35.6785 12.8222 35.5785C15.793 37.9443 19.3793 39.4307 23.1672 39.8663C26.9551 40.3018 30.7903 39.6687 34.2301 38.0399C37.67 36.4112 40.5744 33.8533 42.6083 30.6613C44.6421 27.4693 45.7224 23.7733 45.7246 19.9998C45.7261 19.0003 45.6527 18.002 45.5048 17.0132C48.3119 14.1855 50.1891 11.5144 50.7805 9.29786C51.1519 7.93619 51.0508 6.75724 50.4859 5.79145ZM25.5013 1.7282C29.77 1.73333 33.9054 3.19952 37.206 5.87806C40.5066 8.5566 42.7692 12.2825 43.61 16.4238C40.0555 19.8366 35.081 23.4888 29.4339 26.6994C23.4306 30.1122 17.8253 32.4092 13.253 33.66C10.4542 31.1997 8.47718 27.9557 7.5842 24.3581C6.69122 20.7605 6.92444 16.9793 8.25293 13.5159C9.58142 10.0525 11.9424 7.07045 15.0229 4.96526C18.1033 2.86006 21.7576 1.73114 25.5013 1.7282ZM2.03568 33.3337C1.10145 31.7458 2.58523 28.6353 5.93746 25.0549C6.84638 28.4997 8.66755 31.6421 11.2131 34.1581C6.34633 35.2261 2.96332 34.9172 2.03568 33.3337ZM25.5013 38.2714C21.7268 38.275 18.0427 37.1282 14.95 34.9868C19.6937 33.5556 25.0243 31.2085 30.3044 28.2089C35.635 25.1767 40.3303 21.8008 43.8957 18.5424C43.9353 19.0231 43.9617 19.5082 43.9617 19.9998C43.9559 24.8432 42.0092 29.4866 38.5486 32.9118C35.088 36.3371 30.3959 38.2645 25.5013 38.2714ZM49.0835 8.84759C48.6152 10.5877 47.1974 12.6868 45.0718 14.9512C44.1572 11.4985 42.3267 8.3504 39.7697 5.83278C44.5728 4.78434 48.0327 5.08016 48.9648 6.66588C49.2857 7.2162 49.3274 7.94924 49.0835 8.84759Z" fill="white"/>
+                        <path d="M73.68 26.12C73.1067 27.36 72.2733 28.32 71.18 29C70.0867 29.6667 68.7533 30 67.18 30C65.6467 30 64.34 29.6533 63.26 28.96C62.1933 28.2667 61.38 27.3133 60.82 26.1C60.2733 24.8733 60 23.48 60 21.92C60 20.36 60.2733 18.9867 60.82 17.8C61.3667 16.6133 62.18 15.6867 63.26 15.02C64.34 14.34 65.6467 14 67.18 14C68.78 14 70.1267 14.34 71.22 15.02C72.3133 15.6867 73.1533 16.6667 73.74 17.96L72.24 19.02C71.9333 18.2867 71.54 17.68 71.06 17.2C70.5933 16.7067 70.0333 16.34 69.38 16.1C68.7267 15.8467 67.9933 15.72 67.18 15.72C66.1 15.72 65.1467 15.9733 64.32 16.48C63.5067 16.9867 62.8733 17.7067 62.42 18.64C61.9667 19.5733 61.74 20.6667 61.74 21.92C61.74 23.2267 61.9667 24.36 62.42 25.32C62.8733 26.2667 63.5067 27 64.32 27.52C65.1333 28.0267 66.0867 28.28 67.18 28.28C67.9933 28.28 68.72 28.16 69.36 27.92C70.0133 27.68 70.5733 27.32 71.04 26.84C71.5067 26.36 71.8933 25.7667 72.2 25.06L73.68 26.12ZM75.7422 21.92C75.7422 20.36 76.0155 18.9867 76.5622 17.8C77.1222 16.6133 77.9422 15.6867 79.0222 15.02C80.1155 14.34 81.4289 14 82.9622 14C84.4955 14 85.8022 14.34 86.8822 15.02C87.9622 15.6867 88.7755 16.6133 89.3222 17.8C89.8822 18.9867 90.1622 20.36 90.1622 21.92C90.1622 23.48 89.8822 24.8733 89.3222 26.1C88.7755 27.3133 87.9555 28.2667 86.8622 28.96C85.7822 29.6533 84.4822 30 82.9622 30C81.4289 30 80.1155 29.6533 79.0222 28.96C77.9422 28.2667 77.1222 27.3133 76.5622 26.1C76.0155 24.8733 75.7422 23.48 75.7422 21.92ZM77.5022 21.92C77.5022 23.1467 77.7155 24.24 78.1422 25.2C78.5689 26.1467 79.1889 26.8933 80.0022 27.44C80.8289 27.9733 81.8155 28.24 82.9622 28.24C84.1089 28.24 85.0889 27.9667 85.9022 27.42C86.7155 26.8733 87.3355 26.1267 87.7622 25.18C88.1889 24.2333 88.4022 23.1467 88.4022 21.92C88.4022 20.7067 88.1889 19.64 87.7622 18.72C87.3355 17.8 86.7155 17.08 85.9022 16.56C85.0889 16.0267 84.1089 15.76 82.9622 15.76C81.8155 15.76 80.8289 16.0267 80.0022 16.56C79.1889 17.08 78.5689 17.8 78.1422 18.72C77.7155 19.64 77.5022 20.7067 77.5022 21.92ZM93.668 24.94C94.2013 26.1267 94.8413 26.98 95.588 27.5C96.348 28.02 97.2746 28.28 98.368 28.28C99.5413 28.28 100.455 28.0733 101.108 27.66C101.775 27.2467 102.108 26.5933 102.108 25.7C102.108 24.8867 101.781 24.2133 101.128 23.68C100.475 23.1467 99.5213 22.7533 98.268 22.5L97.268 22.28C95.668 21.96 94.4546 21.4533 93.628 20.76C92.8146 20.0667 92.408 19.1 92.408 17.86C92.408 17.0733 92.6413 16.3867 93.108 15.8C93.588 15.2133 94.2146 14.7667 94.988 14.46C95.7613 14.1533 96.608 14 97.528 14C99.048 14 100.255 14.34 101.148 15.02C102.041 15.7 102.788 16.7267 103.388 18.1L101.988 18.96C101.481 17.8267 100.861 17 100.128 16.48C99.408 15.96 98.528 15.7 97.488 15.7C96.4613 15.7 95.6413 15.8933 95.028 16.28C94.4146 16.6667 94.108 17.2333 94.108 17.98C94.108 18.6733 94.3946 19.2267 94.968 19.64C95.5413 20.0533 96.4013 20.3933 97.548 20.66L98.508 20.88C99.8013 21.1733 100.835 21.5467 101.608 22C102.395 22.44 102.961 22.9667 103.308 23.58C103.655 24.1933 103.821 24.9267 103.808 25.78C103.795 27.1667 103.288 28.22 102.288 28.94C101.288 29.6467 99.968 30 98.328 30C96.7413 30 95.468 29.6533 94.508 28.96C93.5613 28.2533 92.7813 27.22 92.168 25.86L93.668 24.94ZM107.561 14V30H105.801V14H107.561ZM107.621 14L114.641 30H112.821L105.881 14H107.621ZM121.381 14L114.641 30H112.821L119.641 14H121.381ZM121.461 14V30H119.701V14H121.461ZM123.457 21.92C123.457 20.36 123.73 18.9867 124.277 17.8C124.837 16.6133 125.657 15.6867 126.737 15.02C127.83 14.34 129.144 14 130.677 14C132.21 14 133.517 14.34 134.597 15.02C135.677 15.6867 136.49 16.6133 137.037 17.8C137.597 18.9867 137.877 20.36 137.877 21.92C137.877 23.48 137.597 24.8733 137.037 26.1C136.49 27.3133 135.67 28.2667 134.577 28.96C133.497 29.6533 132.197 30 130.677 30C129.144 30 127.83 29.6533 126.737 28.96C125.657 28.2667 124.837 27.3133 124.277 26.1C123.73 24.8733 123.457 23.48 123.457 21.92ZM125.217 21.92C125.217 23.1467 125.43 24.24 125.857 25.2C126.284 26.1467 126.904 26.8933 127.717 27.44C128.544 27.9733 129.53 28.24 130.677 28.24C131.824 28.24 132.804 27.9667 133.617 27.42C134.43 26.8733 135.05 26.1267 135.477 25.18C135.904 24.2333 136.117 23.1467 136.117 21.92C136.117 20.7067 135.904 19.64 135.477 18.72C135.05 17.8 134.43 17.08 133.617 16.56C132.804 16.0267 131.824 15.76 130.677 15.76C129.53 15.76 128.544 16.0267 127.717 16.56C126.904 17.08 126.284 17.8 125.857 18.72C125.43 19.64 125.217 20.7067 125.217 21.92ZM141.603 22.32H145.843C146.803 22.32 147.636 22.22 148.343 22.02C149.049 21.8067 149.609 21.46 150.023 20.98C150.449 20.5 150.663 19.86 150.663 19.06C150.663 18.3 150.449 17.6667 150.023 17.16C149.609 16.6533 149.036 16.28 148.303 16.04C147.583 15.8 146.763 15.68 145.843 15.68H141.603V22.32ZM141.603 24V29.98V30H139.883V14H145.843C147.763 14 149.349 14.3867 150.603 15.16C151.856 15.92 152.483 17.2333 152.483 19.1C152.483 20.2733 152.169 21.2267 151.543 21.96C150.916 22.68 150.103 23.2 149.103 23.52C148.116 23.84 147.029 24 145.843 24H141.603ZM156.192 14V30H154.492V14H156.192ZM164.692 22.84H156.192V21.16L164.692 21Line truncated
+                    </svg>
+                </a>
+
+                <ul class="main-menu">
+                    <li class="main-menu__item">
+                        <a href="#" class="main-menu__link">ГЛАВНАЯ</a>
+                    </li>
+                    <li class="main-menu__item">
+                        <a href="#" class="main-menu__link">О COSMOPET</a>
+                    </li>
+                    <li class="main-menu__item">
+                        <a href="#" class="main-menu__link">ПРОИЗВОДСТВО</a>
+                    </li class="main-menu__item">
+                    <li class="main-menu__item">
+                        <a href="#" class="main-menu__link">БЛОГ</a>
+                    </li>
+                    <li class="main-menu__item">
+                        <button class="main-menu__button" id="pc-menu">
+                            ПРОДУКЦИЯ
+                        </button>
+                    </li>
+                </ul>
+
+                <div class="mini-profile">
+                    <div class="mini-profile__item">
+                        <div class="lang">
+                            <button class="lang__open">
+                                <p>RU</p>
+                                <div class="lang-open__arrow">
+                                    <svg class="lang-open__black" width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L5 3.93934L8.46967 0.46967C8.76256 0.176777 9.23744 0.176777 9.53033 0.46967C9.82322 0.762563 9.82322 1.23744 9.53033 1.53033L5.53033 5.53033C5.23744 5.82322 4.76256 5.82322 4.46967 5.53033L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967Z" fill="#333333"/>
+                                    </svg>
+                                    <svg class="lang-open__white" width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L5 3.93934L8.46967 0.46967C8.76256 0.176777 9.23744 0.176777 9.53033 0.46967C9.82322 0.762563 9.82322 1.23744 9.53033 1.53033L5.53033 5.53033C5.23744 5.82322 4.76256 5.82322 4.46967 5.53033L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967Z" fill="#fff"/>
+                                    </svg>
+                                </div>
+                            </button>
+                            <div class="lang__content">
+                                <ul class="lang__list">
+                                    <li class="lang__item active">
+                                        <a href="#" class="lang__link">
+                                            RU
+                                        </a>
+                                    </li>
+                                    <li class="lang__item">
+                                        <a href="#" class="lang__link">
+                                            EN
+                                        </a>
+                                    </li>
+                                    <li class="lang__item">
+                                        <a href="#" class="lang__link">
+                                            AR
+                                        </a>
+                                    </li>
+                                </ul>
+                            </div>
+                                
+                        </div>
+                    </div>
+                    <div class="mini-profile__item">
+                        <a href="" class="mini-profile__button">
+                            <img src="assets/img/svg/mini-profile/profile.svg" alt="" class="mini-profile__icon black">
+                            <img src="assets/img/svg/mini-profile/profile-w.svg" alt="" class="mini-profile__icon white">
+                        </a>
+                    </div>
+                    <div class="mini-profile__item">
+                        <button class="mini-profile__button basket-open">
+                            <img src="assets/img/svg/mini-profile/basket.svg" alt="" class="mini-profile__icon black">
+                            <img src="assets/img/svg/mini-profile/basket-w.svg" alt="" class="mini-profile__icon white">
+                        </button>
+                    </div>
+                </div>
+            </div>
+            <div class="header__menu-block">
+                <div class="header__pc-menu">
+                    <div class="header-pc-menu__content">
+                        <div class="header-pc-menu__item">
+                            <a href="#" class="header-pc-menu__title">Кошкам</a>
+                            <ul class="header-pc-menu__list">
+                                <li class="header-pc-menu__list-li">
+                                    <a href="">Лакомства</a>
+                                </li>
+                                <li class="header-pc-menu__list-li">
+                                    <a href="">Корм</a>
+                                </li>
+                                <li class="header-pc-menu__list-li">
+                                    <a href="">Аксессуары</a>
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="header-pc-menu__item">
+                            <a href="#" class="header-pc-menu__title">Собакам</a>
+                            <ul class="header-pc-menu__list">
+                                <li class="header-pc-menu__list-li">
+                                    <a href="">Лакомства</a>
+                                </li>
+                                <li class="header-pc-menu__list-li">
+                                    <a href="">Корм</a>
+                                </li>
+                                <li class="header-pc-menu__list-li">
+                                    <a href="">Аксессуары</a>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="header__phone-menu">
+                    <div class="header-phone-menu__item">
+                        <a href="#" class="header-phone-menu__title header-phone-menu__title--gradient" >
+                            ГЛАВНАЯ
+                        </a>
+                    </div>
+                    <div class="header-phone-menu__item">
+                        <a href="#" class="header-phone-menu__title">
+                            ПРОДУКЦИЯ
+                        </a>
+                        <a href="#" class="header-phone-menu__category">Кошкам</a>
+                        <ul class="header-phone-menu__list">
+                            <li class="header-phone-menu__list-item">
+                                <a href="#">Корм</a>
+                            </li>
+                            <li  class="header-phone-menu__list-item">
+                                <a href="#">Лакомства</a>
+                            </li>
+                            <li  class="header-phone-menu__list-item">
+                                <a href="#">Корм</a>
+                            </li>
+                        </ul>
+                        <a href="#" class="header-phone-menu__category">Собакам</a>
+                        <ul class="header-phone-menu__list">
+                            <li class="header-phone-menu__list-item">
+                                <a href="#">Корм</a>
+                            </li>
+                            <li  class="header-phone-menu__list-item">
+                                <a href="#">Лакомства</a>
+                            </li>
+                            <li  class="header-phone-menu__list-item">
+                                <a href="#">Корм</a>
+                            </li>
+                        </ul>
+                    </div>
+                    <div class="header-phone-menu__item">
+                        <a href="#" class="header-phone-menu__title">
+                            О COSMOPET
+                        </a>
+                    </div>
+                    <div class="header-phone-menu__item">
+                        <a href="#" class="header-phone-menu__title">
+                            ПРОИЗВОДСТВО
+                        </a>
+                    </div>
+                    <div class="header-phone-menu__item">
+                        <a href="#" class="header-phone-menu__title">
+                            БЛОГ
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </header>
+        
+        <main class="wrapper">
+            <div class="cabinet__control cabinet__control--column">
+                <a href="#" class="to-know to-know--start button--100-perc to-know--background-none">
+                    <p>Перейти в профиль</p>
+                </a>
+
+                <div class="form-input__tabs form-input__tabs--control form-input__tabs--white">
+                    <a class="form-input-tabs__button active">
+                        Заказы
+                    </a>
+        
+                    <a class="form-input-tabs__button">
+                        Подписки
+                    </a>
+                </div>
+            </div>
+            <div class="cabinet">
+                <div class="cabinet__profile cabinet-content">
+                    <div class="form-input__tabs form-input__tabs--control form-input__tabs--white">
+                        <a class="form-input-tabs__button active">
+                            Заказы
+                        </a>
+            
+                        <a class="form-input-tabs__button">
+                            Подписки
+                        </a>
+                    </div>
+                    
+                    <div class="cabinet-card cabinet-card--green">
+                        <div class="cabinet-card__content">
+                            <div class="cabinet-card__element">
+                                <p class="cabinet-card__text cabinet-card__text--grey">Имя и фамилия  не указано</p>
+                            </div>
+
+                            <div class="cabinet-card__element">
+                                <p class="cabinet-card__label">Телефон:</p>
+                                <p class="cabinet-card__text cabinet-card__text--grey">Не заполнено</p>
+                            </div>
+
+                            <div class="cabinet-card__element">
+                                <p class="cabinet-card__label">Почта:</p>
+                                <p class="cabinet-card__text">example@example.com</p>
+                                <!-- <p class="cabinet-card__status cabinet-card__status--chek">Почта подтверждена</p> -->
+                                <p class="cabinet-card__status cabinet-card__status--cancelled">Почта не подтверждена</p>
+                                <button class="cabinet-card__confirm">
+                                    Подтвердить
+                                </button>
+                            </div>
+
+                            <div class="cabinet-card__element">
+                                <p class="cabinet-card__label">Связанные аккаунты:</p>
+                                <div class="cabinet-card__block-accounts">
+                                    <div class="cabinet-card__account">
+                                        <img src="assets/img/svg/main/google-white.svg" alt="">
+                                    </div>
+                                    <div class="cabinet-card__account">
+                                        <img src="assets/img/svg/main/vk-white.svg" alt="">
+                                    </div>
+                                    <div class="cabinet-card__account">
+                                        <img src="assets/img/svg/main/ya-white.svg" alt="">
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div class="cabinet-card__element">
+                                <div class="cabinet-card__block-buttons">
+                                    <button class="cabinet-card__button form-open" data-form="form-data">
+                                        Изменить
+                                    </button>
+
+                                    <button class="cabinet-card__button">
+                                        Выйти
+                                    </button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="cabinet-card cabinet-card--green">
+                        <div class="cabinet-card__content">
+                            <div class="cabinet-card__pet">
+                                 <div class="cabinet-card-pet__icon">
+                                    <div class="cabinet-card-pet-icon__content">
+                                        <img src="assets/img/pet/mini-dog.png" alt="">
+                                    </div>
+                                 </div>
+
+                                 <p class="cabinet-card-pet__name">Барон</p>
+                            </div>
+
+                            <div class="cabinet-card__element">
+                                <p class="cabinet-card__label">Порода:</p>
+                                <p class="cabinet-card__text">Немецкая овчарка</p>
+                            </div>
+                            <div class="cabinet-card__element">
+                                <p class="cabinet-card__label">Вес:</p>
+                                <p class="cabinet-card__text">от 25 до 40 кг</p>
+                            </div>
+                            <div class="cabinet-card__element">
+                                <p class="cabinet-card__label">Возраст:</p>
+                                <p class="cabinet-card__text">3 года</p>
+                            </div>
+                            <div class="cabinet-card__element">
+                                <p class="cabinet-card__label">Активность:</p>
+                                <p class="cabinet-card__text">Активный</p>
+                            </div>
+                            <div class="cabinet-card__element">
+                                <button class="cabinet-card__button">
+                                    Изменить
+                                </button>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="cabinet-card cabinet-card--green">
+                        <div class="cabinet-card__content">
+                            <div class="cabinet-card__pet">
+                                 <div class="cabinet-card-pet__icon">
+                                    <div class="cabinet-card-pet-icon__content">
+                                        <img src="assets/img/pet/mini-dog.png" alt="">
+                                    </div>
+                                 </div>
+
+                                 <p class="cabinet-card-pet__name">Барон</p>
+                            </div>
+
+                            <div class="cabinet-card__element">
+                                <p class="cabinet-card__label">Порода:</p>
+                                <p class="cabinet-card__text">Немецкая овчарка</p>
+                            </div>
+                            <div class="cabinet-card__element">
+                                <p class="cabinet-card__label">Вес:</p>
+                                <p class="cabinet-card__text">от 25 до 40 кг</p>
+                            </div>
+                            <div class="cabinet-card__element">
+                                <p class="cabinet-card__label">Возраст:</p>
+                                <p class="cabinet-card__text">3 года</p>
+                            </div>
+                            <div class="cabinet-card__element">
+                                <p class="cabinet-card__label">Активность:</p>
+                                <p class="cabinet-card__text">Активный</p>
+                            </div>
+                            <div class="cabinet-card__element">
+                                <button class="cabinet-card__button">
+                                    Изменить
+                                </button>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="cabinet-card cabinet-card--green">
+                        <div class="cabinet-card__content">
+                            <button class="cabinet-card__block-add-pets form-open" data-form="form-pet">
+                                <div class="cabinet-card-add-pets__circle">
+                                    <img src="assets/img/svg/main/plus-grey.svg" alt="">
+                                </div>
+
+                                <p class="cabinet-card-add-pets__text">
+                                    Добавить питомца
+                                </p>
+                            </button>
+                        </div>
+                    </div>
+                </div>
+                <div class="cabinet__orders cabinet__orders--no-cab cabinet-content active hide">
+                    <div class="cabinet-card cabinet-card--grey">
+                        <div class="cabinet-card__content">
+                            <div class="cabinet-card__order">
+                                <div class="cabinet-card-order__header">
+                                    <div class="cabinet-card-order__main">
+                                        <p class="cabinet-card-order-main__date">Подписка № 7632</p>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div class="subscription">
+                                <div class="subscription__item">
+                                    <p>Статус</p>
+
+                                    <!-- <p class="subscription__status">Едет</p>
+                                    <p class="subscription__status--close">Отменен</p> -->
+                                    <p class="subscription__status--end">Ожидание</p>
+                                </div>
+                                <div class="subscription__item">
+                                    <p>Дата подписки</p>
+                                    <p>06.09.2024</p>
+                                </div>
+                                <div class="subscription__item">
+                                    <p>Дата последнего заказа</p>
+                                    <p>16.10.2024</p>
+                                </div>
+                                <div class="subscription__item">
+                                    <p>Следующий платеж</p>
+                                    <p>21.10.2024</p>
+                                </div>
+                                <div class="subscription__item">
+                                    <p>Способ оплаты</p>
+                                    <p>СБП</p>
+                                </div>
+                                <div class="subscription__item">
+                                    <div class="subscription__add">
+                                        <div class="subscription__add-header">
+                                            <p class="subscription__add-title">Товары:</p>
+                                        </div>
+
+                                        <div class="subscription__add-content">
+                                            <div class="cabinet-card-order-detail-main__product subscription__add-product">
+                                                <img src="assets/img/product/mini-card.png" alt="" class="cabinet-card-order-detail-main-product__img">
+
+                                                <div class="cabinet-card-order-detail-main-product__description">
+                                                    <p class="cabinet-card-order-detail-main-product-description__what">Сухой корм, для крупных и средних пород </p>
+                                                    <p class="cabinet-card-order-detail-main-product-description__with-what">Индейка, 2 кг</p>
+                                                </div>
+
+                                                <div class="cabinet-card-order-detail-main-product__content">
+                                                    <p class="cabinet-card-order-detail-main-product__count">3</p>
+
+                                                    <p class="cabinet-card-order-detail-main-product__price">10280</p>
+                                                </div>
+                                            </div>
+
+                                            <div class="cabinet-card-order-detail-main__product subscription__add-product">
+                                                <img src="assets/img/product/mini-card.png" alt="" class="cabinet-card-order-detail-main-product__img">
+
+                                                <div class="cabinet-card-order-detail-main-product__description">
+                                                    <p class="cabinet-card-order-detail-main-product-description__what">Сухой корм, для крупных и средних пород </p>
+                                                    <p class="cabinet-card-order-detail-main-product-description__with-what">Индейка, 2 кг</p>
+                                                </div>
+
+                                                <div class="cabinet-card-order-detail-main-product__content">
+                                                    <p class="cabinet-card-order-detail-main-product__count">3</p>
+
+                                                    <p class="cabinet-card-order-detail-main-product__price">10280</p>
+                                                </div>
+                                            </div>
+
+                                            <div class="cabinet-card-order-detail-main__product subscription__add-product">
+                                                <img src="assets/img/product/mini-card.png" alt="" class="cabinet-card-order-detail-main-product__img">
+
+                                                <div class="cabinet-card-order-detail-main-product__description">
+                                                    <p class="cabinet-card-order-detail-main-product-description__what">Сухой корм, для крупных и средних пород </p>
+                                                    <p class="cabinet-card-order-detail-main-product-description__with-what">Индейка, 2 кг</p>
+                                                </div>
+
+                                                <div class="cabinet-card-order-detail-main-product__content">
+                                                    <p class="cabinet-card-order-detail-main-product__count">3</p>
+
+                                                    <p class="cabinet-card-order-detail-main-product__price">10280</p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="subscription__item">
+                                    <p>Сумма</p>
+                                    <p><span>16420 ₽ <small>/ месяц</small></span></p>
+                                </div>
+                                <div class="subscription__item">
+                                    <p>Доставка</p>
+                                    <p>Бесплатно</p>
+                                </div>
+                                <div class="subscription__item">
+                                    <p>Итого</p>
+                                    <p><span>16420 ₽ <small>/ месяц</small></span></p>
+                                </div>
+                                <div class="subscription__item">
+                                    <div class="subscription__add">
+                                        <div class="subscription__add-header">
+                                            <p class="subscription__add-title">Доставка:</p>
+                                        </div>
+
+                                        <div class="subscription__add-content" data-js-tabs>
+                                            <div class="tabs__buttons">
+                                                <button class="modal-map-control__item active" data-js-tabs-button>
+                                                    <div class="modal-map-control-item__content">
+                                                        <div class="modal-map-control-item__header">
+                                                            <div class="modal-map-control-item__circle"><div class="modal-map-control-item-circle__content"></div></div>
+                                                            <p class="modal-map-control-item__title">
+                                                                Пункт выдачи
+                                                            </p>
+                                                        </div>
+                                                        <div class="modal-map-control-item__description">
+                                                            <p class="modal-map-control-item__time">До 2-х дней</p>
+                                                            <p class="modal-map-control-item__price">Бесплатно</p>
+                                                        </div>
+                                                    </div>
+                                                </button>
+                        
+                                                <button class="modal-map-control__item" data-js-tabs-button>
+                                                    <div class="modal-map-control-item__content">
+                                                        <div class="modal-map-control-item__header">
+                                                            <div class="modal-map-control-item__circle"><div class="modal-map-control-item-circle__content"></div></div>
+                                                            <p class="modal-map-control-item__title">
+                                                                Курьером
+                                                            </p>
+                                                        </div>
+                                                        <div class="modal-map-control-item__description">
+                                                            <p class="modal-map-control-item__time">До 3-х дней</p>
+                                                            <p class="modal-map-control-item__price">От 159 рублей</p>
+                                                        </div>
+                                                    </div>
+                                                </button>
+                                            </div>
+
+                                            <div class="tabs__content-wrap">
+                                                <div class="tabs__content active" data-js-tabs-content>
+                                                    <form action="">
+                                                        <div class="modal-form-content__line">
+                                                            <div class="modal-form-content-line__element">
+                                                                <label for="firstname" class="label-name modal-form-content-line__element--arrow">Пункт выдачи</label>
+                                                                <input id="firstname" class="form__input form-open" type="text" name="address" placeholder="Начните вводить адрес" required="" data-form="form-data">
+                                                                <span class="form-input__error form-input__error--absolute">Имя введено неверно</span>
+                                                            </div>                    
+                                                        </div>
+                                                    </form>
+                                                </div>
+
+                                                <div class="tabs__content" data-js-tabs-content>
+                                                    <form action="">
+                                                        <div class="modal-form-content__line">
+                                                            <div class="modal-form-content-line__element">
+                                                                <label for="firstname" class="label-name modal-form-content-line__element--arrow">Адрес доставки</label>
+                                                                <input id="firstname" class="form__input form-open" type="text" name="address" placeholder="Начните вводить адрес" required="" data-form="form-data">
+                                                                <span class="form-input__error form-input__error--absolute">Имя введено неверно</span>
+                                                            </div>                    
+                                                        </div>
+
+                                                        <div class="modal-form-content__line">
+                                                            <div class="modal-form-content-line__element">
+                                                                <label for="firstname" class="label-name">Комментарий для доставки</label>
+                                                                <textarea  id="firstname" class="form__input form__input--textarea-72" type="text" name="name" placeholder="Для служьы доставки"></textarea>
+                                                                <span class="form-input__error form-input__error--absolute">Имя введено неверно</span>
+                                                            </div>                    
+                                                        </div>
+                                                    </form>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+
+
+                            <a href="#" class="to-know to-know--start button--100-perc to-know--background-none">
+                                <p>Отменить подписку</p>
+                            </a>
+                        </div>
+                    </div>
+
+
+                    <div class="cabinet-card-no-orders__element">
+                        
+                    </div>
+                </div>
+            </div>
+        </main>
+
+        <footer class="footer">
+            <div class="footer__wrapper wrapper">
+                <div class="footer__content">
+                    <img src="assets/img/svg/logo/logo-gradient.svg" alt="" class="footer__logo">
+
+                    <address class="footer__address">
+                        123182 г. Москва, <br>
+                        4-й Красногорский пр., <br> 
+                        д. 2/4, стр. 1, этаж/ком. 3/1
+                    </address>
+
+                    <div class="footer__list">
+                        <div class="footer-list__item">
+                            <p class="footer-list__title">Отзывы и предложения</p>
+                            <a href="mailto:pro@cosmopet.shop" class="footer-list__link">
+                                pro@cosmopet.shop
+                            </a>
+                        </div>
+                        <div class="footer-list__item">
+                            <p class="footer-list__title">Связь с ветеринаром</p>
+                            <a href="mailto:vetvopros@cosmopet.shop" class="footer-list__link">
+                                vetvopros@cosmopet.shop
+                            </a>
+                        </div>
+                        <div class="footer-list__item">
+                            <p class="footer-list__title">Заявки для оптовых покупателей</p>
+                            <a href="mailto:pro@cosmopet.shop" class="footer-list__link">
+                                pro@cosmopet.shop
+                            </a>
+                        </div>
+                        <div class="footer-list__item">
+                            <a href="#" class="button button--black button--100-perc button--link">
+                                Чат бот с ветеринаром
+                            </a>
+                        </div>
+                    </div>
+
+                    <div class="footer__about">
+                        <div class="social-media">
+                            <a href="#" class="social-media__item">
+                                <img src="assets/img/svg/social-media/vk.svg" alt="" class="social-media__icon">
+                            </a>
+                            <a href="#" class="social-media__item">
+                                <img src="assets/img/svg/social-media/tg.svg" alt="" class="social-media__icon">
+                            </a>
+                            <a href="#" class="social-media__item">
+                                <img src="assets/img/svg/social-media/ya.svg" alt="" class="social-media__icon">
+                            </a>
+                        </div>
+
+                        <a href="#" class="footer-about__text">Соглашение о конфиденциальности</a>
+                    </div>
+                </div>
+    
+                <div class="footer__form">
+                    <form class="form" method="post" action="/send-telegram.php">
+                        <p class="form__title">
+                            Форма обратной связи
+                        </p>
+                        <div class="form__item">
+                            <input class="form__input" type="text" name="name" placeholder="Ваше имя" required>
+                        </div>
+                        <div class="form__item">
+                            <input class="form__input" type="text" name="name" placeholder="Эл.почта" required>
+                        </div>
+                        <div class="form__item">
+                            <textarea class="form__input form__input--textarea" name="" id="" placeholder="Текст обращения"></textarea>
+                        </div>
+                        <div class="form__item">
+                            <input class="form__button" type="submit" value="Отправить">
+                        </div>
+                    </form>
+                </div>
+
+                <div class="footer__social-media">
+                    <div class="social-media">
+                        <a href="#" class="social-media__item">
+                            <img src="assets/img/svg/social-media/vk.svg" alt="" class="social-media__icon">
+                        </a>
+                        <a href="#" class="social-media__item">
+                            <img src="assets/img/svg/social-media/tg.svg" alt="" class="social-media__icon">
+                        </a>
+                        <a href="#" class="social-media__item">
+                            <img src="assets/img/svg/social-media/ya.svg" alt="" class="social-media__icon">
+                        </a>
+                    </div>
+
+                    <a href="#" class="footer-about__text">Соглашение о конфиденциальности</a>
+                </div>
+                
+            </div>
+        </footer>
+
+        <div class="modal">
+            <div class="modal-form form__full-mobile modal-form--white modal-form--height-100-phone form-data">
+                <button class="modal-form__close"></button>
+                <p class="modal-form__title">АДРЕСС</p>
+
+                <form class="modal-form__content " method="post" action="/send-telegram.php">
+                    <div class="modal-form-content__line">
+                        <div class="modal-form-content-line__element">
+                            <label for="firstname" class="label-name">Адрес</label>
+                            <input id="firstname" class="form__input" type="text" name="name" placeholder="Начните вводить ваш адрес" required="">
+                            <span class="form-input__error form-input__error--absolute">Имя введено неверно</span>
+                        </div>                    
+                    </div>
+
+                    <div class="modal-form-content__line modal-form-content__line--two">
+                        <div class="modal-form-content-line__element">
+                            <label for="firstname" class="label-name">Квартира</label>
+                            <input id="firstname" class="form__input" type="text" name="apartment" placeholder="Номер квартиры" required="">
+                            <span class="form-input__error form-input__error--absolute">Введен неверно</span>
+                        </div>
+
+                        <div class="modal-form-content-line__element">
+                            <label for="lastname" class="label-name">Этаж</label>
+                            <input id="lastname" class="form__input" type="text" name="floor" placeholder="Введите этаж" required="">
+                            <span class="form-input__error form-input__error--absolute">Введен неверно</span>
+                        </div>                        
+                    </div>
+
+                    <div class="modal-form-content__line modal-form-content__line--two">
+                        <div class="modal-form-content-line__element">
+                            <label for="firstname" class="label-name">Подъезд</label>
+                            <input id="firstname" class="form__input" type="text" name="entrance" placeholder="Номер подъезда">
+                        </div>
+
+                        <div class="modal-form-content-line__element">
+                            <label for="lastname" class="label-name">Домофон</label>
+                            <input id="lastname" class="form__input" type="text" name="intercom" placeholder="Код домофона">
+                        </div>                        
+                    </div>
+
+                    <div class="modal-form__buttons">
+                        <input class="button button--gradient button--high button--filter button--100-perc" type="submit" value="Доставить сюда">
+                    </div>
+                </form>
+            </div>
+        </div>
+
+        <script type="module">
+            import * as fun from './assets/js/gp-function.js';
+            import TogglesCollection from './assets/js/toggle.js';
+            import TabsCollection from './assets/js/tabs.js'
+
+            new TogglesCollection();
+            new TabsCollection();
+
+            fun.modalFormOpen('.form-open');
+            fun.closeModalForm('.modal-form__close');
+            fun.closeModalForm('.modal-form__button-close');
+
+            let modal = document.querySelector('.modal');
+            modal.onclick = function (eventModal) {
+                let thisTarget = eventModal.target;
+
+                if (thisTarget.classList.contains('modal')) {
+                    thisTarget.classList.remove('active');
+
+                    if (!thisTarget.querySelector('.modal-map.active')) {
+                        thisTarget.querySelector('.modal-form.active').classList.remove('active');
+                    }else{
+                        thisTarget.querySelector('.modal-map.active').classList.remove('active');
+                    }
+                }
+            }
+        </script>
+
+        <!-- <script type="module" src="assets/js/gp-cabinet.js"></script> -->
+        <script src="assets/js/gp-form.js"></script>
+    </body>
+</html>

subscription-order.html

@@ -0,0 +1,673 @@
+<!DOCTYPE html>
+<html lang="ru">
+    <head>
+        <meta charset="UTF-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>SEO title</title>
+        <meta name="description" content="SEO Description">
+        <link rel="shortcut icon" href="assets/img/favicon.ico?v=1.0">
+
+        <!-- Базовые стили -->
+        <link rel="stylesheet" href="assets/css/gp-style-core.css?v=1.0">
+        <link rel="stylesheet" href="assets/css/gp-style-desktop.css?v=1.0">
+        <link rel="stylesheet" href="assets/css/gp-style-order.css?v=1.0">
+        <!-- Адаптив -->
+        <link rel="stylesheet" media="screen and (min-width: 1400px)" href="assets/css/gp-style-ultra.css?v=1.0">
+        <link rel="stylesheet" media="screen and (max-width: 1200px)" href="assets/css/gp-style-tablet.css">
+        <link rel="stylesheet" media="screen and (max-width: 720px)" href="assets/css/gp-style-mobile.css?v=1.0">
+    
+
+        <!-- Яндекс.Вебмастер + Google Search Console -->
+        <meta name="yandex-verification" content="XXXXXXXXXXXXXXXXX" />
+        <meta name="google-site-verification" content="XXXXXXXXXXXXXXXXX" />
+        <!-- /Яндекс.Вебмастер + Google Search Console -->
+
+        <!-- Yandex.Metrika counter -->
+        <script type="text/javascript">
+            (function (m, e, t, r, i, k, a) {
+                m[i] = m[i] || function () { (m[i].a = m[i].a || []).push(arguments) };
+                m[i].l = 1 * new Date();
+                for (var j = 0; j < document.scripts.length; j++) { if (document.scripts[j].src === r) { return; } }
+                k = e.createElement(t), a = e.getElementsByTagName(t)[0], k.async = 1, k.src = r, a.parentNode.insertBefore(k, a)
+            })
+                (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
+
+            ym(XXXXXX, "init", { // XXXXXX - счетчик
+                clickmap: true,
+                trackLinks: true,
+                accurateTrackBounce: true,
+                webvisor: true,
+                ecommerce: "dataLayer"
+            });
+        </script>
+        <noscript>
+            <div><img src="https://mc.yandex.ru/watch/85828806" style="position:absolute; left:-9999px;" alt="" /></div>
+        </noscript>
+        <!-- /Yandex.Metrika counter -->
+    
+    
+    </head>
+    <body>
+        <header class="header">
+            <div class="header__content wrapper">
+                <button class="header__open-menu" id="phone-menu">
+                </button>
+
+                <a href="index.html" class="header__logo">
+                    <svg class="header__logo-black" xmlns="http://www.w3.org/2000/svg" width="181" height="40" viewBox="0 0 181 40" fill="none">
+                        <path d="M50.4859 5.79145C49.0065 3.27258 44.6431 2.78969 38.1761 4.42108C35.0048 1.89583 31.1372 0.376333 27.0791 0.0613091C23.021 -0.253715 18.9613 0.650395 15.4309 2.65541C11.9004 4.66042 9.06364 7.673 7.29143 11.2992C5.51922 14.9254 4.8941 18.9964 5.49783 22.9798C0.798105 27.6978 -0.973633 31.6805 0.51234 34.2081C1.42019 35.7547 3.36998 36.5377 6.22762 36.5377C8.05553 36.5052 9.87449 36.2769 11.6527 35.8569C12.0352 35.7721 12.4265 35.6785 12.8222 35.5785C15.793 37.9443 19.3793 39.4307 23.1672 39.8663C26.9551 40.3018 30.7903 39.6687 34.2301 38.0399C37.67 36.4112 40.5744 33.8533 42.6083 30.6613C44.6421 27.4693 45.7224 23.7733 45.7246 19.9998C45.7261 19.0003 45.6527 18.002 45.5048 17.0132C48.3119 14.1855 50.1891 11.5144 50.7805 9.29786C51.1519 7.93619 51.0508 6.75724 50.4859 5.79145ZM25.5013 1.7282C29.77 1.73333 33.9054 3.19952 37.206 5.87806C40.5066 8.5566 42.7692 12.2825 43.61 16.4238C40.0555 19.8366 35.081 23.4888 29.4339 26.6994C23.4306 30.1122 17.8253 32.4092 13.253 33.66C10.4542 31.1997 8.47718 27.9557 7.5842 24.3581C6.69122 20.7605 6.92444 16.9793 8.25293 13.5159C9.58142 10.0525 11.9424 7.07045 15.0229 4.96526C18.1033 2.86006 21.7576 1.73114 25.5013 1.7282ZM2.03568 33.3337C1.10145 31.7458 2.58523 28.6353 5.93746 25.0549C6.84638 28.4997 8.66755 31.6421 11.2131 34.1581C6.34633 35.2261 2.96332 34.9172 2.03568 33.3337ZM25.5013 38.2714C21.7268 38.275 18.0427 37.1282 14.95 34.9868C19.6937 33.5556 25.0243 31.2085 30.3044 28.2089C35.635 25.1767 40.3303 21.8008 43.8957 18.5424C43.9353 19.0231 43.9617 19.5082 43.9617 19.9998C43.9559 24.8432 42.0092 29.4866 38.5486 32.9118C35.088 36.3371 30.3959 38.2645 25.5013 38.2714ZM49.0835 8.84759C48.6152 10.5877 47.1974 12.6868 45.0718 14.9512C44.1572 11.4985 42.3267 8.3504 39.7697 5.83278C44.5728 4.78434 48.0327 5.08016 48.9648 6.66588C49.2857 7.2162 49.3274 7.94924 49.0835 8.84759Z" fill="#121212"/>
+                        <path d="M73.68 26.12C73.1067 27.36 72.2733 28.32 71.18 29C70.0867 29.6667 68.7533 30 67.18 30C65.6467 30 64.34 29.6533 63.26 28.96C62.1933 28.2667 61.38 27.3133 60.82 26.1C60.2733 24.8733 60 23.48 60 21.92C60 20.36 60.2733 18.9867 60.82 17.8C61.3667 16.6133 62.18 15.6867 63.26 15.02C64.34 14.34 65.6467 14 67.18 14C68.78 14 70.1267 14.34 71.22 15.02C72.3133 15.6867 73.1533 16.6667 73.74 17.96L72.24 19.02C71.9333 18.2867 71.54 17.68 71.06 17.2C70.5933 16.7067 70.0333 16.34 69.38 16.1C68.7267 15.8467 67.9933 15.72 67.18 15.72C66.1 15.72 65.1467 15.9733 64.32 16.48C63.5067 16.9867 62.8733 17.7067 62.42 18.64C61.9667 19.5733 61.74 20.6667 61.74 21.92C61.74 23.2267 61.9667 24.36 62.42 25.32C62.8733 26.2667 63.5067 27 64.32 27.52C65.1333 28.0267 66.0867 28.28 67.18 28.28C67.9933 28.28 68.72 28.16 69.36 27.92C70.0133 27.68 70.5733 27.32 71.04 26.84C71.5067 26.36 71.8933 25.7667 72.2 25.06L73.68 26.12ZM75.7422 21.92C75.7422 20.36 76.0155 18.9867 76.5622 17.8C77.1222 16.6133 77.9422 15.6867 79.0222 15.02C80.1155 14.34 81.4289 14 82.9622 14C84.4955 14 85.8022 14.34 86.8822 15.02C87.9622 15.6867 88.7755 16.6133 89.3222 17.8C89.8822 18.9867 90.1622 20.36 90.1622 21.92C90.1622 23.48 89.8822 24.8733 89.3222 26.1C88.7755 27.3133 87.9555 28.2667 86.8622 28.96C85.7822 29.6533 84.4822 30 82.9622 30C81.4289 30 80.1155 29.6533 79.0222 28.96C77.9422 28.2667 77.1222 27.3133 76.5622 26.1C76.0155 24.8733 75.7422 23.48 75.7422 21.92ZM77.5022 21.92C77.5022 23.1467 77.7155 24.24 78.1422 25.2C78.5689 26.1467 79.1889 26.8933 80.0022 27.44C80.8289 27.9733 81.8155 28.24 82.9622 28.24C84.1089 28.24 85.0889 27.9667 85.9022 27.42C86.7155 26.8733 87.3355 26.1267 87.7622 25.18C88.1889 24.2333 88.4022 23.1467 88.4022 21.92C88.4022 20.7067 88.1889 19.64 87.7622 18.72C87.3355 17.8 86.7155 17.08 85.9022 16.56C85.0889 16.0267 84.1089 15.76 82.9622 15.76C81.8155 15.76 80.8289 16.0267 80.0022 16.56C79.1889 17.08 78.5689 17.8 78.1422 18.72C77.7155 19.64 77.5022 20.7067 77.5022 21.92ZM93.668 24.94C94.2013 26.1267 94.8413 26.98 95.588 27.5C96.348 28.02 97.2746 28.28 98.368 28.28C99.5413 28.28 100.455 28.0733 101.108 27.66C101.775 27.2467 102.108 26.5933 102.108 25.7C102.108 24.8867 101.781 24.2133 101.128 23.68C100.475 23.1467 99.5213 22.7533 98.268 22.5L97.268 22.28C95.668 21.96 94.4546 21.4533 93.628 20.76C92.8146 20.0667 92.408 19.1 92.408 17.86C92.408 17.0733 92.6413 16.3867 93.108 15.8C93.588 15.2133 94.2146 14.7667 94.988 14.46C95.7613 14.1533 96.608 14 97.528 14C99.048 14 100.255 14.34 101.148 15.02C102.041 15.7 102.788 16.7267 103.388 18.1L101.988 18.96C101.481 17.8267 100.861 17 100.128 16.48C99.408 15.96 98.528 15.7 97.488 15.7C96.4613 15.7 95.6413 15.8933 95.028 16.28C94.4146 16.6667 94.108 17.2333 94.108 17.98C94.108 18.6733 94.3946 19.2267 94.968 19.64C95.5413 20.0533 96.4013 20.3933 97.548 20.66L98.508 20.88C99.8013 21.1733 100.835 21.5467 101.608 22C102.395 22.44 102.961 22.9667 103.308 23.58C103.655 24.1933 103.821 24.9267 103.808 25.78C103.795 27.1667 103.288 28.22 102.288 28.94C101.288 29.6467 99.968 30 98.328 30C96.7413 30 95.468 29.6533 94.508 28.96C93.5613 28.2533 92.7813 27.22 92.168 25.86L93.668 24.94ZM107.561 14V30H105.801V14H107.561ZM107.621 14L114.641 30H112.821L105.881 14H107.621ZM121.381 14L114.641 30H112.821L119.641 14H121.381ZM121.461 14V30H119.701V14H121.461ZM123.457 21.92C123.457 20.36 123.73 18.9867 124.277 17.8C124.837 16.6133 125.657 15.6867 126.737 15.02C127.83 14.34 129.144 14 130.677 14C132.21 14 133.517 14.34 134.597 15.02C135.677 15.6867 136.49 16.6133 137.037 17.8C137.597 18.9867 137.877 20.36 137.877 21.92C137.877 23.48 137.597 24.8733 137.037 26.1C136.49 27.3133 135.67 28.2667 134.577 28.96C133.497 29.6533 132.197 30 130.677 30C129.144 30 127.83 29.6533 126.737 28.96C125.657 28.2667 124.837 27.3133 124.277 26.1C123.73 24.8733 123.457 23.48 123.457 21.92ZM125.217 21.92C125.217 23.1467 125.43 24.24 125.857 25.2C126.284 26.1467 126.904 26.8933 127.717 27.44C128.544 27.9733 129.53 28.24 130.677 28.24C131.824 28.24 132.804 27.9667 133.617 27.42C134.43 26.8733 135.05 26.1267 135.477 25.18C135.904 24.2333 136.117 23.1467 136.117 21.92C136.117 20.7067 135.904 19.64 135.477 18.72C135.05 17.8 134.43 17.08 133.617 16.56C132.804 16.0267 131.824 15.76 130.677 15.76C129.53 15.76 128.544 16.0267 127.717 16.56C126.904 17.08 126.284 17.8 125.857 18.72C125.43 19.64 125.217 20.7067 125.217 21.92ZM141.603 22.32H145.843C146.803 22.32 147.636 22.22 148.343 22.02C149.049 21.8067 149.609 21.46 150.023 20.98C150.449 20.5 150.663 19.86 150.663 19.06C150.663 18.3 150.449 17.6667 150.023 17.16C149.609 16.6533 149.036 16.28 148.303 16.04C147.583 15.8 146.763 15.68 145.843 15.68H141.603V22.32ZM141.603 24V29.98V30H139.883V14H145.843C147.763 14 149.349 14.3867 150.603 15.16C151.856 15.92 152.483 17.2333 152.483 19.1C152.483 20.2733 152.169 21.2267 151.543 21.96C150.916 22.68 150.103 23.2 149.103 23.52C148.116 23.84 147.029 24 145.843 24H141.603ZM156.192 14V30H154.492V14H156.192ZM164.692 22.84H156.192V21.16L164.692 21Line truncated
+                    </svg>
+
+                    <svg class="header__logo-white" width="181" height="40" viewBox="0 0 181 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M50.4859 5.79145C49.0065 3.27258 44.6431 2.78969 38.1761 4.42108C35.0048 1.89583 31.1372 0.376333 27.0791 0.0613091C23.021 -0.253715 18.9613 0.650395 15.4309 2.65541C11.9004 4.66042 9.06364 7.673 7.29143 11.2992C5.51922 14.9254 4.8941 18.9964 5.49783 22.9798C0.798105 27.6978 -0.973633 31.6805 0.51234 34.2081C1.42019 35.7547 3.36998 36.5377 6.22762 36.5377C8.05553 36.5052 9.87449 36.2769 11.6527 35.8569C12.0352 35.7721 12.4265 35.6785 12.8222 35.5785C15.793 37.9443 19.3793 39.4307 23.1672 39.8663C26.9551 40.3018 30.7903 39.6687 34.2301 38.0399C37.67 36.4112 40.5744 33.8533 42.6083 30.6613C44.6421 27.4693 45.7224 23.7733 45.7246 19.9998C45.7261 19.0003 45.6527 18.002 45.5048 17.0132C48.3119 14.1855 50.1891 11.5144 50.7805 9.29786C51.1519 7.93619 51.0508 6.75724 50.4859 5.79145ZM25.5013 1.7282C29.77 1.73333 33.9054 3.19952 37.206 5.87806C40.5066 8.5566 42.7692 12.2825 43.61 16.4238C40.0555 19.8366 35.081 23.4888 29.4339 26.6994C23.4306 30.1122 17.8253 32.4092 13.253 33.66C10.4542 31.1997 8.47718 27.9557 7.5842 24.3581C6.69122 20.7605 6.92444 16.9793 8.25293 13.5159C9.58142 10.0525 11.9424 7.07045 15.0229 4.96526C18.1033 2.86006 21.7576 1.73114 25.5013 1.7282ZM2.03568 33.3337C1.10145 31.7458 2.58523 28.6353 5.93746 25.0549C6.84638 28.4997 8.66755 31.6421 11.2131 34.1581C6.34633 35.2261 2.96332 34.9172 2.03568 33.3337ZM25.5013 38.2714C21.7268 38.275 18.0427 37.1282 14.95 34.9868C19.6937 33.5556 25.0243 31.2085 30.3044 28.2089C35.635 25.1767 40.3303 21.8008 43.8957 18.5424C43.9353 19.0231 43.9617 19.5082 43.9617 19.9998C43.9559 24.8432 42.0092 29.4866 38.5486 32.9118C35.088 36.3371 30.3959 38.2645 25.5013 38.2714ZM49.0835 8.84759C48.6152 10.5877 47.1974 12.6868 45.0718 14.9512C44.1572 11.4985 42.3267 8.3504 39.7697 5.83278C44.5728 4.78434 48.0327 5.08016 48.9648 6.66588C49.2857 7.2162 49.3274 7.94924 49.0835 8.84759Z" fill="white"/>
+                        <path d="M73.68 26.12C73.1067 27.36 72.2733 28.32 71.18 29C70.0867 29.6667 68.7533 30 67.18 30C65.6467 30 64.34 29.6533 63.26 28.96C62.1933 28.2667 61.38 27.3133 60.82 26.1C60.2733 24.8733 60 23.48 60 21.92C60 20.36 60.2733 18.9867 60.82 17.8C61.3667 16.6133 62.18 15.6867 63.26 15.02C64.34 14.34 65.6467 14 67.18 14C68.78 14 70.1267 14.34 71.22 15.02C72.3133 15.6867 73.1533 16.6667 73.74 17.96L72.24 19.02C71.9333 18.2867 71.54 17.68 71.06 17.2C70.5933 16.7067 70.0333 16.34 69.38 16.1C68.7267 15.8467 67.9933 15.72 67.18 15.72C66.1 15.72 65.1467 15.9733 64.32 16.48C63.5067 16.9867 62.8733 17.7067 62.42 18.64C61.9667 19.5733 61.74 20.6667 61.74 21.92C61.74 23.2267 61.9667 24.36 62.42 25.32C62.8733 26.2667 63.5067 27 64.32 27.52C65.1333 28.0267 66.0867 28.28 67.18 28.28C67.9933 28.28 68.72 28.16 69.36 27.92C70.0133 27.68 70.5733 27.32 71.04 26.84C71.5067 26.36 71.8933 25.7667 72.2 25.06L73.68 26.12ZM75.7422 21.92C75.7422 20.36 76.0155 18.9867 76.5622 17.8C77.1222 16.6133 77.9422 15.6867 79.0222 15.02C80.1155 14.34 81.4289 14 82.9622 14C84.4955 14 85.8022 14.34 86.8822 15.02C87.9622 15.6867 88.7755 16.6133 89.3222 17.8C89.8822 18.9867 90.1622 20.36 90.1622 21.92C90.1622 23.48 89.8822 24.8733 89.3222 26.1C88.7755 27.3133 87.9555 28.2667 86.8622 28.96C85.7822 29.6533 84.4822 30 82.9622 30C81.4289 30 80.1155 29.6533 79.0222 28.96C77.9422 28.2667 77.1222 27.3133 76.5622 26.1C76.0155 24.8733 75.7422 23.48 75.7422 21.92ZM77.5022 21.92C77.5022 23.1467 77.7155 24.24 78.1422 25.2C78.5689 26.1467 79.1889 26.8933 80.0022 27.44C80.8289 27.9733 81.8155 28.24 82.9622 28.24C84.1089 28.24 85.0889 27.9667 85.9022 27.42C86.7155 26.8733 87.3355 26.1267 87.7622 25.18C88.1889 24.2333 88.4022 23.1467 88.4022 21.92C88.4022 20.7067 88.1889 19.64 87.7622 18.72C87.3355 17.8 86.7155 17.08 85.9022 16.56C85.0889 16.0267 84.1089 15.76 82.9622 15.76C81.8155 15.76 80.8289 16.0267 80.0022 16.56C79.1889 17.08 78.5689 17.8 78.1422 18.72C77.7155 19.64 77.5022 20.7067 77.5022 21.92ZM93.668 24.94C94.2013 26.1267 94.8413 26.98 95.588 27.5C96.348 28.02 97.2746 28.28 98.368 28.28C99.5413 28.28 100.455 28.0733 101.108 27.66C101.775 27.2467 102.108 26.5933 102.108 25.7C102.108 24.8867 101.781 24.2133 101.128 23.68C100.475 23.1467 99.5213 22.7533 98.268 22.5L97.268 22.28C95.668 21.96 94.4546 21.4533 93.628 20.76C92.8146 20.0667 92.408 19.1 92.408 17.86C92.408 17.0733 92.6413 16.3867 93.108 15.8C93.588 15.2133 94.2146 14.7667 94.988 14.46C95.7613 14.1533 96.608 14 97.528 14C99.048 14 100.255 14.34 101.148 15.02C102.041 15.7 102.788 16.7267 103.388 18.1L101.988 18.96C101.481 17.8267 100.861 17 100.128 16.48C99.408 15.96 98.528 15.7 97.488 15.7C96.4613 15.7 95.6413 15.8933 95.028 16.28C94.4146 16.6667 94.108 17.2333 94.108 17.98C94.108 18.6733 94.3946 19.2267 94.968 19.64C95.5413 20.0533 96.4013 20.3933 97.548 20.66L98.508 20.88C99.8013 21.1733 100.835 21.5467 101.608 22C102.395 22.44 102.961 22.9667 103.308 23.58C103.655 24.1933 103.821 24.9267 103.808 25.78C103.795 27.1667 103.288 28.22 102.288 28.94C101.288 29.6467 99.968 30 98.328 30C96.7413 30 95.468 29.6533 94.508 28.96C93.5613 28.2533 92.7813 27.22 92.168 25.86L93.668 24.94ZM107.561 14V30H105.801V14H107.561ZM107.621 14L114.641 30H112.821L105.881 14H107.621ZM121.381 14L114.641 30H112.821L119.641 14H121.381ZM121.461 14V30H119.701V14H121.461ZM123.457 21.92C123.457 20.36 123.73 18.9867 124.277 17.8C124.837 16.6133 125.657 15.6867 126.737 15.02C127.83 14.34 129.144 14 130.677 14C132.21 14 133.517 14.34 134.597 15.02C135.677 15.6867 136.49 16.6133 137.037 17.8C137.597 18.9867 137.877 20.36 137.877 21.92C137.877 23.48 137.597 24.8733 137.037 26.1C136.49 27.3133 135.67 28.2667 134.577 28.96C133.497 29.6533 132.197 30 130.677 30C129.144 30 127.83 29.6533 126.737 28.96C125.657 28.2667 124.837 27.3133 124.277 26.1C123.73 24.8733 123.457 23.48 123.457 21.92ZM125.217 21.92C125.217 23.1467 125.43 24.24 125.857 25.2C126.284 26.1467 126.904 26.8933 127.717 27.44C128.544 27.9733 129.53 28.24 130.677 28.24C131.824 28.24 132.804 27.9667 133.617 27.42C134.43 26.8733 135.05 26.1267 135.477 25.18C135.904 24.2333 136.117 23.1467 136.117 21.92C136.117 20.7067 135.904 19.64 135.477 18.72C135.05 17.8 134.43 17.08 133.617 16.56C132.804 16.0267 131.824 15.76 130.677 15.76C129.53 15.76 128.544 16.0267 127.717 16.56C126.904 17.08 126.284 17.8 125.857 18.72C125.43 19.64 125.217 20.7067 125.217 21.92ZM141.603 22.32H145.843C146.803 22.32 147.636 22.22 148.343 22.02C149.049 21.8067 149.609 21.46 150.023 20.98C150.449 20.5 150.663 19.86 150.663 19.06C150.663 18.3 150.449 17.6667 150.023 17.16C149.609 16.6533 149.036 16.28 148.303 16.04C147.583 15.8 146.763 15.68 145.843 15.68H141.603V22.32ZM141.603 24V29.98V30H139.883V14H145.843C147.763 14 149.349 14.3867 150.603 15.16C151.856 15.92 152.483 17.2333 152.483 19.1C152.483 20.2733 152.169 21.2267 151.543 21.96C150.916 22.68 150.103 23.2 149.103 23.52C148.116 23.84 147.029 24 145.843 24H141.603ZM156.192 14V30H154.492V14H156.192ZM164.692 22.84H156.192V21.16L164.692 21Line truncated
+                    </svg>
+                </a>
+
+                <ul class="main-menu">
+                    <li class="main-menu__item">
+                        <a href="#" class="main-menu__link">ГЛАВНАЯ</a>
+                    </li>
+                    <li class="main-menu__item">
+                        <a href="#" class="main-menu__link">О COSMOPET</a>
+                    </li>
+                    <li class="main-menu__item">
+                        <a href="#" class="main-menu__link">ПРОИЗВОДСТВО</a>
+                    </li class="main-menu__item">
+                    <li class="main-menu__item">
+                        <a href="#" class="main-menu__link">БЛОГ</a>
+                    </li>
+                    <li class="main-menu__item">
+                        <button class="main-menu__button" id="pc-menu">
+                            ПРОДУКЦИЯ
+                        </button>
+                    </li>
+                </ul>
+
+                <div class="mini-profile">
+                    <div class="mini-profile__item">
+                        <div class="lang">
+                            <button class="lang__open">
+                                <p>RU</p>
+                                <div class="lang-open__arrow">
+                                    <svg class="lang-open__black" width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L5 3.93934L8.46967 0.46967C8.76256 0.176777 9.23744 0.176777 9.53033 0.46967C9.82322 0.762563 9.82322 1.23744 9.53033 1.53033L5.53033 5.53033C5.23744 5.82322 4.76256 5.82322 4.46967 5.53033L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967Z" fill="#333333"/>
+                                    </svg>
+                                    <svg class="lang-open__white" width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L5 3.93934L8.46967 0.46967C8.76256 0.176777 9.23744 0.176777 9.53033 0.46967C9.82322 0.762563 9.82322 1.23744 9.53033 1.53033L5.53033 5.53033C5.23744 5.82322 4.76256 5.82322 4.46967 5.53033L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967Z" fill="#fff"/>
+                                    </svg>
+                                </div>
+                            </button>
+                            <div class="lang__content">
+                                <ul class="lang__list">
+                                    <li class="lang__item active">
+                                        <a href="#" class="lang__link">
+                                            RU
+                                        </a>
+                                    </li>
+                                    <li class="lang__item">
+                                        <a href="#" class="lang__link">
+                                            EN
+                                        </a>
+                                    </li>
+                                    <li class="lang__item">
+                                        <a href="#" class="lang__link">
+                                            AR
+                                        </a>
+                                    </li>
+                                </ul>
+                            </div>
+                                
+                        </div>
+                    </div>
+                    <div class="mini-profile__item">
+                        <a href="" class="mini-profile__button">
+                            <img src="assets/img/svg/mini-profile/profile.svg" alt="" class="mini-profile__icon black">
+                            <img src="assets/img/svg/mini-profile/profile-w.svg" alt="" class="mini-profile__icon white">
+                        </a>
+                    </div>
+                    <div class="mini-profile__item">
+                        <button class="mini-profile__button basket-open">
+                            <img src="assets/img/svg/mini-profile/basket.svg" alt="" class="mini-profile__icon black">
+                            <img src="assets/img/svg/mini-profile/basket-w.svg" alt="" class="mini-profile__icon white">
+                        </button>
+                    </div>
+                </div>
+            </div>
+            <div class="header__menu-block">
+                <div class="header__pc-menu">
+                    <div class="header-pc-menu__content">
+                        <div class="header-pc-menu__item">
+                            <a href="#" class="header-pc-menu__title">Кошкам</a>
+                            <ul class="header-pc-menu__list">
+                                <li class="header-pc-menu__list-li">
+                                    <a href="">Лакомства</a>
+                                </li>
+                                <li class="header-pc-menu__list-li">
+                                    <a href="">Корм</a>
+                                </li>
+                                <li class="header-pc-menu__list-li">
+                                    <a href="">Аксессуары</a>
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="header-pc-menu__item">
+                            <a href="#" class="header-pc-menu__title">Собакам</a>
+                            <ul class="header-pc-menu__list">
+                                <li class="header-pc-menu__list-li">
+                                    <a href="">Лакомства</a>
+                                </li>
+                                <li class="header-pc-menu__list-li">
+                                    <a href="">Корм</a>
+                                </li>
+                                <li class="header-pc-menu__list-li">
+                                    <a href="">Аксессуары</a>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="header__phone-menu">
+                    <div class="header-phone-menu__item">
+                        <a href="#" class="header-phone-menu__title header-phone-menu__title--gradient" >
+                            ГЛАВНАЯ
+                        </a>
+                    </div>
+                    <div class="header-phone-menu__item">
+                        <a href="#" class="header-phone-menu__title">
+                            ПРОДУКЦИЯ
+                        </a>
+                        <a href="#" class="header-phone-menu__category">Кошкам</a>
+                        <ul class="header-phone-menu__list">
+                            <li class="header-phone-menu__list-item">
+                                <a href="#">Корм</a>
+                            </li>
+                            <li  class="header-phone-menu__list-item">
+                                <a href="#">Лакомства</a>
+                            </li>
+                            <li  class="header-phone-menu__list-item">
+                                <a href="#">Корм</a>
+                            </li>
+                        </ul>
+                        <a href="#" class="header-phone-menu__category">Собакам</a>
+                        <ul class="header-phone-menu__list">
+                            <li class="header-phone-menu__list-item">
+                                <a href="#">Корм</a>
+                            </li>
+                            <li  class="header-phone-menu__list-item">
+                                <a href="#">Лакомства</a>
+                            </li>
+                            <li  class="header-phone-menu__list-item">
+                                <a href="#">Корм</a>
+                            </li>
+                        </ul>
+                    </div>
+                    <div class="header-phone-menu__item">
+                        <a href="#" class="header-phone-menu__title">
+                            О COSMOPET
+                        </a>
+                    </div>
+                    <div class="header-phone-menu__item">
+                        <a href="#" class="header-phone-menu__title">
+                            ПРОИЗВОДСТВО
+                        </a>
+                    </div>
+                    <div class="header-phone-menu__item">
+                        <a href="#" class="header-phone-menu__title">
+                            БЛОГ
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </header>
+        
+        <main class="wrapper">
+            <div class="cabinet__control cabinet__control--column">
+                <a href="#" class="to-know to-know--start button--100-perc to-know--background-none">
+                    <p>Перейти в профиль</p>
+                </a>
+
+                <div class="form-input__tabs form-input__tabs--control form-input__tabs--white">
+                    <a class="form-input-tabs__button active">
+                        Заказы
+                    </a>
+        
+                    <a class="form-input-tabs__button">
+                        Подписки
+                    </a>
+                </div>
+            </div>
+            <div class="cabinet">
+                <div class="cabinet__profile cabinet-content">
+                    <div class="form-input__tabs form-input__tabs--control form-input__tabs--white">
+                        <a class="form-input-tabs__button active">
+                            Заказы
+                        </a>
+            
+                        <a class="form-input-tabs__button">
+                            Подписки
+                        </a>
+                    </div>
+                    
+                    <div class="cabinet-card cabinet-card--green">
+                        <div class="cabinet-card__content">
+                            <div class="cabinet-card__element">
+                                <p class="cabinet-card__text cabinet-card__text--grey">Имя и фамилия  не указано</p>
+                            </div>
+
+                            <div class="cabinet-card__element">
+                                <p class="cabinet-card__label">Телефон:</p>
+                                <p class="cabinet-card__text cabinet-card__text--grey">Не заполнено</p>
+                            </div>
+
+                            <div class="cabinet-card__element">
+                                <p class="cabinet-card__label">Почта:</p>
+                                <p class="cabinet-card__text">example@example.com</p>
+                                <!-- <p class="cabinet-card__status cabinet-card__status--chek">Почта подтверждена</p> -->
+                                <p class="cabinet-card__status cabinet-card__status--cancelled">Почта не подтверждена</p>
+                                <button class="cabinet-card__confirm">
+                                    Подтвердить
+                                </button>
+                            </div>
+
+                            <div class="cabinet-card__element">
+                                <p class="cabinet-card__label">Связанные аккаунты:</p>
+                                <div class="cabinet-card__block-accounts">
+                                    <div class="cabinet-card__account">
+                                        <img src="assets/img/svg/main/google-white.svg" alt="">
+                                    </div>
+                                    <div class="cabinet-card__account">
+                                        <img src="assets/img/svg/main/vk-white.svg" alt="">
+                                    </div>
+                                    <div class="cabinet-card__account">
+                                        <img src="assets/img/svg/main/ya-white.svg" alt="">
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div class="cabinet-card__element">
+                                <div class="cabinet-card__block-buttons">
+                                    <button class="cabinet-card__button form-open" data-form="form-data">
+                                        Изменить
+                                    </button>
+
+                                    <button class="cabinet-card__button">
+                                        Выйти
+                                    </button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="cabinet-card cabinet-card--green">
+                        <div class="cabinet-card__content">
+                            <div class="cabinet-card__pet">
+                                 <div class="cabinet-card-pet__icon">
+                                    <div class="cabinet-card-pet-icon__content">
+                                        <img src="assets/img/pet/mini-dog.png" alt="">
+                                    </div>
+                                 </div>
+
+                                 <p class="cabinet-card-pet__name">Барон</p>
+                            </div>
+
+                            <div class="cabinet-card__element">
+                                <p class="cabinet-card__label">Порода:</p>
+                                <p class="cabinet-card__text">Немецкая овчарка</p>
+                            </div>
+                            <div class="cabinet-card__element">
+                                <p class="cabinet-card__label">Вес:</p>
+                                <p class="cabinet-card__text">от 25 до 40 кг</p>
+                            </div>
+                            <div class="cabinet-card__element">
+                                <p class="cabinet-card__label">Возраст:</p>
+                                <p class="cabinet-card__text">3 года</p>
+                            </div>
+                            <div class="cabinet-card__element">
+                                <p class="cabinet-card__label">Активность:</p>
+                                <p class="cabinet-card__text">Активный</p>
+                            </div>
+                            <div class="cabinet-card__element">
+                                <button class="cabinet-card__button">
+                                    Изменить
+                                </button>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="cabinet-card cabinet-card--green">
+                        <div class="cabinet-card__content">
+                            <div class="cabinet-card__pet">
+                                 <div class="cabinet-card-pet__icon">
+                                    <div class="cabinet-card-pet-icon__content">
+                                        <img src="assets/img/pet/mini-dog.png" alt="">
+                                    </div>
+                                 </div>
+
+                                 <p class="cabinet-card-pet__name">Барон</p>
+                            </div>
+
+                            <div class="cabinet-card__element">
+                                <p class="cabinet-card__label">Порода:</p>
+                                <p class="cabinet-card__text">Немецкая овчарка</p>
+                            </div>
+                            <div class="cabinet-card__element">
+                                <p class="cabinet-card__label">Вес:</p>
+                                <p class="cabinet-card__text">от 25 до 40 кг</p>
+                            </div>
+                            <div class="cabinet-card__element">
+                                <p class="cabinet-card__label">Возраст:</p>
+                                <p class="cabinet-card__text">3 года</p>
+                            </div>
+                            <div class="cabinet-card__element">
+                                <p class="cabinet-card__label">Активность:</p>
+                                <p class="cabinet-card__text">Активный</p>
+                            </div>
+                            <div class="cabinet-card__element">
+                                <button class="cabinet-card__button">
+                                    Изменить
+                                </button>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="cabinet-card cabinet-card--green">
+                        <div class="cabinet-card__content">
+                            <button class="cabinet-card__block-add-pets form-open" data-form="form-pet">
+                                <div class="cabinet-card-add-pets__circle">
+                                    <img src="assets/img/svg/main/plus-grey.svg" alt="">
+                                </div>
+
+                                <p class="cabinet-card-add-pets__text">
+                                    Добавить питомца
+                                </p>
+                            </button>
+                        </div>
+                    </div>
+                </div>
+                <div class="cabinet__orders cabinet__orders--no-cab cabinet-content active hide">
+                    <div class="cabinet-card cabinet-card--grey">
+                        <div class="cabinet-card__content">
+                            <div class="cabinet-card__order">
+                                <div class="cabinet-card-order__header">
+                                    <div class="cabinet-card-order__main">
+                                        <p class="cabinet-card-order-main__date">Подписка от 06.09.2024</p>
+                                        <p class="cabinet-card-order-main__number">7632</p>
+                                    </div>
+                                    <div class="cabinet-card-order__payment">
+                                        <p class="cabinet-card-order-payment__title">Сумма:</p>
+                                        <p class="cabinet-card-order-payment__price cabinet-card-order-payment__price--add">16420 ₽ <span>/ месяц</span></p>
+                                    </div>
+                                </div>
+
+                                <div class="cabinet-card-order__content">
+                                    <div class="cabinet-card-order__payment-add">
+                                        <p class="cabinet-card-order__sub-title">
+                                            Следующий платеж:
+                                        </p>
+                                        <p class="cabinet-card-order__date">
+                                            21.10.2024
+                                        </p>
+                                    </div>
+
+                                    <div class="cabinet-card-order__link">
+                                        <a href="#" class="to-know to-know--start button--100-perc to-know--background-none">
+                                            <p>Детали подписки</p>
+                                        </a>
+                                    </div>
+                                </div>
+
+                                <div class="cabinet-card-order__detail-short">
+                                    <img src="assets/img/product/mini-card.png" alt="" class="cabinet-card-order-detail-short__item">
+                                    <img src="assets/img/product/mini-card.png" alt="" class="cabinet-card-order-detail-short__item">
+                                    <img src="assets/img/product/mini-card.png" alt="" class="cabinet-card-order-detail-short__item">
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="cabinet-card cabinet-card--grey">
+                        <div class="cabinet-card__content">
+                            <div class="cabinet-card__order">
+                                <div class="cabinet-card-order__header">
+                                    <div class="cabinet-card-order__main">
+                                        <p class="cabinet-card-order-main__date">Подписка от 06.09.2024</p>
+                                        <p class="cabinet-card-order-main__number">7632</p>
+                                    </div>
+                                    <div class="cabinet-card-order__payment">
+                                        <p class="cabinet-card-order-payment__title">Сумма:</p>
+                                        <p class="cabinet-card-order-payment__price cabinet-card-order-payment__price--add">16420 ₽ <span>/ месяц</span></p>
+                                    </div>
+                                </div>
+
+                                <div class="cabinet-card-order__content">
+                                    <div class="cabinet-card-order__payment-add">
+                                        <p class="cabinet-card-order__sub-title">
+                                            Следующий платеж:
+                                        </p>
+                                        <p class="cabinet-card-order__date">
+                                            21.10.2024
+                                        </p>
+                                    </div>
+
+                                    <div class="cabinet-card-order__link">
+                                        <a href="#" class="to-know to-know--start button--100-perc to-know--background-none">
+                                            <p>Детали подписки</p>
+                                        </a>
+                                    </div>
+                                </div>
+
+                                <div class="cabinet-card-order__detail-short">
+                                    <img src="assets/img/product/mini-card.png" alt="" class="cabinet-card-order-detail-short__item">
+                                    <img src="assets/img/product/mini-card.png" alt="" class="cabinet-card-order-detail-short__item">
+                                    <img src="assets/img/product/mini-card.png" alt="" class="cabinet-card-order-detail-short__item">
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="cabinet-card cabinet-card--grey">
+                        <div class="cabinet-card__content">
+                            <div class="cabinet-card__order">
+                                <div class="cabinet-card-order__header">
+                                    <div class="cabinet-card-order__main">
+                                        <p class="cabinet-card-order-main__date">Подписка от 06.09.2024</p>
+                                        <p class="cabinet-card-order-main__number">7632</p>
+                                    </div>
+                                    <div class="cabinet-card-order__payment">
+                                        <p class="cabinet-card-order-payment__title">Сумма:</p>
+                                        <p class="cabinet-card-order-payment__price cabinet-card-order-payment__price--add">16420 ₽ <span>/ месяц</span></p>
+                                    </div>
+                                </div>
+
+                                <div class="cabinet-card-order__content">
+                                    <div class="cabinet-card-order__payment-add">
+                                        <p class="cabinet-card-order__sub-title">
+                                            Следующий платеж:
+                                        </p>
+                                        <p class="cabinet-card-order__date">
+                                            21.10.2024
+                                        </p>
+                                    </div>
+
+                                    <div class="cabinet-card-order__link">
+                                        <a href="#" class="to-know to-know--start button--100-perc to-know--background-none">
+                                            <p>Детали подписки</p>
+                                        </a>
+                                    </div>
+                                </div>
+
+                                <div class="cabinet-card-order__detail-short">
+                                    <img src="assets/img/product/mini-card.png" alt="" class="cabinet-card-order-detail-short__item">
+                                    <img src="assets/img/product/mini-card.png" alt="" class="cabinet-card-order-detail-short__item">
+                                    <img src="assets/img/product/mini-card.png" alt="" class="cabinet-card-order-detail-short__item">
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="cabinet-card-no-orders__element">
+                        <a href="#" class="to-know to-know--start button--100-perc to-know--background-none">
+                            <p>Показать ещё</p>
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </main>
+
+        <footer class="footer">
+            <div class="footer__wrapper wrapper">
+                <div class="footer__content">
+                    <img src="assets/img/svg/logo/logo-gradient.svg" alt="" class="footer__logo">
+
+                    <address class="footer__address">
+                        123182 г. Москва, <br>
+                        4-й Красногорский пр., <br> 
+                        д. 2/4, стр. 1, этаж/ком. 3/1
+                    </address>
+
+                    <div class="footer__list">
+                        <div class="footer-list__item">
+                            <p class="footer-list__title">Отзывы и предложения</p>
+                            <a href="mailto:pro@cosmopet.shop" class="footer-list__link">
+                                pro@cosmopet.shop
+                            </a>
+                        </div>
+                        <div class="footer-list__item">
+                            <p class="footer-list__title">Связь с ветеринаром</p>
+                            <a href="mailto:vetvopros@cosmopet.shop" class="footer-list__link">
+                                vetvopros@cosmopet.shop
+                            </a>
+                        </div>
+                        <div class="footer-list__item">
+                            <p class="footer-list__title">Заявки для оптовых покупателей</p>
+                            <a href="mailto:pro@cosmopet.shop" class="footer-list__link">
+                                pro@cosmopet.shop
+                            </a>
+                        </div>
+                        <div class="footer-list__item">
+                            <a href="#" class="button button--black button--100-perc button--link">
+                                Чат бот с ветеринаром
+                            </a>
+                        </div>
+                    </div>
+
+                    <div class="footer__about">
+                        <div class="social-media">
+                            <a href="#" class="social-media__item">
+                                <img src="assets/img/svg/social-media/vk.svg" alt="" class="social-media__icon">
+                            </a>
+                            <a href="#" class="social-media__item">
+                                <img src="assets/img/svg/social-media/tg.svg" alt="" class="social-media__icon">
+                            </a>
+                            <a href="#" class="social-media__item">
+                                <img src="assets/img/svg/social-media/ya.svg" alt="" class="social-media__icon">
+                            </a>
+                        </div>
+
+                        <a href="#" class="footer-about__text">Соглашение о конфиденциальности</a>
+                    </div>
+                </div>
+    
+                <div class="footer__form">
+                    <form class="form" method="post" action="/send-telegram.php">
+                        <p class="form__title">
+                            Форма обратной связи
+                        </p>
+                        <div class="form__item">
+                            <input class="form__input" type="text" name="name" placeholder="Ваше имя" required>
+                        </div>
+                        <div class="form__item">
+                            <input class="form__input" type="text" name="name" placeholder="Эл.почта" required>
+                        </div>
+                        <div class="form__item">
+                            <textarea class="form__input form__input--textarea" name="" id="" placeholder="Текст обращения"></textarea>
+                        </div>
+                        <div class="form__item">
+                            <input class="form__button" type="submit" value="Отправить">
+                        </div>
+                    </form>
+                </div>
+
+                <div class="footer__social-media">
+                    <div class="social-media">
+                        <a href="#" class="social-media__item">
+                            <img src="assets/img/svg/social-media/vk.svg" alt="" class="social-media__icon">
+                        </a>
+                        <a href="#" class="social-media__item">
+                            <img src="assets/img/svg/social-media/tg.svg" alt="" class="social-media__icon">
+                        </a>
+                        <a href="#" class="social-media__item">
+                            <img src="assets/img/svg/social-media/ya.svg" alt="" class="social-media__icon">
+                        </a>
+                    </div>
+
+                    <a href="#" class="footer-about__text">Соглашение о конфиденциальности</a>
+                </div>
+                
+            </div>
+        </footer>
+
+        <div class="modal">
+            <div class="modal-form form__full-mobile modal-form--white modal-form--height-100-phone form-data">
+                <button class="modal-form__close"></button>
+                <p class="modal-form__title">АДРЕСС</p>
+
+                <form class="modal-form__content " method="post" action="/send-telegram.php">
+                    <div class="modal-form-content__line">
+                        <div class="modal-form-content-line__element">
+                            <label for="firstname" class="label-name">Адрес</label>
+                            <input id="firstname" class="form__input" type="text" name="name" placeholder="Начните вводить ваш адрес" required="">
+                            <span class="form-input__error form-input__error--absolute">Имя введено неверно</span>
+                        </div>                    
+                    </div>
+
+                    <div class="modal-form-content__line modal-form-content__line--two">
+                        <div class="modal-form-content-line__element">
+                            <label for="firstname" class="label-name">Квартира</label>
+                            <input id="firstname" class="form__input" type="text" name="apartment" placeholder="Номер квартиры" required="">
+                            <span class="form-input__error form-input__error--absolute">Введен неверно</span>
+                        </div>
+
+                        <div class="modal-form-content-line__element">
+                            <label for="lastname" class="label-name">Этаж</label>
+                            <input id="lastname" class="form__input" type="text" name="floor" placeholder="Введите этаж" required="">
+                            <span class="form-input__error form-input__error--absolute">Введен неверно</span>
+                        </div>                        
+                    </div>
+
+                    <div class="modal-form-content__line modal-form-content__line--two">
+                        <div class="modal-form-content-line__element">
+                            <label for="firstname" class="label-name">Подъезд</label>
+                            <input id="firstname" class="form__input" type="text" name="entrance" placeholder="Номер подъезда">
+                        </div>
+
+                        <div class="modal-form-content-line__element">
+                            <label for="lastname" class="label-name">Домофон</label>
+                            <input id="lastname" class="form__input" type="text" name="intercom" placeholder="Код домофона">
+                        </div>                        
+                    </div>
+
+                    <div class="modal-form__buttons">
+                        <input class="button button--gradient button--high button--filter button--100-perc" type="submit" value="Доставить сюда">
+                    </div>
+                </form>
+            </div>
+        </div>
+
+        <script type="module">
+            import TogglesCollection from './assets/js/toggle.js';
+            import TabsCollection from './assets/js/tabs.js'
+
+            new TogglesCollection();
+            new TabsCollection();
+        </script>
+        <script type="module" src="assets/js/gp-cabinet.js"></script>
+
+        <!-- <script type="module" src="assets/js/gp-cabinet.js"></script> -->
+        <script src="assets/js/gp-form.js"></script>
+    </body>
+</html>

ui_kit.html

@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>UI kit</title>
-    <link rel="stylesheet" type="text/css" href="/assets/css/gp-style-core.css">
+    <link rel="stylesheet" type="text/css" href="assets/css/gp-style-core.css">
 </head>
 <style>
     /* Стили для выравнивания UI-элеметнов для данной страницы */
@@ -172,6 +172,6 @@
         </div>
     </div> -->
 
-    <script src="/assets/js/gp-main.js"></script>
+    <script src="assets/js/gp-main.js"></script>
 </body>
 </html>