@charset "UTF-8";

* {
   padding: 0;
   margin: 0;
   border: 0;
   -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
   -webkit-tap-highlight-color: transparent;
   scrollbar-color: #b2a4ff #f7f7f7;
   scrollbar-width: thin;
}

*::-webkit-scrollbar-thumb {
   background-color: #b2a4ff;
}

*::-webkit-scrollbar-track {
   background-color: #f7f7f7;
}

*::-webkit-scrollbar-button {
   display: none;
   background-color: #b2a4ff;
}

*::-webkit-scrollbar {
   width: 8px;
}

*,
*:before,
*:after {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

:focus,
:active {
   outline: none;
}

a:focus,
a:active {
   outline: none;
}

nav,
footer,
header,
aside {
   display: block;
}

html,
body {
   height: 100%;
   width: 100%;
   font-size: 100%;
   -ms-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   background-color: #fff;
}

input::-ms-clear {
   display: none;
}

button::-moz-focus-inner {
   padding: 0;
   border: 0;
}

a,
a:visited {
   text-decoration: none;
}

a:hover {
   text-decoration: none;
}

a,
button {
   -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
   -webkit-tap-highlight-color: transparent;
   background: transparent;
   font-family: inherit;
   cursor: pointer;
}

ul li {
   list-style: none;
}

img {
   vertical-align: top;
   max-width: 100%;
}

@font-face {
   font-family: Inter;
   font-display: swap;
   src: url("../fonts/Inter-Regular.woff2") format("woff2"), url("../fonts/Inter-Regular.woff") format("woff");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: Rubik;
   font-display: swap;
   src: url("../fonts/Rubik-SemiBold.woff2") format("woff2"), url("../fonts/Rubik-SemiBold.woff") format("woff");
   font-weight: 600;
   font-style: normal;
}

@font-face {
   font-family: Rubik;
   font-display: swap;
   src: url("../fonts/Rubik-Medium.woff2") format("woff2"), url("../fonts/Rubik-Medium.woff") format("woff");
   font-weight: 500;
   font-style: normal;
}

@font-face {
   font-family: Rubik;
   font-display: swap;
   src: url("../fonts/Rubik-Regular.woff2") format("woff2"), url("../fonts/Rubik-Regular.woff") format("woff");
   font-weight: 400;
   font-style: normal;
}

html {
   scroll-behavior: smooth;
}

body {
   height: 100%;
   min-height: 100svh;
}

body.disabled {
   position: relative;
   overflow: hidden;
}

body.disabled::after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.3);
   z-index: 3;
}

.wrapper {
   min-height: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   font-family: Rubik;
   font-size: 16px;
   line-height: 140%;
   color: #000;
   overflow: hidden;
}

main {
   -webkit-box-flex: 1;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
}

.container {
   width: min(100% - 40px, 1540px);
   margin-inline: auto;
}

/*------------------------------Прелоадер---------------------------*/

.preloader {
   position: fixed;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   width: 100%;
   height: 100%;
   background: #e9e5fe;
   z-index: 999;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}

.preloader__spinner {
   width: 50px;
   height: 50px;
   border-radius: 50%;
   border-top: 6px solid #b2a4ff;
   border-bottom: 6px solid rgb(145, 125, 250);
   border-right: 6px solid rgb(145, 125, 250);
   border-left: 6px solid rgb(145, 125, 250);
   -webkit-animation: rotated 1s linear 0s infinite;
   animation: rotated 1s linear 0s infinite;
}

@-webkit-keyframes rotated {
   0% {
      -webkit-transform: rotate(0);
      transform: rotate(0);
   }

   100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
   }
}

@keyframes rotated {
   0% {
      -webkit-transform: rotate(0);
      transform: rotate(0);
   }

   100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
   }
}

/*---------------------------------------------Компоненты--------------------------------------------*/

.button-violet {
   border-radius: 10px;
   padding: 18px 24px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   gap: 10px;
   color: #fff;
   font-family: Rubik;
   font-size: 16px;
   font-weight: 500;
   line-height: 140%;
   -webkit-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
   background: rgb(145, 125, 250);
   max-width: 245px;
}

.button-violet svg {
   width: 24px;
   height: 24px;
   -o-object-fit: contain;
   object-fit: contain;
   color: #fff;
   fill: #fff;
   -webkit-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}

.button-violet:active {
   background: #5644b6;
}

.breadcrumbs {
   color: rgba(42, 47, 71, 0.2);
   margin-bottom: 20px;
}

.breadcrumbs a,
.breadcrumbs span {
   font-family: Rubik;
   font-size: 14px;
   font-weight: 400;
   line-height: 140%;
}

.breadcrumbs a {
   color: rgba(42, 47, 71, 0.2);
   -webkit-transition: all 0.2s ease 0s;
   -o-transition: all 0.2s ease 0s;
   transition: all 0.2s ease 0s;
}

.breadcrumbs a:hover {
   color: rgb(145, 125, 250);
}

.breadcrumbs span {
   color: rgb(145, 125, 250);
}

.show-more-link {
   border-radius: 10px;
   background: rgba(145, 125, 250, 0.2);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   gap: 10px;
   color: rgb(41, 47, 71);
   font-family: Rubik;
   font-size: 16px;
   font-weight: 400;
   line-height: 140%;
   padding: 19px 30px;
   -webkit-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
   max-width: 200px;
   margin-inline: auto;
   position: absolute;
   bottom: 25px;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   left: 50%;
   z-index: 5;
   white-space: nowrap;
}

.show-more-link svg {
   width: 22px;
   height: 22px;
   -o-object-fit: contain;
   object-fit: contain;
   color: #000;
   -webkit-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
   fill: #000;
}

.show-more-products {
   display: none;
}

.button {
   border-radius: 10px;
   padding: 18px 24px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   gap: 10px;
   color: #fff;
   font-family: Rubik;
   font-size: 16px;
   font-weight: 500;
   line-height: 140%;
   -webkit-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}

.button svg {
   width: 24px;
   height: 24px;
   -o-object-fit: contain;
   object-fit: contain;
   color: #fff;
   fill: #fff;
   -webkit-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}

.title {
   color: rgb(42, 47, 71);
   font-family: Rubik;
   font-weight: 500;
   line-height: 110%;
   margin-bottom: 40px;
   font-size: calc(32px + 28 * ((100vw - 320px) / 1600));
}

.title.element-animation {
   -webkit-transition: all 0.5s ease 0.6s;
   -o-transition: all 0.5s ease 0.6s;
   transition: all 0.5s ease 0.6s;
   -webkit-transform: scaleY(0);
   -ms-transform: scaleY(0);
   transform: scaleY(0);
   opacity: 0;
}

.title.element-animation.element-show {
   -webkit-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   opacity: 1;
}

.product {
   max-width: 370px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   height: auto;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   padding: 10px 20px;
   border-radius: 10px;
   -webkit-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
   -webkit-box-shadow: 0px 11px 25px 0px rgba(195, 193, 215, 0.05), 0px 45px 45px 0px rgba(195, 193, 215, 0.04), 0px 102px 61px 0px rgba(195, 193, 215, 0.03);
   box-shadow: 0px 11px 25px 0px rgba(195, 193, 215, 0.05), 0px 45px 45px 0px rgba(195, 193, 215, 0.04), 0px 102px 61px 0px rgba(195, 193, 215, 0.03);
   background: rgb(255, 255, 255);
}

.product__image {
   border-radius: 20px;
   margin-bottom: 10px;
   position: relative;
   overflow: hidden;
}

.product__image img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.product__images-button {
   position: absolute;
   bottom: 10px;
   left: 10px;
   border-radius: 500px;
   background: rgb(255, 255, 255);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   gap: 5px;
   padding: 4px 10px;
}

.product__images-button svg {
   width: 16px;
   height: 16px;
   -o-object-fit: contain;
   object-fit: contain;
   color: rgb(42, 47, 71);
}

.product__images-button span {
   color: rgb(42, 47, 71);
   font-family: Inter;
   font-size: 14px;
   font-weight: 400;
   line-height: 100%;
}

.product__name {
   color: rgb(42, 47, 71);
   font-family: Inter;
   font-size: 16px;
   font-weight: 400;
   line-height: 140%;
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
   color: rgb(42, 47, 71);
   font-family: Inter;
   font-size: 16px;
   font-weight: 400;
   line-height: 140%;
   margin-bottom: 4px;
}

.product__price {
   color: rgb(145, 125, 250);
   font-family: Rubik;
   font-size: 20px;
   font-weight: 500;
   line-height: 140%;
   margin-bottom: 4px;
}

.product__description {
   color: rgb(0, 0, 0);
   font-family: Rubik;
   font-size: 16px;
   font-weight: 400;
   line-height: 140%;
   margin-bottom: 20px;
}

.product__description-title {
   color: rgb(42, 47, 71);
   font-family: Rubik;
   font-size: 20px;
   font-weight: 500;
   line-height: 110%;
   margin-bottom: 20px;
}

.product__date {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 10px;
   color: rgb(42, 47, 71);
   font-family: Inter;
   font-size: 12px;
   font-weight: 400;
   line-height: 140%;
   letter-spacing: 0%;
   text-align: left;
}

.product__date svg {
   width: 16px;
   height: 16px;
   -o-object-fit: contain;
   object-fit: contain;
   color: rgb(42, 47, 71);
}

.s-dropdown {
   position: relative;
   width: 100%;
}

.s-dropdown .dropdown__button {
   position: relative;
   cursor: pointer;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   color: rgb(147, 153, 181);
   font-family: Rubik;
   font-size: 16px;
   font-weight: 400;
   line-height: 140%;
   padding: 14px 20px;
   border-radius: 5px;
   background-color: rgba(147, 153, 181, 0.1);
}

.s-dropdown .dropdown__button:hover {
   background-color: rgba(147, 153, 181, 0.2);
}

.s-dropdown .dropdown__button:focus,
.s-dropdown .dropdown__button--active {
   outline: none;
   -webkit-box-shadow: none;
   box-shadow: none;
}

.s-dropdown .dropdown__button::after {
   content: "";
   position: absolute;
   top: 13px;
   right: 20px;
   width: 24px;
   height: 24px;
   background: url(../img/icons/chevron-down.svg) center/16px 14px no-repeat;
   -webkit-transition-duration: 0.3s;
   -o-transition-duration: 0.3s;
   transition-duration: 0.3s;
   opacity: 0.5;
}

.s-dropdown .dropdown__button--active.dropdown__button::after {
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg);
}

.s-dropdown .dropdown__list {
   display: none;
   position: absolute;
   left: 0;
   top: 50px;
   margin: 0;
   list-style-type: none;
   overflow: hidden;
   width: 100%;
   z-index: 5;
   border-radius: 6px;
   background: #fff;
   border: 1px solid rgba(147, 153, 181, 0.1);
   -webkit-box-shadow: 2px 1px 5px 0px rgba(0, 22, 86, 0.06), 8px 4px 9px 0px rgba(0, 22, 86, 0.05), 17px 9px 12px 0px rgba(0, 22, 86, 0.03), 31px 15px 14px 0px rgba(0, 22, 86, 0.01), 49px 24px 15px 0px rgba(0, 22, 86, 0);
   box-shadow: 2px 1px 5px 0px rgba(0, 22, 86, 0.06), 8px 4px 9px 0px rgba(0, 22, 86, 0.05), 17px 9px 12px 0px rgba(0, 22, 86, 0.03), 31px 15px 14px 0px rgba(0, 22, 86, 0.01), 49px 24px 15px 0px rgba(0, 22, 86, 0);
}

.s-dropdown .dropdown__list--visible {
   display: block;
}

.s-dropdown .dropdown__list-item {
   width: 100%;
   margin: 0;
   padding: 0;
   padding: 14px 20px;
   cursor: pointer;
   font-size: 1rem;
   line-height: 125%;
   font-weight: 400;
   color: #414141;
   border-radius: 6px;
   -webkit-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
   font-family: Rubik;
   font-size: 16px;
}

.s-dropdown .dropdown__list-item:hover {
   background: rgba(147, 153, 181, 0.1);
   color: rgb(145, 125, 250);
}

.s-dropdown .dropdown__input-hidden {
   display: none;
}

.s-dropdown .dropdown__list-item a {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-column-gap: 8px;
   -moz-column-gap: 8px;
   column-gap: 8px;
}

.s-dropdown .dropdown__list-item .link-icon {
   width: 25px;
   height: 25px;
}

.checkbox {
   color: #fff;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.checkbox input[type=checkbox] {
   display: none;
   width: auto;
   color: #fff;
}

.checkbox label {
   position: relative;
   padding-left: 30px;
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   color: rgb(0, 0, 0);
   font-family: Rubik;
   font-size: 16px;
   font-weight: 400;
   line-height: 140%;
}

.checkbox label::before {
   content: "";
   position: absolute;
   left: 0;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   width: 24px;
   height: 24px;
   -webkit-transition: background-color 0.3s;
   -o-transition: background-color 0.3s;
   transition: background-color 0.3s;
   border: 2px solid rgb(230, 215, 247);
   border-radius: 5px;
   background-color: rgb(233, 229, 254);
}

.checkbox input[type=checkbox]:checked+label::before {
   background-color: rgb(145, 125, 250);
}

.checkbox label::after {
   content: "";
   position: absolute;
   left: 9px;
   top: 44%;
   -webkit-transform: translateY(-50%) rotate(45deg);
   -ms-transform: translateY(-50%) rotate(45deg);
   transform: translateY(-50%) rotate(45deg);
   width: 6px;
   height: 12px;
   border: solid #fff;
   border-width: 0 2px 2px 0;
   opacity: 0;
   -webkit-transition: opacity 0.3s;
   -o-transition: opacity 0.3s;
   transition: opacity 0.3s;
}

.checkbox input[type=checkbox]:checked+label::after {
   opacity: 1;
}

.range__items {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding: 5px 0;
   border-radius: 10px;
   -webkit-box-shadow: 0px 4px 10px 0px rgba(114, 87, 133, 0.05), 0px 17px 17px 0px rgba(114, 87, 133, 0.04), 0px 39px 24px 0px rgba(114, 87, 133, 0.03), 0px 70px 28px 0px rgba(114, 87, 133, 0.01), 0px 109px 31px 0px rgba(114, 87, 133, 0);
   box-shadow: 0px 4px 10px 0px rgba(114, 87, 133, 0.05), 0px 17px 17px 0px rgba(114, 87, 133, 0.04), 0px 39px 24px 0px rgba(114, 87, 133, 0.03), 0px 70px 28px 0px rgba(114, 87, 133, 0.01), 0px 109px 31px 0px rgba(114, 87, 133, 0);
   background: rgb(255, 255, 255);
   width: 100%;
}

.range__item {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 50%;
   flex: 0 1 50%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 10px;
   padding: 20px;
   color: rgba(42, 47, 71, 0.2);
   font-family: Rubik;
   font-size: 16px;
   font-weight: 400;
   line-height: 140%;
}

.range__item input {
   width: 100%;
   color: rgb(42, 47, 71);
   font-family: Rubik;
   font-size: 16px;
   font-weight: 400;
   line-height: 140%;
}

.range__item span {
   color: rgb(42, 47, 71);
   font-family: Rubik;
   font-size: 16px;
   font-weight: 400;
   line-height: 140%;
}

.range__item:first-child {
   border-right: 1px solid rgb(229, 216, 237);
}

.noUi-horizontal {
   height: 2px;
   width: calc(100% - 20px);
   margin-inline: auto;
   background: #e5d8ed;
}

.noUi-horizontal .noUi-handle {
   width: 16px;
   height: 16px;
   border-radius: 50%;
   background: rgb(145, 125, 250);
   -webkit-box-shadow: none;
   box-shadow: none;
   top: -8px;
   right: -9px;
   border: none;
   cursor: pointer;
}

.noUi-horizontal .noUi-handle::before,
.noUi-horizontal .noUi-handle::after {
   display: none;
}

.noUi-target {
   border: none;
}

.noUi-connect {
   background: rgb(145, 125, 250);
   height: 2px;
}

.custom-radio {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin-bottom: 10px;
   margin-bottom: 10px;
}

.custom-radio .custom-radio-input {
   position: absolute;
   opacity: 0;
   cursor: pointer;
}

.custom-radio .custom-radio-label {
   position: relative;
   padding-left: 30px;
   cursor: pointer;
   font-size: 16px;
   line-height: 24px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   color: rgb(0, 0, 0);
   font-family: Rubik;
   font-size: 16px;
   font-weight: 400;
   line-height: 140%;
}

.custom-radio .custom-radio-label::before {
   content: "";
   position: absolute;
   left: 0;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   width: 24px;
   height: 24px;
   border-radius: 50%;
   -webkit-transition: background-color 0.3s;
   -o-transition: background-color 0.3s;
   transition: background-color 0.3s;
   border: 2px solid rgb(230, 215, 247);
   background-color: rgb(233, 229, 254);
}

.custom-radio .custom-radio-label::after {
   content: "";
   position: absolute;
   left: 4px;
   top: 50%;
   -webkit-transform: translate(0, -50%);
   -ms-transform: translate(0, -50%);
   transform: translate(0, -50%);
   width: 16px;
   height: 16px;
   border-radius: 50%;
   background: transparent;
   -webkit-transition: background 0.3s;
   -o-transition: background 0.3s;
   transition: background 0.3s;
}

.custom-radio .custom-radio-input:checked+.custom-radio-label::after {
   background: rgb(145, 125, 250);
}

/*------------------------------Header---------------------------*/

.header {
   background: -o-linear-gradient(315deg, rgb(145, 125, 250) 0%, rgb(157, 111, 222) 100%);
   background: linear-gradient(135deg, rgb(145, 125, 250) 0%, rgb(157, 111, 222) 100%);
   position: relative;
   z-index: 10;
   opacity: 0;
   -webkit-transition: all 0.8s ease 0s;
   -o-transition: all 0.8s ease 0s;
   transition: all 0.8s ease 0s;
}

.header.element-animation.element-show {
   opacity: 1;
}

.header__body {
   padding: 16px 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   gap: 100px;
   -webkit-transform-origin: top;
   -ms-transform-origin: top;
   transform-origin: top;
}

.header__top {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   gap: 10px;
   width: auto;
}

.header__logo {
   width: 135px;
}

.header__logo a {
   width: 100%;
   -webkit-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}

.header__logo a img {
   width: 100%;
   -o-object-fit: contain;
   object-fit: contain;
   -webkit-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}

.header__search {
   display: none;
}

.header__search-submit {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   height: 100%;
   aspect-ratio: 1/1;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   position: absolute;
   top: 0;
   left: 0;
   background: transparent;
   z-index: 2;
   color: rgb(42, 47, 71);
   font-family: Rubik;
   font-size: 16px;
   font-weight: 500;
}

.header__search-submit::-webkit-input-placeholder {
   color: rgb(148, 153, 181);
}

.header__search-submit::-moz-placeholder {
   color: rgb(148, 153, 181);
}

.header__search-submit:-ms-input-placeholder {
   color: rgb(148, 153, 181);
}

.header__search-submit::-ms-input-placeholder {
   color: rgb(148, 153, 181);
}

.header__search-submit::placeholder {
   color: rgb(148, 153, 181);
}

.header__search-icon {
   width: 16px;
   height: 16px;
   color: rgb(148, 153, 181);
}

.header__add-buttons {
   display: none;
}

.header__filter,
.header__menu-icon {
   display: block;
   width: 40px;
   height: 40px;
   border: 1px solid rgb(255, 255, 255);
   border-radius: 5px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}

.header__filter svg,
.header__menu-icon svg {
   width: 20px;
   height: 20px;
   -o-object-fit: contain;
   object-fit: contain;
   color: #fff;
   -webkit-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}

.header__filter.active,
.header__menu-icon.active {
   background-color: #fff;
}

.header__filter.active svg,
.header__menu-icon.active svg {
   color: rgb(145, 125, 250);
}

.header__bottom {
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   gap: 20px;
   width: 100%;
}

.header__catalog {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 240px;
   flex: 0 1 240px;
   max-height: 60px;
}

.header__catalog-button {
   width: 100%;
   min-width: 150px;
   border: 1px solid #fff;
   -webkit-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}

.header__catalog-button.active {
   background-color: #fff;
   color: rgb(145, 125, 250);
}

.header__catalog-button.active svg {
   color: rgb(145, 125, 250);
}

.header__navigations {
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 20px;
   -ms-flex-pack: distribute;
   justify-content: space-around;
   -webkit-transition: all 0.3s linear 0s;
   -o-transition: all 0.3s linear 0s;
   transition: all 0.3s ease 0s;
}

.header__buttons {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 20px;
}

.header__login {
   padding: 18px 38px;
   border: 1px solid #fff;
   max-height: 60px;
}

.header__add {
   padding: 18px 24px;
   border: 1px solid #fff;
   max-height: 60px;
}

.header__login.active,
.header__add.active {
   background-color: #fff;
   color: rgb(145, 125, 250);
}

.header__login.active svg,
.header__add.active svg {
   color: rgb(145, 125, 250);
}

.header__tags {
   display: none;
   max-width: calc(100% - 170px);
   width: 100%;
}

.header__tags-slider {
   width: 100%;
}

.header__tags-slider-wrapper {
   width: 100%;
}

.header__tag {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 10px;
   width: auto;
}

.header__tag svg {
   width: 24px;
   height: 24px;
   -o-object-fit: contain;
   object-fit: contain;
   color: #fff;
}

.header__tag a {
   color: rgb(255, 255, 255);
   font-family: Rubik;
   font-size: 16px;
   font-weight: 500;
   line-height: 140%;
}

.header__filter-body {
   display: none;
   -webkit-transition: all 0.3s linear 0s;
   -o-transition: all 0.3s linear 0s;
   transition: all 0.3s ease 0s;
}

.header__filter-title {
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   color: rgb(255, 255, 255);
   font-family: Rubik;
   font-size: 24px;
   font-weight: 500;
   gap: 20px;
   padding: 13px 20px;
   line-height: 140%;
   background: -o-linear-gradient(315deg, rgb(145, 125, 250) 0%, rgb(157, 111, 222) 100%), rgb(255, 255, 255);
   background: linear-gradient(135deg, rgb(145, 125, 250) 0%, rgb(157, 111, 222) 100%), rgb(255, 255, 255);
}

.header__filter-title svg {
   color: #fff;
   width: 24px;
   height: 24px;
   -o-object-fit: contain;
   object-fit: contain;
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg);
}

.header__filter-settings {
   background: #fff;
   padding: 20px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 20px;
   height: auto;
   min-height: calc(100svh - 60px);
}

.header__filter-city {
   width: 100%;
   position: relative;
}

.header__filter-city input {
   width: 100%;
   padding: 23px 20px 7px 20px;
   border-radius: 5px;
   background: rgba(147, 153, 181, 0.1);
   color: rgb(42, 47, 71);
   font-family: Rubik;
   font-size: 16px;
   font-weight: 400;
   line-height: 100%;
}

.header__filter-city.actived .header__filter-label {
   font-size: 12px;
   top: 12px;
}

.header__filter-label {
   display: inline-block;
   position: absolute;
   top: 50%;
   left: 20px;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   color: rgb(147, 153, 181);
   font-family: Rubik;
   font-size: 16px;
   font-weight: 400;
   line-height: 140%;
   z-index: 1;
   pointer-events: none;
   -webkit-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}

.header__filter-category {
   width: 100%;
}

.header__filter-time-title {
   color: rgb(42, 47, 71);
   font-family: Rubik;
   font-size: 22px;
   font-weight: 500;
   line-height: 140%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   margin-bottom: 10px;
   cursor: pointer;
}

.header__filter-time-title svg {
   width: 10px;
   height: 10px;
   -o-object-fit: contain;
   object-fit: contain;
}

.header__filter-apply {
   border-radius: 10px;
   background-color: rgb(145, 125, 250);
   padding: 17px 27px;
   width: 100%;
   color: rgb(255, 255, 255);
   font-family: Rubik;
   font-size: 16px;
   font-weight: 400;
   line-height: 140%;
   -webkit-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}

.header__filter-apply:active {
   background: #5644b6;
}

.header__filter-reset {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   gap: 10px;
   color: #000;
   font-family: Rubik;
   font-size: 16px;
   font-weight: 400;
   line-height: 140%;
   opacity: 0.2;
   -webkit-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}

.header__filter-reset svg {
   width: 15px;
   -webkit-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
   height: 15px;
   color: #000;
}

.menu__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 40px;
}

.menu__list li {
   position: relative;
   z-index: 20;
}



.menu__list li.menu__item-hover .menu__link svg {
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg);
   color: #b2a4ff;
}


@media (min-width: 1024px) {
   .menu__list li.menu__item-hover .menu__sublist {
      display: block;
      -webkit-animation: cardEffect 0.6s ease-in-out 0s forwards;
      animation: cardEffect 0.6s ease-in-out 0s forwards;
   }

   .menu__list li.menu__item-hover .menu__link {
      color: #b2a4ff;
   }
}

.menu__link {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 13px;
   color: rgb(255, 255, 255);
   font-family: Rubik;
   font-size: 16px;
   font-weight: 400;
   -webkit-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}

.menu__link svg {
   width: 16px;
   height: 16px;
   -o-object-fit: contain;
   object-fit: contain;
   color: #fff;
   fill: #fff;
   -webkit-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}

.menu__sublist {
   display: none;
   position: absolute;
   top: calc(100% + 16px);
   width: auto;
   border-radius: 10px;
   -webkit-box-shadow: 0px 8px 17px 0px rgba(88, 67, 101, 0.05), 0px 31px 31px 0px rgba(88, 67, 101, 0.04), 0px 70px 42px 0px rgba(88, 67, 101, 0.03), 0px 124px 50px 0px rgba(88, 67, 101, 0.01), 0px 194px 54px 0px rgba(88, 67, 101, 0);
   box-shadow: 0px 8px 17px 0px rgba(88, 67, 101, 0.05), 0px 31px 31px 0px rgba(88, 67, 101, 0.04), 0px 70px 42px 0px rgba(88, 67, 101, 0.03), 0px 124px 50px 0px rgba(88, 67, 101, 0.01), 0px 194px 54px 0px rgba(88, 67, 101, 0);
   background: rgb(255, 255, 255);
   padding: 20px;
   min-width: 204px;
   left: 50%;
   -webkit-transform-origin: top;
   -ms-transform-origin: top;
   transform-origin: top;
}

.menu__sublist::before {
   content: "";
   position: absolute;
   top: -13px;
   left: 50%;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   display: block;
   width: 24px;
   height: 24px;
   background: url(../img/icons/submenu-arrow.svg) center/contain no-repeat;
}

.menu__sublist li:not(:last-child) {
   margin-bottom: 9px;
}

.menu__sublist-link {
   display: inline-block;
   color: rgb(0, 0, 0);
   font-family: Rubik;
   font-size: 16px;
   font-weight: 400;
   line-height: 140%;
   -webkit-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}

@-webkit-keyframes cardEffect {
   0% {
      -webkit-transform: translateX(-50%) rotateX(-90deg) rotateZ(0deg);
      transform: translateX(-50%) rotateX(-90deg) rotateZ(0deg);
   }

   40% {
      -webkit-transform: translateX(-50%) rotateX(0deg) rotateZ(-10deg);
      transform: translateX(-50%) rotateX(0deg) rotateZ(-10deg);
   }

   75% {
      -webkit-transform: translateX(-50%) rotateX(0deg) rotateZ(10deg);
      transform: translateX(-50%) rotateX(0deg) rotateZ(10deg);
   }

   90% {
      -webkit-transform: translateX(-50%) rotateX(0deg) rotateZ(-2deg);
      transform: translateX(-50%) rotateX(0deg) rotateZ(-2deg);
   }

   100% {
      -webkit-transform: translateX(-50%) rotateX(0deg) rotateZ(0deg);
      transform: translateX(-50%) rotateX(0deg) rotateZ(0deg);
   }
}

@keyframes cardEffect {
   0% {
      -webkit-transform: translateX(-50%) rotateX(-90deg) rotateZ(0deg);
      transform: translateX(-50%) rotateX(-90deg) rotateZ(0deg);
   }

   40% {
      -webkit-transform: translateX(-50%) rotateX(0deg) rotateZ(-10deg);
      transform: translateX(-50%) rotateX(0deg) rotateZ(-10deg);
   }

   75% {
      -webkit-transform: translateX(-50%) rotateX(0deg) rotateZ(10deg);
      transform: translateX(-50%) rotateX(0deg) rotateZ(10deg);
   }

   90% {
      -webkit-transform: translateX(-50%) rotateX(0deg) rotateZ(-2deg);
      transform: translateX(-50%) rotateX(0deg) rotateZ(-2deg);
   }

   100% {
      -webkit-transform: translateX(-50%) rotateX(0deg) rotateZ(0deg);
      transform: translateX(-50%) rotateX(0deg) rotateZ(0deg);
   }
}

/*------------------------------Header catalog---------------------------*/
.header__catalog-menu {
   -webkit-transition: all 0.3s linear 0s;
   -o-transition: all 0.3s linear 0s;
   transition: all 0.3s ease 0s;
}

.catalog-menu {
   position: fixed;
   top: 99px;
   left: 0;
   width: 100%;
   max-width: 1277px;
   padding-left: 200px;
   background: #fff;
   padding: 40px 0;
   max-height: calc(100svh - 99px);
   overflow-y: auto;
   height: 100%;
   -webkit-transform: translateX(-100%);
   -ms-transform: translateX(-100%);
   transform: translateX(-100%);
   -webkit-transition: all 0.3s linear 0s;
   -o-transition: all 0.3s linear 0s;
   transition: all 0.3s linear 0s;
   z-index: 10;
}

.catalog-menu.opened {
   -webkit-transform: translateX(0);
   -ms-transform: translateX(0);
   transform: translateX(0);
}

.catalog-menu.opened .catalog-menu__subcategories {
   -webkit-transform: translateX(0);
   -ms-transform: translateX(0);
   transform: translateX(0);
}

.catalog-menu__nav {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   height: auto;
}

.catalog-menu__categories {
   padding: 0 40px;
   border-right: 1px solid #e5d8ed;
   position: relative;
   background: #fff;
   z-index: 1;
}

.catalog-menu__category {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   gap: 10px;
   color: rgb(42, 47, 71);
   font-family: Rubik;
   font-size: 16px;
   font-weight: 400;
   line-height: 140%;
}

.catalog-menu__category svg {
   width: 30px;
   height: 30px;
   -o-object-fit: contain;
   object-fit: contain;
   color: rgb(145, 125, 250);
}

.catalog-menu__category:not(:last-child) {
   margin-bottom: 20px;
}

.catalog-menu__category.active .catalog-menu__category-text {
   color: rgb(145, 125, 250);
}

.catalog-menu__category.active .quantity {
   color: rgb(0, 0, 0);
}

.catalog-menu__subcategories {
   padding: 0 40px;
   -webkit-transform: translateX(-100%);
   -ms-transform: translateX(-100%);
   transform: translateX(-100%);
   -webkit-transition: all 0.4s linear 0.4s;
   -o-transition: all 0.4s linear 0.4s;
   transition: all 0.4s linear 0.4s;
}

.catalog-menu__subcategory {
   display: none;
   -webkit-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}

.catalog-menu__subcategory.opened {
   display: block;
   -webkit-animation: flipped 0.3s linear 0s forwards;
   animation: flipped 0.3s linear 0s forwards;
}

.catalog-menu__back {
   display: none;
}

.catalog-menu__title {
   display: block;
   color: rgb(42, 47, 71);
   font-family: Rubik;
   font-size: 38px;
   font-weight: 500;
   line-height: 110%;
   margin-bottom: 30px;
}

.catalog-menu__list {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: 1fr 1fr;
   grid-template-columns: 1fr 1fr;
   -webkit-column-gap: 70px;
   -moz-column-gap: 70px;
   column-gap: 70px;
}

.catalog-menu__link {
   padding: 10px 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 10px;
   color: rgb(42, 47, 71);
   font-family: Rubik;
   font-size: 16px;
   font-weight: 400;
   line-height: 140%;
   letter-spacing: 0%;
   text-align: left;
   -webkit-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
   white-space: nowrap;
}

.quantity {
   color: rgba(0, 0, 0, 0.2);
   -webkit-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
   font-family: Rubik;
   font-size: 12px;
   font-weight: 400;
   line-height: 140%;
}

@-webkit-keyframes flipped {
   0% {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
      opacity: 0;
   }

   100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
      opacity: 1;
   }
}

@keyframes flipped {
   0% {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
      opacity: 0;
   }

   100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
      opacity: 1;
   }
}

/*------------------------------Mobile menu---------------------------*/

.mobile-menu {
   display: none;
   position: fixed;
   bottom: 20px;
   left: 20px;
   width: calc(100% - 40px);
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   gap: 20px;
   gap: 16px;
   border-radius: 10px;
   background: rgb(255, 255, 255);
   padding: 16px 20px;
   z-index: 999;
}

.mobile-menu__item {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 20%;
   flex: 0 1 20%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.mobile-menu__item.active {
   position: relative;
}

.mobile-menu__item.active svg {
   color: rgb(145, 125, 250);
   -webkit-transform: translateY(-10px);
   -ms-transform: translateY(-10px);
   transform: translateY(-10px);
}

.mobile-menu__item.active::after {
   content: "";
   width: 6px;
   height: 6px;
   border-radius: 50%;
   background: rgb(145, 125, 250);
   position: absolute;
   bottom: 0;
   left: 50%;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
}

.mobile-menu__item svg {
   width: 27px;
   height: 27px;
   -o-object-fit: contain;
   object-fit: contain;
   color: rgb(159, 160, 162);
}

/*------------------------------footer---------------------------*/

.footer {
   background: rgba(233, 229, 254, 0.2);
   position: relative;
   z-index: 3;
}

.footer__logo {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 135px;
   flex: 0 0 135px;
}

.footer__logo img {
   display: block;
   margin-inline: auto;
   width: 100%;
   max-width: 135px;
   -o-object-fit: contain;
   object-fit: contain;
}

.footer__menu-list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-column-gap: 100px;
   -moz-column-gap: 100px;
   column-gap: 100px;
}

.footer__menu-col {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 20px;
}

.footer__menu-title {
   color: rgb(42, 47, 71);
   font-family: Rubik;
   font-size: 12px;
   font-weight: 400;
   line-height: 140%;
   margin-bottom: 10px;
   opacity: 0.5;
}

.footer__menu-title svg {
   display: none;
}

.footer__menu-links {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 10px;
}

.footer__menu-link {
   color: rgb(42, 47, 71);
   font-family: Rubik;
   font-size: 16px;
   font-weight: 400;
   line-height: 140%;
   -webkit-transition: all 0.2s ease 0s;
   -o-transition: all 0.2s ease 0s;
   transition: all 0.2s ease 0s;
}

.footer__socials {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 10px;
}

.footer__social {
   width: 50px;
   height: 50px;
   border-radius: 50%;
   background-color: #e9e5fe;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   border: 2px solid transparent;
   -webkit-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}

.footer__social:active {
   -webkit-transform: scale(0.8);
   -ms-transform: scale(0.8);
   transform: scale(0.8);
}

.footer__social svg {
   color: rgb(145, 125, 250);
   width: 24px;
   height: 24px;
   -o-object-fit: contain;
   object-fit: contain;
}

.footer__under {
   border-top: 1px solid rgb(229, 216, 237);
}

.footer__under-body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   gap: 20px;
   padding: 30px 0 10px;
}

.footer__under-body p {
   opacity: 0.5;
   color: rgb(42, 47, 71);
   font-family: Rubik;
   font-size: 14px;
   font-weight: 400;
   line-height: 140%;
}

.footer__policy {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 20px;
}

.footer__policy a {
   color: rgb(42, 47, 71);
   font-family: Rubik;
   font-size: 14px;
   font-weight: 400;
   border-bottom: 1px dashed transparent;
   line-height: 140%;
}

.footer-main {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   gap: 20px;
   padding: 30px 0;
}

.footer-dev__body {
   padding-bottom: 10px;
   width: 100%;
   margin-inline: auto;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   gap: 20px;
}

.footer-dev__body p {
   font-size: 14px;
   font-family: Rubik;
   color: rgb(145, 125, 250);
}

.footer-dev__link {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: reverse;
   -ms-flex-direction: row-reverse;
   flex-direction: row-reverse;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 6px;
   color: #495fa5;
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
   -webkit-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
   text-align: left;
   white-space: nowrap;
}

.footer-dev__link span {
   font-family: Rubik;
   font-size: 14px;
   color: #495fa5;
   -webkit-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}

.footer-dev__link:hover span {
   color: rgb(145, 125, 250);
}

/*------------------------------Hero---------------------------*/

.no-webp .hero {
   background: url(../img/hero/bg.png) center/cover no-repeat, #faf5fc;
}

.hero {
   position: relative;
}

.hero__body {
   padding: 100px 0 525px;
   position: relative;
}

.hero__title {
   text-align: center;
   margin-bottom: 20px;
   color: rgb(42, 47, 71);
   font-family: Rubik;
   font-weight: 500;
   line-height: 120%;
   font-size: 46px;
   position: relative;
   z-index: 5;
   -webkit-transform: scaleY(0.5);
   -ms-transform: scaleY(0.5);
   transform: scaleY(0.5);
   opacity: 0;
   -webkit-transition: all 0.8s ease 0.4s;
   -o-transition: all 0.8s ease 0.4s;
   transition: all 0.8s ease 0.4s;
}

.hero__title.element-animation.element-show {
   -webkit-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   opacity: 1;
}

.hero__search {
   border-radius: 20px;
   -webkit-backdrop-filter: blur(10px);
   backdrop-filter: blur(10px);
   background: rgba(255, 255, 255, 0.2);
   padding: 10px;
   max-width: 1040px;
   margin-inline: auto;
   position: relative;
   z-index: 5;
   -webkit-box-shadow: 0px 11px 25px 0px rgba(195, 193, 215, 0.05), 0px 45px 45px 0px rgba(195, 193, 215, 0.04), 0px 102px 61px 0px rgba(195, 193, 215, 0.03), 0px 181px 72px 0px rgba(195, 193, 215, 0.01), 0px 282px 79px 0px rgba(195, 193, 215, 0);
   box-shadow: 0px 11px 25px 0px rgba(195, 193, 215, 0.05), 0px 45px 45px 0px rgba(195, 193, 215, 0.04), 0px 102px 61px 0px rgba(195, 193, 215, 0.03), 0px 181px 72px 0px rgba(195, 193, 215, 0.01), 0px 282px 79px 0px rgba(195, 193, 215, 0);
   -webkit-transform: scaleY(0.5);
   -ms-transform: scaleY(0.5);
   transform: scaleY(0.5);
   opacity: 0;
   -webkit-transition: all 0.8s ease 0.6s;
   -o-transition: all 0.8s ease 0.6s;
   transition: all 0.8s ease 0.6s;
}

.hero__search.element-animation.element-show {
   -webkit-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   opacity: 1;
}

.hero__search-form {
   border-radius: 10px;
   background: rgb(255, 255, 255);
   padding: 10px;
   height: 80px;
   position: relative;
}

.hero__search-input {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border-radius: 10px;
   padding: 0 170px 0 85px;
   color: #414141;
   font-family: Rubik;
   font-size: 16px;
   font-weight: 500;
   line-height: 140%;
}

.hero__search-input::-webkit-input-placeholder {
   color: #9499b5;
}

.hero__search-input::-moz-placeholder {
   color: #9499b5;
}

.hero__search-input:-ms-input-placeholder {
   color: #9499b5;
}

.hero__search-input::-ms-input-placeholder {
   color: #9499b5;
}

.hero__search-input::placeholder {
   color: #9499b5;
}

.hero__search-input:focus {
   border: 1px solid #b2a4ff;
}

.hero__search-icon {
   position: absolute;
   top: 50%;
   left: 40px;
   width: 24px;
   height: 24px;
   -o-object-fit: contain;
   object-fit: contain;
   color: rgb(148, 153, 181);
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   pointer-events: none;
}

.hero__search-button {
   position: absolute;
   top: 10px;
   right: 10px;
   background-color: rgb(145, 125, 250);
   height: calc(100% - 20px);
   color: rgb(255, 255, 255);
   font-family: Rubik;
   font-size: 16px;
   font-weight: 500;
   line-height: 140%;
   border-radius: 10px;
   padding-inline: 40px;
}

.hero__search-button:active {
   background-color: #5644b6;
}

.hero__talk {
   position: absolute;
   z-index: 2;
   top: 0;
}

.hero__talk p {
   padding: 10px 20px;
   color: rgb(255, 255, 255);
   font-family: Rubik;
   font-size: 14px;
   font-weight: 400;
   line-height: 120%;
   background: rgb(145, 125, 250);
}

.talk-1 {
   top: 37%;
   left: 200px;
   left: 200px;
}

.talk-1 p {
   border-radius: 50px 50px 50px 0px;
   max-width: 0;
   opacity: 0;
   -webkit-transition: all 3s ease 0.8s;
   -o-transition: all 3s ease 0.8s;
   transition: all 3s ease 0.8s;
   overflow: hidden;
   white-space: nowrap;
}

.talk-1 p.element-animation.element-show {
   max-width: 500px;
   opacity: 1;
}

.talk-2 {
   top: 37%;
   left: 33%;
}

.talk-2 p {
   border-radius: 50px 50px 0px 50px;
   max-width: 0;
   opacity: 0;
   -webkit-transition: all 3s ease 3s;
   -o-transition: all 3s ease 3s;
   transition: all 3s ease 3s;
   overflow: hidden;
   white-space: nowrap;
}

.talk-2 p.element-animation.element-show {
   max-width: 500px;
   opacity: 1;
}

.talk-3 {
   top: 49%;
   left: 1000px;
   text-align: right;
}

.talk-3 p:first-child {
   display: inline-block;
   max-width: 0;
   opacity: 0;
   -webkit-transition: all 3s ease 5s;
   -o-transition: all 3s ease 5s;
   transition: all 3s ease 5s;
   overflow: hidden;
   white-space: nowrap;
}

.talk-3 p:first-child.element-animation.element-show {
   max-width: 500px;
   opacity: 1;
}

.talk-3 p:nth-child(2) {
   max-width: 0;
   opacity: 0;
   -webkit-transition: all 3s ease 5.3s;
   -o-transition: all 3s ease 5.3s;
   transition: all 3s ease 5.3s;
   overflow: hidden;
   white-space: nowrap;
}

.talk-3 p:nth-child(2).element-animation.element-show {
   max-width: 500px;
   opacity: 1;
}

.talk-3 p {
   border-radius: 50px 50px 0px 50px;
   margin-bottom: 10px;
}

.birds-1 {
   position: absolute;
   top: 100px;
   left: 50px;
   width: auto;
   z-index: 3;
   -webkit-animation: disappearance 5s ease 3s forwards;
   animation: disappearance 5s ease 3s forwards;
}

.birds-2 {
   position: absolute;
   top: 30%;
   left: 0;
   opacity: 0;
   width: auto;
   animation: disappearance 5s ease 5s reverse forwards;
}

@-webkit-keyframes disappearance {
   0% {
      opacity: 1;
   }

   100% {
      opacity: 0;
   }
}

@keyframes disappearance {
   0% {
      opacity: 1;
   }

   100% {
      opacity: 0;
   }
}

.cloud {
   position: absolute;
   z-index: 1;
}

.cloud-1 {
   width: 133px;
   height: 70px;
   top: 56px;
   left: 0;
}

.cloud-2 {
   width: 95px;
   height: 50px;
   top: 260px;
   left: 270px;
}

.cloud-3 {
   width: 95px;
   height: 50px;
   top: 89px;
   left: 30%;
}

.cloud-4 {
   width: 95px;
   height: 50px;
   top: 180px;
   left: 27%;
}

.cloud-5 {
   width: 80px;
   height: 43px;
   top: 40px;
   left: 55%;
}

.cloud-6 {
   width: 95px;
   height: 50px;
   top: 57px;
   left: 70%;
}

.cloud-7 {
   width: 138px;
   height: 74px;
   top: 185px;
   left: 82%;
}

.cloud-8 {
   width: 100px;
   height: 55px;
   top: 65px;
   left: 90%;
}

.cloud-9 {
   width: 68px;
   height: 36px;
   top: 240px;
   left: 95%;
}

.cloud-3,
.cloud-5,
.cloud-7,
.cloud-8 {
   -webkit-animation: moovingRev 45s linear 0s infinite;
   animation: moovingRev 45s linear 0s infinite;
}

.cloud-1,
.cloud-2,
.cloud-4,
.cloud-6 {
   -webkit-animation: mooving 45s linear 0s infinite;
   animation: mooving 45s linear 0s infinite;
}

@-webkit-keyframes mooving {
   0% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
   }

   50% {
      -webkit-transform: translateX(500%);
      transform: translateX(500%);
   }

   100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
   }
}

@keyframes mooving {
   0% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
   }

   50% {
      -webkit-transform: translateX(500%);
      transform: translateX(500%);
   }

   100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
   }
}

@-webkit-keyframes moovingRev {
   0% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
   }

   50% {
      -webkit-transform: translateX(-500%);
      transform: translateX(-500%);
   }

   100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
   }
}

@keyframes moovingRev {
   0% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
   }

   50% {
      -webkit-transform: translateX(-500%);
      transform: translateX(-500%);
   }

   100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
   }
}

.money {
   position: absolute;
   top: 0;
}

.money-1 {
   top: 20%;
   left: 0;
   -webkit-animation: dropped 18s linear 0s forwards;
   animation: dropped 18s linear 0s forwards;
}

.money-2 {
   top: 45%;
   left: 3%;
   -webkit-animation: dropped 21s linear 0s forwards;
   animation: dropped 21s linear 0s forwards;
}

.money-3 {
   top: 34%;
   left: 11%;
}

.money-4 {
   top: 45%;
   left: 20%;
   -webkit-animation: dropped 17s linear 0s forwards;
   animation: dropped 17s linear 0s forwards;
}

.money-5 {
   top: 45%;
   left: 37%;
   -webkit-animation: dropped 23s linear 0s forwards;
   animation: dropped 23s linear 0s forwards;
}

.money-6 {
   top: 35%;
   left: 70%;
   -webkit-animation: dropped 27s linear 0s forwards;
   animation: dropped 27s linear 0s forwards;
}

.money-7 {
   top: 40%;
   left: 90%;
   -webkit-animation: dropped 29s linear 0s forwards;
   animation: dropped 29s linear 0s forwards;
}

.money-8 {
   top: 50%;
   left: 94%;
   -webkit-animation: dropped 31s linear 0s forwards;
   animation: dropped 31s linear 0s forwards;
}

.money-9 {
   top: 25%;
   left: 97%;
   -webkit-animation: dropped 27s linear 0s forwards;
   animation: dropped 27s linear 0s forwards;
}

@-webkit-keyframes dropped {
   100% {
      top: 90%;
   }
}

@keyframes dropped {
   100% {
      top: 90%;
   }
}

.list-1 {
   position: absolute;
   bottom: 0;
   left: 20px;
}

.list-2 {
   position: absolute;
   bottom: 0;
   right: 20px;
}

/*------------------------------Категории---------------------------*/

.cat-block-1 {
   background: url(../img/home/list.svg) right center/auto no-repeat;
}

.cat-block {
   position: relative;
}

.cat-block__body {
   padding: 25px 0 0;
   position: relative;
   z-index: 10;
}

.cat-block__info {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.cat-block__info picture {
   width: 14.935065%;
   aspect-ratio: 1/1;
   display: flex;
   align-items: center;
}

.cat-block__info img {
   width: 100%;
   -o-object-fit: contain;
   object-fit: contain;
}

.cat-block__title {
   font-family: Rubik;
   font-weight: 500;
   line-height: 110%;
   font-size: calc(30px + 30 * ((100vw - 320px) / 1600));
   -webkit-transition: all 1s ease 0.2s;
   -o-transition: all 1s ease 0.2s;
   transition: all 1s ease 0.2s;
   opacity: 0;
}

.cat-block__title.element-animation.element-show {
   opacity: 1;
}

.cat-block__content {
   -webkit-transition: all 1s ease 0.4s;
   -o-transition: all 1s ease 0.4s;
   transition: all 1s ease 0.4s;
   opacity: 0;
}

.cat-block__content.element-animation.element-show {
   opacity: 1;
}

.cat-block__slider-wrapper {
   padding-bottom: 105px;
   user-select: none;
}

.wb {
   color: rgb(145, 125, 250);
}

.ozon {
   color: rgb(0, 91, 255);
}

.slider-button-prev,
.slider-button-next {
   width: 50px;
   height: 50px;
   border-radius: 50%;
   -webkit-box-shadow: 0px 8px 17px 0px rgba(88, 67, 101, 0.05), 0px 31px 31px 0px rgba(88, 67, 101, 0.04), 0px 70px 42px 0px rgba(88, 67, 101, 0.03), 0px 124px 50px 0px rgba(88, 67, 101, 0.01), 0px 194px 54px 0px rgba(88, 67, 101, 0);
   box-shadow: 0px 8px 17px 0px rgba(88, 67, 101, 0.05), 0px 31px 31px 0px rgba(88, 67, 101, 0.04), 0px 70px 42px 0px rgba(88, 67, 101, 0.03), 0px 124px 50px 0px rgba(88, 67, 101, 0.01), 0px 194px 54px 0px rgba(88, 67, 101, 0);
   background-color: rgb(255, 255, 255);
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
   top: calc(50% - 100px) !important;
}

.slider-button-prev::after,
.slider-button-next::after {
   display: none;
}

.slider-button-prev svg,
.slider-button-next svg {
   width: 22px;
   height: 22px;
   -o-object-fit: contain;
   object-fit: contain;
   color: rgb(145, 125, 250);
   -webkit-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}

.slider-button-prev:active,
.slider-button-next:active {
   -webkit-transform: scale(0.5);
   -ms-transform: scale(0.5);
   transform: scale(0.5);
}

.slider-button-prev svg {
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg);
}

.ellipse-1 {
   position: absolute;
   width: 567px;
   height: 567px;
   left: -273px;
   top: 525px;
   -webkit-filter: blur(200px);
   filter: blur(200px);
   background: rgb(243, 237, 247);
}

.ellipse-2 {
   position: absolute;
   width: 567px;
   height: 567px;
   left: 1561px;
   top: 250px;
   -webkit-filter: blur(200px);
   filter: blur(200px);
   background: rgb(243, 237, 247);
}

/*------------------------------Infoblock---------------------------*/

.infoblock {
   margin: 25px 0;
}

.no-webp .infoblock__body {
   background: url(../img/home/clouds.png) 0% 20%/contain no-repeat, #f9f4fc;
}

.infoblock__body {
   border-radius: 20px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   padding: 40px 40px 0 40px;
   position: relative;
   max-height: 450px;
   overflow: hidden;
}

.infoblock__text {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 50%;
   flex: 0 1 50%;
   padding-bottom: 40px;
   position: relative;
   z-index: 2;
}

.infoblock__title {
   color: rgb(42, 47, 71);
   font-family: Rubik;
   font-weight: 500;
   line-height: 110%;
   margin-bottom: 10px;
   font-size: calc(28px + 32 * ((100vw - 320px) / 1600));
}

.infoblock__subtitle {
   color: rgb(42, 47, 71);
   font-family: Rubik;
   font-weight: 500;
   line-height: 120%;
   margin-bottom: 50px;
   font-size: calc(24px + 22 * ((100vw - 320px) / 1600));
}

.infoblock__link a {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   color: rgb(255, 255, 255);
   font-family: Rubik;
   font-size: 16px;
   font-weight: 400;
   line-height: 140%;
   gap: 10px;
   background-color: rgb(145, 125, 250);
   -webkit-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
   border-radius: 10px;
   padding: 16px 32px;
   min-width: 240px;
}

.infoblock__link a svg {
   width: 22px;
   height: 22px;
   -o-object-fit: contain;
   object-fit: contain;
   color: #fff;
   -webkit-transform: translateY(2px);
   -ms-transform: translateY(2px);
   transform: translateY(2px);
}

.infoblock__link a:active {
   background: #5644b6;
}

.infoblock__image {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 50%;
   flex: 0 1 50%;
   width: 100%;
   height: 100%;
}

.infoblock__image img {
   width: 100%;
   height: 100%;
   -o-object-fit: contain;
   object-fit: contain;
   max-height: 440px;
   max-height: 440px;
   -o-object-position: bottom;
   object-position: bottom;
}

/*------------------------------Поиск в каталоге---------------------------*/

.catalog-search {
   background: rgb(151, 118, 235);
   -webkit-transition: all 0.8s ease 0.2s;
   -o-transition: all 0.8s ease 0.2s;
   transition: all 0.8s ease 0.2s;
   opacity: 0;
}

.catalog-search.element-animation.element-show {
   opacity: 1;
}

.catalog-search__body {
   padding: 20px 0;
}

.catalog-search__form {
   width: 100%;
   position: relative;
   height: 60px;
   border-radius: 10px;
   background: rgb(255, 255, 255);
}

.catalog-search__form input {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border-radius: 10px;
   background: rgb(255, 255, 255);
   padding: 18px 18px 18px 84px;
   z-index: 1;
   font-family: Rubik;
   font-size: 14px;
   font-weight: 500;
}

.catalog-search__submit {
   width: auto;
   height: 50px;
   border-radius: 10px;
   background: rgb(145, 125, 250);
   color: rgb(255, 255, 255);
   font-family: Rubik;
   font-size: 16px;
   font-weight: 500;
   line-height: 140%;
   letter-spacing: 0%;
   text-align: left;
   position: absolute;
   top: 5px;
   right: 5px;
   z-index: 2;
   padding-inline: 20px;
   min-width: 140px;
   text-align: center;
}

.catalog-search__icon {
   position: absolute;
   top: 50%;
   left: 40px;
   width: 24px;
   height: 24px;
   background: transparent;
   z-index: 2;
   color: rgb(42, 47, 71);
   font-family: Rubik;
   font-size: 16px;
   font-weight: 500;
   width: 16px;
   height: 16px;
   color: rgb(148, 153, 181);
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
}

/*------------------------------КАТАЛОГ---------------------------*/

.no-webp .catalog {
   background: url(../img/home/clouds2.png) 0% 5%/1992px 376px no-repeat;
}

.catalog {
   position: relative;
   z-index: 3;
}

.catalog .ellipse-3 {
   position: absolute;
   width: 567px;
   height: 567px;
   left: -284px;
   top: 659px;
   -webkit-filter: blur(200px);
   filter: blur(200px);
   background: rgb(243, 237, 247);
}

.catalog .ellipse-4 {
   position: absolute;
   width: 567px;
   height: 567px;
   right: -250px;
   top: 358px;
   -webkit-filter: blur(200px);
   filter: blur(200px);
   background: rgb(243, 237, 247);
}

.catalog__body {
   padding: 20px 0;
   position: relative;
   z-index: 2;
}

.catalog__settings {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: end;
   gap: 20px;
   margin-bottom: 20px;
}

.catalog__sort {
   width: 180px;
}

.catalog__sort .s-dropdown .dropdown__button {
   border-radius: 5px;
   -webkit-box-shadow: 0px 4px 10px 0px rgba(114, 87, 133, 0.05), 0px 17px 17px 0px rgba(114, 87, 133, 0.04), 0px 39px 24px 0px rgba(114, 87, 133, 0.03), 0px 70px 28px 0px rgba(114, 87, 133, 0.01), 0px 109px 31px 0px rgba(114, 87, 133, 0);
   box-shadow: 0px 4px 10px 0px rgba(114, 87, 133, 0.05), 0px 17px 17px 0px rgba(114, 87, 133, 0.04), 0px 39px 24px 0px rgba(114, 87, 133, 0.03), 0px 70px 28px 0px rgba(114, 87, 133, 0.01), 0px 109px 31px 0px rgba(114, 87, 133, 0);
   background: rgb(255, 255, 255);
   color: rgb(0, 0, 0);
   font-family: Rubik;
   font-size: 16px;
   font-weight: 400;
   line-height: 140%;
   padding: 11px 20px;
   height: 44px;
}

.catalog__sort .s-dropdown .dropdown__button::after {
   top: 12px;
   background: url(../img/icons/chevron-down.svg) center/10px 6px no-repeat;
   -webkit-filter: brightness(1.5);
   filter: brightness(1.5);
}

.catalog__notifications {
   width: 44px;
   height: 44px;
   border-radius: 10px;
   -webkit-box-shadow: 0px 4px 10px 0px rgba(114, 87, 133, 0.05), 0px 17px 17px 0px rgba(114, 87, 133, 0.04), 0px 39px 24px 0px rgba(114, 87, 133, 0.03), 0px 70px 28px 0px rgba(114, 87, 133, 0.01), 0px 109px 31px 0px rgba(114, 87, 133, 0);
   box-shadow: 0px 4px 10px 0px rgba(114, 87, 133, 0.05), 0px 17px 17px 0px rgba(114, 87, 133, 0.04), 0px 39px 24px 0px rgba(114, 87, 133, 0.03), 0px 70px 28px 0px rgba(114, 87, 133, 0.01), 0px 109px 31px 0px rgba(114, 87, 133, 0);
   background: rgb(255, 255, 255);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}

.catalog__notifications svg {
   width: 24px;
   height: 24px;
   -o-object-fit: contain;
   object-fit: contain;
   color: rgb(41, 47, 71);
}

.catalog__view {
   width: 86px;
   height: 44px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   gap: 2px;
   padding: 2px;
   border-radius: 10px;
   -webkit-box-shadow: 0px 4px 10px 0px rgba(114, 87, 133, 0.05), 0px 17px 17px 0px rgba(114, 87, 133, 0.04), 0px 39px 24px 0px rgba(114, 87, 133, 0.03), 0px 70px 28px 0px rgba(114, 87, 133, 0.01), 0px 109px 31px 0px rgba(114, 87, 133, 0);
   box-shadow: 0px 4px 10px 0px rgba(114, 87, 133, 0.05), 0px 17px 17px 0px rgba(114, 87, 133, 0.04), 0px 39px 24px 0px rgba(114, 87, 133, 0.03), 0px 70px 28px 0px rgba(114, 87, 133, 0.01), 0px 109px 31px 0px rgba(114, 87, 133, 0);
   background: rgb(255, 255, 255);
}

.catalog__view-grid,
.catalog__view-mozaik {
   width: 40px;
   height: 40px;
   border-radius: 10px;
   -webkit-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}

.catalog__view-grid svg,
.catalog__view-mozaik svg {
   width: 24px;
   height: 24px;
   color: rgba(41, 47, 71, 0.2);
   -webkit-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
   -webkit-transform: translateY(1.5px);
   -ms-transform: translateY(1.5px);
   transform: translateY(1.5px);
}

.catalog__view-grid.active,
.catalog__view-mozaik.active {
   background-color: rgb(145, 125, 250);
}

.catalog__view-grid.active svg,
.catalog__view-mozaik.active svg {
   color: #fff;
}

.catalog__content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 20px;
}

.catalog__filters {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 370px;
   flex: 0 0 370px;
   height: auto;
   position: relative;
}

.catalog__products {
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: 1fr 1fr 1fr;
   grid-template-columns: 1fr 1fr 1fr;
   gap: 20px;
}

.catalog__products .product__description {
   display: none;
}

.catalog__products.view-rows {
   -ms-grid-columns: 1fr;
   grid-template-columns: 1fr;
   gap: 20px;
}

.catalog__products.view-rows .product {
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   gap: 30px;
   border-radius: 20px;
   padding: 20px;
   -webkit-box-shadow: 0px 11px 25px 0px rgba(195, 193, 215, 0.5), 0px 45px 45px 0px rgba(195, 193, 215, 0.04), 0px 102px 61px 0px rgba(195, 193, 215, 0.03), 0px 181px 72px 0px rgba(195, 193, 215, 0.01), 0px 282px 79px 0px rgba(195, 193, 215, 0);
   box-shadow: 0px 11px 25px 0px rgba(195, 193, 215, 0.5), 0px 45px 45px 0px rgba(195, 193, 215, 0.04), 0px 102px 61px 0px rgba(195, 193, 215, 0.03), 0px 181px 72px 0px rgba(195, 193, 215, 0.01), 0px 282px 79px 0px rgba(195, 193, 215, 0);
   background: rgb(255, 255, 255);
   max-width: 100%;
}

.catalog__products.view-rows .product .product__info {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 70%;
   flex: 0 1 70%;
}

.catalog__products.view-rows .product .product__name {
   font-size: 24px;
   margin-bottom: 10px;
}

.catalog__products.view-rows .product .product__price {
   font-size: 28px;
   margin-bottom: 20px;
}

.catalog__products.view-rows .product .product__description {
   display: block;
}

.catalog__products.view-rows .product:hover {
   -webkit-box-shadow: 0px 11px 25px 0px rgba(195, 193, 215, 0.7), 0px 45px 45px 0px rgba(195, 193, 215, 0.24), 0px 102px 61px 0px rgba(195, 193, 215, 0.23), 0px 181px 72px 0px rgba(195, 193, 215, 0.21);
   box-shadow: 0px 11px 25px 0px rgba(195, 193, 215, 0.7), 0px 45px 45px 0px rgba(195, 193, 215, 0.24), 0px 102px 61px 0px rgba(195, 193, 215, 0.23), 0px 181px 72px 0px rgba(195, 193, 215, 0.21);
}

/*------------------------------Карточка товара---------------------------*/

.product-card__gallery {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 41%;
   flex: 0 1 41%;
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 10px;
}

.product-card__slider-thumb {
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
   height: 100%;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   max-height: 690px;
}

.product-card__slider-thumb-wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.product-card__thumb {
   border-radius: 10px;
   overflow: hidden;
   -webkit-filter: brightness(0.8);
   filter: brightness(0.8);
   cursor: pointer;
}

@media (min-width: 600px) {
   .product-card__sl-con {
      max-width: 100px;
      flex: 0 1 100px;
   }
}

.product-card__thumb picture,
.product-card__thumb img {
   display: block;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.product-card__thumb.swiper-slide-thumb-active {
   -webkit-filter: brightness(1);
   filter: brightness(1);
}

.product-card__slider {
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
   width: 100%;
   height: 100%;
   max-height: 692px;
}

.product-card__slide {
   border-radius: 20px;
   overflow: hidden;
}

.product-card__slide img {
   width: 100%;
   -o-object-position: top;
   object-position: top;
   height: 100%;
   -o-object-fit: contain;
   object-fit: contain;
}

.product-card .product-card__slider-next,
.product-card .product-card__slider-prev {
   top: 50% !important;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
}

.product-card .product-card__slider-next:active,
.product-card .product-card__slider-prev:active {
   -webkit-transform: translateY(-50%) scale(0.7);
   -ms-transform: translateY(-50%) scale(0.7);
   transform: translateY(-50%) scale(0.7);
}

.product-card {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 20px;
   margin-bottom: calc(30px + 70 * ((100vw - 320px) / 1600));
}

.product-card__details {
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.product-card__name {
   color: rgb(42, 47, 71);
   font-family: Rubik;
   font-size: 38px;
   font-weight: 500;
   line-height: 110%;
   margin-bottom: 20px;
}

.product-card__date-share {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 90px;
   margin-bottom: 40px;
}

.product-card__date {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 10px;
   color: rgba(42, 47, 71, 0.4);
   font-family: Rubik;
   font-size: 16px;
   font-weight: 400;
   line-height: 140%;
   -webkit-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}

.product-card__date svg {
   width: 24px;
   height: 24px;
   -o-object-fit: contain;
   object-fit: contain;
   color: rgba(42, 47, 71, 0.4);
   -webkit-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}

.product-card__share {
   position: relative;
}

.product-card__share-open {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 10px;
   color: rgba(42, 47, 71, 0.4);
   font-family: Rubik;
   font-size: 16px;
   font-weight: 400;
   line-height: 140%;
   -webkit-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}

.product-card__share-open.active {
   color: rgb(145, 125, 250);
}

.product-card__share-open.active svg {
   color: rgb(145, 125, 250);
}

.product-card__share-open svg {
   width: 24px;
   height: 24px;
   -o-object-fit: contain;
   object-fit: contain;
   color: rgba(42, 47, 71, 0.4);
   -webkit-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}

.product-card__share-open.active .product-card__share-block {
   display: block;
}

.product-card__description-title {
   color: rgb(42, 47, 71);
   font-family: Rubik;
   font-size: 20px;
   font-weight: 500;
   line-height: 110%;
   margin-bottom: 20px;
}

.product-card__description-text {
   color: rgb(0, 0, 0);
   font-family: Rubik;
   font-size: 16px;
   font-weight: 400;
   line-height: 140%;
   margin-bottom: 20px;
}

.product-card__description-text p:not(:last-child) {
   margin-bottom: 20px;
}

.product-card__details-more {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   border-radius: 20px;
   -webkit-box-shadow: 0px 11px 25px 0px rgba(195, 193, 215, 0.05), 0px 45px 45px 0px rgba(195, 193, 215, 0.04), 0px 102px 61px 0px rgba(195, 193, 215, 0.03), 0px 181px 72px 0px rgba(195, 193, 215, 0.01), 0px 282px 79px 0px rgba(195, 193, 215, 0);
   box-shadow: 0px 11px 25px 0px rgba(195, 193, 215, 0.05), 0px 45px 45px 0px rgba(195, 193, 215, 0.04), 0px 102px 61px 0px rgba(195, 193, 215, 0.03), 0px 181px 72px 0px rgba(195, 193, 215, 0.01), 0px 282px 79px 0px rgba(195, 193, 215, 0);
   background: rgb(255, 255, 255);
   padding: 20px;
}

.product-card__price-links {
   padding-right: 20px;
   -webkit-box-flex: 0;
   -ms-flex: 0 1 50%;
   flex: 0 1 50%;
   border-right: 1px solid rgb(229, 216, 237);
}

.product-card__price {
   color: rgb(42, 47, 71);
   font-family: Rubik;
   font-size: 28px;
   font-weight: 600;
   line-height: 140%;
   margin-bottom: 20px;
}

.product-card__write-message,
.product-card__buy {
   display: block;
   border-radius: 10px;
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   gap: 10px;
   font-family: Rubik;
   font-size: 16px;
   font-weight: 400;
   line-height: 140%;
   padding: 17px 30px;
   -webkit-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
   white-space: nowrap;
}

.product-card__write-message svg,
.product-card__buy svg {
   width: 20px;
   height: 20px;
   -o-object-fit: contain;
   object-fit: contain;
   color: inherit;
   -webkit-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}

.product-card__write-message:active,
.product-card__buy:active {
   -webkit-transform: scale(0.7);
   -ms-transform: scale(0.7);
   transform: scale(0.7);
}

.product-card__write-message {
   color: rgb(41, 47, 71);
   background-color: rgba(145, 125, 250, 0.2);
   margin-bottom: 12px;
}

.product-card__buy {
   color: #fff;
   background-color: rgb(145, 125, 250);
   margin-bottom: 20px;
}

.product-card__bs {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   color: rgba(42, 47, 71, 0.5);
   font-family: Rubik;
   font-size: 14px;
   font-weight: 400;
   line-height: 140%;
   white-space: nowrap;
   gap: 10px;
}

.product-card__bs svg {
   width: 19px;
   height: 21px;
   -o-object-fit: contain;
   object-fit: contain;
   color: rgb(145, 125, 250);
}

.product-card__author {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 50%;
   flex: 0 1 50%;
}

.author {
   padding: 20px;
}

.author__card {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   gap: 10px;
   padding-bottom: 20px;
   border-bottom: 1px solid rgb(229, 216, 237);
}

.author__image {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 50px;
   flex: 0 0 50px;
   width: 50px;
   height: 50px;
   border-radius: 50%;
   overflow: hidden;
}

.author__image img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.author__info {
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
}

.author__name {
   color: rgb(145, 125, 250);
   font-family: Rubik;
   font-size: 16px;
   font-weight: 400;
   line-height: 140%;
   margin-bottom: 2px;
}

.author__reg-date {
   margin-bottom: 10px;
   color: rgba(42, 47, 71, 0.5);
   font-family: Rubik;
   font-size: 14px;
   font-weight: 400;
   line-height: 140%;
}

.author__verify {
   padding-top: 20px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   gap: 20px;
}

.author__verify-profil {
   border-radius: 5px;
   background: rgb(54, 191, 100);
   padding: 10px 12px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   gap: 10px;
   color: #fff;
   font-family: Rubik;
   font-size: 12px;
   font-weight: 400;
   line-height: 140%;
   white-space: nowrap;
   -webkit-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}

.author__verify-profil svg {
   width: 14px;
   height: 8px;
   color: #fff;
}

.author__verify-contacts p {
   color: rgba(42, 47, 71, 0.5);
   font-family: Rubik;
   font-size: 12px;
   font-weight: 400;
   line-height: 140%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 10px;
}

.author__verify-contacts p svg {
   width: 14px;
   height: 8px;
   color: rgba(42, 47, 71, 0.5);
}

.author__verify-contacts p:not(:last-child) {
   margin-bottom: 10px;
}

.rating {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   gap: 5px;
}

.rating__star {
   width: 24px;
   height: 24px;
   -o-object-fit: contain;
   object-fit: contain;
   color: rgba(41, 47, 71, 0.2);
}

.rating__star.checked {
   color: rgb(145, 125, 250);
}

.rating span {
   display: inline-block;
   margin-left: 7px;
}

.share-block {
   position: absolute;
   top: 100%;
   left: -95px;
   width: 316px;
   padding: 20px;
   background: #fff;
   border-radius: 10px;
   display: none;
   -webkit-box-shadow: 0px 8px 17px 0px rgba(88, 67, 101, 0.05), 0px 31px 31px 0px rgba(88, 67, 101, 0.04), 0px 70px 42px 0px rgba(88, 67, 101, 0.03), 0px 124px 50px 0px rgba(88, 67, 101, 0.01), 0px 194px 54px 0px rgba(88, 67, 101, 0);
   box-shadow: 0px 8px 17px 0px rgba(88, 67, 101, 0.05), 0px 31px 31px 0px rgba(88, 67, 101, 0.04), 0px 70px 42px 0px rgba(88, 67, 101, 0.03), 0px 124px 50px 0px rgba(88, 67, 101, 0.01), 0px 194px 54px 0px rgba(88, 67, 101, 0);
}

.share-block.opened {
   display: block;
}

.share-block__title {
   color: rgb(0, 0, 0);
   font-family: Rubik;
   font-size: 16px;
   font-weight: 400;
   line-height: 140%;
   margin-bottom: 9px;
   text-align: center;
}

.share-block__socials {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   gap: 9px;
   margin-bottom: 9px;
}

.share-block__link {
   width: 50px;
   height: 50px;
   border-radius: 50%;
   background: rgb(233, 229, 254);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}

.share-block__link svg {
   width: 24px;
   height: 24px;
   -o-object-fit: contain;
   object-fit: contain;
   color: rgb(145, 125, 250);
}

.share-block__copy {
   width: 100%;
   height: 50px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   border: 1px solid rgb(242, 237, 252);
   border-radius: 5px;
   -webkit-box-shadow: 0px 11px 25px 0px rgba(195, 193, 215, 0.05), 0px 45px 45px 0px rgba(195, 193, 215, 0.04), 0px 102px 61px 0px rgba(195, 193, 215, 0.03), 0px 181px 72px 0px rgba(195, 193, 215, 0.01), 0px 282px 79px 0px rgba(195, 193, 215, 0);
   box-shadow: 0px 11px 25px 0px rgba(195, 193, 215, 0.05), 0px 45px 45px 0px rgba(195, 193, 215, 0.04), 0px 102px 61px 0px rgba(195, 193, 215, 0.03), 0px 181px 72px 0px rgba(195, 193, 215, 0.01), 0px 282px 79px 0px rgba(195, 193, 215, 0);
   background: rgb(255, 255, 255);
   position: relative;
}

.share-block__copy-text {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   padding: 14px 60px 14px 20px;
   color: rgb(0, 0, 0);
   font-family: Rubik;
   font-size: 16px;
   font-weight: 400;
   line-height: 140%;
   cursor: col-resize;
}

.share-block__copy-button {
   position: absolute;
   top: 5px;
   right: 10px;
   width: 40px;
   height: 40px;
   border-radius: 5px;
   -webkit-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
   background: rgb(233, 229, 254);
}

.share-block__copy-button svg {
   width: 16px;
   height: 16px;
   -o-object-fit: contain;
   object-fit: contain;
   color: #000;
   -webkit-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}

.share-block__copy-button .success-message {
   color: rgb(145, 125, 250);
   font-family: Rubik;
   font-size: 14px;
   font-weight: 400;
   line-height: 140%;
   display: none;
}

.share-block__copy-button.success {
   background: rgb(145, 125, 250);
   width: auto;
   padding-inline: 10px;
}

.share-block__copy-button.success svg {
   display: none;
}

.share-block__copy-button.success .success-message {
   color: #fff;
   display: block;
}

/*------------------------------Отзывы---------------------------*/

.testimonials {
   position: relative;
   z-index: 3;
}

.testimonials__body {
   padding-bottom: 100px;
}

.testimonials__title {
   color: rgb(42, 47, 71);
   font-family: Rubik;
   font-size: 28px;
   font-weight: 500;
   line-height: 140%;
   margin-bottom: 20px;
   text-align: center;
}

.testimonials__chat {
   border-radius: 10px;
   background: rgba(145, 125, 250, 0.1);
   padding: 40px;
}

.testimonials__chat .button-violet {
   margin-inline: auto;
}

.testimonials__chat-items {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 20px;
   margin-bottom: 20px;
}

.testimonials__chat-items .empty-chat-message {
   display: none;
   text-align: center;
   margin-top: 20px;
}

.testimonials__chat-items.empty-chat .empty-chat-message {
   display: block;
}

.testimonial {
   border-radius: 20px;
   background: rgb(255, 255, 255);
   padding: 40px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 20px;
}

.testimonial__author {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 12px;
   margin-bottom: 12px;
}

.testimonial__author-image {
   width: 50px;
   height: 50px;
   border-radius: 50%;
   overflow: hidden;
}

.testimonial__author-image img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.testimonial__author-info {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
   gap: 20px;
}

.testimonial__author-info .rating__star {
   width: 20px;
   height: 20px;
}

.testimonial__author-name {
   font-family: Rubik;
   font-size: 16px;
   font-weight: 400;
   line-height: 140%;
   margin-bottom: 6px;
}

.testimonial__author-status {
   font-family: Rubik;
   font-size: 16px;
   font-weight: 400;
   line-height: 140%;
   letter-spacing: 0%;
   text-align: left;
}

.testimonial__author-status span {
   color: rgb(145, 125, 250);
}

.testimonial__message {
   margin-bottom: 12px;
}

.testimonial__date {
   color: rgba(42, 47, 71, 0.5);
   font-family: Rubik;
   font-size: 12px;
   font-weight: 400;
   line-height: 140%;
}

.testimonial__answer {
   border-radius: 10px;
   background: rgb(244, 242, 255);
   padding: 20px;
   width: 96%;
   margin-left: auto;
}

/*------------------------------Похожие товары---------------------------*/

.similar-products {
   background: rgba(244, 242, 255, 0.5) !important;
}

.similar-products__body {
   padding-top: 100px;
}

.similar-products__title {
   color: rgb(42, 47, 71);
   font-family: Rubik;
   font-size: 28px;
   font-weight: 500;
   line-height: 140%;
   margin-bottom: 60px;
}

/*------------------------------Профиль---------------------------*/

.no-webp .profile {
   background: url(../img/home/clouds2.png) 0% 50px/1992px 376px no-repeat;
}

.profile {
   position: relative;
}

.profile .ellipse-5 {
   position: absolute;
   width: 567px;
   height: 567px;
   left: -284px;
   top: 659px;
   -webkit-filter: blur(200px);
   filter: blur(200px);
   background: rgb(243, 237, 247);
}

.profile .ellipse-6 {
   position: absolute;
   width: 567px;
   height: 567px;
   right: -250px;
   top: 358px;
   -webkit-filter: blur(200px);
   filter: blur(200px);
   background: rgb(243, 237, 247);
}

.profile__body {
   padding: 20px 0 100px;
   position: relative;
   z-index: 2;
}

.profile__content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   gap: 20px;
}

.profile__aside {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 370px;
   flex: 0 0 370px;
}

.profile__author {
   border-radius: 10px;
   -webkit-box-shadow: 0px 11px 25px 0px rgba(195, 193, 215, 0.05), 0px 45px 45px 0px rgba(195, 193, 215, 0.04), 0px 102px 61px 0px rgba(195, 193, 215, 0.03), 0px 181px 72px 0px rgba(195, 193, 215, 0.01), 0px 282px 79px 0px rgba(195, 193, 215, 0);
   box-shadow: 0px 11px 25px 0px rgba(195, 193, 215, 0.05), 0px 45px 45px 0px rgba(195, 193, 215, 0.04), 0px 102px 61px 0px rgba(195, 193, 215, 0.03), 0px 181px 72px 0px rgba(195, 193, 215, 0.01), 0px 282px 79px 0px rgba(195, 193, 215, 0);
   background: rgb(255, 255, 255);
}

.profile__author .author__verify {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.profile__adds {
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
}

.profile__tabs {
   border-radius: 10px;
   -webkit-box-shadow: 0px 4px 10px 0px rgba(114, 87, 133, 0.05), 0px 17px 17px 0px rgba(114, 87, 133, 0.04), 0px 39px 24px 0px rgba(114, 87, 133, 0.03), 0px 70px 28px 0px rgba(114, 87, 133, 0.01), 0px 109px 31px 0px rgba(114, 87, 133, 0);
   box-shadow: 0px 4px 10px 0px rgba(114, 87, 133, 0.05), 0px 17px 17px 0px rgba(114, 87, 133, 0.04), 0px 39px 24px 0px rgba(114, 87, 133, 0.03), 0px 70px 28px 0px rgba(114, 87, 133, 0.01), 0px 109px 31px 0px rgba(114, 87, 133, 0);
   background: rgb(255, 255, 255);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding: 5px;
   width: 100%;
   max-width: 410px;
   margin-bottom: 20px;
}

.profile__tab {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 50%;
   flex: 0 1 50%;
   background: rgba(145, 125, 250, 0.1);
   color: rgba(42, 47, 71, 0.4);
   font-family: Rubik;
   font-size: 18px;
   font-weight: 500;
   line-height: 140%;
   padding: 10px 20px;
   -webkit-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
   cursor: pointer;
   text-align: center;
}

.profile__tab.active {
   background-color: rgb(145, 125, 250);
   color: #fff;
}

.profile__tab:first-child {
   border-radius: 5px 0px 0px 5px;
}

.profile__tab:last-child {
   border-radius: 0px 5px 5px 0px;
}

.profile__tab-content {
   display: none;
   -ms-grid-columns: 1fr 1fr 1fr;
   grid-template-columns: 1fr 1fr 1fr;
   gap: 20px;
   -webkit-transition: all 0.5s ease 0s;
   -o-transition: all 0.5s ease 0s;
   transition: all 0.5s ease 0s;
}

.profile__tab-content.active {
   display: -ms-grid;
   display: grid;
}

@media (min-width: 1201px) {
   .catalog__content .header__filter-body {
      display: block;
   }

   .catalog__content .header__filter-body .header__filter-title {
      display: none;
   }

   .catalog__filters .header__filter-settings {
      min-height: unset;
      border-radius: 10px;
      -webkit-box-shadow: 0px 11px 25px 0px rgba(195, 193, 215, 0.05), 0px 45px 45px 0px rgba(195, 193, 215, 0.04), 0px 102px 61px 0px rgba(195, 193, 215, 0.03), 0px 181px 72px 0px rgba(195, 193, 215, 0.01), 0px 282px 79px 0px rgba(195, 193, 215, 0);
      box-shadow: 0px 11px 25px 0px rgba(195, 193, 215, 0.05), 0px 45px 45px 0px rgba(195, 193, 215, 0.04), 0px 102px 61px 0px rgba(195, 193, 215, 0.03), 0px 181px 72px 0px rgba(195, 193, 215, 0.01), 0px 282px 79px 0px rgba(195, 193, 215, 0);
      background: rgb(255, 255, 255);
   }
}

@media (max-width: 1700px) {
   .list-1 {
      left: -50px;
   }

   .list-2 {
      right: -20px;
   }
}

@media (max-width: 1600px) {
   .list-1 {
      display: none;
   }

   .product-card__slider-thumb {
      max-height: 560px;
   }

   .product-card__slider {
      max-height: 630px;
   }
}

@media (max-width: 1540px) {
   .hero__title {
      font-size: calc(30px + 16 * ((100vw - 320px) / 1220));
   }

   .talk-1 {
      left: calc(-400px + 600 * ((100vw - 320px) / 1220));
   }

   .talk-3 {
      left: calc(300px + 700 * ((100vw - 320px) / 1220));
   }
}

@media (max-width: 1500px) {
   .author__verify {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }

   .author__verify-profil {
      width: 100%;
   }
}

@media (max-width: 1450px) {
   .birds-1 {
      top: 10px;
      left: 10px;
   }
}

@media (max-width: 1400px) {
   .list-2 {
      display: none;
   }
}

@media (max-width: 1330px) {
   .header__body {
      gap: 30px;
   }
}

@media (max-width: 1200px) {
   .header__body {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }

   .header__top {
      width: 100%;
   }

   .header__search {
      display: block;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      width: 100%;
      position: relative;
      height: 40px;
      min-width: 134px;
      max-width: 800px;
   }

   .header__search input {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 5px;
      background: rgb(255, 255, 255);
      padding: 10px 12px 10px 36px;
      z-index: 1;
      font-family: Rubik;
      font-size: 14px;
      font-weight: 500;
   }

   .header__add-buttons {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 10px;
   }

   .header__bottom {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
   }

   .header__navigations {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: fixed;
      top: 189px;
      right: 0;
      -webkit-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      height: calc(100svh - 189px);
      max-height: 100svh;
      overflow-y: hidden;
      background: #b2a4ff;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 40px;
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%);
      z-index: 11;
      width: min(100%, 350px);
      overflow-y: auto;
   }

   .header__navigations.opened {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
      gap: 30px;
   }

   .header__buttons {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 100%;
   }

   .header__login {
      padding: 10px;
   }

   .header__add {
      padding: 10px;
      width: 100%;
   }

   .header__tags {
      display: block;
   }

   .header__filter-body {
      display: block;
      position: fixed;
      top: 189px;
      right: 0px;
      width: min(100%, 370px);
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%);
      -webkit-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s !important;
      max-height: 100svh;
      overflow-y: auto;
      z-index: 55;
   }

   .header__filter-body.opened {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
   }

   .menu__list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 20px;
   }

   .menu__link {
      font-size: 20px;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
   }

   .menu__link-arrow {
      display: none;
   }

   .menu__sublist {
      display: block;
      position: static;
      background: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      color: #fff;
      padding: 10px;
      text-align: center;
   }

   .menu__sublist::before {
      display: none;
   }

   .menu__sublist-link {
      color: #fff;
   }

   .catalog-menu {
      top: 189px;
   }

   .no-webp .hero {
      background: url(../img/hero/bg.png) 0% 0%/cover no-repeat, #faf5fc;
   }

   .talk-1 {
      left: 38%;
   }

   .talk-2 {
      left: unset;
      right: 20px;
   }

   .talk-3 {
      display: none;
   }

   .money-7,
   .money-8,
   .money-9 {
      display: none;
   }

   .cat-block-1 {
      background: none;
   }

   .catalog-search {
      display: none;
   }

   .catalog__filters {
      position: absolute;
   }

   .product-card {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }

   .similar-products__body {
      padding-top: 60px;
   }
}

@media (max-width: 1100px) {
   .profile__content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }

   .profile__aside {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
   }
}

@media (max-width: 1024px) {
   .talk-1 {
      left: 45%;
   }

   .talk-2 {
      display: none;
   }
}

@media (max-width: 1000px) {
   .container {
      width: min(100% - 27px, 1540px);
   }

   .catalog-menu__list {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
   }

   .footer__logo {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
   }

   .footer-main {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      gap: 40px;
   }

   .infoblock__text {
      -webkit-box-flex: 0;
      -ms-flex: 0 1 70%;
      flex: 0 1 70%;
   }

   .infoblock__image {
      position: absolute;
      bottom: 0;
      right: 0;
      width: 60%;
   }
}

@media (max-width: 800px) {
   .footer__under-body {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      padding: 20px 0;
   }

   .no-webp .hero {
      background: url(../img/hero/bg.png) 10% 0%/cover no-repeat, #faf5fc;
   }
}

@media (max-width: 767px) {
   .header__body {
      gap: 10px;
   }

   .header__logo {
      width: 64px;
   }

   .header__navigations {
      top: 142px;
      height: calc(100svh - 142px);
   }

   .header__filter-body {
      top: 142px;
   }

   .catalog-menu {
      top: 142px;
   }

   .catalog-menu__categories {
      width: 100%;
   }

   .catalog-menu__categories.closed {
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%);
      display: none;
   }

   .catalog-menu__subcategories {
      position: absolute;
      top: 0;
      left: 0;
      padding: 30px;
      background: #fff;
      z-index: 4;
      height: auto;
      -webkit-transition: all 0.3s linear 0s;
      -o-transition: all 0.3s linear 0s;
      transition: all 0.3s linear 0s;
      width: 100%;
   }

   .catalog-menu__subcategories.closed {
      -webkit-transform: translateX(-100%) !important;
      -ms-transform: translateX(-100%) !important;
      transform: translateX(-100%) !important;
   }

   .catalog-menu__back {
      display: block;
      color: rgb(145, 125, 250);
      width: 32px;
      height: 32px;
      -o-object-fit: contain;
      object-fit: contain;
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
   }

   .catalog-menu__title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 20px;
   }

   .money-3,
   .money-4 {
      display: none;
   }

   .similar-products__body {
      padding-top: 20px;
   }

   .profile .ellipse-5 {
      width: 250px;
      height: 25px;
      left: -150px;
   }

   .profile .ellipse-6 {
      width: 250px;
      height: 25px;
      right: -150px;
   }

   .profile__tab-content {
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
   }
}

@media (max-width: 700px) {
   .product-card__details-more {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 20px;
   }

   .product-card__price-links {
      border: none;
      padding: 0;
   }
}

@media (max-width: 650px) {
   .catalog__products {
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
   }

   .catalog__products.view-rows {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      gap: 20px;
   }

   .catalog__products.view-rows .product .product__description {
      display: none;
   }

   .catalog__products.view-rows .product .product__info {
      -webkit-box-flex: 0;
      -ms-flex: 0 1 60%;
      flex: 0 1 60%;
   }

   .catalog__products.view-rows .product .product__image {
      -webkit-box-flex: 0;
      -ms-flex: 0 1 40%;
      flex: 0 1 40%;
   }

   .testimonial {
      padding: 20px;
      position: relative;
   }
}

@media (max-width: 600px) {
   .no-webp .hero {
      background: url(../img/hero/bg-mobile.png) 0% 100%/cover no-repeat, #faf5fc;
   }

   .money-2,
   .cloud-8 {
      display: none;
   }

   .product-card__gallery {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      gap: 10px;
   }

   .product-card__slider-thumb-wrapper {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      max-width: 100%;
   }

   .product-card__slider {
      max-width: 100%;
      max-height: unset;
   }

   .product-card__slide {
      border-radius: 30px;
   }

   .product-card__date-share {
      gap: 10px;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-bottom: 20px;
   }

   .share-block {
      left: unset;
      right: 0;
   }

   .testimonials__body {
      padding-bottom: 30px;
   }

   .testimonials__chat {
      padding: 20px;
   }

   .profile__title {
      margin-bottom: 10px;
   }
}

@media (max-width: 550px) {
   .show-more-link {
      max-width: 100%;
      display: none;
      width: 100%;
   }

   .show-more-link.show-more-products {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      max-width: 100%;
      width: 100%;
   }

   .product {
      padding: 10px;
   }

   .product__name {
      font-size: 12px;
   }

   .product__price {
      font-size: 16px;
   }

   .header__search {
      width: 100%;
      max-width: 100%;
      margin: 0 20px;
   }

   .header__catalog {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 40px;
      flex: 0 0 40px;
      width: 40px;
      height: 40px;
   }

   .header__catalog-button {
      min-width: 40px;
      width: 40px;
      height: 40px;
      padding: 0;
   }

   .header__catalog-button span {
      display: none;
   }

   .header__catalog-button svg {
      width: 24px;
      height: 24px;
   }

   .header__navigations {
      top: 122px;
      height: calc(100svh - 122px);
      padding: 40px 40px 100px 40px;
   }

   .header__tags {
      max-width: calc(100% - 50px);
   }

   .header__filter-body {
      top: 0;
      z-index: 99;
      width: 100%;
      height: 100%;
   }

   .header__filter-settings {
      padding: 20px 20px 100px 20px;
   }

   .catalog-menu {
      top: 122px;
   }

   .catalog-menu__subcategories {
      padding: 30px 30px 100px;
   }

   .footer__menu-list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 20px;
   }

   .footer__menu-title svg {
      display: block;
      width: 10px;
      height: 10px;
      -o-object-fit: contain;
      object-fit: contain;
      -webkit-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      color: #000;
   }

   .footer__menu-title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: 100%;
      color: rgb(42, 47, 71);
      font-family: Rubik;
      font-size: 18px;
      font-weight: 500;
      line-height: 140%;
      opacity: 1;
   }

   .footer__menu-title.active svg {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
   }

   .footer__menu-links {
      display: none;
   }

   .footer__menu-links.opened {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
   }

   .footer__socials {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
   }

   .footer__policy {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }

   .hero__search-input {
      padding: 0 70px 0 40px;
   }

   .hero__search-icon {
      left: unset;
      right: 40px;
      z-index: 2;
      color: #fff;
   }

   .hero__search-button {
      width: 60px;
      height: 60px;
   }

   .hero__search-button span {
      display: none;
   }

   .talk-1 {
      top: 42%;
      left: 30%;
   }

   .cat-block .product__date {
      display: none;
   }

   .cat-block__info {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-bottom: 20px;
   }

   .cat-block__info picture,
   .cat-block__info img {
      display: none;
   }

   .cat-block__title {
      text-align: center;
   }

   .cat-block__content {
      -webkit-transition: all 1s ease 0s;
      -o-transition: all 1s ease 0s;
      transition: all 1s ease 0s;
   }

   .cat-block__slider-wrapper {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
      grid-auto-rows: 1fr;
      gap: 20px;
   }

   .cat-block__slider-wrapper .product:nth-child(1),
   .cat-block__slider-wrapper .product:nth-child(2),
   .cat-block__slider-wrapper .product:nth-child(3),
   .cat-block__slider-wrapper .product:nth-child(4) {
      display: block;
   }

   .cat-block__slider-wrapper .product {
      display: none;
   }

   .cat-block__slider-wrapper.all-opened .product {
      display: block;
   }

   .slider-button-prev,
   .slider-button-next {
      width: 40px;
      height: 40px;
   }

   .slider-button-prev {
      left: 0;
   }

   .slider-button-next {
      right: 0;
   }

   .infoblock__body {
      padding: 20px 20px 20px 20px;
   }

   .infoblock__text {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      width: 100%;
      padding-bottom: 0;
   }

   .infoblock__subtitle {
      margin-bottom: 20px;
      max-width: 80%;
   }

   .infoblock__link a {
      width: 100%;
   }

   .infoblock__image {
      bottom: 35%;
      width: 50%;
   }

   .infoblock__image-2 {
      bottom: 31%;
      width: 38%;
      max-height: 100%;
   }

   .no-webp .catalog {
      background: url(../img/home/clouds2.png) 100% 5%/592px auto no-repeat;
   }

   .catalog__settings {
      gap: 10px;
      -ms-flex-pack: distribute;
      justify-content: space-around;
   }

   .product-page {
      background: none;
   }

   .product-card__share-open span {
      display: none;
   }

   .product-card__description-title {
      margin-bottom: 10px;
   }

   .product-card__description-text p:not(:last-child) {
      margin-bottom: 10px;
   }

   .product-card__price {
      text-align: center;
   }

   .product-card__author {
      padding: 0 !important;
   }

   .testimonial__author-info {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      gap: 6px;
   }

   .testimonial__author-info .rating {
      position: absolute;
      top: 25px;
      right: 20px;
   }

   .testimonial__author-info .rating .rating__star {
      width: 14px;
      height: 14px;
   }

   .similar-products__title {
      margin-bottom: 0px;
      font-size: 22px;
   }

   .cat-block-slider-next,
   .cat-block-slider-prev {
      display: none;
   }

   .profile__body {
      padding: 20px 0 40px;
   }
}

@media (max-width: 500px) {
   .product__images-button {
      display: none;
   }

   .catalog-menu {
      padding: 20px 0 100px;
   }

   .catalog-menu__categories {
      padding: 0 20px 20px;
   }

   .catalog-menu__back {
      width: 26px;
      height: 26px;
   }

   .catalog-menu__title {
      font-size: 28px;
      margin-bottom: 10px;
   }

   .catalog-menu__link {
      padding: 7px 0;
   }

   .mobile-menu {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-shadow: 2px 1px 5px 0px rgba(0, 22, 86, 0.06), 8px 4px 9px 0px rgba(0, 22, 86, 0.05), 17px 9px 12px 0px rgba(0, 22, 86, 0.03), 31px 15px 14px 0px rgba(0, 22, 86, 0.01), 49px 24px 15px 0px rgba(0, 22, 86, 0);
      box-shadow: 2px 1px 5px 0px rgba(0, 22, 86, 0.06), 8px 4px 9px 0px rgba(0, 22, 86, 0.05), 17px 9px 12px 0px rgba(0, 22, 86, 0.03), 31px 15px 14px 0px rgba(0, 22, 86, 0.01), 49px 24px 15px 0px rgba(0, 22, 86, 0);
   }

   .footer {
      padding-bottom: 100px;
   }

   .talk-1 {
      top: 45%;
      left: 30%;
   }

   .catalog__products.view-rows .product {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 16px;
      padding: 16px;
   }

   .catalog__products.view-rows .product .product__name {
      font-size: 18px;
   }

   .catalog__products.view-rows .product .product__price {
      font-size: 20px;
   }

   .product-card__name {
      font-size: 28px;
      margin-bottom: 14px;
   }

   .testimonial__message {
      font-size: 14px;
   }

   .testimonial__answer {
      padding: 16px;
   }
}

@media (max-width: 480px) {
   .header__navigations {
      width: 100%;
   }

   .footer-dev__body {
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
   }

   .footer-dev__body p {
      font-size: 12px;
   }

   .footer-dev__link br {
      display: none;
   }

   .footer-dev__link span {
      font-size: 12px;
   }

   .footer-dev__link img {
      width: 17px;
      height: 27px;
      -o-object-fit: contain;
      object-fit: contain;
   }

   .hero__body {
      padding: 80px 0 400px;
   }
}

@media (max-width: 450px) {
   .profile__aside {
      width: 100%;
   }

   .profile__author {
      width: 100%;
   }
}

@media (max-width: 431px) {
   .header__search {
      margin: 0 0 0 auto;
      max-width: 160px;
   }
}

@media (max-width: 390px) {
   .testimonials__chat {
      padding: 20px 10px;
   }

   .testimonial {
      padding: 20px 12px;
   }
}

@media (hover: hover) {
   .button-violet:hover {
      background-color: #b2a4ff;
   }

   .show-more-link:hover {
      background: rgb(145, 125, 250);
      color: #fff;
   }

   .show-more-link:hover svg {
      color: #fff;
   }

   .product:hover {
      border-radius: 10px;
      -webkit-box-shadow: 0px 11px 25px 0px rgba(195, 193, 215, 0.5), 0px 45px 45px 0px rgba(195, 193, 215, 0.04), 0px 102px 61px 0px rgba(195, 193, 215, 0.03), 0px 181px 72px 0px rgba(195, 193, 215, 0.01), 0px 282px 79px 0px rgba(195, 193, 215, 0);
      box-shadow: 0px 11px 25px 0px rgba(195, 193, 215, 0.5), 0px 45px 45px 0px rgba(195, 193, 215, 0.04), 0px 102px 61px 0px rgba(195, 193, 215, 0.03), 0px 181px 72px 0px rgba(195, 193, 215, 0.01), 0px 282px 79px 0px rgba(195, 193, 215, 0);
      background: rgb(255, 255, 255);
   }

   .header__logo a img:hover {
      -webkit-transform: scale(1.03);
      -ms-transform: scale(1.03);
      transform: scale(1.03);
   }

   .header__catalog-button:hover {
      color: #fff;
      background-color: #b2a4ff;
   }

   .header__catalog-button:hover svg {
      color: #fff;
   }

   .header__login:hover,
   .header__add:hover {
      color: #fff;
      background-color: #b2a4ff;
   }

   .header__login:hover svg,
   .header__add:hover svg {
      color: #fff;
   }

   .header__filter-apply:hover {
      background-color: #b2a4ff;
   }

   .header__filter-reset:hover {
      opacity: 0.7;
   }

   .menu__sublist:hover {
      display: block;
      -webkit-animation: cardEffect 0.6s ease-in-out 0s forwards;
      animation: cardEffect 0.6s ease-in-out 0s forwards;
   }

   .menu__sublist-link:hover {
      color: rgb(145, 125, 250);
   }

   .catalog-menu__category:hover {
      color: rgb(145, 125, 250);
   }

   .catalog-menu__category:hover .quantity {
      color: rgb(0, 0, 0);
   }

   .catalog-menu__link:hover {
      color: rgb(145, 125, 250);
   }

   .catalog-menu__link:hover .quantity {
      color: rgb(0, 0, 0);
   }

   .footer__menu-link:hover {
      color: rgb(145, 125, 250);
   }

   .footer__social:hover {
      border: 2px solid rgb(145, 125, 250);
   }

   .footer__policy a:hover {
      border-bottom: 1px dashed rgb(42, 47, 71);
   }

   .hero__search-button:hover {
      background-color: #b2a4ff;
   }

   .slider-button-prev:hover,
   .slider-button-next:hover {
      background-color: rgb(145, 125, 250);
   }

   .slider-button-prev:hover svg,
   .slider-button-next:hover svg {
      color: #fff;
   }

   .infoblock__link a:hover {
      background-color: #b2a4ff;
   }

   .catalog-search__submit:hover {
      background-color: #b2a4ff;
   }

   .catalog__sort .s-dropdown .dropdown__button:hover {
      background: rgba(147, 153, 181, 0.05);
   }

   .catalog__notifications:not(.active):hover {
      background-color: #b2a4ff;
   }

   .catalog__notifications:not(.active):hover svg {
      color: #fff;
   }

   .catalog__view-grid:not(.active):hover,
   .catalog__view-mozaik:not(.active):hover {
      background-color: #b2a4ff;
   }

   .catalog__view-grid:not(.active):hover svg,
   .catalog__view-mozaik:not(.active):hover svg {
      color: #fff;
   }

   .product-card__share-open:hover {
      color: rgb(145, 125, 250);
   }

   .product-card__share-open:hover svg {
      color: rgb(145, 125, 250);
   }

   .product-card__write-message:hover {
      background-color: rgb(145, 125, 250);
      color: #fff;
   }

   .product-card__buy:hover {
      background-color: #5644b6;
   }

   .author__name:hover {
      text-decoration: underline;
   }

   .author__verify-profil:hover {
      background-color: rgb(37, 171, 82);
   }

   .share-block__link:hover {
      border: 2px solid rgb(145, 125, 250);
   }

   .share-block__copy-button:hover {
      background-color: rgb(145, 125, 250);
   }

   .share-block__copy-button:hover svg {
      color: #fff;
   }

   .testimonials__chat .button-violet:hover {
      background-color: #b2a4ff;
   }

   .profile__tab:not(.active):hover {
      background-color: #b2a4ff;
      color: #fff;
   }
}

.webp .hero {
   background: url(../img/hero/bg.webp) center/cover no-repeat, #faf5fc;
}

.webp .infoblock__body {
   background: url(../img/home/clouds.webp) 0% 20%/contain no-repeat, #f9f4fc;
}

.webp .catalog {
   background: url(../img/home/clouds2.webp) 0% 5%/1992px 376px no-repeat;
}

.webp .profile {
   background: url(../img/home/clouds2.webp) 0% 50px/1992px 376px no-repeat;
}

@media (max-width: 1200px) {

   .webp .hero {
      background: url(../img/hero/bg.webp) 0% 0%/cover no-repeat, #faf5fc;
   }
}

@media (max-width: 800px) {

   .webp .hero {
      background: url(../img/hero/bg.webp) 10% 0%/cover no-repeat, #faf5fc;
   }
}

@media (max-width: 600px) {

   .webp .hero {
      background: url(../img/hero/bg-mobile.webp) 0% 100%/cover no-repeat, #faf5fc;
   }
}

@media (max-width: 550px) {

   .webp .catalog {
      background: url(../img/home/clouds2.webp) 100% 5%/592px auto no-repeat;
   }
}