/* Start:/local/templates/main/css/style.css?1782746906467190*/
@charset "UTF-8";

@font-face {
  font-family: WixMadeforDisplay;
  font-display: swap;
  src: url("/local/templates/main/css/../fonts/WixMadeforDisplay-Bold.woff2") format("woff2"), url("/local/templates/main/css/../fonts/WixMadeforDisplay-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

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

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

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

@font-face {
  font-family: WixMadeforDisplay;
  font-display: swap;
  src: url("/local/templates/main/css/../fonts/WixMadeforDisplay-ExtraBold.woff2") format("woff2"), url("/local/templates/main/css/../fonts/WixMadeforDisplay-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}
font {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    font-family: inherit;
    font-weight: inherit;
}
body:has(.skiptranslate)  .header__top-address,
body:has(.skiptranslate) .header__top-inner {
    gap: 20px;
}
body:has(.skiptranslate) {
    top: 0 !important;
}
table.compare-items td {
    border: none;
    padding: 0;
}
.loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}
 
.loader::before {
    content: "";
    width: 50px;
    height: 50px;
    border: 5px solid #000000;
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}
 
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.burger {
  border-radius: 100%;
  background: var(--blue);
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3px;
  min-width: 40px;
  width: 40px;
  height: 40px;
}

.burger span {
  position: relative;
  display: block;
  width: 18px;
  height: 2px;
  background: #fff;
  border-radius: 2px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.burger.active {
  background: var(--white);
}

.burger.active span {
  background: var(--dark);
}

.burger.active span:nth-child(1) {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 5px;
}

.burger.active span:nth-child(2) {
  opacity: 0;
}

.burger.active span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: -5px;
}

:root {
  --white: #fff;
  --white500: rgba(255, 255, 255, 0.5);
  --dark: #0c1218;
  --grey2: #e3e3e3;
  --grey3: #7e8184;
  --grey4: #f7f7f7;
  --grey5: #c5c6c7;
  --orange: #f93;
  --yellow: #ffe37f;
  --blue: #266b77;
  --blue2: #6c9aa3;
  --blue3: #4d94c4;
  --blue4: #e9f0f1;
  --red: #a63636;
  --font-family: WixMadeforDisplay, sans-serif;
  --scrollbar-width: 0px;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #1c1c1a;
  padding: 0;
  margin: 0;
  font-family: var(--font-family);
  font-size: 16px;
  line-height: 125%;
  font-weight: 400;
  -webkit-font-feature-settings: "lnum" 1;
          font-feature-settings: "lnum" 1;
}

ul {
  list-style: none;
}

section {
  scroll-margin-top: 30px;
}

.white-section {
  background: var(--white);
}

.white-section + .white-section {
  padding-top: 0 !important;
}

.white-section:has(+ .white-section) {
  margin-bottom: 0;
  padding-bottom: 100px !important;
}

.white-section:has(+ .white-section).reviews-product,
.white-section:has(+ .white-section).characteristics,
.white-section:has(+ .white-section).specification {
  padding-bottom: 80px !important;
}

.white-section:has(+ .white-section).control,
.white-section:has(+ .white-section).product {
  padding-bottom: 60px !important;
}

body {
  -webkit-text-size-adjust: none;
  background: var(--grey2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

body.active {
  overflow: hidden;
}

html {
  scroll-behavior: smooth;
}

button {
  position: relative;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  outline: 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;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
  cursor: pointer;
  border: none;
  background: none;
}

b,
span,
a {
  color: inherit;
  text-decoration: none;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  font-weight: inherit;
  font-family: inherit;
}

h1,
h2 {
  font-weight: 400;
  text-transform: uppercase;
  font-size: 40px;
}

.h2 {
  text-transform: uppercase;
  margin-bottom: 16px;
  font-size: 32px;
}

img {
  display: block;
}

.subtitle {
  opacity: 0.5;
  margin-bottom: 10px;
}

.container {
  max-width: 1232px;
  width: 100%;
  margin: 0 auto;
  padding: 0 16px;
}

.container-h1 {
  position: relative;
  z-index: 5;
  margin-bottom: 32px;
  margin-top: 250px;
}

.container-h1 p {
  font-size: 14px;
  color: var(--grey3);
  margin-top: 4px;
}

.swiper {
  overflow: hidden;
  width: 100%;
  position: relative;
}

.swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.swiper-slide {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.swiper-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.swiper-button-prev,
.swiper-button-next {
  border-radius: 100px;
  min-width: 40px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  background: var(--white);
  -webkit-box-shadow: 0 6px 20px 0 rgba(22, 30, 50, 0.16);
          box-shadow: 0 6px 20px 0 rgba(22, 30, 50, 0.16);
  position: relative;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.swiper-button-prev::before,
.swiper-button-next::before {
  position: absolute;
  content: "";
  width: 32px;
  height: 32px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.6464 8.03707C11.8417 7.84181 12.1583 7.84181 12.3536 8.03707L20.3536 16.0371C20.5488 16.2323 20.5488 16.5489 20.3536 16.7442L12.3536 24.7442C12.1583 24.9394 11.8417 24.9394 11.6464 24.7442C11.4512 24.5489 11.4512 24.2323 11.6464 24.0371L19.2929 16.3906L11.6464 8.74418C11.4512 8.54892 11.4512 8.23233 11.6464 8.03707Z' fill='%230C1218' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.swiper-button-prev::before {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
      -ms-transform: translate(-50%, -50%) rotate(180deg);
          transform: translate(-50%, -50%) rotate(180deg);
}

.swiper-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  background: var(--white500);
  border-radius: 40px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  right: 0;
  bottom: 0;
}

.swiper-inner .swiper-button-next,
.swiper-inner .swiper-button-prev {
  background: none;
  border-radius: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
}

.swiper-inner .swiper-button-next::before,
.swiper-inner .swiper-button-prev::before {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.6425 7.64645C11.8378 7.45118 12.1544 7.45118 12.3496 7.64645L20.3496 15.6464C20.5449 15.8417 20.5449 16.1583 20.3496 16.3536L12.3496 24.3536C12.1544 24.5488 11.8378 24.5488 11.6425 24.3536C11.4473 24.1583 11.4473 23.8417 11.6425 23.6464L19.289 16L11.6425 8.35355C11.4473 8.15829 11.4473 7.84171 11.6425 7.64645Z' fill='%230C1218' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  min-width: 32px;
  width: 32px;
  height: 32px;
}

.swiper-inner .swiper-button-next {
  border-radius: 0 60px 60px 0;
  padding-left: 0;
  right: 4.5px;
}

.swiper-inner .swiper-button-prev {
  border-radius: 60px 0 0 60px;
  padding-right: 0;
  left: 4.5px;
}

.swiper-inner .swiper-button-disabled {
  opacity: 1;
}

.swiper-inner .swiper-button-disabled::before {
  opacity: 0.5;
}

.swiper-button-disabled {
  cursor: not-allowed;
}

.swiper-button-disabled::before {
  opacity: 0.5;
}

.swiper-button-lock {
  display: none !important;
}

.swiper-pagination {
  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;
  margin-top: 32px;
}

.swiper-pagination-bullet {
  cursor: pointer;
  display: block;
  border-radius: 50px;
  opacity: 0.5;
  width: 8px;
  height: 8px;
  background: var(--blue);
}

.swiper-pagination-bullet-active {
  opacity: 1;
}

.swiper-pagination-lock {
  display: none !important;
}

.swiper-horizontal {
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}

.swiper-pagination-fraction {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 3px;
  font-weight: 500;
  font-size: 20px;
  color: var(--grey3);
}

.swiper-pagination-current {
  font-size: 40px;
  text-transform: uppercase;
  color: var(--dark);
  display: block;
  line-height: 0.9;
  margin-right: 2px;
}

.swiper-pagination-total {
  font-weight: 500;
  font-size: 20px;
  color: var(--grey3);
  display: block;
  line-height: 1;
}

.btn {
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  border: 1px solid transparent;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  color: var(--white);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 40px;
  padding: 15px 32px;
  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;
  white-space: nowrap;
  position: relative;
  z-index: 1;
  overflow: hidden;
  height: 52px;
  cursor: pointer;
  background: var(--blue);
}

.btn:hover {
  color: var(--blue);
  border: 1px solid var(--blue);
  background: #fff;
}

.btn-transparent {
  background: transparent;
  border: 1px solid var(--white500);
}

.btn-light {
  background: var(--blue4);
  color: var(--blue);
  border: 1px solid transparent;
}

.btn-light:hover {
  border: 1px solid transparent;
  background: var(--blue);
  color: var(--white);
}

.btn-grey {
  background: var(--white500);
  color: var(--grey3);
  border: 1px solid transparent;
}

.btn-grey:hover {
  border: 1px solid transparent;
  background: var(--blue);
  color: var(--white);
}

.more-link {
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 32px;
  padding-right: 48px;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.more-link::before {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 32px;
  height: 32px;
  background: #fff;
  border-radius: 100%;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.more-link::after {
  position: absolute;
  content: "";
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.996094 13L12.9961 1' stroke='%230C1218' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0.996094 1H12.9961V13' stroke='%230C1218' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  -o-transition: transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
}

.more-link:hover::before {
  background: var(--blue) !important;
}

.more-link:hover::after {
  -webkit-filter: invert(1);
          filter: invert(1);
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}

.accordion__item.open .accordion__content {
  visibility: visible;
  opacity: 1;
}

.accordion__content {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  will-change: max-height;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.hidden {
  display: none !important;
}

.crumbs {
  z-index: 5;
  padding: 32px 0 24px;
  position: absolute;
  left: 0;
  width: 100%;
  top: 174px;
}

.crumbs ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 8px;
  gap: 0 10px;
  overflow-x: auto;
}

.crumbs ul li p,
.crumbs ul li a {
  white-space: nowrap;
  font-size: 14px;
}

.crumbs ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: var(--blue2);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.crumbs ul li a::after {
  display: block;
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--blue2);
}

.crumbs ul li a:hover {
  color: var(--blue);
  text-decoration: underline;
}

.crumbs ul li p {
  padding-right: 16px;
  color: var(--blue);
}

.select {
  z-index: 1;
  position: relative;
  overflow: hidden;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.select[data-state=active] {
  z-index: 200;
  overflow: visible;
}

.select[data-state=active] .select__title::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}

.select[data-state=active] .select__content {
  opacity: 1;
  visibility: visible;
}

.select.active .form__error {
  margin-top: 10px !important;
  opacity: 1;
  padding: 10px 0;
}

.select__title {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  display: block;
  font-size: 14px;
  gap: 11px;
  border-radius: 10px;
  padding: 7px 24px 7px 15px;
  z-index: 101;
  position: relative;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;
  width: 100%;
  background: #fff;
}

.select__title.full {
  color: #fff;
}

.select__title::after {
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.9139 6.08136C13.0287 6.18984 13.0287 6.36572 12.9139 6.4742L8.20797 10.9186C8.09311 11.0271 7.90689 11.0271 7.79203 10.9186L3.08615 6.4742C2.97128 6.36572 2.97128 6.18984 3.08615 6.08136C3.20101 5.97288 3.38723 5.97288 3.50209 6.08136L8 10.3294L12.4979 6.08136C12.6128 5.97288 12.799 5.97288 12.9139 6.08136Z' fill='%237E8184' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  min-width: 16px;
  width: 16px;
  height: 16px;
}

.select__content {
  position: absolute;
  top: calc(100% + 25px);
  right: 0;
  padding: 10px;
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 177px;
  width: 100%;
  -webkit-box-shadow: 0 4px 15px 0 rgba(58, 67, 68, 0.25);
          box-shadow: 0 4px 15px 0 rgba(58, 67, 68, 0.25);
  background: var(--white);
  border-radius: 10px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  visibility: hidden;
  opacity: 0;
  z-index: 100;
  scrollbar-width: thin;
}

.select__content::-webkit-scrollbar {
  width: 10px;
}

.select__content::-webkit-scrollbar-thumb {
  background: var(--blue);
  border-radius: 100px;
}

.select__input {
  display: none;
}

.select__label {
  font-size: 14px;
  color: var(--grey3);
  width: 100%;
  border-radius: 10px;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  padding: 9px 16px;
  position: relative;
  white-space: nowrap;
  margin-bottom: 0 !important;
}

.select__label:hover,
.select__label.active {
  background: var(--blue4);
  color: var(--dark);
}

.search-drop {
  -webkit-box-shadow: 0 4px 16px 0 rgba(88, 88, 88, 0.15);
          box-shadow: 0 4px 16px 0 rgba(88, 88, 88, 0.15);
  background: var(--white);
  border-radius: 10px;
  overflow: hidden;
  z-index: 10;
  width: 100%;
  position: absolute;
  top: calc(100% + 12px);
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  padding: 20px 10px 30px 20px;
}

.search-drop.active {
  opacity: 1;
  visibility: visible;
}

.search-drop__sort {
  margin-bottom: 32px;
}

.search-drop__sort ul {
  overflow-x: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  scrollbar-width: none;
}

.search-drop__sort ul::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.search-drop__sort ul li a {
  border-radius: 120px;
  background: var(--grey4);
  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;
  padding: 10px 16px;
  white-space: nowrap;
  font-size: 14px;
}

.search-drop__sort ul li a.active {
  background: var(--blue2);
  color: var(--white);
}

.search-drop__all {
  width: 100%;
  border-radius: 40px;
  padding: 16px 32px;
  font-weight: 500;
  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;
  text-align: center;
  color: var(--blue);
  background: var(--blue4);
}

.search-drop ul {
  max-height: 420px;
  overflow-y: auto;
  padding-right: 12px;
  margin-bottom: 16px;
}

.search-drop ul::-webkit-scrollbar {
  width: 3px;
  background-color: #fff;
}

.search-drop ul::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background: var(--grey2);
}

.search-drop ul::-webkit-scrollbar-track {
  border-radius: 2px;
  background-color: #fff;
}

.search-drop__item a {
  padding: 10px;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
}

.search-drop__item img {
  border-radius: 10px;
  width: 80px;
  height: 80px;
  -o-object-fit: cover;
     object-fit: cover;
}

.search-drop__item:hover > a {
  background: var(--grey4);
}

.search-drop__title {
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 4px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.search-drop__article {
  font-weight: 500;
  font-size: 12px;
  color: var(--grey3);
  margin-bottom: 12px;
}

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

.search-drop__price {
  font-weight: 500;
  font-size: 16px;
}

.search-drop__price-old {
  font-weight: 500;
  font-size: 12px;
  text-decoration: line-through;
  color: var(--grey3);
}

.pagination {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.pagination__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  background: var(--white500);
  padding: 8px;
  border-radius: 60px;
}

.pagination__inner span {
  width: 32px;
  text-align: center;
  min-width: 32px;
}

.pagination__num {
  cursor: pointer;
  text-align: center;
  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-radius: 100%;
  width: 32px;
  height: 32px;
  min-width: 32px;
}

.pagination__num:hover::before {
  opacity: 1;
}

.pagination__num.active {
  background: var(--blue);
  color: var(--white);
}

.pagination__num.active::before {
  display: none;
}

.pagination__prev,
.pagination__next {
  border-radius: 100px;
  min-width: 48px;
  width: 48px;
  height: 48px;
  cursor: pointer;
  background: var(--white500);
  position: relative;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.pagination__prev::before,
.pagination__next::before {
  position: absolute;
  content: "";
  width: 32px;
  height: 32px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.6464 7.64645C11.8417 7.45118 12.1583 7.45118 12.3536 7.64645L20.3536 15.6464C20.5488 15.8417 20.5488 16.1583 20.3536 16.3536L12.3536 24.3536C12.1583 24.5488 11.8417 24.5488 11.6464 24.3536C11.4512 24.1583 11.4512 23.8417 11.6464 23.6464L19.2929 16L11.6464 8.35355C11.4512 8.15829 11.4512 7.84171 11.6464 7.64645Z' fill='%230C1218'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.pagination__prev::before {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
      -ms-transform: translate(-50%, -50%) rotate(180deg);
          transform: translate(-50%, -50%) rotate(180deg);
}

.more {
  font-size: 16px;
  text-align: center;
  color: var(--grey3);
  font-weight: 400;
  height: 48px;
  position: absolute;
  right: 0;
  bottom: 0;
}

.search-count {
  font-size: 16px;
  color: #8a8a89;
  margin-top: 7px;
}

.search {
  width: 100%;
  position: relative;
  margin-bottom: 60px;
}

.search form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  width: 100%;
}

.search input {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  width: 100%;
  border: 1px solid var(--grey2);
  border-radius: 40px;
  padding: 13px 24px;
  background: #fff;
  height: 48px;
}

.search input:focus + .search-drop {
  opacity: 1;
  visibility: visible;
}

.search input::-webkit-input-placeholder {
  opacity: 0.8;
}

.search input::-moz-placeholder {
  opacity: 0.8;
}

.search input:-ms-input-placeholder {
  opacity: 0.8;
}

.search input::-ms-input-placeholder {
  opacity: 0.8;
}

.search input::placeholder {
  opacity: 0.8;
}

.search__inner {
  position: relative;
  width: 100%;
}

.search__icon {
  min-width: 20px;
  width: 20px;
  height: 20px;
  background: url("/local/templates/main/css/../img/search.svg") center center/contain no-repeat;
  margin-left: -60px;
  margin-right: 20px;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}

.search__btn {
  padding: 16px;
  height: 48px;
  min-width: 183px;
  width: 183px;
}

.search input[type=search]::-webkit-search-decoration,
.search input[type=search]::-webkit-search-cancel-button,
.search input[type=search]::-webkit-search-results-button,
.search input[type=search]::-webkit-search-results-decoration {
  margin-right: 140px;
}

.search .select {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 263px;
}

.search .select__content {
  position: absolute;
  top: calc(100% + 16px);
  right: -60px;
}

.search .select__title {
  color: var(--grey3);
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  display: block;
  cursor: pointer;
  background: url("/local/templates/main/css/../img/close-2.svg") center center/contain no-repeat;
  -webkit-filter: brightness(0) opacity(0.5);
          filter: brightness(0) opacity(0.5);
  background-position: center;
  min-width: 25px;
  width: 25px;
  height: 25px;
  margin-right: 0px;
}

input[type=search] {
  -moz-appearance: searchfield !important;
}

.rating {
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 13px;
}

.rating p {
  font-weight: 500;
}

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

.rating__item {
  cursor: pointer;
  background: url("/local/templates/main/css/../img/star.svg") center center/contain no-repeat;
  width: 20px;
  height: 20px;
  -webkit-filter: grayscale(1) opacity(0.5);
          filter: grayscale(1) opacity(0.5);
}

.rating__item.active {
  -webkit-filter: none;
          filter: none;
}

.control {
  margin-bottom: 60px;
}

.control ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  overflow-x: auto;
  padding-bottom: 10px;
  margin-bottom: -10px;
}

.control ul li a {
  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;
  white-space: nowrap;
  font-size: 16px;
  text-align: center;
  color: var(--grey3);
  padding: 14px 24px;
  background: var(--grey4);
  border-radius: 40px;
}

.control ul li a.active {
  background: var(--blue);
  color: var(--grey4);
}

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

.counter__minus,
.counter__plus {
  border-radius: 100%;
  background: rgba(12, 18, 24, 0.1);
  min-width: 24px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  position: relative;
}

.counter__minus::before,
.counter__plus::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 12px;
  height: 11px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.counter__minus::before {
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='3' viewBox='0 0 11 3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.3' d='M1.24609 1.5H9.32302' stroke='%230C1218' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E%0A");
}

.counter__count {
  display: block;
  margin-top: 3px;
  width: 23px;
  text-align: center;
  border: none;
}

.counter__count:focus {
  outline: none;
}

.counter__plus::before {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='11' viewBox='0 0 12 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.99609 9.53906L5.99609 1.46214' stroke='%230C1218' stroke-width='2' stroke-linecap='square'/%3E%3Cpath d='M1.95703 5.5H10.034' stroke='%230C1218' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E%0A");
}

.card {
  background: var(--white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  border-radius: 10px;
  padding: 12px;
}

.card__top {
  margin-bottom: 10px;
  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: 24px;
}

.card__tag {
  font-size: 14px;
  color: var(--white);
  padding: 3px 16px;
  border-radius: 60px;
  background: var(--orange);
}

.card__del,
.card__like,
.card__compare {
  min-width: 24px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  display: block;
  -webkit-filter: grayscale(1) opacity(0.2);
          filter: grayscale(1) opacity(0.2);
}

.card__del.active,
.card__like.active,
.card__compare.active {
  -webkit-filter: none;
          filter: none;
}

.card__control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
  gap: 10px;
}

.card__like {
  background: url("/local/templates/main/css/../img/heart.svg") center center/contain no-repeat;
}

.card__compare {
  background: url("/local/templates/main/css/../img/compare.svg") center center/contain no-repeat;
}

.card__del {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.6203 3H4.32031C4.03906 3 3.75781 3.225 3.75781 3.5625V5.86875H20.1828V3.5625C20.1828 3.225 19.9578 3 19.6203 3ZM4.82656 19.3125C4.88281 20.2687 5.72656 21 6.68281 21H17.3703C18.3266 21 19.1141 20.2687 19.2266 19.3125L20.2391 6.99375H3.92656L4.82656 19.3125ZM14.6141 9.58125C14.6141 9.24375 14.8391 9.01875 15.1766 9.01875C15.4578 9.01875 15.7391 9.24375 15.7391 9.58125V17.2312C15.7391 17.5125 15.4578 17.7937 15.1766 17.7937C14.8391 17.7937 14.6141 17.5125 14.6141 17.2312V9.58125ZM11.4078 9.58125C11.4078 9.24375 11.6328 9.01875 11.9703 9.01875C12.2516 9.01875 12.5328 9.24375 12.5328 9.58125V17.2312C12.5328 17.5125 12.2516 17.7937 11.9703 17.7937C11.6328 17.7937 11.4078 17.5125 11.4078 17.2312V9.58125ZM8.25781 9.58125C8.25781 9.24375 8.53906 9.01875 8.82031 9.01875C9.10156 9.01875 9.38281 9.24375 9.38281 9.58125V17.2312C9.38281 17.5125 9.10156 17.7937 8.82031 17.7937C8.53906 17.7937 8.25781 17.5125 8.25781 17.2312V9.58125Z' fill='%23E3E3E3'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-filter: none;
          filter: none;
}

.card__img {
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
}

.card__img img {
  border-radius: 8px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.card__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  padding-top: 10px;
}

.card__inner {
  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;
  margin-bottom: 10px;
}

.card__stock {
  color: var(--blue2);
  font-size: 14px;
}

.card__stock-out {
  color: var(--red);
}

.card__rating {
  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: 4px;
}

.card__rating span {
  font-size: 14px;
  opacity: 0.5;
}

.card__rating-stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1px;
}

.card__title {
  font-weight: 500;
  font-size: 14px;
  min-height: 4em;
  margin-bottom: 20px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.card__bottom {
  margin-top: auto;
}

.card__bottom-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

.card__price {
  font-weight: 500;
  font-size: 18px;
}

.card__price-old {
  font-size: 14px;
  text-decoration: line-through;
  opacity: 0.3;
  margin-bottom: 4px;
}

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

.card__click {
  min-width: 48px;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  background: rgba(38, 107, 119, 0.1);
  position: relative;
}

.card__click span {
  font-weight: 500;
  font-size: 14px;
  display: none;
  color: var(--blue);
}

.card__click::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.3584 18.3955V24.2164C27.3584 28.2326 24.0917 31.5001 20.0765 31.5001H15.3027C12.9239 31.5001 11.0037 30.3756 9.74959 28.2483C8.78347 26.6093 8.22747 24.3438 8.22434 22.0328V21.9691C8.21891 19.6924 9.94141 18.5289 11.1663 18.4302C11.3751 18.4133 11.5687 18.426 11.7421 18.4651V10.0571C11.7421 8.78044 12.7815 7.74181 14.0592 7.74181C15.3369 7.74181 16.3745 8.78044 16.3745 10.0571V14.8999C16.7839 14.5726 17.2926 14.3946 17.8167 14.3952C18.755 14.3952 19.5649 14.9559 19.9288 15.7598C20.3492 15.3348 20.9323 15.071 21.5758 15.071C22.6241 15.071 23.512 15.7719 23.796 16.7299C24.173 16.4144 24.6584 16.2243 25.1873 16.2243C26.3844 16.2243 27.3584 17.1983 27.3584 18.3954V18.3955ZM9.49997 12.4719C9.98959 12.3036 10.2502 11.7703 10.0819 11.2806C9.93153 10.8429 9.85528 10.3834 9.85528 9.91469C9.85528 7.59563 11.7412 5.70894 14.0592 5.70894C16.3773 5.70894 18.2632 7.59563 18.2632 9.91469C18.2632 10.3834 18.1869 10.843 18.0366 11.2806C17.8683 11.7702 18.1288 12.3036 18.6185 12.4719C18.7195 12.5066 18.8222 12.523 18.9233 12.523C19.3125 12.523 19.6762 12.2787 19.8098 11.8899C20.0278 11.2559 20.1382 10.5913 20.1382 9.91469C20.1382 6.56175 17.4112 3.83394 14.0593 3.83394C10.7073 3.83394 7.98034 6.56175 7.98034 9.91469C7.98034 10.5912 8.09084 11.2558 8.30878 11.8899C8.47703 12.3796 9.01041 12.6401 9.50009 12.4719H9.49997ZM6.51953 9.91469C6.51953 5.75731 9.90184 2.375 14.0592 2.375C18.2166 2.375 21.5989 5.75725 21.5989 9.91469C21.5989 10.6581 21.49 11.3943 21.2752 12.1025C21.125 12.598 21.4048 13.1214 21.9003 13.2718C21.991 13.2993 22.0826 13.3124 22.1727 13.3123C22.5748 13.3123 22.9467 13.0514 23.0695 12.6466C23.3379 11.7608 23.4742 10.8403 23.4738 9.91469C23.4738 4.72344 19.2504 0.5 14.0592 0.5C8.86791 0.5 4.64453 4.72344 4.64453 9.91475C4.64453 10.8466 4.77997 11.7658 5.04709 12.6467C5.19734 13.1422 5.72078 13.4221 6.21634 13.2718C6.71184 13.1215 6.99172 12.598 6.84141 12.1025C6.62784 11.3981 6.51953 10.6621 6.51953 9.91469Z' fill='%23266B77'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
  opacity: 0.5;
}

.card .btn {
  height: 48px;
  padding: 15px;
  width: 100%;
}

.card__volume {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px 0;
  margin-bottom: 10px;
}

.card__volume label input {
  display: none;
}

.card__volume label input:checked + span {
  background: var(--blue4);
  color: var(--dark);
}

.card__volume label span {
  white-space: nowrap;
  cursor: pointer;
  font-weight: 500;
  font-size: 12px;
  color: var(--grey3);
  display: block;
  padding: 4px 10px;
  border-radius: 70px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.card__inform {
  background: var(--grey2);
  border-radius: 40px;
  padding: 4px 10px;
  white-space: normal;
  height: 48px;
  width: 100%;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  color: var(--grey3);
}

.cards {
  display: -ms-grid;
  display: grid;
  gap: 20px 0;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
}

.cards .card {
  border-radius: 0;
  border-right: 1px solid var(--grey2);
  padding: 20px 16px;
}

.cards .card:first-child {
  border-radius: 20px 0 0 20px;
}

.cards .card:last-child {
  border-radius: 0 20px 20px 0;
  border-right: none;
}

.article {
  background: var(--white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  border-radius: 20px;
  padding: 12px;
  position: relative;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  overflow: hidden;
}
.article__completed {
    font-weight: 400;
    font-size: 16px;
    z-index: 10;
    background: var(--grey2);
    border-radius: 76px;
    padding: 5px 20px;
    position: absolute;
    left: 50%;
    top: 28%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.article__completed + img {
    -webkit-filter: brightness(0.5);
            filter: brightness(0.5);
}
.article img {
  width: 100%;
  border-radius: 15px;
  aspect-ratio: 16/9;
  position: relative;
  z-index: 3;
}

.article__inner {
  padding: 16px 9px 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  position: relative;
  z-index: 3;
}

.article__title {
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 45px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.article__time {
  opacity: 0.5;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  right: 9px;
  bottom: 8px;
}

.article__date {
  margin-top: auto;
  opacity: 0.5;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.article__stroke {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.article__stroke img {
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: 0;
  width: 298px;
  height: 282px;
  opacity: 0;
  z-index: 1;
}

.article__stroke::after {
  z-index: 2;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--blue);
  border-radius: 20px;
  opacity: 0;
}

@-webkit-keyframes animBg {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

@keyframes animBg {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

.scroll-up {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23266B77'/%3E%3Cpath d='M19.6066 30.6066V9.3934' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 20L19.6066 9.3934L30.2132 20' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 40px;
  height: 40px;
  position: fixed;
  right: 32px;
  bottom: 32px;
  z-index: 100;
  cursor: pointer;
  display: none;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-animation: scrollUp 0.3s linear;
          animation: scrollUp 0.3s linear;
}

.scroll-up.active {
  display: block;
}

@-webkit-keyframes scrollUp {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }

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

@keyframes scrollUp {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }

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

.event-banner {
  display: none;
  position: fixed;
  right: 32px;
  bottom: 32px;
  width: 590px;
  -webkit-box-shadow: 0 0 10px 0 rgba(59, 59, 59, 0.15);
          box-shadow: 0 0 10px 0 rgba(59, 59, 59, 0.15);
  border-radius: 20px;
  background: var(--white);
  padding: 12px 50px 12px 12px;
  z-index: 1000;
}

.event-banner__close {
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2050_354171)'%3E%3Cpath d='M7.99609 16C12.4144 16 15.9961 12.4183 15.9961 8C15.9961 3.58172 12.4144 0 7.99609 0C3.57782 0 -0.00390625 3.58172 -0.00390625 8C-0.00390625 12.4183 3.57782 16 7.99609 16Z' fill='%23E3E3E3'/%3E%3Cpath d='M11.9969 4L3.99609 12.0008' stroke='%237E8184' stroke-width='0.612524' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.99609 4L11.9969 12.0008' stroke='%237E8184' stroke-width='0.612524' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2050_354171'%3E%3Crect width='16' height='16' fill='white' transform='translate(15.9961) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  top: 12px;
  right: 12px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.event-banner__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

.event-banner__item img {
  width: 202px;
  border-radius: 15px;
  aspect-ratio: 16/9;
}

.event-banner__title {
  font-weight: 600;
  font-size: 14px;
  color: var(--dark);
  margin-bottom: 12px;
}

.event-banner__text {
  font-size: 14px;
  color: var(--dark);
  margin-bottom: 25px;
}

.event-banner__link {
  font-weight: 500;
  font-size: 14px;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  color: var(--dark);
  opacity: 0.5;
}

.modal-cart {
  position: fixed;
  top: 40px;
  left: 0;
  width: 100%;
  z-index: 1000;
  -webkit-animation: showCartModal 0.9s linear;
          animation: showCartModal 0.9s linear;
}

.modal-cart__content {
  background: var(--white);
  -webkit-box-shadow: 0 4px 20px 0 rgba(16, 22, 40, 0.1);
          box-shadow: 0 4px 20px 0 rgba(16, 22, 40, 0.1);
  border-radius: 10px;
  padding: 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
}

.modal-cart__title {
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

.modal-cart__title::before {
  display: block;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 0C9.62663 0 7.30655 0.703788 5.33316 2.02236C3.35977 3.34094 1.8217 5.21508 0.913451 7.4078C0.00519941 9.60051 -0.232441 12.0133 0.230582 14.3411C0.693605 16.6689 1.83649 18.807 3.51472 20.4853C5.19295 22.1635 7.33115 23.3064 9.65892 23.7694C11.9867 24.2324 14.3995 23.9948 16.5922 23.0866C18.7849 22.1783 20.6591 20.6402 21.9776 18.6668C23.2962 16.6935 24 14.3734 24 12C24 10.4241 23.6896 8.8637 23.0866 7.4078C22.4835 5.95189 21.5996 4.62902 20.4853 3.51472C19.371 2.40042 18.0481 1.5165 16.5922 0.913446C15.1363 0.310389 13.5759 0 12 0ZM18.8112 9.8844L11.6112 16.4844C11.3832 16.6934 11.0834 16.8064 10.7742 16.7997C10.465 16.7929 10.1703 16.6671 9.9516 16.4484L6.3516 12.8484C6.23699 12.7377 6.14557 12.6053 6.08268 12.4589C6.01979 12.3125 5.98669 12.155 5.9853 11.9957C5.98392 11.8363 6.01428 11.6783 6.07462 11.5309C6.13495 11.3834 6.22406 11.2494 6.33673 11.1367C6.4494 11.0241 6.58338 10.9349 6.73086 10.8746C6.87833 10.8143 7.03635 10.7839 7.19569 10.7853C7.35502 10.7867 7.51248 10.8198 7.65889 10.8827C7.80529 10.9456 7.93771 11.037 8.0484 11.1516L10.836 13.9392L17.1888 8.1156C17.4234 7.90045 17.7338 7.7873 18.0518 7.80103C18.3697 7.81476 18.6693 7.95424 18.8844 8.1888C19.0995 8.42336 19.2127 8.73377 19.199 9.05176C19.1852 9.36975 19.0458 9.66926 18.8112 9.8844Z' fill='%236C9AA3' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  min-width: 24px;
  width: 24px;
  height: 24px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.modal-cart--top {
  top: 190px;
}
.modal-overlay .modal.modal-showroom .modal__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 25px;
    padding: 44px 70px 44px 33px;
}
.modal-overlay .modal.modal-showroom {
    max-width: 816px;
 
}
.modal-overlay .modal.modal-showroom img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: 177px;
    width: 100%;
    border-radius: 15px;
}
.modal-overlay .modal.modal-showroom .modal__text {
    font-size: 14px;
    color: var(--grey3); 
}
.modal-overlay .modal.modal-showroom .btn {
    width: 100%;
}
.modal-overlay .modal.modal-viewing .h2 {
    text-align: center;
}
.modal-overlay .modal.modal-viewing .modal__wrapper {  
    padding: 48px 40px 42px;
}
 input[type="date"]::-webkit-datetime-edit-fields-wrapper,
input[type="date"]::-webkit-datetime-edit-text,
input[type="date"]::-webkit-datetime-edit-month-field,
input[type="date"]::-webkit-datetime-edit-day-field,
input[type="date"]::-webkit-datetime-edit-year-field {
opacity: 0;
}
 input[type="date"]:focus::-webkit-datetime-edit-fields-wrapper,
input[type="date"]:focus::-webkit-datetime-edit-text,
input[type="date"]:focus::-webkit-datetime-edit-month-field,
input[type="date"]:focus::-webkit-datetime-edit-day-field,
input[type="date"]:focus::-webkit-datetime-edit-year-field ,

input[type="date"].filled::-webkit-datetime-edit-fields-wrapper,
input[type="date"].filled::-webkit-datetime-edit-text,
input[type="date"].filled::-webkit-datetime-edit-month-field,
input[type="date"].filled::-webkit-datetime-edit-day-field,
input[type="date"].filled::-webkit-datetime-edit-year-field {
  opacity: 1;
}
input[type="date"] {
  position: relative;
  z-index: 1;
}

input[type="date"]::-webkit-inner-spin-button { 
  display: none; 
}

input[type="date"]::-webkit-clear-button {
  -webkit-appearance: none;
  display: none;
}


input[type="date"]:before {
  content: attr(placeholder);
   font-size: 16px;
    color: var(--grey3);
    position: absolute;
    left: 24px;
    top: 50%;
    z-index: -1;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

/* Скрываем placeholder когда поле заполнено (через JS добавим класс) */
input[type="date"].filled:before,
input[type="date"]:focus:before {
  content: "";
}

/* Показываем значение когда поле заполнено */
input[type="date"].filled::-webkit-datetime-edit-fields-wrapper,
input[type="date"]:focus::-webkit-datetime-edit-fields-wrapper {
  display: inline-block;
}

::-webkit-calendar-picker-indicator {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2902_75574)'%3E%3Cpath d='M16.3925 1.10742H14.7312V2.76873C14.7312 3.10099 14.4543 3.3225 14.1774 3.3225C13.9005 3.3225 13.6236 3.10099 13.6236 2.76873V1.10742H4.76333V2.76873C4.76333 3.10099 4.48644 3.3225 4.20956 3.3225C3.93267 3.3225 3.65579 3.10099 3.65579 2.76873V1.10742H1.99449C1.16383 1.10742 0.554688 1.82732 0.554688 2.76873V4.76229H18.2753V2.76873C18.2753 1.82732 17.2785 1.10742 16.3925 1.10742ZM0.554688 5.92521V16.0592C0.554688 17.056 1.16383 17.7205 2.04986 17.7205H16.4478C17.3339 17.7205 18.3307 17.0006 18.3307 16.0592V5.92521H0.554688ZM5.48323 15.2285H4.15418C3.93267 15.2285 3.71117 15.0624 3.71117 14.7855V13.4011C3.71117 13.1796 3.8773 12.9581 4.15418 12.9581H5.5386C5.76011 12.9581 5.98162 13.1242 5.98162 13.4011V14.7855C5.92624 15.0624 5.76011 15.2285 5.48323 15.2285ZM5.48323 10.2446H4.15418C3.93267 10.2446 3.71117 10.0785 3.71117 9.80159V8.41716C3.71117 8.19566 3.8773 7.97415 4.15418 7.97415H5.5386C5.76011 7.97415 5.98162 8.14028 5.98162 8.41716V9.80159C5.92624 10.0785 5.76011 10.2446 5.48323 10.2446ZM9.91337 15.2285H8.52895C8.30745 15.2285 8.08594 15.0624 8.08594 14.7855V13.4011C8.08594 13.1796 8.25207 12.9581 8.52895 12.9581H9.91337C10.1349 12.9581 10.3564 13.1242 10.3564 13.4011V14.7855C10.3564 15.0624 10.1903 15.2285 9.91337 15.2285ZM9.91337 10.2446H8.52895C8.30745 10.2446 8.08594 10.0785 8.08594 9.80159V8.41716C8.08594 8.19566 8.25207 7.97415 8.52895 7.97415H9.91337C10.1349 7.97415 10.3564 8.14028 10.3564 8.41716V9.80159C10.3564 10.0785 10.1903 10.2446 9.91337 10.2446ZM14.3435 15.2285H12.9591C12.7376 15.2285 12.5161 15.0624 12.5161 14.7855V13.4011C12.5161 13.1796 12.6822 12.9581 12.9591 12.9581H14.3435C14.565 12.9581 14.7865 13.1242 14.7865 13.4011V14.7855C14.7865 15.0624 14.6204 15.2285 14.3435 15.2285ZM14.3435 10.2446H12.9591C12.7376 10.2446 12.5161 10.0785 12.5161 9.80159V8.41716C12.5161 8.19566 12.6822 7.97415 12.9591 7.97415H14.3435C14.565 7.97415 14.7865 8.14028 14.7865 8.41716V9.80159C14.7865 10.0785 14.6204 10.2446 14.3435 10.2446Z' fill='%23266B77'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2902_75574'%3E%3Crect width='18.8281' height='18.8281' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 19px;
  height: 19px;
  cursor: pointer;
  margin-left: auto;
}
@-webkit-keyframes showCartModal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }

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

@keyframes showCartModal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }

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

.white-section .description-slider {
  margin-bottom: 0;
}

.white-section .faq-form,
.white-section .slider {
  background: var(--grey2);
}

.white-section .slider {
  margin-bottom: 0;
  padding-bottom: 100px;
  padding-top: 100px;
}

.white-section .slider + .slider {
  padding-top: 0;
}

.control-fixed {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  gap: 10px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  width: 100%;
  -webkit-box-shadow: 0 0 15px 0 rgba(153, 153, 153, 0.15);
          box-shadow: 0 0 15px 0 rgba(153, 153, 153, 0.15);
  background: var(--white);
  padding: 16px;
  gap: 10px;
}

.control-fixed__item {
  text-align: center;
}

.control-fixed__item p {
  font-weight: 500;
  font-size: 12px;
}

.control-fixed__item.active img {
  -webkit-filter: none;
          filter: none;
}

.control-fixed__item-icon {
  position: relative;
}

.control-fixed__item-icon img {
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-filter: grayscale(1) opacity(0.5);
          filter: grayscale(1) opacity(0.5);
  width: 24px;
  height: 24px;
  margin: 0 auto 8px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.control-fixed__item-icon span {
  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: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  top: -4px;
  right: 0px;
  border-radius: 100%;
  background: var(--white);
  -webkit-box-shadow: 0 4px 10px 0 rgba(16, 22, 40, 0.2);
          box-shadow: 0 4px 10px 0 rgba(16, 22, 40, 0.2);
  font-weight: 600;
  font-size: 12px;
  color: var(--blue2);
  width: 20px;
  height: 20px;
}

.add-address {
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  margin-bottom: 32px;
  position: relative;
  gap: 10px;
  color: var(--blue);
  height: 56px;
}

.add-address::before {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.4853 12.0009H3.51472' stroke='%23266B77' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 3.51562V20.4862' stroke='%23266B77' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  min-width: 24px;
  width: 24px;
  height: 24px;
}

.add-address:hover::before {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.empty {
  background: var(--white);
  border-radius: 20px;
  padding: 40px;
  text-align: center;
  display: none;
}

.empty h2,
.empty__title {
  font-weight: 400;
  font-size: 32px;
  text-transform: uppercase;
  color: var(--blue);
  margin-bottom: 32px;
}

.empty p {
  margin-top: -16px;
  margin-bottom: 24px;
  text-align: center;
  font-size: 16px;
}

.empty .btn {
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.empty.active {
  display: block;
}

.header {
position: fixed;
  top: 0;
  width: 100%;
  background: var(--white);
  z-index: 250;
  transition: 0.3s;
}
.header table {
    border-collapse: collapse;
    border: none;    
}
.header table td {
    border: none;
    padding: 0;
}
.header__login {
  font-size: 14px;
  color: var(--white);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  padding: 14px 22px;
  display: block;
  border-radius: 60px;
  background: var(--blue2);
}

.header__login:hover {
  background: var(--blue);
}

.header__top {
  background: var(--blue2);
}

.header__top-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 48px;
  padding: 9px 0;
}

.header__top-address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 48px;
}

.header__top-address p {
  font-size: 14px;
  color: var(--white);
}

.header__top-contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-left: auto;
}

.header__top-contacts a {
  font-size: 16px;
  color: var(--white);
  white-space: nowrap;
}

.header__phone {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}

.header__phone::after {
  display: block;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.85858 10.8586L4.34142 7.34142C4.21543 7.21543 4.30466 7 4.48284 7H11.5172C11.6953 7 11.7846 7.21543 11.6586 7.34142L8.14142 10.8586C8.06332 10.9367 7.93668 10.9367 7.85858 10.8586Z' fill='white' fill-opacity='0.5' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  min-width: 16px;
  width: 16px;
  height: 16px;
}

.header__phone::before {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  height: 23px;
  width: 100%;
  visibility: hidden;
}

.header__phone ul {
  position: absolute;
  -webkit-box-shadow: 0 4px 15px 0 rgba(58, 67, 68, 0.25);
          box-shadow: 0 4px 15px 0 rgba(58, 67, 68, 0.25);
  background: var(--white);
  border-radius: 10px;
  width: 228px;
  padding: 20px;
  right: 0;
  top: calc(100% + 23px);
  text-align: right;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.header__phone ul li:not(:last-child) {
  margin-bottom: 16px;
}

.header__phone ul li p {
  font-size: 14px;
  margin-bottom: 10px;
  color: var(--grey3);
}

.header__phone ul li a {
  font-weight: 500;
  font-size: 18px;
  color: var(--dark);
}

.header__phone ul li .btn {
  background: var(--grey2);
  padding: 15px;
  width: 100%;
}

.header__phone ul li .btn:hover {
  background: var(--blue);
}

.header__phone:hover::before {
  visibility: visible;
  z-index: 100;
}

.header__phone:hover ul {
  z-index: 200;
  opacity: 1;
  visibility: visible;
}

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

.header__language a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-weight: 400;
  font-size: 14px;
  color: var(--white500);
}

.header__language a.active {
  color: var(--white);
}

.header__language a:first-child::after {
  display: block;
  content: "|";
  color: var(--white);
  font-size: 14px;
}

.header__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.header__logo .birdie-anim {
    position: relative;
    margin-left: 7px;
    z-index: 10;
}
.header.active .header__logo .birdie-anim {
    transform: translate(400px, 400px) scale(1.5);
    transition: 2.5s;
}
.header.back-fly .header__logo .birdie-anim {
    animation: backFly 2s;
    transition: 2s;
}
@keyframes backFly {
    0%{
        transform: translate(350px, 100px) scale(2.5);
    }
    100%{
        transform: translate(0px, 0px) scale(1);
    }
}
.header__logo img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 67px;
}
.header__logo .birdie-body {
    width: 47px;
    height: 100%;
}
.header__logo .birdie-wing-2 {   
    width: 27px;
    right: 2px;
    top: 15px;

}
.header__socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  margin-left: 14px;
}

.header__socials a {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.header__socials a img {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

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

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

.header__item:hover .header__item-icon img {
  opacity: 1;
}

.header__item:hover .header__item-icon span {
  color: var(--blue);
}

.header__item-icon {
  position: relative;
}

.header__item-icon img {
  -o-object-fit: contain;
     object-fit: contain;
  min-width: 32px;
  width: 32px;
  height: 32px;
  opacity: 0.6;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.header__item-icon span {
  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: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  top: -14px;
  right: -10px;
  border-radius: 100%;
  background: var(--white);
  -webkit-box-shadow: 0 4px 10px 0 rgba(16, 22, 40, 0.2);
          box-shadow: 0 4px 10px 0 rgba(16, 22, 40, 0.2);
  font-weight: 600;
  font-size: 14px;
  color: var(--blue2);
  width: 24px;
  height: 24px;
}

.header__wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  padding: 18px 0;
}

.header__menu {
  position: relative;
  background: var(--blue);
  padding: 14px 0;
}

.header__menu .btn {
  display: none;
}

.header__menu-inner {
  position: relative;
}

.header .nav__list {
  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: 31px;
}

.header .nav__item {
  position: relative;
}

.header .nav__item ul {
  overflow: hidden;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 15px 0 rgba(28, 28, 26, 0.15);
          box-shadow: 0 4px 15px 0 rgba(28, 28, 26, 0.15);
  background: #fff;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  left: 0;
  top: calc(100% + 26px);
  z-index: 100;
  padding: 20px;
  width: 100%;
  min-width: 300px;
}

.header .nav__item ul a {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  font-weight: 500;
  width: 100%;
}

.header .nav__item ul li:not(:last-child) {
  margin-bottom: 16px;
}

.header .nav__soon {
  font-size: 12px;
  color: var(--white);
  border-radius: 55px;
  padding: 2px 14px;
  background: #f29a33;
  display: block;
  margin-right: auto;
}

.header .nav__catalog {
  position: absolute;
  left: 139px;
  bottom: calc(100% + 35px);
}

.header .nav__catalog .nav__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 400;
  font-size: 14px;
  color: var(--white);
  background: var(--blue);
  padding: 14px 12px;
  border-radius: 40px;
  gap: 10px;
}

.header .nav__catalog .nav__link::before {
  display: block;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.5 3C0.223857 3 0 3.4477 0 4C0 4.5523 0.223857 5 0.5 5H15.5C15.7761 5 16 4.5523 16 4C16 3.4477 15.7761 3 15.5 3H0.5ZM0 8C0 7.4477 0.223858 7 0.5 7H15.5C15.7762 7 16 7.4477 16 8C16 8.5523 15.7762 9 15.5 9H0.5C0.223858 9 0 8.5523 0 8ZM0 12C0 11.4477 0.223858 11 0.5 11H15.5C15.7762 11 16 11.4477 16 12C16 12.5523 15.7762 13 15.5 13H0.5C0.223858 13 0 12.5523 0 12Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  min-width: 16px;
  width: 16px;
  height: 16px;
}

.header .nav__catalog.active > ul {
  opacity: 1;
  visibility: visible;
}

.header .nav__catalog > ul {
  top: calc(100% + 16px);
  left: -140px;
  width: 1200px;
  height: 650px;
  padding: 32px 40px;
}

.header .nav__catalog > ul::before {
  position: absolute;
  content: "";
  top: 32px;
  left: 447px;
  width: 1px;
  height: 60%;
  background: var(--grey2);
  z-index: 10;
}

.header .nav__catalog > ul > li {
  width: 347px;
  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;
}

.header .nav__catalog > ul > li > p,
.header .nav__catalog > ul > li > a {
  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: 100%;
  font-weight: 500;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.header .nav__catalog > ul > li ul {
  overflow: visible;
  overflow-y: auto;
  border-radius: 0;
  top: 0;
  left: 386px;
  z-index: 1;
  padding-left: 120px;
  gap: 10px;
  height: calc(100% - 64px);
  padding-bottom: 32px;
  padding-top: 0;
  margin-top: 32px;
  padding-right: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: calc(100% - 390px);
  display: -ms-grid;
  display: grid;
  gap: 20px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}

.header .nav__catalog > ul > li ul::-webkit-scrollbar {
  width: 6px;
  background-color: rgba(236, 236, 236, 0.6470588235);
}

.header .nav__catalog > ul > li ul::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--blue);
}

.header .nav__catalog > ul > li ul::-webkit-scrollbar-track {
  border-radius: 2px;
  background-color: rgba(236, 236, 236, 0.6470588235);
}

.header .nav__catalog > ul > li ul > li a {
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 35px;
  margin-bottom: 20px;
}

@media (min-width: 1025px) {
    .header .nav__catalog > ul > li ul > li a:has(.nav__icon) {
        color: #1c1c1a;
    }
    .header .nav__catalog > ul > li ul > li a {
        pointer-events: none;
    }
    .header .nav__catalog > ul > li ul > li li a {
        pointer-events: auto;
    }
    .header .nav__catalog > ul > li ul > li .nav__icon {
        background: none;    
    }    
}
.header .nav__catalog > ul > li ul > li:not(:last-child) {
  margin-bottom: 0;
}

.header .nav__catalog > ul > li ul > li li a {
  opacity: 0.5;
  font-weight: 400;
  margin-bottom: 0;
}

.header .nav__catalog > ul > li ul a {
  font-weight: 400;
  font-size: 16px;
  padding: 0;
  background: none !important;
  border: none !important;
  border-radius: 0;
}

.header .nav__catalog > ul > li ul a::before {
  display: none;
}

.header .nav__catalog > ul > li ul ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  position: static;
  padding: 0;
  width: 100%;
  max-height: 210px;
  height: 100%;
}
.header .nav__catalog > ul > li ul > li li {
    width: calc(50% - 7px);
}
.header .nav__catalog > ul > li ul ul::before {
  display: none;
}

.header .nav__link {
  font-size: 16px;
  color: #fff;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header .nav__link .nav__icon {
  display: none;
}

.header .nav__arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  position: relative;
}

.header .nav__arrow::after {
  display: block;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 11L4 7H12L8 11Z' fill='white' fill-opacity='0.5'/%3E%3C/svg%3E%0A");
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center;
  min-width: 16px;
  width: 16px;
  height: 16px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.header .nav__icon {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.00023 4.44531L12.5556 10.0009L7.00011 15.5564' stroke='%23266B77' stroke-width='0.842105' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  min-width: 20px;
  width: 20px;
  height: 20px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-filter: brightness(0);
          filter: brightness(0);
  margin-left: 40px;
}

.header .nav__sale {
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4109_60811)'%3E%3Cpath d='M9.68685 15.3858C10.0991 14.9004 10.3606 14.232 10.424 13.5049C10.576 11.762 9.12616 10.3579 8.28659 9.69861C8.36331 10.8684 7.70169 11.6017 7.19647 12.1621C7.11001 12.258 7.0262 12.3507 6.94918 12.4422C6.30644 13.2065 5.83605 13.9696 6.598 15.5685C6.75264 15.8583 6.79661 16.0495 6.29818 15.9887C5.18682 15.8633 4.19055 15.3838 3.41738 14.6023C2.63506 13.8112 2.1924 12.7981 2.20332 11.8236C2.21395 10.8327 2.55568 10.0958 2.88619 9.38314C3.3135 8.46183 3.68209 7.668 3.07152 6.6434C2.82953 6.22583 2.89357 6.13199 3.37754 6.20163C4.60753 6.42355 5.36978 7.51484 5.59082 8.61735C5.92723 8.15817 6.33359 7.24659 6.13794 5.6309C5.92251 3.85261 6.03967 1.8099 8.54392 0.141388C8.92342 -0.102072 9.04766 -0.0412806 9.00221 0.403145C8.88565 2.53674 9.43808 4.07246 10.9095 5.70379C12.0533 6.97244 13.2364 8.28418 13.6525 10.2171C13.9741 11.7094 13.7292 13.0412 12.9439 14.0682C12.2787 14.9388 11.2255 15.5765 9.97812 15.8645C9.59153 15.9191 9.38585 15.7597 9.68685 15.3858Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4109_60811'%3E%3Crect width='16' height='16' fill='white' transform='translate(-0.00390625)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  min-width: 16px;
  width: 16px;
  height: 16px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  margin-left: 4px;
}

.header__mobile {
  display: none;
}

.header__search {
  margin-right: 10px;
  width: 100%;
  position: relative;
  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;
}

.header__search form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  width: 100%;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.header__search input {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  width: 100%;
  border: 1px solid #aabfc3;
  padding: 14px 40px 15px 120px;
  background: transparent;
  border-radius: 40px;
  font-size: 16px;
  color: #1c1c1a;
  height: 48px;
}

.header__search button {
  cursor: pointer;
  min-width: 40px;
  width: 40px;
  height: 48px;
  position: absolute;
  right: 4px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 100%;
}

.header__search button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url("/local/templates/main/css/../img/search.svg") center center/contain no-repeat;
  min-width: 20px;
  width: 20px;
  height: 20px;
}

.header__search__inner {
  position: relative;
  width: 100%;
}

.header__search__btn {
  padding: 16px 75px;
}

.header__search .select {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 58px;
  opacity: 0;
  visibility: hidden;
}

.header__search.active {
  z-index: 100;
}

.header__search.active .select {
  opacity: 1;
  visibility: visible;
}

.header__search .select__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 0;
  font-weight: 400;
  font-size: 14px;
  color: var(--grey3);
  border-radius: 0;
}

.header__search .select__title::after {
  position: static;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

.header__search .select[data-state=active] .select__title::after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.header__search .select__content {
  right: -60px;
}

.header .search-drop {
  left: -30px;
  width: calc(100% + 60px);
}

.header__search-icon {
  min-width: 40px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 100%;
  background: var(--blue);
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: auto;
}

.header__search-icon::before {
  display: block;
  content: "";
  background: url("/local/templates/main/css/../img/search.svg") center center/contain no-repeat;
  min-width: 18px;
  width: 18px;
  height: 18px;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.header__list-mobile {
  display: none;
}

.nav__back {
  display: none !important;
}

.footer {
  margin-bottom: 24px;
}

.footer__wrapper {
  background: var(--white);
  border-radius: 20px;
  padding: 40px 40px 32px;
}

.footer__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 40px;
  margin-bottom: 54px;
}

.footer__inner {
  margin-right: 40px;
}

.footer__logo img {
  width: 119px;
  margin-bottom: 25px;
}

.footer__socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  gap: 10px;
}

.footer__socials a {
  margin-bottom: 0 !important;
}

.footer__socials a img {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  min-width: 32px;
  width: 32px;
  height: 32px;
  display: block;
  -webkit-filter: grayscale(1) opacity(0.2);
          filter: grayscale(1) opacity(0.2);
}

.footer__title {
  margin-bottom: 16px;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.footer__contacts ul li {
  text-align: right;
}

.footer__contacts ul li:not(:last-child) {
  margin-bottom: 16px;
}

.footer__contacts ul li a {
  font-weight: 500;
  font-size: 18px;
}

.footer__contacts ul li p {
  font-weight: 500;
  font-size: 18px;
}

.footer__contacts ul li p:first-child {
  font-size: 14px;
  font-weight: 400;
  color: var(--grey3);
  margin-bottom: 12px;
}

.footer__copyright {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px 41px;
}

.footer__copyright a,
.footer__copyright p {
  font-size: 14px;
  color: var(--grey3);
}

.footer .nav ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  gap: 32px 50px;
}
.footer .nav ul ul {
    display: block;
}
.footer .nav__inner:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: 1/1/4/3;
}

.footer .nav__inner:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-area: 1/3/4/4;
}

.footer .nav__inner:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
  grid-area: 1/4/2/5;
}

.footer .nav__inner:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
  grid-area: 2/4/3/5;
}

.footer .nav__item:not(:last-child) {
  margin-bottom: 10px;
}

.footer .nav__link {
  color: var(--grey3);
  font-size: 16px;
}

.form__text {
  margin-bottom: 24px;
}
.form__drop {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 24px;
    padding-top: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 100;
}
.form__label-inner {
    position: relative;
}
.form__label-inner.active .form__drop {
    opacity: 1;
    visibility: visible;
}
.form__drop ul {
    background: #fff;
    box-shadow: 0 12px 15px 0 rgba(118, 118, 118, 0.15);
    padding: 24px;
}
.form__drop li {
    cursor: pointer;
    &:not(:last-child) {
        margin-bottom: 16px;
    }
}    
.form__text span {
  color: var(--blue);
}

.form .select {
  width: 100%;
}

.form .select__title {
  background: rgba(255, 255, 255, 0.1);
  height: 56px;
  border-radius: 40px;
  border: 1px solid transparent;
  padding: 17px 24px;
  padding-right: 50px;
  color: var(--white);
  font-size: 16px;
}

.form .select__title:hover {
  border: 1px solid var(--white);
}

.form .select__label span {
  display: none;
}

.form .select[data-state=active] .select__title {
  background: var(--white);
  color: var(--dark);
}

.form .select[data-state=active] .select__title::after {
  -webkit-filter: none;
          filter: none;
}

.form .select__content {
  top: calc(100% + 9px);
}

.form .select__title::after {
  right: 24px;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.form__content label {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 10px;
}

.form__content label.active input {
  border: 1px solid var(--red);
}

.form__content label.active .form__error {
  margin-top: 10px !important;
  opacity: 1;
  padding: 10px 0;
}

.form__content label input {
  background: var(--grey4);
  border: 1px solid transparent;
  padding: 17px 24px;
  border-radius: 40px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  width: 100%;
  height: 56px;
  font-size: 16px;
}

.form__content label input::-webkit-input-placeholder {
  font-size: 16px;
  color: var(--grey3);
}

.form__content label input::-moz-placeholder {
  font-size: 16px;
  color: var(--grey3);
}

.form__content label input:-ms-input-placeholder {
  font-size: 16px;
  color: var(--grey3);
}

.form__content label input::-ms-input-placeholder {
  font-size: 16px;
  color: var(--grey3);
}

.form__content label input::placeholder {
  font-size: 16px;
  color: var(--grey3);
}

.form__content label input:hover {
  border: 1px solid var(--grey3);
}

.form__content label input:focus {
  border: 1px solid var(--dark);
  outline: none;
}

.form__content textarea {
  background: var(--grey4);
  font-size: 16px;
  border: 1px solid rgba(0, 0, 0, 0);
  padding: 17px 24px;
  border-radius: 20px;
  height: 120px;
  width: 100%;
  resize: none;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.form__content textarea.active {
  border: 1px solid var(--red);
}

.form__content textarea.active + .form__error {
  margin-top: 10px !important;
  opacity: 1;
  padding: 10px 0;
}

.form__content textarea::-webkit-input-placeholder {
  font-size: 16px;
  color: var(--grey3);
}

.form__content textarea::-moz-placeholder {
  font-size: 16px;
  color: var(--grey3);
}

.form__content textarea:-ms-input-placeholder {
  font-size: 16px;
  color: var(--grey3);
}

.form__content textarea::-ms-input-placeholder {
  font-size: 16px;
  color: var(--grey3);
}

.form__content textarea::placeholder {
  font-size: 16px;
  color: var(--grey3);
}

.form__content textarea:hover {
  border: 1px solid var(--grey3);
}

.form__content textarea:focus {
  border: 1px solid var(--dark);
  outline: none;
}

.form__error {
  height: 0;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
  font-size: 14px;
  color: var(--red);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 !important;
}

.form__btn {
  width: 100%;
  margin: 20px 0 16px;
}

.form__btns {
  margin-top: 20px;
  margin-bottom: 16px;
}

.form__btns .form__btn {
  margin: 0;
}

.form__btns .form__btn:not(:last-child) {
  margin-bottom: 10px;
}

.form__checkbox {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 12px;
  margin-bottom: 24px !important;
  margin-top: 16px;
}

.form__checkbox.active span {
  background: red;
}

.form__checkbox input {
  display: none;
}

.form__checkbox input:checked + span {
  background: #e2821e;
  border: 1px solid #e2821e;
}

.form__checkbox input:checked + span::before {
  opacity: 1;
}

.form__checkbox span {
  display: block;
  border-radius: 100px;
  border: 1px solid #e0e0e0;
  min-width: 18px;
  width: 18px;
  height: 18px;
  background: #fff;
  position: relative;
  cursor: pointer;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.form__checkbox span::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 10px;
  height: 7px;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.15417 1.42549L4.42778 6.15175C4.28598 6.29354 4.09985 6.36491 3.91372 6.36491C3.72759 6.36491 3.54146 6.29354 3.39966 6.15175L1.03653 3.78862C0.752145 3.50436 0.752145 3.04476 1.03653 2.7605C1.32079 2.47611 1.78026 2.47611 2.06465 2.7605L3.91372 4.60957L8.12605 0.397375C8.4103 0.112985 8.86978 0.112985 9.15417 0.397375C9.43842 0.681631 9.43842 1.1411 9.15417 1.42549Z' fill='%23FAFAFA'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.form__checkbox p {
  font-size: 14px;
  text-align: center;
  color: rgba(28, 28, 26, 0.5);
  max-width: 360px;
}

.form__checkbox a {
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

.form__info {
  font-size: 14px;
  text-align: center;
  color: var(--white500);
  opacity: 0.9;
}

.form__info a:hover {
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

.form__out-code {
  margin-bottom: 20px;
}

.form__out-code input {
  background: var(--grey4);
  border: 1px solid transparent;
  padding: 17px 24px;
  border-radius: 40px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  width: 100%;
  height: 56px;
  font-size: 16px;
}

.form__out-code input::-webkit-input-placeholder {
  color: var(--dark);
}

.form__out-code input::-moz-placeholder {
  color: var(--dark);
}

.form__out-code input:-ms-input-placeholder {
  color: var(--dark);
}

.form__out-code input::-ms-input-placeholder {
  color: var(--dark);
}

.form__out-code input::placeholder {
  color: var(--dark);
}

.form__inputs {
  display: -ms-grid;
  display: grid;
  gap: 10px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 10px;
}

.form__inputs label {
  margin-bottom: 0;
}

.form.active .form__after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.form__after {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}

.form__after img {
  margin: 0 auto 10px;
  width: 48px;
  height: 48px;
}

.form__after .h2 {
  text-align: center;
  color: var(--white);
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.form__after .form__text {
  text-align: center;
}

.form__after .btn {
  margin-left: auto;
  margin-right: auto;
}

.form__map {
  height: 127px;
  margin-top: 20px;
}
.cart__item .form__map {
      height: 188px;
}
.form.form-coloring {
  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;
}

.form.form-coloring p {
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 16px;
}
.form.form-coloring .form__inner {
    margin: 0 0 28px;
}

.form__colors {
  margin-bottom: 24px;
  padding-bottom: 24px;
  position: relative;
}

.form__colors::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: -60px;
  width: calc(100% + 120px);
  height: 1px;
  background: var(--blue4);
}

.form__colors-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 19px;
  overflow-x: auto;
  padding: 47px 11px 10px;
  overflow: auto;
  -ms-overflow-style: none;
  margin-top: -37px;
  scrollbar-width: none;
}

.form__colors-items::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.form__colors-items label {
  display: block;
}

.form__colors-items label input {
  display: none;
}

.form__colors-items label input + span {
  cursor: pointer;
  border: 1.22px solid transparent;
  border-radius: 4px;
  width: 83px;
  height: 46px;
  position: relative;
}

.form__colors-items label input + span::before {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: "";
  border-radius: 10px;
  width: 101px;
  height: 64px;
  border: 1.22px solid var(--grey2);
  opacity: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.form__colors-items label input:checked + span + span {
  opacity: 1;
  visibility: visible;
}

.form__colors-items label input:checked + span::before {
  opacity: 1;
}

.form__colors-items label span {
  display: block;
}

.form__colors-items label span:last-child {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  left: 81px;
  top: -37px;
  opacity: 0;
  visibility: hidden;
  font-weight: 500;
  font-size: 16px;
  color: var(--grey3);
}

.form__shades {
  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;
}

.form__shades-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 20px;
}

.form__shades-title p {
  margin-bottom: 0 !important;
  font-weight: 500;
  font-size: 20px;
}

.form__shades-title span {
  font-weight: 500;
  font-size: 16px;
  color: var(--grey3);
}

.form__shades-items {
  display: none;
  gap: 2px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow-y: auto;
  padding-bottom: 50px;
  padding-top: 2px;
  padding-left: 2px;
  width: calc(100% + 46px);
}

.form__shades-items::-webkit-scrollbar {
  width: 3px;
  background-color: #fff;
}

.form__shades-items::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: var(--grey2);
}

.form__shades-items::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #fff;
}

.form__shades-items.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.form__shades-items label {
  display: block;
  position: relative;
}
.form__shades-items label::after {
    content: attr(data-title);
    background: var(--white);
    border: 1.22px solid var(--grey2);
    border-radius: 10px;
    padding: 9px;
    font-weight: 500;
    font-size: 16px;
    line-height: 125%;
    color: var(--grey3);
    text-align: center;
    position: absolute;
    left: 5px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    top: calc(100% + 5px);
    opacity: 0;
    visibility: hidden;
    z-index: 1;
    white-space: nowrap;
}
.form__shades-items label:hover::after {
    opacity: 1;
    visibility: visible;
}
.form__shades-items label input {
  display: none;
}

.form__shades-items label input + span {
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 2px;
  width: 58px;
  height: 32px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  position: relative;
  display: block;
}

.form__shades-items label input + span::before {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: "";
  border-radius: 2px;
  width: 58px;
  height: 32px;
  border: 1.22px solid var(--grey2);
  opacity: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.form__shades-items label input:checked + span {
  width: 49px;
  height: 23px;
  margin: 0 4.5px;
}

.form__shades-items label input:checked + span::before {
  opacity: 1;
}
.form__selection,
.form__reset {
    padding: 9px;
    border-radius: 120px;
    height: 40px;
  background: var(--blue);
  max-width: 200px;
  width: 100%;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  color: var(--white);
  cursor: pointer; 
}
.form__selection:disabled,
.form__reset:disabled {  
  background: rgba(227, 227, 227, 0.5);
  color: var(--grey3);
  cursor: auto; 
}

.form__reset::after {
  content: "";
  display: block;
  background: url("/local/templates/main/css/../img/close.svg") center center/contain no-repeat;
  width: 22px;
  height: 22px;
}

.form__file {
  margin-top: 16px;
  margin-bottom: 24px;
}

.form__file label {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  width: fit-content;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  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: 8px;
  white-space: nowrap;
}

.form__file label::before {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  display: block;
  border-radius: 100%;
  content: "";
  background: url("/local/templates/main/css/../img/file.svg") center center/contain no-repeat;
  min-width: 24px;
  width: 24px;
  height: 24px;
}

.form__file span {
  display: block;
  font-weight: 500;
  color: var(--grey3);
}

.form__file input {
  display: none;
}

.form__inner {
  margin: 20px 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: 20px;
  width: 100%;
}

.form__inner label.form__checkbox {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

.form__inner label.form__checkbox p {
  text-align: left;
  font-size: 12px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.file-item {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 271px;
  margin-top: 12px;
  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: 8px;
}

.file-item span {
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  width: 100%;
}

.file-item-delete {
  background: url("/local/templates/main/css/../img/close.svg") center center/contain no-repeat;
  background-size: contain;
  background-repeat: no-repeat;
  min-width: 24px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}

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

.form__card:not(:last-child) {
  margin-bottom: 16px;
}

.form__card-img {
  border-radius: 4px;
  width: 109px;
  height: 109px;
}

.form__card-tag {
  border-radius: 60px;
  margin-bottom: 8px;
  font-size: 14px;
  color: var(--white);
  padding: 3px 16px;
  background: var(--orange);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.form__card-title {
  font-weight: 500;
  font-size: 14px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 17px;
}

.form__card-inner {
  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;
}

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

.form__card-price-old {
  font-size: 14px;
  text-decoration: line-through;
  color: var(--grey3);
}

.form__card-price {
  font-weight: 500;
  font-size: 16px;
}

.form__total {
  margin: 32px 0 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  font-weight: 500;
  font-size: 20px;
  color: #999;
}

.form__total span {
  color: #000;
}

.form__search {
  width: 100%;
  position: relative;
  margin-bottom: 40px;
  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;
}

.form__search form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  width: 100%;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.form__search input {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  width: 100%;
  border: none;
  padding: 14px 24px;
  background: var(--grey4);
  border-radius: 40px;
  font-size: 16px;
  height: 48px;
}

.form__search input::-webkit-input-placeholder {
  color: var(--grey3);
}

.form__search input::-moz-placeholder {
  color: var(--grey3);
}

.form__search input:-ms-input-placeholder {
  color: var(--grey3);
}

.form__search input::-ms-input-placeholder {
  color: var(--grey3);
}

.form__search input::placeholder {
  color: var(--grey3);
}

.form__search input:focus + .search-drop {
  opacity: 1;
  visibility: visible;
}

.form__search .search-drop {
  padding: 20px;
}

.form__search input[type=search]::-webkit-search-decoration,
.form__search input[type=search]::-webkit-search-cancel-button,
.form__search input[type=search]::-webkit-search-results-button,
.form__search input[type=search]::-webkit-search-results-decoration {
  margin-right: 30px;
}

.form__search button {
  cursor: pointer;
  min-width: 40px;
  width: 40px;
  height: 48px;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 100%;
}

.form__search button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url("/local/templates/main/css/../img/search.svg") center center/contain no-repeat;
  min-width: 20px;
  width: 20px;
  height: 20px;
}

.form__search__inner {
  position: relative;
  width: 100%;
}

.form__search__btn {
  padding: 16px 75px;
}

.form__city {
  color: var(--grey3);
  margin-bottom: 24px;
}

.form__city span {
  font-weight: 500;
  cursor: pointer;
  color: var(--blue);
}

.form__list {
  display: -ms-grid;
  display: grid;
  gap: 16px 47px;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  overflow-y: auto;
  height: 100%;
  max-height: calc(100vh - 340px);
}

.form__list::-webkit-scrollbar {
  width: 3px;
  background-color: #fff;
}

.form__list::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: var(--grey2);
}

.form__list::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #fff;
}

.form__list li a {
  color: var(--grey3);
  font-size: 16px;
}

.form__link {
  font-size: 14px;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-align: center;
  color: var(--blue2);
  opacity: 0.9;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 12px auto 20px;
}

.form .eye {
  cursor: pointer;
  position: absolute;
  right: 16px;
  top: 15px;
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("/local/templates/main/css/../img/eye-hide.svg");
}

.form .eye.active {
  background-image: url("/local/templates/main/css/../img/eye-show.svg");
}

.form__edit {
  position: absolute;
  right: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.5'%3E%3Cpath d='M8.07052 19.7359C8.2469 19.7258 8.41338 19.6511 8.53828 19.5262L16.5471 11.5174C16.6371 11.4274 16.6876 11.3053 16.6876 11.178C16.6876 11.0507 16.6371 10.9287 16.5471 10.8387L13.1626 7.45465C13.0726 7.36467 12.9505 7.31412 12.8232 7.31412C12.696 7.31412 12.5739 7.36467 12.4839 7.45465L4.47484 15.4632C4.3499 15.5881 4.27525 15.7546 4.26508 15.931L4.07932 19.1614C4.07347 19.2628 4.08912 19.3642 4.12526 19.4591C4.1614 19.554 4.2172 19.6402 4.28901 19.712C4.36081 19.7838 4.44699 19.8396 4.54189 19.8758C4.63679 19.9119 4.73826 19.9276 4.83964 19.9217L8.07052 19.7359ZM13.6716 6.26641C13.6271 6.31099 13.5917 6.36391 13.5675 6.42216C13.5434 6.48041 13.531 6.54284 13.531 6.60589C13.531 6.66895 13.5434 6.73138 13.5675 6.78963C13.5917 6.84788 13.6271 6.9008 13.6716 6.94537L17.0559 10.3296C17.1005 10.3742 17.1534 10.4096 17.2116 10.4337C17.2699 10.4579 17.3323 10.4703 17.3954 10.4703C17.4584 10.4703 17.5208 10.4579 17.5791 10.4337C17.6373 10.4096 17.6903 10.3742 17.7348 10.3296L19.8041 8.26033C19.871 8.19347 19.924 8.1141 19.9602 8.02673C19.9964 7.93937 20.015 7.84574 20.015 7.75117C20.015 7.65661 19.9964 7.56298 19.9602 7.47561C19.924 7.38825 19.871 7.30887 19.8041 7.24201L16.7592 4.19713C16.6242 4.06216 16.4411 3.98633 16.2502 3.98633C16.0593 3.98633 15.8762 4.06216 15.7412 4.19713L13.6716 6.26641Z' fill='%237E8184' /%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 24px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.form-account-password .form__inputs {
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 0;
}

.main {
  margin-bottom: 100px;
}

.main__wrapper {
  position: relative;
}

.main__inner {
  position: relative;
}
.dot {
    position: absolute;
    z-index: 100;
}
.dot:hover .dot-link {
    opacity: 1;
    visibility: visible;
}
.dot-icon {
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background: var(--white);
}
.dot-icon::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background: var(--white);
    border-radius: 100%;
    -webkit-animation: pulse 3s infinite;
            animation: pulse 3s infinite;
}
.dot-link {
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    display: block;
    background: var(--white);
    border-radius: 20px;
    position: absolute;
    white-space: nowrap;
    padding: 5px 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    left: calc(100% + 16px);
    
}
.dot-link[style*="left"] {
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.dot-link[style*="top"] {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
}
.dot-link::before {
    position: absolute;
    content: "";
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    left: -20px;
    width: 100%;
    height: 100%;
}
.dot-mobile {
    display: none;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.8);
            box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.8);
  }
  100% {
    -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
  }
}
@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.8);
            box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.8);
  }
  100% {
    -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
  }
}
.loading {
    position: fixed;
    top: 0;
    left: 0;
    background: var(--grey2);
    width: 100%;
    height: 100vh;
    z-index: 1000;
     display: flex;
      align-items: center;
      justify-content: center;
    
}
.loading__wrapper { 
    position: relative;
    width: 184px;
     display: flex;
      align-items: center;
      justify-content: center;
       flex-direction: column;
       margin: auto;
}
.loading img {
    width: 64px;
    object-fit: contain;
    margin-bottom: 30px; 
  animation: infinityMoveTransform 4s infinite linear;
}
.loading__progress  {
    border-radius: 10px;
    width: 100%;
    height: 6px;
    background: var(--grey4);
}

.loading__progress-bar  {
    border-radius: 10px;
    width: 0;
    height: 6px;
  
}

.loading__progress-text  {
    font-weight: 600;
    font-size: 16px;
    line-height: 125%;
    color: #f29a33;
}
@keyframes infinityMoveTransform {
  0% {
    transform: translate(0%, 0%);
  }
  
  12.5% {
    transform: translate(-45%, -45%);
  }
  
  25% {
    transform: translate(-75%, 0%);
  }
  
  37.5% {
    transform: translate(-45%, 45%);
  }
  
  50% {
    transform: translate(0%, 0%);
  }
  
  62.5% {
    transform: translate(45%, -45%);
  }
  
  75% {
    transform: translate(75%, 0%);
  }
  
  87.5% {
    transform: translate(45%, 45%);
  }
  
  100% {
    transform: translate(0%, 0%);
  }
}
.modal .birdie-anim {
    position: absolute;
    right: 200px;   
    top: 0px;
    transition: 1.5s; 
     z-index: -1;    
}
.modal.active .birdie-anim {
    animation: bird 4s 1.3s  ease-in-out forwards;
}
@keyframes bird {
    0% {
        transform: translate(0px, 0px);
    }
    50% {
        transform: translate(50px, -150px);        
    }
    100% {
        transform: translate(100px, -60px);
         z-index: 10;
    } 
}
.birdie-body {
    width: 69px;
    height: 73px;
}
.birdie-wing-1 {
    position: absolute;
    left: -24px;
    top: 26px;
    animation: leftWing 4s infinite ease-in-out;    
     transform-origin: right center; 
}
.birdie-wing-2 {
    position: absolute;
    right: 6px;
    top: 21px;
        animation: rightWing 4s infinite ease-in-out;    
     transform-origin: left center; 
}

@keyframes leftWing {
  0%, 100% {
    transform: rotate(0deg);
  }
  50% {
    transform:translate(-1px, -5px) rotate(50deg);
  }
}
@keyframes rightWing {
  0%, 100% {
    transform: rotate(0deg);
  }
  50% {
    transform: translate(5px, 5px) rotate(-50deg);
  }
}

.main h1,
.main h2 {
  font-weight: 500;
  max-width: 793px;
  text-transform: uppercase;
  color: #fff;
}

.main__item {
  padding: 368px 0 141px;
  position: relative;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  overflow: hidden;
}

.main__item::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}

.main__advantages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 24px;
  gap: 16px;
  overflow-x: auto;
  padding-bottom: 10px;
  margin-bottom: -10px;
}

.main__advantages-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

.main__advantages-item p {
  min-width: 105px;
  color: var(--dark);
}

.main__advantages-icon {
  width: 80px;
  min-width: 80px;
  height: 80px;
  border-radius: 100%;
  background: rgba(38, 107, 119, 0.4);
  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: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;
  position: relative;
}

.main__advantages-icon::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 80px;
  min-width: 80px;
  height: 80px;
  background: var(--blue);
  -webkit-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;
  border-radius: 100%;
}

.main__advantages-icon img {
  position: relative;
  width: 40px;
  height: 40px;
  -webkit-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;
}

.main .swiper-pagination {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 32px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0;
  margin-top: 32px;
  width: 90%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 6px;
}

.main .swiper-pagination-bullet {
  opacity: 0.3;
  width: 20px;
  height: 2px;
  border: none;
  position: relative;
  background: var(--white) !important;
}

.main .swiper-pagination-bullet-active {
  opacity: 1;
}

.main .container {
  position: relative;
}

.modal-overlay {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  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;
  height: 100dvh;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: background all 0.3s ease-in-out;
  -o-transition: background all 0.3s ease-in-out;
  transition: background all 0.3s ease-in-out;
}

.modal-overlay.active {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 250;
}

.modal-overlay .modal {
  border-radius: 20px;
  max-width: 589px;
  width: 95%;
  max-height: 90%;
  display: none;
  position: relative;
  background: #fff;
}

.modal-overlay .modal.active {
  display: block;
}

.modal-overlay .modal__forms .form {
  display: none;
}

.modal-overlay .modal__forms .form.active {
  display: block;
}

.modal-overlay .modal .h2-blue {
  color: var(--blue);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.modal-overlay .modal .h2-blue::before {
  display: block;
  content: "";
  background: url("/local/templates/main/css/../img/check.svg") center center/contain no-repeat;
  width: 32px;
  height: 32px;
}

.modal-overlay .modal__choice {
  background: var(--grey4);
  border-radius: 120px;
  padding: 6px;
  display: -ms-grid;
  display: grid;
  gap: 10px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 20px;
}

.modal-overlay .modal__choice label input {
  display: none;
}

.modal-overlay .modal__choice label input:checked + span {
  background: var(--white);
  color: var(--dark);
}

.modal-overlay .modal__choice label span {
  cursor: pointer;
  font-weight: 500;
  padding: 10px;
  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-radius: 40px;
  background: var(--grey4);
  color: var(--grey3);
}

.modal-overlay .modal__btns {
  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;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
}

.modal-overlay .modal__subtitle {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.modal-overlay .modal__text {
  margin-bottom: 24px;
  font-size: 16px;
}

.modal-overlay .modal__text:last-child {
  margin-bottom: 0;
}

.modal-overlay .modal__wrapper {
  overflow-y: auto;
  max-height: calc(100vh - 120px);
  padding: 48px 60px;
}

.modal-overlay .modal .close-icon {
  width: 28px;
  height: 28px;
  position: absolute;
  right: 27px;
  top: 27px;
  z-index: 10;
  opacity: 1;
  cursor: pointer;
  background: url("/local/templates/main/css/../img/close.svg") center center/contain no-repeat;
}

.modal-overlay .modal__btn {
  padding: 17px 64px;
}

.modal-overlay .modal-after,
.modal-overlay .modal-after-faq {
  text-align: center;
}

.modal-overlay .modal-after img,
.modal-overlay .modal-after-faq img {
  width: 48px;
  height: 48px;
  margin: 0 auto 16px;
}

.modal-overlay .modal-after .h2,
.modal-overlay .modal-after-faq .h2 {
  margin-bottom: 10px;
  position: relative;
}

.modal-overlay .modal-after .modal__text,
.modal-overlay .modal-after-faq .modal__text {
  text-align: center;
  position: relative;
  margin-bottom: 0;
}

.modal-overlay .modal-after .btn,
.modal-overlay .modal-after-faq .btn {
  margin: 20px auto 0;
  padding: 15px 92px;
}

.modal-overlay .modal-certificate {
  width: 66.6666666667vh;
  max-width: 95%;
  padding-bottom: 56px;
  max-height: 93%;
  background: none;
}

.modal-overlay .modal-certificate .modal__wrapper {
  background: none;
  padding: 0;
}

.modal-overlay .modal-certificate img {
  display: block;
  width: 100%;
  max-height: calc(100vh - 120px);
  -o-object-fit: contain;
  object-fit: contain;
}

.modal-overlay .modal-certificate .modal__content {
  height: 100%;
}

.modal-overlay .modal-img {
  background: none;
  max-width: 996px;
}

.modal-overlay .modal-img .modal__wrapper {
  background: none;
  padding: 0;
}

.modal-overlay .modal-img iframe,
.modal-overlay .modal-img img {
  max-height: calc(100vh - 194px);
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.modal-overlay .modal-img .modal__content {
  padding-bottom: 64px;
}

.modal-overlay .modal-click {
  max-height: 97%;
}

.modal-overlay .modal-click .modal__wrapper {
  padding: 40px;
  max-height: calc(100vh - 40px);
}

.modal-overlay .modal-click .form__content textarea {
  margin-bottom: 22px;
}

.modal-overlay .modal-review .modal__wrapper {
  padding: 40px;
}

.modal-overlay .modal-address .modal__wrapper {
  padding: 40px;
}

.modal-overlay .modal-address .h2 {
  font-weight: 500;
  font-size: 20px;
  text-transform: none;
}

.modal-overlay .modal-city {
  max-width: 793px;
}

.modal-overlay .modal-city .modal__wrapper {
  overflow-y: visible;
  padding: 48px;
}

.modal-overlay .form__checkbox {
  margin-bottom: 27px !important;
  margin-top: 27px;
}

.modal-overlay .form__info {
  color: var(--grey3);
}

.modal-overlay .modal-inform .modal__wrapper {
  padding: 40px;
}

.modal-overlay .modal-registration-after {
  max-width: 589px;
}

.modal-overlay .modal-registration-after .modal__wrapper {
  padding: 48px 66px;
  text-align: center;
}

.modal-overlay .modal-registration-after .btn {
  margin: 0 auto;
  padding: 17px 80px;
}

.modal-overlay .modal-registration-after img {
  width: 48px;
  height: 48px;
  margin: 0 auto 16px;
}

.modal-overlay .modal-change-password-after,
.modal-overlay .modal-change-password,
.modal-overlay .modal-reset-password-after,
.modal-overlay .modal-reset-password-send,
.modal-overlay .modal-reset-password,
.modal-overlay .modal-account-registration-code-email,
.modal-overlay .modal-account-registration-code-phone,
.modal-overlay .modal-account-registration-confirmation,
.modal-overlay .modal-registration,
.modal-overlay .modal-account-registration-code,
.modal-overlay .modal-account-login-code,
.modal-overlay .modal-account {
  max-width: 386px;
}

.modal-overlay .modal-change-password-after .modal__wrapper,
.modal-overlay .modal-change-password .modal__wrapper,
.modal-overlay .modal-reset-password-after .modal__wrapper,
.modal-overlay .modal-reset-password-send .modal__wrapper,
.modal-overlay .modal-reset-password .modal__wrapper,
.modal-overlay .modal-account-registration-code-email .modal__wrapper,
.modal-overlay .modal-account-registration-code-phone .modal__wrapper,
.modal-overlay .modal-account-registration-confirmation .modal__wrapper,
.modal-overlay .modal-registration .modal__wrapper,
.modal-overlay .modal-account-registration-code .modal__wrapper,
.modal-overlay .modal-account-login-code .modal__wrapper,
.modal-overlay .modal-account .modal__wrapper {
  padding: 32px;
}

.modal-overlay .modal-change-password-after .h2,
.modal-overlay .modal-change-password .h2,
.modal-overlay .modal-reset-password-after .h2,
.modal-overlay .modal-reset-password-send .h2,
.modal-overlay .modal-reset-password .h2,
.modal-overlay .modal-account-registration-code-email .h2,
.modal-overlay .modal-account-registration-code-phone .h2,
.modal-overlay .modal-account-registration-confirmation .h2,
.modal-overlay .modal-registration .h2,
.modal-overlay .modal-account-registration-code .h2,
.modal-overlay .modal-account-login-code .h2,
.modal-overlay .modal-account .h2 {
  font-weight: 500;
  font-size: 20px;
  text-transform: none;
}

.modal-overlay .modal-change-password-after .form__text,
.modal-overlay .modal-change-password .form__text,
.modal-overlay .modal-reset-password-after .form__text,
.modal-overlay .modal-reset-password-send .form__text,
.modal-overlay .modal-reset-password .form__text,
.modal-overlay .modal-account-registration-code-email .form__text,
.modal-overlay .modal-account-registration-code-phone .form__text,
.modal-overlay .modal-account-registration-confirmation .form__text,
.modal-overlay .modal-registration .form__text,
.modal-overlay .modal-account-registration-code .form__text,
.modal-overlay .modal-account-login-code .form__text,
.modal-overlay .modal-account .form__text {
  margin-bottom: 16px;
}

.modal-overlay .modal-coloring {
  border-radius: 0;
  max-width: 608px;
  max-height: 100vh;
  height: 100vh;
  width: 100%;
  margin-left: auto;
}

.modal-overlay .modal-coloring .modal__wrapper {
  overflow: visible;
  padding: 37px 60px 32px;
  height: 100%;
  max-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.modal-overlay .modal-coloring .modal__inner {
  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;
  margin-bottom: 24px;
  background: var(--grey4);
  border-radius: 20px;
  padding: 33px 24px;
}

.modal-overlay .modal-coloring .modal__inner .close-icon {
  position: static;
}

.modal-overlay .modal-coloring .modal__inner .h2 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 24px;
  text-transform: none;
}

.modal-faq .form__checkbox {
  padding-right: 22px;
}

.portfolio {
  margin-bottom: 86px;
}

.portfolio__description {
  display: -ms-grid;
  display: grid;
  gap: 20px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 60px;
}

.portfolio__sort {
  margin-bottom: 30px;
}

.portfolio__sort ul {
  overflow-x: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding-bottom: 10px;
}

.portfolio__sort ul li a {
  color: var(--grey3);
  padding: 14px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: var(--white500);
  border-radius: 40px;
  white-space: nowrap;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.portfolio__sort ul li a.active {
  background: var(--blue);
  color: var(--white);
}

.portfolio__tabs-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-bottom: 32px;
  padding-bottom: 2px;
  overflow-x: auto;
}

.portfolio__tabs-btns::-webkit-scrollbar {
  display: none;
}

.portfolio__tabs-btn {
  display: block;
  font-size: 16px;
  text-align: center;
  color: var(--grey3);
  white-space: nowrap;
  padding: 14px 24px;
  border-radius: 40px;
  background: var(--white500);
  cursor: -webkit-grab;
  cursor: grab;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: relative;
}

.portfolio__tabs-btn::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 40px;
}

.portfolio__tabs-btn.active {
  background: var(--blue);
  color: var(--white);
}

.portfolio__tabs-content {
  position: relative;
  display: none;
  padding-bottom: 16px;
}

.portfolio__tabs-content.active {
  display: block;
}

.portfolio__wrapper {
  position: relative;
}

.portfolio__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  margin-bottom: 24px;
}

.portfolio__items {
  display: -ms-grid;
  display: grid;
  gap: 20px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
.portfolio-catalog .portfolio__items {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
}
.portfolio-catalog .portfolio__item p {
    font-weight: 500;
    font-size: 20px;
}
.portfolio__item svg path {
  -webkit-transform: translateX(-20px);
      -ms-transform: translateX(-20px);
          transform: translateX(-20px);
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.portfolio__item:hover svg path {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.portfolio__item:hover .line-arrow {
  opacity: 1;
}

.portfolio__item:hover .portfolio__item-img::before {
  opacity: 1;
  z-index: 10;
  right: -60px;
  bottom: -92px;
}

.portfolio__item:hover .portfolio__item-img img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.portfolio__item-disabled {
  cursor: auto;
  pointer-events: none;
}

.portfolio__item-disabled .portfolio__item-img::after {
  position: absolute;
  content: "Скоро";
  top: 0;
  left: 0;
  width: 100%;
  height: 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;
  font-weight: 400;
  font-size: 32px;
  text-transform: uppercase;
  color: var(--white);
  background: rgba(0, 0, 0, 0.5);
}

.portfolio__item-disabled .portfolio__item-img img {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}

.portfolio__item-disabled .portfolio__item-img::before {
  display: none;
}

.portfolio__item-img {
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 16/9;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  position: relative;
}

.portfolio__item-img img {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.portfolio__item-img::before {
  position: absolute;
  content: "";
  right: -190px;
  bottom: -210px;
  -webkit-animation: changeImg 2s infinite;
          animation: changeImg 2s infinite;
  width: 189px;
  height: 209px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  opacity: 0;
}
.portfolio-page .portfolio__item-img::before {
  display: none;
}
.portfolio__item-inner {
  padding: 16px 0 7px;
  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;
}

.portfolio .line-arrow {
  opacity: 0;
}

@-webkit-keyframes changeImg {
  0% {
    background: url("/local/templates/main/css/../img/birdie.svg") center center/contain no-repeat;
  }

  100% {
    background: url("/local/templates/main/css/../img/birdie-eyes.svg") center center/contain no-repeat;
  }
}

@keyframes changeImg {
  0% {
    background: url("/local/templates/main/css/../img/birdie.svg") center center/contain no-repeat;
  }

  100% {
    background: url("/local/templates/main/css/../img/birdie-eyes.svg") center center/contain no-repeat;
  }
}

.slider {
  margin-bottom: 100px;
}

.slider__wrapper {
  position: relative;
  padding-bottom: 16px;
}

.slider__inner {
  margin-bottom: 32px;
}

.slider__tabs {
  margin-top: -8px;
}

.slider__tabs-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-bottom: 32px;
  overflow-x: auto;
}

.slider__tabs-btns::-webkit-scrollbar {
  display: none;
}

.slider__tabs-btn {
  display: block;
  font-size: 16px;
  text-align: center;
  color: var(--grey3);
  white-space: nowrap;
  padding: 14px 24px;
  border-radius: 40px;
  background: var(--white500);
  cursor: -webkit-grab;
  cursor: grab;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: relative;
}

.slider__tabs-btn::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 40px;
}

.slider__tabs-btn.active {
  background: var(--blue);
  color: var(--white);
}

.slider__tabs-content {
  position: relative;
  display: none;
  padding-bottom: 16px;
  margin-bottom: -16px;
}

.slider__tabs-content.active {
  display: block;
}

.about {
  margin-bottom: 100px;
}

.about.white-section {
  padding: 60px 0;
}

.about__wrapper {
  display: -ms-grid;
  display: grid;
  gap: 22px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 40px;
}

.about h2 {
  margin-bottom: 40px;
}

.about__inner ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.about__inner ul li {
  border-radius: 100%;
  min-width: 181px;
  width: 181px;
  height: 181px;
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 26px;
  text-align: center;
}

.about__inner ul li:not(:first-child) {
  margin-left: -44px;
}

.about__inner ul li p span {
  font-size: 48px;
  padding: 0 5px;
}

.about__inner ul li p:last-child {
  font-weight: 400;
  font-size: 14px;
}

.about__inner ul li p:first-child {
  margin-bottom: 5px;
}

.about__inner ul li:nth-child(1) {
  background: var(--blue);
  z-index: 1;
}

.about__inner ul li:nth-child(1) p {
  color: var(--white);
}

.about__inner ul li:nth-child(1) p:first-child {
  font-weight: 500;
  font-size: 20px;
}

.about__inner ul li:nth-child(2) {
  background: rgba(108, 154, 163, 0.5);
}

.about__inner ul li:nth-child(3) {
  background: var(--white);
  -webkit-box-shadow: 0 4px 10px 0 rgba(181, 204, 209, 0.5);
          box-shadow: 0 4px 10px 0 rgba(181, 204, 209, 0.5);
}

.about__inner ul li:nth-child(3) p {
  color: var(--blue);
}

.about__inner ul li:nth-child(3) p:first-child {
  font-weight: 400;
  font-size: 40px;
  text-transform: uppercase;
}

.about__inner ul li:nth-child(3) p:first-child span {
  padding: 0;
  font-weight: 700;
}

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

.about__description b {
  font-weight: 500;
  font-size: 20px;
  line-height: 125%;
  display: block;
  margin-bottom: 24px;
}

.about__images {
  display: -ms-grid;
  display: grid;
  gap: 9px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}

.about__images img {
  width: 100%;
  border-radius: 15px;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 16/9;
}

.about .more-link {
  margin-left: auto;
  margin-top: 24px;
}

.about .more-link::before {
  background: var(--grey2);
}

.certificate {
  margin-bottom: 100px;
}

.certificate__wrapper {
  position: relative;
  padding-bottom: 16px;
}

.certificate__inner {
  position: relative;
  padding-right: 140px;
  margin-bottom: 32px;
}

.certificate__items {
  display: -ms-grid;
  display: grid;
  gap: 20px;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
}

.certificate__item p {
  text-align: center;
}

.certificate__item-img {
  background: var(--white);
  border-radius: 20px;
  padding: 28px 59px;
  margin-bottom: 16px;
}

.certificate__item-img img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  aspect-ratio: 9/12.15;
}

.certificate .more-link {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.process {
  margin-bottom: 100px;
}

.process h2 {
  margin-bottom: 32px;
}

.process.white-section {
  padding: 60px 0 80px;
}

.process__item {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  background: #f0f0f0;
  border-radius: 10px;
  padding: 20px;
  padding-top: 44px;
  aspect-ratio: 9/13.21;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}

.process__item::after {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  position: absolute;
  content: "";
  top: 20px;
  left: 20px;
  width: 8px;
  height: 8px;
  background: var(--dark);
  border-radius: 100%;
}

.process__item::before {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  display: block;
  counter-increment: num;
  content: counter(num, decimal-leading-zero);
  font-size: 60px;
  font-weight: 500;
  line-height: 0.8;
}
.process__item span {
    text-transform: uppercase;
    display: block;
    margin-top: 12px;
    -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.process__item p {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  margin-top: auto;
}

.process__item .btn {
  font-size: 16px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  max-height: 0;
  opacity: 0;
  padding: 0 32px;
  background: var(--blue2);
  width: 100%;
}

.process__item .btn:hover {
  background: var(--white);
}

.process__wrapper {
  position: relative;
  padding-bottom: 16px;
}

.process .swiper-wrapper {
  counter-reset: num;
}

.process__logo {
  position: absolute;
  background: url("/local/templates/main/css/../img/birdie-eyes.svg") center center/contain no-repeat;
  right: 0;
  bottom: 25%;
  -webkit-transform: scale(0.1);
      -ms-transform: scale(0.1);
          transform: scale(0.1);
  width: 140px;
  height: 170px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  opacity: 0;
}

.process .swiper-inner .swiper-button-next,
.process .swiper-inner .swiper-button-prev {
  background: var(--grey4);
}

.process .swiper-pagination {
  margin-top: 40px;
}

.footer .col-12:last-child {
  max-width: 280px;
}

.footer .col-12:first-child {
  padding-right: 0 !important;
  border-right: none;
}

.articles {
  margin-bottom: 100px;
}

.articles__sort ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  overflow-x: auto;
  padding-bottom: 10px;
}

.articles__sort ul li a {
  display: block;
  font-size: 16px;
  text-align: center;
  color: var(--grey3);
  white-space: nowrap;
  padding: 14px 24px;
  border-radius: 40px;
  background: var(--white500);
  cursor: -webkit-grab;
  cursor: grab;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: relative;
}

.articles__sort ul li a::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 40px;
}

.articles__sort ul li a.active {
  background: var(--blue);
  color: var(--white);
}

.articles__wrap {
  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: 14px 24px;
  margin-bottom: 23px;
}

.articles__wrap .articles__sort ul {
  margin-bottom: 0;
  padding-bottom: 0;
}

.articles__wrap .select {
  width: 285px;
}

.articles__wrap .select__title {
  background: var(--white500);
  border-radius: 40px;
  padding: 14px 32px;
  padding-right: 50px;
  font-weight: 500;
}

.articles__wrap .select__title::after {
  right: 32px;
}

.articles__wrap .select__content {
  top: calc(100% + 10px);
}

.articles__wrap .select[data-state=active] .select__title {
  background: var(--white);
}

.articles__wrapper {
  position: relative;
  padding-bottom: 16px;
}

.articles__items {
  display: -ms-grid;
  display: grid;
  gap: 20px;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}

.articles__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  margin-bottom: 24px;
}

.articles__tabs-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-bottom: 32px;
  padding-bottom: 2px;
  overflow-x: auto;
}

.articles__tabs-btns::-webkit-scrollbar {
  display: none;
}

.articles__tabs-btn {
  display: block;
  font-size: 16px;
  text-align: center;
  color: var(--grey3);
  white-space: nowrap;
  padding: 14px 24px;
  border-radius: 40px;
  background: var(--white500);
  cursor: -webkit-grab;
  cursor: grab;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: relative;
}

.articles__tabs-btn::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 40px;
}

.articles__tabs-btn.active {
  background: var(--blue);
  color: var(--white);
}

.articles__tabs-content {
  display: none;
}

.articles__tabs-content.active {
  display: block;
}

.articles-events .article__time,
.articles-events .article__date,
.articles-master-class .article__time,
.articles-master-class .article__date,
.articles-training .article__time,
.articles-training .article__date {
  font-weight: 600;
  font-size: 20px;
  color: var(--blue);
  opacity: 1;
}

.coloring {
  padding: 60px 0;
  margin-bottom: 100px;
}

.coloring .search {
  margin-bottom: 30px;
}

.coloring__tabs-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-bottom: 32px;
  padding-bottom: 2px;
  overflow-x: auto;
}
.coloring__text {
    font-size: 14px;
    margin-bottom: 17px;
}
.coloring__tabs-btns::-webkit-scrollbar {
  display: none;
}

.coloring__tabs-btn {
  display: block;
  font-size: 16px;
  text-align: center;
  color: var(--grey3);
  white-space: nowrap;
  padding: 14px 24px;
  border-radius: 40px;
  background: var(--grey2);
  cursor: -webkit-grab;
  cursor: grab;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: relative;
}

.coloring__tabs-btn::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 40px;
}

.coloring__tabs-btn.active {
  background: var(--blue);
  color: var(--white);
}

.coloring__tabs-content {
  position: relative;
  display: none;
  padding-bottom: 16px;
}

.coloring__tabs-content.active {
  display: block;
}

.coloring__inner {
  position: relative;
  padding-right: 140px;
  margin-bottom: 24px;
}

.coloring .more-link {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.coloring__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}


@media (min-width: 1025px) {
    .coloring__item:hover .coloring__img::before {
        opacity: 1;
    }
    .coloring-swiper {
        padding: 3px 11px;
        width: calc(100% + 22px);
        margin-left: -11px;
    }
    .coloring__item:hover .coloring__img  {
        width: calc(100% - 18px);
        height: calc(100% - 36px);
        margin-top: 10px;
        margin-left: 9px;
    }
    .coloring__img::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: calc(100% + 18px);
    height: calc(100% + 18px);
    opacity: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    border-radius: 10px;
    border: 1px solid var(--grey2);
    z-index: 1;
    }
}
.coloring__item p {
  font-weight: 500;
  font-size: 20px;
  color: var(--grey3);
}

.coloring__img {
  margin-bottom: 16px;
  border-radius: 10px;
  width: 100%;
  aspect-ratio: 16/9;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: relative;
}
.coloring .swiper-inner .swiper-button-next,
.coloring .swiper-inner .swiper-button-prev {
  border: 1px solid var(--grey2);
}

.coloring .swiper-inner .swiper-button-next {
  border-left: none;
}

.coloring .swiper-inner .swiper-button-prev {
  border-right: none;
}

.coloring .more-link::before {
  background: var(--grey2);
}

.coloring .swiper-pagination {
  margin-top: 40px;
}

.coloring__colors {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
    margin-bottom: 30px;
}
.coloring__colors .swiper-pagination {
    display: none;
}
.coloring__colors .swiper-inner {
    position: static;
    margin-top: 17px;
}
.coloring__colors .swiper-inner .swiper-button-next,
.coloring__colors .swiper-inner .swiper-button-prev {
    background: var(--grey4);
    border: none;
}
.coloring-check-swiper label {
  position: relative;
  display: block;
  padding: 11px 11px 0;
}

.coloring-check-swiper label input {
  display: none;
}

.coloring-check-swiper label input + span {
  cursor: pointer;
  border: 1.22px solid transparent;
  border-radius: 4px;
  width: 100%;
  height: 46px;
  position: relative;
}

.coloring-check-swiper label input + span::before {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: "";
  border-radius: 10px;
  width: calc(100% + 18px);
  height: 64px;
  border: 1.22px solid var(--grey2);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.coloring-check-swiper label input:checked + span + span {
  color: var(--dark);
}

.coloring-check-swiper label input:checked + span::before {
  border: 1.22px solid var(--grey3);
}

.coloring-check-swiper label span {
  display: block;
}

.coloring-check-swiper label span:last-child {
  margin-top: 19px;
  margin-left: -11px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  color: var(--grey3);
  font-size: 14px;
  line-height: 115%;
}

.coloring__shades-items {
  display: none;
  gap: 2px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 24px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.coloring__shades-items::-webkit-scrollbar {
  width: 3px;
  background-color: #fff;
}

.coloring__shades-items::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: var(--grey2);
}

.coloring__shades-items::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #fff;
}

.coloring__shades-items.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.coloring__shades-items a {
  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;
  font-weight: 500;
  font-size: 14px;
  border-radius: 5px;
  width: 146px;
  height: 82px;
}

.coloring__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
  max-width: 700px;
  font-size: 16px;
}

.coloring__info::before {
  display: block;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.9366 4.06777C12.9876 -1.96973 2.27793 1.3929 1.12443 9.88965C0.762276 12.2186 1.19602 14.6016 2.35556 16.6535C2.41307 16.7581 2.44781 16.8737 2.4575 16.9927C2.4672 17.1117 2.45162 17.2314 2.41181 17.3439L1.25981 20.7954C1.21871 20.9274 1.21449 21.0681 1.24761 21.2023C1.28074 21.3365 1.34994 21.4591 1.44772 21.5568C1.54551 21.6545 1.66816 21.7236 1.8024 21.7567C1.93664 21.7897 2.07735 21.7854 2.20931 21.7441L5.66043 20.5929C5.77292 20.5532 5.89253 20.5377 6.01144 20.5474C6.13034 20.557 6.24586 20.5917 6.35043 20.6491C8.40375 21.8053 10.7858 22.2384 13.1147 21.8791C21.4562 20.4556 25.0468 10.1244 18.9369 4.0674L18.9366 4.06777ZM11.5086 17.306C11.1642 17.3002 10.8358 17.1593 10.5943 16.9137C10.3528 16.6681 10.2175 16.3374 10.2175 15.993C10.2175 15.6485 10.3528 15.3178 10.5943 15.0722C10.8358 14.8266 11.1642 14.6857 11.5086 14.6799C11.853 14.6857 12.1813 14.8266 12.4228 15.0722C12.6643 15.3178 12.7996 15.6485 12.7996 15.993C12.7996 16.3374 12.6643 16.6681 12.4228 16.9137C12.1813 17.1593 11.853 17.3002 11.5086 17.306ZM12.9643 12.0729C12.9013 14.2044 10.1166 14.2066 10.0532 12.0729V7.10977C10.1151 4.9734 12.9017 4.97115 12.9643 7.10977V12.0729Z' fill='%236C9AA3'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  min-width: 24px;
  width: 24px;
  height: 24px;
}

.coloring-page {
  padding: 0;
  margin-bottom: 100px;
}

.coloring-page input[type=search]::-webkit-search-decoration,
.coloring-page input[type=search]::-webkit-search-cancel-button,
.coloring-page input[type=search]::-webkit-search-results-button,
.coloring-page input[type=search]::-webkit-search-results-decoration {
  margin-right: 20px;
}

.coloring-page.white-section {
  position: relative;
  padding: 0 0 100px;
  margin-bottom: 60px;
}

.coloring-page.white-section::before {
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  bottom: 100%;
}

.coloring-page .coloring__tabs-btn {
  padding: 14px 24px;
}

.catalog {
  margin-bottom: 100px;
}

.catalog .empty h2,
.catalog .empty__title {
  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: 16px;
}

.catalog .empty h2::before,
.catalog .empty__title::before {
  display: block;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.6076 7.98829C22.2979 6.15384 24.7145 5 27.4061 5C32.5197 5 36.6654 9.14568 36.6654 14.2593C36.6654 23.828 22.9424 33.3967 20.3537 34.52L22.9743 26.6581L23.08 26.341L22.8275 26.1222L15.6907 19.937L21.3904 12.8123L21.536 12.6304L21.4903 12.4019L20.6076 7.98829ZM19.6456 8.2776C17.9481 6.27598 15.4217 5 12.5913 5C7.47771 5 3.33203 9.14568 3.33203 14.2593C3.33203 23.5072 16.1503 32.7551 19.3467 34.3788L21.92 26.659L14.6725 20.3778L14.3093 20.063L14.6096 19.6877L20.464 12.3696L19.6456 8.2776Z' fill='%23266B77'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  min-width: 40px;
  width: 40px;
  height: 40px;
}

.catalog__reset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  font-size: 16px;
  color: var(--blue2);
  gap: 12px;
  margin-right: 8px;
  white-space: nowrap;
  cursor: pointer;
}

.catalog__reset::before {
  display: block;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.4562 1H2.40625C2.20312 1 2 1.1625 2 1.40625V3.07187H13.8625V1.40625C13.8625 1.1625 13.7 1 13.4562 1ZM2.77188 12.7812C2.8125 13.4719 3.42188 14 4.1125 14H11.8312C12.5219 14 13.0906 13.4719 13.1719 12.7812L13.9031 3.88437H2.12187L2.77188 12.7812ZM9.84062 5.75313C9.84062 5.50938 10.0031 5.34688 10.2469 5.34688C10.45 5.34688 10.6531 5.50938 10.6531 5.75313V11.2781C10.6531 11.4812 10.45 11.6844 10.2469 11.6844C10.0031 11.6844 9.84062 11.4812 9.84062 11.2781V5.75313ZM7.525 5.75313C7.525 5.50938 7.6875 5.34688 7.93125 5.34688C8.13437 5.34688 8.3375 5.50938 8.3375 5.75313V11.2781C8.3375 11.4812 8.13437 11.6844 7.93125 11.6844C7.6875 11.6844 7.525 11.4812 7.525 11.2781V5.75313ZM5.25 5.75313C5.25 5.50938 5.45312 5.34688 5.65625 5.34688C5.85937 5.34688 6.0625 5.50938 6.0625 5.75313V11.2781C6.0625 11.4812 5.85937 11.6844 5.65625 11.6844C5.45312 11.6844 5.25 11.4812 5.25 11.2781V5.75313Z' fill='%236C9AA3'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
}

.catalog__left {
  width: 285px;
  min-width: 285px;
  position: sticky;
  top: 20px;
  height: 100%;
  background: var(--white);
  border-radius: 20px;
  padding: 16px;
}

.catalog__left ul li a {
  border-radius: 10px;
  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;
  padding: 9px 16px;
  font-size: 14px;
}

.catalog__left ul li a.active {
  background: var(--blue4);
  font-weight: 600;
}

.catalog__category {
  display: -ms-grid;
  display: grid;
  gap: 22px;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 31px;
}

.catalog__category-more {
  background: var(--white500);
  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;
  width: 100%;
  padding: 14px;
  cursor: pointer;
  border-radius: 40px;
  margin-top: -12px;
  margin-bottom: 32px;
  color: var(--grey3);
  font-size: 16px;
}

.catalog__category-item {
  background: var(--white);
  border-radius: 20px;
  display: block;
  -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.11);
          box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.11);
  padding: 12px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}

.catalog__category-item img {
  border-radius: 8px;
  width: 80px;
  height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
}

.catalog__category-inner p {
  font-weight: 500;
  font-size: 14px;
}

.catalog__category-inner p:first-child {
  margin-bottom: 6px;
}

.catalog__category-inner p:last-child {
  font-weight: 400;
  color: var(--grey3);
}

.catalog__tags {
  margin-bottom: 32px;
  background: var(--white);
  padding: 22px;
  border-radius: 20px;
  position: relative;
}

.catalog__tags ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px 4px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.catalog__tags ul.active {
  max-height: 87px;
  overflow: hidden;
}

.catalog__tags ul li a {
  font-size: 14px;
  line-height: 129%;
  font-size: 16px;
  color: var(--grey3);
  display: block;
  padding: 10px 16px;
  border-radius: 120px;
  background: rgba(227, 227, 227, 0.5);
  white-space: nowrap;
}

.catalog__tags ul li a.active {
  background: var(--blue);
  color: var(--white);
}

.catalog__more {
  margin-top: 16px;
  font-size: 16px;
  line-height: 129%;
  color: var(--grey3);
  cursor: pointer;
  padding: 10px 39px;
  border: 1px solid var(--grey2);
  border-radius: 120px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
}

.catalog__sort {
  margin-bottom: 20px;
  border-radius: 40px;
  background: var(--white);
  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: 24px;
  padding: 12px 24px 12px 20px;
}

.catalog__close-filter {
  display: none;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 5L5 19' stroke='%23999999' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19 5L5 19' stroke='black' stroke-opacity='0.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19 5L5 19' stroke='black' stroke-opacity='0.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19 5L5 19' stroke='black' stroke-opacity='0.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19 5L5 19' stroke='black' stroke-opacity='0.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 5L19 19' stroke='%23999999' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 5L19 19' stroke='black' stroke-opacity='0.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 5L19 19' stroke='black' stroke-opacity='0.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 5L19 19' stroke='black' stroke-opacity='0.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 5L19 19' stroke='black' stroke-opacity='0.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 24px;
  width: 24px;
  height: 24px;
}

.catalog__title-filter {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}

.catalog__title-filter::after {
  display: block;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_289_5427)'%3E%3Cpath d='M25 9.66667H22.088C21.8147 8.88849 21.3069 8.21417 20.6345 7.73659C19.9621 7.25902 19.1581 7.00167 18.3333 7C17.5086 7.00167 16.7046 7.25902 16.0322 7.73659C15.3598 8.21417 14.8519 8.88849 14.5787 9.66667H6.33333C5.97971 9.66667 5.64057 9.80714 5.39052 10.0572C5.14048 10.3072 5 10.6464 5 11C5 11.3536 5.14048 11.6928 5.39052 11.9428C5.64057 12.1929 5.97971 12.3333 6.33333 12.3333H14.5787C14.8519 13.1115 15.3598 13.7858 16.0322 14.2634C16.7046 14.741 17.5086 14.9983 18.3333 15C19.1581 14.9983 19.9621 14.741 20.6345 14.2634C21.3069 13.7858 21.8147 13.1115 22.088 12.3333H25C25.3536 12.3333 25.6928 12.1929 25.9428 11.9428C26.1929 11.6928 26.3333 11.3536 26.3333 11C26.3333 10.6464 26.1929 10.3072 25.9428 10.0572C25.6928 9.80714 25.3536 9.66667 25 9.66667ZM25 20.3333H16.7547C16.4816 19.555 15.9738 18.8806 15.3013 18.403C14.6289 17.9254 13.8248 17.6681 13 17.6667C12.1752 17.6683 11.3713 17.9257 10.6988 18.4033C10.0264 18.8808 9.5186 19.5552 9.24533 20.3333H6.33333C5.97971 20.3333 5.64057 20.4738 5.39052 20.7239C5.14048 20.9739 5 21.313 5 21.6667C5 22.0203 5.14048 22.3594 5.39052 22.6095C5.64057 22.8595 5.97971 23 6.33333 23H9.24533C9.5186 23.7782 10.0264 24.4525 10.6988 24.9301C11.3713 25.4077 12.1752 25.665 13 25.6667C13.8248 25.665 14.6287 25.4077 15.3012 24.9301C15.9736 24.4525 16.4814 23.7782 16.7547 23H25C25.3536 23 25.6928 22.8595 25.9428 22.6095C26.1929 22.3594 26.3333 22.0203 26.3333 21.6667C26.3333 21.313 26.1929 20.9739 25.9428 20.7239C25.6928 20.4738 25.3536 20.3333 25 20.3333Z' fill='%236C9AA3'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_289_5427'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  min-width: 32px;
  width: 32px;
  height: 32px;
}

.catalog__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  position: relative;
}

.select-mobile {
  display: none;
}

.sort {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  margin-left: 12px;
}

.sort__title {
  font-weight: 500;
  font-size: 14px;
}

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

.sort__list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  cursor: pointer;
  font-size: 14px;
}

.sort__list li a.active {
  font-weight: 500;
  color: var(--blue);
}

.filter {
  background: var(--white);
  border-radius: 20px;
  padding: 20px 20px 24px;
  min-width: 285px;
  max-width: 285px;
  width: 100%;
  height: 100%;
}

.filter__title-mobile {
  display: none;
}

.filter__checkbox {
  display: block;
}

.filter__checkbox:not(:last-child) {
  margin-bottom: 10px;
}

.filter__checkbox input {
  display: none;
}

.filter__checkbox input:checked + span::after {
  opacity: 1;
}

.filter__checkbox input:checked + span::before {
  background: var(--blue);
  border-color: var(--blue);
}

.filter__checkbox input:disabled + span {
  opacity: 0.5;
}

.filter__checkbox span {
  display: block;
  position: relative;
  padding-left: 24px;
}

.filter__checkbox span::before {
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  border: 1px solid var(--grey2);
  border-radius: 2px;
  background: #fff;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.filter__checkbox span::after {
  position: absolute;
  content: "";
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 3px;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.3402 5.76367L8.31115 14.7927L4.20703 10.6886' stroke='white' stroke-width='2.46247' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 13px;
  height: 13px;
  opacity: 0;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.filter__btns {
  margin-top: 20px;
}

.filter__btn {
  width: 100%;
}

.filter__btn:not(:last-child) {
  margin-bottom: 14px;
}

.filter__item {
  overflow: hidden;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--grey2);
}

.filter__item:first-child .filter__item-title {
  font-size: 16px;
}

.filter__item:not(:last-child) {
  margin-bottom: 16px;
}

.filter__item.open .filter__content {
  visibility: visible;
  opacity: 1;
  padding-top: 16px;
}

.filter__item.open .filter__item-title::after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.filter__item-title {
  font-weight: 500;
  font-size: 14px;
  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;
  cursor: pointer;
  gap: 12px;
}

.filter__item-title::after {
  display: block;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.8794 4.1139C15.0402 4.26577 15.0402 4.512 14.8794 4.66387L8.29116 10.8861C8.13036 11.038 7.86964 11.038 7.70884 10.8861L1.1206 4.66387C0.959799 4.512 0.959799 4.26577 1.1206 4.1139C1.28141 3.96203 1.54212 3.96203 1.70292 4.1139L8 10.0611L14.2971 4.1139C14.4579 3.96203 14.7186 3.96203 14.8794 4.1139Z' fill='%237E8184' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  min-width: 16px;
  width: 16px;
  height: 16px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.filter__content {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
  will-change: max-height;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.range input[type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  outline: none;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  background-color: transparent;
  pointer-events: none;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.range input[type=range]:focus {
  outline: none;
  border: none;
}

.range__tracks {
  position: relative;
  height: 20px;
}

.range .slider-track {
  width: 100%;
  height: 3px;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  border-radius: 5px;
}

.range input[type=range]::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  height: 0px;
}

.range input[type=range]::-moz-range-track {
  -moz-appearance: none;
  height: 0px;
}

.range input[type=range]::-ms-track {
  appearance: none;
  height: 0px;
}

.filter input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  cursor: pointer;
  margin-top: -10px;
  pointer-events: auto;
  background-color: #ffffff;
  border: 7px solid #266b77;
}

.filter input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  cursor: pointer;
  margin-top: -10px;
  pointer-events: auto;
  background-color: #ffffff;
  border: 7px solid #266b77;
}

.filter input[type=range]::-ms-thumb {
  appearance: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  cursor: pointer;
  margin-top: -10px;
  pointer-events: auto;
  background-color: #ffffff;
  border: 7px solid #266b77;
}

.filter input[type=range]:active::-webkit-slider-thumb {
  background-color: #266b77;
}

.range__out {
  position: relative;
  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: 25px;
  margin-bottom: 12px;
}

.range__out::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: "";
  display: block;
  background: var(--grey3);
  width: 8px;
  height: 1px;
}

.range__before,
.range__from {
  width: 100%;
  text-align: center;
  padding: 11px;
  border: 1px solid var(--grey2);
  border-radius: 40px;
}

.catalog-search .catalog__tabs {
  padding: 4px;
}

.catalog-search .catalog__tabs-btn {
  padding: 14px 32px;
}

.catalog-search .catalog__content {
  display: none;
}

.catalog-search .catalog__content.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.catalog-search .press-center,
.catalog-search .videos {
  width: 100%;
  margin-bottom: 0;
  padding-bottom: 0;
}

.catalog-brand .catalog__products,
.catalog-discounts .catalog__products {
  margin-bottom: 16px;
}

.catalog-brand .catalog__category,
.catalog-discounts .catalog__category {
  margin-bottom: 60px;
}

.description {
  margin-bottom: 100px;
}

.description__wrapper {
  display: -ms-grid;
  display: grid;
  gap: 20px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}

.description__wrapper img {
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 15px;
}

.description h2 {
  margin-bottom: 24px;
  margin-top: 32px;
}
.description h3 {
  margin-bottom: 16px;
  margin-top: 24px;
  font-weight: 400;
    font-size: 24px;
    text-transform: uppercase;
}
.description h2:first-child {
  margin-top: 0;
}

.description__content p {
  margin-bottom: 10px;
}
.description__content a {
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  color: var(--blue2);
}
.description__content b,
.description__content strong {
  font-weight: 600;
}
.description__content ul {
  padding-left: 18px;
  list-style: disc;
  margin: 16px 0 24px;
}
.description__content ol {
  padding-left: 18px;
  margin: 16px 0 24px;
}
.description__content li:not(:last-child) {
  margin-bottom: 10px;
}
.description.white-section {
  padding: 60px 0;
}

.description__more {
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  color: var(--blue2);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 16px;
  cursor: pointer;
}

.contacts-section {
  margin-bottom: 20px;
}

.contacts-section__wrapper {
  display: -ms-grid;
  display: grid;
  gap: 20px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 20px;
}

.contacts-section h2 {
  margin-bottom: 32px;
}

.contacts-section__inner {
  max-width: 606px;
  background: var(--white);
  border-radius: 20px;
  padding: 40px 40px 60px;
}

.contacts-section__inner ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px;
}

.contacts-section__inner ul li {
  width: calc(50% - 12px);
}

.contacts-section__inner ul li p {
  font-size: 20px;
}

.contacts-section__inner ul li p:first-child {
  font-weight: 400;
  font-size: 14px;
  color: var(--grey3);
}

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

.contacts-section__inner ul li p + a {
  font-weight: 600;
}

.contacts-section__inner ul li a {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  font-size: 20px;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.contacts-section__inner ul li a:not(:last-child) {
  margin-bottom: 10px;
}

.contacts-section__inner ul li:first-child {
  width: 100%;
}

.contacts-section__socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  height: 100%;
  gap: 10px;
}

.contacts-section__socials a {
  margin-bottom: 0 !important;
}

.contacts-section__socials a img {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  min-width: 40px;
  width: 40px;
  height: 40px;
  display: block;
  -webkit-filter: grayscale(1) opacity(0.2);
          filter: grayscale(1) opacity(0.2);
}

.contacts-section .form {
  background: var(--blue);
  border-radius: 20px;
  padding: 40px;
  position: relative;
}

.contacts-section .form::before {
  position: absolute;
  content: "";
  top: -63px;
  right: 35px;
  background: url("/local/templates/main/css/../img/birdie-orange.svg") center center/contain no-repeat;
  width: 98px;
  height: 77px;
}

.contacts-section .form__content textarea,
.contacts-section .form__content label input {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}

.contacts-section .form__content textarea::-webkit-input-placeholder, .contacts-section .form__content label input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.contacts-section .form__content textarea::-moz-placeholder, .contacts-section .form__content label input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.contacts-section .form__content textarea:-ms-input-placeholder, .contacts-section .form__content label input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.contacts-section .form__content textarea::-ms-input-placeholder, .contacts-section .form__content label input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.contacts-section .form__content textarea::placeholder,
.contacts-section .form__content label input::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.contacts-section .form__content textarea:hover,
.contacts-section .form__content label input:hover {
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.contacts-section .form__content textarea:focus,
.contacts-section .form__content label input:focus {
  border: 1px solid rgba(255, 255, 255, 0.8);
  outline: none;
}

.contacts-section .form__text {
  color: var(--white);
}

.contacts-section .form__inputs {
  gap: 10px 12px;
}

.contacts-section .form__btn {
  font-size: 16px;
}

.contacts-section .form.active .form__content {
  display: none;
}

.contacts-section-team .contacts-section__inner ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-right: 39px;
  margin-bottom: 40px;
}

.contacts-section-team .contacts-section__socials a {
  margin-bottom: 0 !important;
}

.contacts-section-team .form {
  padding: 0 !important;
  background: var(--white);
}

.contacts-section-team .form__content textarea,
.contacts-section-team .form__content label input {
  border-color: var(--gray2);
}

.contacts-section-team .contacts-section__wrapper {
  background: var(--white);
  -webkit-box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.11);
          box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.11);
  border-radius: 20px;
  padding: 40px;
  gap: 40px;
  -ms-grid-columns: 1.15fr 1fr;
  grid-template-columns: 1.15fr 1fr;
}

.contacts-section-team .contacts-section__inner {
  max-width: 100%;
}

.contacts-section-team .contacts-section__text {
  max-width: 540px;
}

.contacts-section-faq .form {
  padding: 0 !important;
  background: var(--white);
}

.contacts-section-faq .form__content textarea,
.contacts-section-faq .form__content label input {
  border-color: var(--gray2);
}

.contacts-section-faq .contacts-section__wrapper {
  background: var(--white);
  -webkit-box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.11);
          box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.11);
  border-radius: 20px;
  padding: 40px;
  gap: 40px;
  -ms-grid-columns: 1.15fr 1fr;
  grid-template-columns: 1.15fr 1fr;
}

.map {
  height: 301px;
  border-radius: 20px;
  overflow: hidden;
}
.form__map canvas,
.form__map .ymaps-2-1-79-ground-pane .ymaps-2-1-79-user-selection-none ,
.map canvas,
.map .ymaps-2-1-79-ground-pane .ymaps-2-1-79-user-selection-none {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.form__map .ymaps-2-1-79-balloon__layout,
.map .ymaps-2-1-79-balloon__layout {
  background: none;
}
.form__map .ymaps-2-1-79-balloon__content, 
.map .ymaps-2-1-79-balloon__content {
  background: none;
  padding: 0;
}
.form__map .ymaps-2-1-79-balloon__content ymaps,
.map .ymaps-2-1-79-balloon__content ymaps {
  padding: 0;
  width: auto !important;
}
.form__map .ymaps-2-1-79-balloon_layout_panel,
.map .ymaps-2-1-79-balloon_layout_panel {
  background: none;
}
.form__map .ymaps-2-1-79-balloon,
.map .ymaps-2-1-79-balloon {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form__map .ymaps-2-1-79-balloon__close,
.map .ymaps-2-1-79-balloon__close {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.form__map .ymaps-2-1-79-balloon__close-button,
.map .ymaps-2-1-79-balloon__close-button {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.form__map .ymaps-2-1-79-balloon__close + .ymaps-2-1-79-balloon__content,
.map .ymaps-2-1-79-balloon__close + .ymaps-2-1-79-balloon__content {
  margin-right: 0;
}
.form__map .ymaps-2-1-79-balloon__tail,
.map .ymaps-2-1-79-balloon__tail {
  display: none;
}
.form__map .ymaps-2-1-79-balloon-overlay,
.map .ymaps-2-1-79-balloon-overlay {
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}

.contacts-section-img h2 {
  margin-bottom: 29px;
}

.contacts-section-reviews h2,
.contacts-section-vacancy h2 {
  font-size: 30px;
  max-width: 533px;
}

.contacts-section-reviews .form,
.contacts-section-vacancy .form {
  margin: auto 0;
}

.contacts-section-reviews .form .h2,
.contacts-section-vacancy .form .h2 {
  font-size: 42px;
  margin-bottom: 18px;
}

.contacts-section-reviews .form__text,
.contacts-section-vacancy .form__text {
  margin-bottom: 44px;
}

.contacts-section-reviews .form__inner,
.contacts-section-vacancy .form__inner {
  gap: 18px;
  margin-top: 18px;
  margin-bottom: 38px;
}

.contacts-section-reviews .form__checkbox,
.contacts-section-vacancy .form__checkbox {
  margin-top: 0;
  padding: 0;
  width: 100% !important;
}

.contacts-section-reviews .form__checkbox p,
.contacts-section-vacancy .form__checkbox p {
  max-width: 100% !important;
  font-size: 13px;
  text-align: left;
}

.contacts-section-vacancy .form {
  margin: 0;
}

.faq-form {
  margin-bottom: 20px;
}

.faq-form__wrapper {
  border-radius: 20px;
  background: var(--blue2);
  padding: 40px;
  display: -ms-grid;
  display: grid;
  gap: 20px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}

.faq-form .rating {
  margin-bottom: 16px;
}

.faq-form .rating p {
  color: var(--white);
}

.faq-form__inner {
  max-width: 509px;
  width: 100%;
}

.faq-form__inner p {
  font-size: 16px;
  max-width: 456px;
  color: var(--white);
  margin-bottom: 40px;
}

.faq-form__inner h2 {
  margin-bottom: 16px;
  color: var(--white);
}

.faq-form__inner ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 90px;
  margin-bottom: 30px;
}

.faq-form__inner ul li p {
  font-size: 14px;
  color: var(--white500);
  margin-bottom: 10px;
}

.faq-form__inner ul li p + a {
  font-weight: 600;
}

.faq-form__inner ul li a {
  font-size: 20px;
  color: var(--white);
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 10px;
}

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

.faq-form__socials img {
  width: 40px;
  height: 40px;
  -webkit-filter: brightness(0) invert(1) opacity(0.5);
          filter: brightness(0) invert(1) opacity(0.5);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.faq-form__socials img:hover {
  -webkit-filter: brightness(0) invert(1) opacity(1);
          filter: brightness(0) invert(1) opacity(1);
}

.faq-form .form {
  max-width: 509px;
  width: 100%;
  margin-left: auto;
}

.faq-form .form__content textarea,
.faq-form .form__content input {
  background: rgba(255, 255, 255, 0.1);
  color: var(--white);
}

.faq-form .form__content textarea::-webkit-input-placeholder, .faq-form .form__content input::-webkit-input-placeholder {
  color: var(--white);
}

.faq-form .form__content textarea::-moz-placeholder, .faq-form .form__content input::-moz-placeholder {
  color: var(--white);
}

.faq-form .form__content textarea:-ms-input-placeholder, .faq-form .form__content input:-ms-input-placeholder {
  color: var(--white);
}

.faq-form .form__content textarea::-ms-input-placeholder, .faq-form .form__content input::-ms-input-placeholder {
  color: var(--white);
}

.faq-form .form__content textarea::placeholder,
.faq-form .form__content input::placeholder {
  color: var(--white);
}

.faq-form .form__content textarea:hover,
.faq-form .form__content input:hover {
  border: 1px solid var(--white);
}

.faq-form .form__content textarea:focus,
.faq-form .form__content input:focus {
  border: 1px solid var(--white);
  outline: none;
}

.product-thumb-swiper .swiper-slide {
  border: 1px solid transparent;
  cursor: pointer;
  border-radius: 8px;
  padding: 1px;
}

.product-thumb-swiper .swiper-slide-thumb-active {
  border: 1px solid var(--blue2);
}

.product {
  margin-bottom: 60px;
}

.product.white-section {
  position: relative;
  padding-bottom: 100px;
}

.product.white-section::before {
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  bottom: 100%;
}

.product__wrapper {
  display: -ms-grid;
  display: grid;
  gap: 20px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}

.product__shadow {
  border-radius: 10px;
  -webkit-box-shadow: 0 0 10px 0 rgba(59, 59, 59, 0.15);
          box-shadow: 0 0 10px 0 rgba(59, 59, 59, 0.15);
  background: var(--white);
  padding: 24px 24px 33px;
  margin-bottom: 24px;
}

.product__delivery ul {
  background: var(--grey4);
  padding: 20px 20px 30px;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
  width: 100%;
  overflow-x: auto;
}

.product__delivery ul li {
  text-align: center;
  min-width: 156px;
}

.product__delivery ul li img {
  width: 32px;
  height: 32px;
  margin: 0 auto 8px;
}

.product__delivery ul li p {
  font-weight: 500;
}

.product__delivery ul li p:last-child {
  font-weight: 400;
  font-size: 14px;
  margin-top: 4px;
  color: var(--grey3);
}

.product__sliders {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.product__tag {
  background: var(--orange);
  border-radius: 60px;
  color: var(--white);
  font-size: 16px;
  padding: 6px 16px;
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 10;
}

.product .counter {
  margin-top: 8px;
}

.product__sliders-inner {
  position: relative;
  border: 1px solid var(--blue4);
  border-radius: 8px;
  margin-bottom: 10px;
}

.product__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}

.product__description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  overflow: hidden;
  padding: 10px;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  margin-left: -10px;
  margin-top: -10px;
}

.product__stock {
  font-weight: 500;
  font-size: 16px;
  color: var(--blue);
}

.product__stock-out {
  color: #ff6449;
}

.product__rating {
  font-size: 14px;
  opacity: 0.5;
}

.product__like,
.product__compare {
  min-width: 24px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  display: block;
  -webkit-filter: grayscale(1) opacity(0.2);
          filter: grayscale(1) opacity(0.2);
}

.product__like.active,
.product__compare.active {
  -webkit-filter: none;
          filter: none;
}

.product__control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
  gap: 10px;
}

.product__like {
  background: url("/local/templates/main/css/../img/heart.svg") center center/contain no-repeat;
}

.product__compare {
  background: url("/local/templates/main/css/../img/compare.svg") center center/contain no-repeat;
}

.product__volume {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px 10px;
  width: 100%;
}

.product__volume p {
  font-weight: 500;
  margin-right: 6px;
}

.product__volume label input {
  display: none;
}
.product__volume a.active,
.product__volume label input:checked + span {
  background: var(--grey4);
  color: var(--dark);
}
.product__volume a,
.product__volume label span {
  white-space: normal;
  cursor: pointer;
  color: var(--grey3);
  display: block;
  padding: 10px 12px;
  border-radius: 70px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.product__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 50px;
}

.product__wrap-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px 57px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.product__price {
  font-weight: 500;
  font-size: 28px;
  text-transform: uppercase;
  margin-bottom: 4px;
}

.product__old-price {
  font-size: 20px;
  text-decoration: line-through;
  color: var(--grey3);
}

.product__btns {
  max-width: 230px;
  width: 100%;
  margin-top: 6px;
  margin-left: auto;
}

.product__btns .btn {
  font-size: 16px;
  width: 100%;
}

.product__btns .btn:not(:last-child) {
  margin-bottom: 10px;
}

.product__characteristic {
  margin-bottom: 24px;
}

.product__characteristic ul {
  display: -ms-grid;
  display: grid;
  gap: 10px 20px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}

.product__characteristic ul li {
  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;
}

.product__characteristic ul li p {
  font-size: 14px;
}

.product__characteristic ul li p:first-child {
  color: #999;
}

.product__characteristic a {
  font-size: 14px;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  color: var(--blue2);
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 16px;
}

.product__characteristic-title {
  font-weight: 500;
  margin-bottom: 20px;
}

.product__colors {
  margin-bottom: 20px;
}

.product__colors-title {
  font-weight: 500;
  margin-bottom: 3px;
}
.product__colors-subtitle {
    font-size: 14px;
    opacity: 0.5;
    margin-bottom: 15px;
}
.product__colors-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 19px;
  overflow-x: auto;
  padding: 10px 11px 44px;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.product__colors-items::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.product__colors-items label {
  position: relative;
  display: block;
}

.product__colors-items label input {
  display: none;
}

.product__colors-items label input + span {
  cursor: pointer;
  border: 1.22px solid transparent;
  border-radius: 4px;
  width: 83px;
  height: 46px;
  position: relative;
}

.product__colors-items label input + span::before {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: "";
  border-radius: 10px;
  width: 101px;
  height: 64px;
  border: 1.22px solid var(--grey2);
  opacity: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.product__colors-items label input:checked + span + span {
  opacity: 1;
  visibility: visible;
}

.product__colors-items label input:checked + span::before {
  opacity: 1;
}

.product__colors-items label span {
  display: block;
}

.product__colors-items label span:last-child {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  left: 0;
  top: calc(100% + 19px);
  opacity: 0;
  visibility: hidden;
  font-size: 14px;
}

.product__info {
  -webkit-box-shadow: 0 0 10px 0 rgba(59, 59, 59, 0.15);
          box-shadow: 0 0 10px 0 rgba(59, 59, 59, 0.15);
  background: var(--white);
  border-radius: 10px;
  width: 100%;
  padding: 16px;
  margin-top: auto;
}

.product__info ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  font-size: 14px;
}

.product__info ul li::before {
  display: block;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_587_192841)'%3E%3Cpath d='M8 0C6.41775 0 4.87103 0.469192 3.55544 1.34824C2.23985 2.22729 1.21447 3.47672 0.608967 4.93853C0.00346627 6.40034 -0.15496 8.00887 0.153721 9.56072C0.462403 11.1126 1.22433 12.538 2.34315 13.6569C3.46197 14.7757 4.88743 15.5376 6.43928 15.8463C7.99113 16.155 9.59966 15.9965 11.0615 15.391C12.5233 14.7855 13.7727 13.7602 14.6518 12.4446C15.5308 11.129 16 9.58225 16 8C16 6.94942 15.7931 5.90914 15.391 4.93853C14.989 3.96793 14.3997 3.08601 13.6569 2.34315C12.914 1.60028 12.0321 1.011 11.0615 0.608964C10.0909 0.206926 9.05058 0 8 0ZM12.5408 6.5896L7.7408 10.9896C7.58883 11.1289 7.38892 11.2042 7.18278 11.1998C6.97664 11.1953 6.78019 11.1114 6.6344 10.9656L4.2344 8.5656C4.15799 8.4918 4.09705 8.40353 4.05512 8.30592C4.01319 8.20832 3.99113 8.10334 3.9902 7.99712C3.98928 7.8909 4.00952 7.78555 4.04975 7.68724C4.08997 7.58892 4.14937 7.4996 4.22449 7.42448C4.2996 7.34937 4.38892 7.28997 4.48724 7.24974C4.58556 7.20952 4.6909 7.18928 4.79712 7.1902C4.90335 7.19112 5.00832 7.21319 5.10593 7.25512C5.20353 7.29704 5.2918 7.35799 5.3656 7.4344L7.224 9.2928L11.4592 5.4104C11.6156 5.26697 11.8225 5.19153 12.0345 5.20069C12.2465 5.20984 12.4462 5.30283 12.5896 5.4592C12.733 5.61557 12.8085 5.82252 12.7993 6.03451C12.7902 6.2465 12.6972 6.44617 12.5408 6.5896Z' fill='%236C9AA3'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_587_192841'%3E%3Crect width='16' height='16' fill='white' transform='translate(16) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  min-width: 16px;
  width: 16px;
  height: 16px;
}

.product__info ul li:not(:last-child) {
  margin-bottom: 12px;
}

.product .counter__minus,
.product .counter__plus {
  background: var(--grey4);
  min-width: 32px;
  width: 32px;
  height: 32px;
}

.product .swiper-slide img {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 7px;
  -o-object-fit: cover;
     object-fit: cover;
}

.product .swiper-button-prev,
.product .swiper-button-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  min-width: 48px;
  width: 48px;
  height: 48px;
}

.product .swiper-button-prev {
  left: 10px;
}

.product .swiper-button-next {
  right: 10px;
}

.specification {
  margin-bottom: 80px;
}

.specification__wrapper {
  display: -ms-grid;
  display: grid;
  gap: 20px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}

.specification h2 {
  margin-bottom: 24px;
}

.specification__content p {
  margin-bottom: 10px;
  font-size: 16px;
}

.specification__more {
  font-size: 16px;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  color: var(--blue2);
  margin-top: 24px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
}

.specification__documents {
  scroll-margin-top: 30px;
  border-radius: 10px;
  max-width: 488px;
  -webkit-box-shadow: 0 0 10px 0 rgba(59, 59, 59, 0.15);
          box-shadow: 0 0 10px 0 rgba(59, 59, 59, 0.15);
  background: var(--white);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: sticky;
  top: 40px;
  padding: 24px 24px 32px;
  margin-left: auto;
}

.specification__documents ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

.specification__documents ul li p {
  font-size: 16px;
}

.specification__documents ul li p:last-child {
  font-size: 14px;
  color: var(--grey3);
  margin-top: 4px;
}

.specification__documents ul li:not(:last-child) {
  margin-bottom: 16px;
}

.specification__documents-title {
  font-weight: 500;
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 24px;
}

.specification__documents-link img {
  min-width: 48px;
  width: 48px;
  height: 48px;
}

.media {
  margin-bottom: 80px;
}

.media.white-section {
  padding-bottom: 80px;
  margin-bottom: 0;
}

.media h2 {
  margin-bottom: 32px;
}

.media__items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: 10px 20px;
}

.media__item iframe,
.media__item img {
  width: 100%;
  border-radius: 10px;
  aspect-ratio: 16/9;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

.media__item:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: 1/1/3/3;
}

.media__item:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-area: 1/3/2/4;
}

.media__item:nth-child(3) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-area: 2/3/3/4;
}

.characteristics {
  margin-bottom: 80px;
}

.characteristics h2 {
  margin-bottom: 32px;
}

.characteristics__wrapper ul {
  display: -ms-grid;
  display: grid;
  gap: 0 20px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}

.characteristics__wrapper ul li {
  display: -ms-grid;
  display: grid;
  gap: 24px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  border-radius: 10px;
  padding: 14px 16px;
  page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
}

.characteristics__wrapper ul li:nth-child(4n+1),
.characteristics__wrapper ul li:nth-child(4n+2) {
  background: var(--grey4);
}

.characteristics__wrapper ul li p {
  word-break: break-word;
  font-size: 16px;
}

.characteristics__wrapper ul li p:first-child {
  color: var(--grey3);
}

.reviews-product {
  margin-bottom: 80px;
}

.reviews-product__wrapper {
  position: relative;
}

.reviews-product__inner {
  margin-bottom: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}

.reviews-product__item {
  border-radius: 20px;
  background: var(--grey4);
  padding: 24px 24px 32px;
  height: 100%;
}

.reviews-product__author {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  margin-bottom: 21px;
}

.reviews-product__author img {
  border-radius: 100%;
  width: 80px;
  height: 80px;
}

.reviews-product__author-inner {
  padding-right: 120px;
  width: 100%;
}

.reviews-product__item-name {
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 12px;
}

.reviews-product__item-date {
  position: absolute;
  right: 0;
  top: 0;
  background: var(--blue2);
  border-radius: 40px;
  padding: 8px 16px;
  font-size: 14px;
  color: var(--white);
  width: 102px;
  text-align: center;
}

.reviews-product__item-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1px;
}

.reviews-product__item-rating img {
  width: 12px;
  height: 12px;
}

.reviews-product__item-rating p {
  font-size: 14px;
  opacity: 0.5;
  margin-left: 2px;
}

.reviews-product__item-text p {
  font-size: 16px;
}

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

.reviews-product__item-text.active {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

.reviews-product__item-more {
  font-size: 16px;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  color: var(--blue2);
  margin-top: 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
}

.reviews-product .more-link::before {
  background: var(--grey2);
}

.reviews-product .swiper {
  padding-bottom: 16px;
}

.reviews-product .swiper-button-next,
.reviews-product .swiper-button-prev {
  background: var(--grey4);
}

.delivery {
  margin-bottom: 100px;
}

.delivery.delivery-grey {
  background: var(--grey4);
  scroll-margin-top: 0;
  margin-bottom: 0;
  padding: 60px 0;
}
.white-section:has(+ .delivery.delivery-grey) {
    margin-bottom: 0;
    padding-bottom: 50px;
}
.delivery__inner {
  margin-bottom: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}

.delivery__tabs-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  overflow-x: auto;
}

.delivery__tabs-btn {
  min-width: 242px;
  width: 100%;
  background: var(--white);
  padding: 16px 30px;
  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: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
  position: relative;
}

.delivery__tabs-btn::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.delivery__tabs-btn img {
  width: 48px;
  height: 48px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.delivery__tabs-btn p {
  text-align: center;
  font-size: 16px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.delivery__tabs-btn.active {
  background: var(--blue);
}

.delivery__tabs-btn.active img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.delivery__tabs-btn.active p {
  color: var(--white);
}

.delivery__tabs-content {
  display: none;
}

.delivery__tabs-content.active {
  display: block;
}

.delivery__item {
  background: var(--white);
  padding: 32px 32px 56px;
  border-radius: 20px;
}

.delivery__item p {
  margin-bottom: 16px;
}

.delivery__item ul {
  padding-left: 24px;
}

.delivery__item ul li {
  list-style: disc;
}

.delivery__item-title {
  font-weight: 500;
  font-size: 24px;
  margin-bottom: 16px;
}

.delivery__items {
  display: -ms-grid;
  display: grid;
  gap: 20px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}

.delivery__items .delivery__item-title {
  font-weight: 400;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

.delivery__items .delivery__item-title img {
  min-width: 48px;
  width: 48px;
  height: 48px;
}

.delivery__items ul {
  margin: 16px 0;
  padding-left: 0;
}

.delivery__items ul:last-child {
  margin-bottom: 0;
}

.delivery__items ul li {
  font-weight: 500;
  font-size: 16px;
  list-style: none;
  position: relative;
  padding-left: 26px;
}

.delivery__items ul li::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--blue);
}

.delivery__items ul li:not(:last-child) {
  margin-bottom: 10px;
}

.delivery__items ul li span {
  font-weight: 700;
}

.faq {
  margin-bottom: 100px;
}

.faq.white-section {
  padding-bottom: 100px;
  padding-top: 60px;
}

.faq.white-section .more-link::before {
  background: var(--grey2);
}

.faq.white-section .faq__wrapper {
  background: var(--grey4);
}

.faq__more {
  width: 100%;
  margin-top: 40px;
}

.faq__inner {
  margin-bottom: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}

.faq__wrapper {
  background: var(--white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 67px;
  padding: 24px;
  border-radius: 20px;
}

.faq__wrapper img {
  width: 47%;
  border-radius: 22px;
  aspect-ratio: 16/9;
  display: block;
}
.faq__accordions {
    width: 100%;
}
.faq__accordion {
  overflow: hidden;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--grey2);
}

.faq__accordion:not(:first-child) {
  padding-top: 24px;
}

.faq__accordion.open .faq__accordion-btn::after {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.faq__accordion.open .faq__accordion-content {
  opacity: 1;
  visibility: visible;
  padding-top: 16px;
}

.faq__accordion-btn {
  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;
  font-size: 16px;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  font-weight: 600;
}

.faq__accordion-btn::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='40' height='40' rx='20' fill='%23266B77'/%3E%3Cpath d='M20 9.79297V30.2096' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.79297 20H30.2096' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  min-width: 40px;
  width: 40px;
  height: 40px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.faq__accordion-content {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  will-change: max-height;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.faq__accordion-content p {
  color: rgba(0, 0, 0, 0.8);
  font-size: 16px;
}

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

.description-slider {
  margin-bottom: 100px;
}

.description-slider.white-section {
  padding: 60px 0;
}

.description-slider__wrapper {
  position: relative;
}

.description-slider__item {
  display: -ms-grid;
  display: grid;
  gap: 20px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}

.description-slider__item img {
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 20px;
}

.description-slider__inner {
  padding-bottom: 60px;
}

.description-slider__inner h2 {
  margin-bottom: 24px;
}

.description-slider__content p {
  font-size: 16px;
}

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

.description-slider .swiper-nav {
  position: absolute;
  left: 0;
  bottom: 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;
  width: calc(50% - 10px);
}

.description-slider .swiper-pagination {
  margin-top: 0;
}

.description-slider .swiper-button-next,
.description-slider .swiper-button-prev {
  background: var(--grey4);
}

.description-slider .swiper-inner {
  background: none;
}

.compare {
  margin-bottom: 100px;
}

.compare__wrapper.active .clear-content {
  display: none;
}

.compare__wrapper.active .empty {
  display: block;
}

.compare__content {
  width: 100%;
}

.compare__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 48px;
  background: var(--white);
  padding: 16px 38px 20px 16px;
  border-radius: 20px;
  margin-bottom: 20px;
  position: sticky;
  top: 0;
  z-index: 10;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.compare__wrap.fixed {
  padding: 30px 0 24px;
  -webkit-box-shadow: 0 4px 15px 0 rgba(58, 67, 68, 0.25);
          box-shadow: 0 4px 15px 0 rgba(58, 67, 68, 0.25);
  border-radius: 0;
}

.compare__wrap.fixed::before {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: calc(100vw - var(--scrollbar-width));
  overflow-x: hidden;
  height: 100%;
  background: var(--white);
  z-index: -1;
  -webkit-box-shadow: 0 4px 15px 0 rgba(58, 67, 68, 0.25);
          box-shadow: 0 4px 15px 0 rgba(58, 67, 68, 0.25);
}

.compare__wrap.fixed .compare__slider-card {
  padding-left: 78px;
  padding-right: 61px;
  margin-right: -35px;
}

.compare__wrap.fixed .card__inner {
  opacity: 0;
  height: 0;
  margin: 0;
}

.compare__wrap.fixed .counter {
  display: none;
}

.compare__wrap.fixed .card {
  position: relative;
  padding: 0;
  padding-right: 5px;
}

.compare__wrap.fixed .card__top {
  margin-bottom: -24px;
}

.compare__wrap.fixed .card__tag {
  opacity: 0;
  margin-top: -100%;
}

.compare__wrap.fixed .card__img {
  height: 82px;
  width: 82px;
}

.compare__wrap.fixed .card__click {
  display: none;
}

.compare__wrap.fixed .card__bottom-inner {
  margin-bottom: 0;
}

.compare__wrap.fixed .card__btns {
  position: absolute;
  right: 0;
  bottom: 0;
}

.compare__wrap.fixed .card__btns .btn {
  width: 32px;
  height: 32px;
  padding: 0;
  background: none;
  position: relative;
}

.compare__wrap.fixed .card__btns .btn span {
  display: none;
}

.compare__wrap.fixed .card__btns .btn::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_442_14948)'%3E%3Cpath d='M16 0C7.17756 0 0 7.17756 0 16C0 24.8224 7.17756 32 16 32C24.8224 32 32 24.8224 32 16C32 7.17756 24.8224 0 16 0ZM14.1873 10.0082H20.5319C20.9461 10.0082 21.2819 10.344 21.2819 10.7582C21.2819 11.1724 20.9461 11.5082 20.5319 11.5082H14.1873C13.7731 11.5082 13.4373 11.1724 13.4373 10.7582C13.4373 10.344 13.773 10.0082 14.1873 10.0082ZM12.5499 25.46C11.7611 25.46 11.1176 24.8166 11.1176 24.0277C11.1176 23.2388 11.7611 22.5954 12.5499 22.5954C13.3388 22.5954 13.9823 23.2388 13.9823 24.0277C13.9823 24.8166 13.3389 25.46 12.5499 25.46ZM21.0522 25.46C20.2634 25.46 19.62 24.8166 19.62 24.0277C19.62 23.2388 20.2634 22.5954 21.0522 22.5954C21.8411 22.5954 22.4845 23.2388 22.4845 24.0277C22.4846 24.8166 21.8411 25.46 21.0522 25.46ZM25.3048 12.0527L22.4734 20.4823C22.4234 20.6313 22.3279 20.7608 22.2003 20.8525C22.0728 20.9442 21.9196 20.9936 21.7625 20.9936H12.1799C12.0112 20.9936 11.8474 20.9367 11.715 20.8321C11.5826 20.7276 11.4893 20.5814 11.4502 20.4173L8.622 8.54012H7.40625C6.99206 8.54012 6.65625 8.20431 6.65625 7.79012C6.65625 7.37594 6.99206 7.04012 7.40625 7.04012H9.21437C9.38308 7.04013 9.54685 7.09701 9.67924 7.20157C9.81163 7.30613 9.90491 7.45227 9.944 7.61637L12.7723 19.4936H21.2232L23.8828 11.5752C24.0147 11.1825 24.44 10.9711 24.8326 11.103C25.2253 11.2348 25.4366 11.66 25.3048 12.0527Z' fill='%23266B77'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_442_14948'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 32px;
  height: 32px;
}

.compare__control {
  min-width: 241px;
  width: 241px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.compare__control ul li a {
  display: block;
  padding: 14px 16px;
  border-radius: 10px;
  font-size: 16px;
}

.compare__control ul li a.active {
  background: var(--blue4);
  font-weight: 500;
}

.compare__sort ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  padding-bottom: 10px;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.compare__sort ul::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.compare__sort ul li a {
  background: var(--grey4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: var(--grey3);
  background: var(--grey4);
  border-radius: 40px;
  padding: 8px 16px;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
  font-size: 16px;
}

.compare__sort ul li a span {
  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-radius: 100%;
  background: var(--white);
  min-width: 32px;
  width: 32px;
  height: 32px;
  color: var(--grey3);
}

.compare__sort ul li a.active {
  background: var(--blue);
  color: var(--white);
}

.compare__delete {
  margin-top: auto;
  font-size: 16px;
  color: var(--blue2);
  margin-left: 16px;
  margin-bottom: 54px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  cursor: pointer;
}

.compare__delete::before {
  display: block;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.4562 1H2.40625C2.20312 1 2 1.1625 2 1.40625V3.07187H13.8625V1.40625C13.8625 1.1625 13.7 1 13.4562 1ZM2.77188 12.7812C2.8125 13.4719 3.42188 14 4.1125 14H11.8312C12.5219 14 13.0906 13.4719 13.1719 12.7812L13.9031 3.88437H2.12187L2.77188 12.7812ZM9.84062 5.75313C9.84062 5.50938 10.0031 5.34688 10.2469 5.34688C10.45 5.34688 10.6531 5.50938 10.6531 5.75313V11.2781C10.6531 11.4812 10.45 11.6844 10.2469 11.6844C10.0031 11.6844 9.84062 11.4812 9.84062 11.2781V5.75313ZM7.525 5.75313C7.525 5.50938 7.6875 5.34688 7.93125 5.34688C8.13437 5.34688 8.3375 5.50938 8.3375 5.75313V11.2781C8.3375 11.4812 8.13437 11.6844 7.93125 11.6844C7.6875 11.6844 7.525 11.4812 7.525 11.2781V5.75313ZM5.25 5.75313C5.25 5.50938 5.45312 5.34688 5.65625 5.34688C5.85937 5.34688 6.0625 5.50938 6.0625 5.75313V11.2781C6.0625 11.4812 5.85937 11.6844 5.65625 11.6844C5.45312 11.6844 5.25 11.4812 5.25 11.2781V5.75313Z' fill='%236C9AA3'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 16px;
  width: 16px;
  height: 16px;
}

.compare__slider-card {
  overflow: hidden;
  position: relative;
  padding-left: 58px;
  padding-right: 72px;
  width: calc(100% + 130px);
  margin-left: -58px;
  margin-right: -72px;
}

.compare__slider-description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  position: relative;
  background: var(--white);
  padding: 40px;
  border-radius: 20px;
}

.compare__description {
  min-width: 245px;
  width: 245px;
}

.compare__description ul li {
  font-size: 16px;
  color: #8c8c8b;
  font-weight: 500;
}

.compare__description ul li:not(:last-child) {
  margin-bottom: 16px;
}

.compare .control-btns {
  margin-bottom: 40px;
}

.compare .card {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.compare .card * {
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.compare .swiper {
  height: auto;
}

.compare .compare-swiper li {
  font-size: 16px;
}

.compare .compare-swiper li:not(:last-child) {
  margin-bottom: 16px;
}

.compare .compare-swiper li img {
  width: 20px;
  height: 20px;
}

.compare .compare-swiper li span {
  display: none;
}

.compare .swiper-button-prev,
.compare .swiper-button-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  min-width: 48px;
  width: 48px;
  height: 48px;
}

.compare .swiper-button-next::before,
.compare .swiper-button-prev::before {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.999093 9.48528H17.9697' stroke='%230C1218' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.48438 1L17.9697 9.48528L9.48438 17.9706' stroke='%230C1218' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 19px;
  width: 19px;
  height: 19px;
}

.compare .swiper-button-prev {
  left: 10px;
}

.compare .swiper-button-next {
  right: 10px;
}

.cart {
  margin-bottom: 100px;
}

.cart__wrapper {
  overflow: hidden;
}

.cart__search {
  width: 100%;
  position: relative;
  margin-bottom: 32px;
  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;
}

.cart__search form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  width: 100%;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.cart__search input {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  width: 100%;
  border: none;
  padding: 14px 24px;
  background: var(--grey4);
  border-radius: 40px;
  font-size: 16px;
  height: 48px;
}

.cart__search input::-webkit-input-placeholder {
  color: var(--grey3);
}

.cart__search input::-moz-placeholder {
  color: var(--grey3);
}

.cart__search input:-ms-input-placeholder {
  color: var(--grey3);
}

.cart__search input::-ms-input-placeholder {
  color: var(--grey3);
}

.cart__search input::placeholder {
  color: var(--grey3);
}

.cart__search input:focus + .search-drop {
  opacity: 1;
  visibility: visible;
}

.cart__search input[type=search]::-webkit-search-decoration,
.cart__search input[type=search]::-webkit-search-cancel-button,
.cart__search input[type=search]::-webkit-search-results-button,
.cart__search input[type=search]::-webkit-search-results-decoration {
  margin-right: 30px;
}

.cart__search button {
  cursor: pointer;
  min-width: 40px;
  width: 40px;
  height: 48px;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 100%;
}

.cart__search button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url("/local/templates/main/css/../img/search.svg") center center/contain no-repeat;
  min-width: 20px;
  width: 20px;
  height: 20px;
  -webkit-filter: brightness(0) opacity(0.5);
          filter: brightness(0) opacity(0.5);
}

.cart__search__inner {
  position: relative;
  width: 100%;
}

.cart__search__btn {
  padding: 16px 75px;
}

.cart__search .search-drop {
  padding-bottom: 20px;
}

.cart__search .search-drop ul {
  margin-bottom: 0;
}

.cart__search .search-drop__title {
  max-width: 455px;
}

.cart__search .search-drop__prices {
  position: absolute;
  right: 0;
  top: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.cart__search .search-drop__inner {
  position: relative;
  width: 100%;
  padding-right: 110px;
}

.cart__search .search-drop__item img {
  border-radius: 10px;
  width: 62px;
  height: 62px;
}

.cart__controls {
  background: var(--white);
  border-radius: 20px;
  padding: 20px 20px 40px;
  margin-bottom: 20px;
}

.cart__reset {
  font-weight: 500;
  font-size: 14px;
  color: var(--blue2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  cursor: pointer;
}

.cart__reset::before {
  display: block;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.4562 1H2.40625C2.20312 1 2 1.1625 2 1.40625V3.07187H13.8625V1.40625C13.8625 1.1625 13.7 1 13.4562 1ZM2.77188 12.7812C2.8125 13.4719 3.42188 14 4.1125 14H11.8312C12.5219 14 13.0906 13.4719 13.1719 12.7812L13.9031 3.88437H2.12187L2.77188 12.7812ZM9.84062 5.75313C9.84062 5.50938 10.0031 5.34688 10.2469 5.34688C10.45 5.34688 10.6531 5.50938 10.6531 5.75313V11.2781C10.6531 11.4812 10.45 11.6844 10.2469 11.6844C10.0031 11.6844 9.84062 11.4812 9.84062 11.2781V5.75313ZM7.525 5.75313C7.525 5.50938 7.6875 5.34688 7.93125 5.34688C8.13437 5.34688 8.3375 5.50938 8.3375 5.75313V11.2781C8.3375 11.4812 8.13437 11.6844 7.93125 11.6844C7.6875 11.6844 7.525 11.4812 7.525 11.2781V5.75313ZM5.25 5.75313C5.25 5.50938 5.45312 5.34688 5.65625 5.34688C5.85937 5.34688 6.0625 5.50938 6.0625 5.75313V11.2781C6.0625 11.4812 5.85937 11.6844 5.65625 11.6844C5.45312 11.6844 5.25 11.4812 5.25 11.2781V5.75313Z' fill='%236C9AA3'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
}

.cart__controls-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  margin-bottom: 32px;
}

.cart__check {
  gap: 12px;
}

.cart__check input {
  display: none;
}

.cart__check input:checked + span::before {
  border: 1px solid var(--blue);
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.15417 1.42549L4.42778 6.15175C4.28598 6.29354 4.09985 6.36491 3.91372 6.36491C3.72759 6.36491 3.54146 6.29354 3.39966 6.15175L1.03653 3.78862C0.752145 3.50436 0.752145 3.04476 1.03653 2.7605C1.32079 2.47611 1.78026 2.47611 2.06465 2.7605L3.91372 4.60957L8.12605 0.397375C8.4103 0.112985 8.86978 0.112985 9.15417 0.397375C9.43842 0.681631 9.43842 1.1411 9.15417 1.42549Z' fill='%23FAFAFA'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 11px 11px;
  background-position: center;
  background-color: var(--blue);
}

.cart__check span {
  display: block;
  padding-left: 26px;
  position: relative;
  cursor: pointer;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  font-weight: 500;
  font-size: 14px;
}

.cart__check span::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  min-width: 16px;
  width: 16px;
  height: 16px;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  border: 1px solid var(--grey2);
  border-radius: 3px;
}

.cart__card {
  position: relative;
  padding-left: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 24px;
}

.cart__card:not(:last-child) {
  margin-bottom: 16px;
}

.cart__card img {
  border-radius: 4px;
  width: 100px;
  height: 100px;
}

.cart__card-title {
  font-weight: 500;
  font-size: 14px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 17px;
}

.cart__card label {
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.cart__card label input {
  display: none;
}

.cart__card label input:checked + span {
  background: var(--blue);
  border: 1px solid var(--blue);
}

.cart__card label input:checked + span::before {
  opacity: 1;
}

.cart__card label span {
  display: block;
  border: 1px solid var(--grey2);
  border-radius: 3px;
  width: 16px;
  height: 16px;
  background: #fff;
  position: relative;
  cursor: pointer;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.cart__card label span::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 10px;
  height: 7px;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.15417 1.42549L4.42778 6.15175C4.28598 6.29354 4.09985 6.36491 3.91372 6.36491C3.72759 6.36491 3.54146 6.29354 3.39966 6.15175L1.03653 3.78862C0.752145 3.50436 0.752145 3.04476 1.03653 2.7605C1.32079 2.47611 1.78026 2.47611 2.06465 2.7605L3.91372 4.60957L8.12605 0.397375C8.4103 0.112985 8.86978 0.112985 9.15417 0.397375C9.43842 0.681631 9.43842 1.1411 9.15417 1.42549Z' fill='%23FAFAFA'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.cart__descr {
  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: 30px;
  width: 100%;
}

.cart__inner {
  max-width: 305px;
}

.cart__tag {
  background: var(--orange);
  margin-bottom: 8px;
  border-radius: 60px;
  padding: 3px 16px;
  font-weight: 400;
  font-size: 14px;
  color: var(--white);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.cart__article {
  font-weight: 500;
  font-size: 12px;
  color: var(--grey3);
}

.cart__card-prices {
  text-align: right;
  margin-top: 25px;
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
}

.cart__card-price-old {
  font-weight: 400;
  font-size: 14px;
  text-decoration: line-through;
  color: var(--grey3);
  margin-bottom: 4px;
}

.cart__card-price {
  font-weight: 500;
  font-size: 20px;
}

.cart__like,
.cart__del {
  min-width: 24px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  display: block;
}

.cart__card-controls {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.cart__like {
  background: url("/local/templates/main/css/../img/heart.svg") center center/contain no-repeat;
  -webkit-filter: grayscale(1) opacity(0.2);
          filter: grayscale(1) opacity(0.2);
}

.cart__like.active {
  -webkit-filter: none;
          filter: none;
}

.cart__del {
  background: url("/local/templates/main/css/../img/close-2.svg") center center/contain no-repeat;
}

.cart__contacts {
  background: var(--white);
  border-radius: 20px;
  padding: 20px 20px 40px;
  margin-bottom: 20px;
}

.cart__choice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-bottom: 24px;
  overflow-x: auto;
  scrollbar-width: none;
}

.cart__choice::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.cart__choice label input {
  display: none;
}

.cart__choice label input:checked + span {
  background: var(--blue);
  color: var(--white);
}

.cart__choice label span {
  border-radius: 40px;
  background: var(--grey4);
  font-size: 16px;
  padding: 14px 24px;
  display: block;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  white-space: nowrap;
}

.cart__addresses {
  display: -ms-grid;
  display: grid;
  gap: 20px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 20px;
}

.cart__address {
  position: relative;
}

.cart__address input {
  display: none;
}

.cart__address input:checked + label {
  border: 1px solid var(--blue);
}

.cart__address label {
  border-radius: 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: 9px;
  padding: 20px 20px 40px;
  background: var(--grey4);
  border: 1px solid transparent;
  cursor: pointer;
  position: relative;
}

.cart__address label span {
  font-weight: 500;
}

.cart__address label span:first-child {
  font-weight: 400;
  font-size: 14px;
  color: var(--grey3);
}

.cart__address-edit {
  position: absolute;
  cursor: pointer;
  background: url("/local/templates/main/css/../img/pen.svg") center center/contain no-repeat;
  width: 16px;
  height: 16px;
  top: 16px;
  right: 16px;
}

.cart__title {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 16px;
}

.cart__city {
  color: var(--grey3);
  font-size: 16px;
}

.cart__city span {
  font-weight: 500;
  cursor: pointer;
  color: var(--blue);
}

.cart__item {
  display: none;
}

.cart__item.active {
  display: block;
}

.cart__item ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px 32px;
  margin-bottom: 24px;
}

.cart__item ul li {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.cart__item ul li p {
  font-size: 20px;
}

.cart__item ul li p:first-child {
  font-weight: 400;
  font-size: 14px;
  color: var(--grey3);
}

.cart__item ul li p:not(:last-child) {
  margin-bottom: 10px;
}

.cart__item ul li p + a {
  font-weight: 600;
}

.cart__item ul li a {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  font-size: 20px;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.cart__item ul li a:not(:last-child) {
  margin-bottom: 10px;
}

.cart__item ul li:first-child {
  width: 100%;
}

.cart__delivery {
  background: var(--white);
  border-radius: 20px;
  padding: 20px 20px 40px;
  margin-bottom: 20px;
}

.cart__delivery-inner {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 16px;
}

.cart__delivery-inner .cart__title {
  margin-bottom: 0 !important;
}

.cart__price {
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid var(--grey4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}

.cart__price p {
  font-size: 16px;
}

.cart__price p:last-child {
  font-weight: 600;
  font-size: 20px;
}

.cart__info {
  font-weight: 500;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-top: 24px;
}

.cart__info::before {
  display: block;
  content: "";
  background: url("/local/templates/main/css/../img/attention.svg") center center/contain no-repeat;
  min-width: 16px;
  width: 16px;
  height: 16px;
}

.cart__transport-company {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  overflow-x: auto;
  padding: 10px;
  margin: -10px;
  margin-bottom: 32px;
  padding-bottom: 30px;
}

.cart__transport-item input {
  display: none;
}

.cart__transport-item input:checked + label {
  border: 1px solid var(--blue);
}

.cart__transport-item input:checked + label::before {
  border: 1px solid var(--blue);
}

.cart__transport-item input:checked + label::after {
  opacity: 1;
}

.cart__transport-item label {
  border: 1px solid transparent;
  border-radius: 20px;
  background: var(--white);
  display: block;
  -webkit-box-shadow: 0 0 10px 0 rgba(26, 61, 67, 0.15);
          box-shadow: 0 0 10px 0 rgba(26, 61, 67, 0.15);
  padding: 16px 16px 16px 54px;
  height: 100%;
  position: relative;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.cart__transport-item label::before {
  position: absolute;
  content: "";
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 16px;
  border: 1px solid var(--grey2);
  width: 24px;
  height: 24px;
  border-radius: 100%;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.cart__transport-item label::after {
  position: absolute;
  content: "";
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 24px;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: var(--blue);
  opacity: 0;
}

.cart__transport-item label span {
  position: absolute;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  left: 0;
  top: calc(100% + 10px);
}

.cart__transport-item label img {
  width: 100px;
  -o-object-fit: contain;
     object-fit: contain;
}

.cart__pay {
  background: var(--white);
  border-radius: 20px;
  padding: 20px 20px 40px;
}

.cart__pay-items {
  display: -ms-grid;
  display: grid;
  gap: 10px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}

.cart__pay-item input {
  display: none;
}

.cart__pay-item input:checked + label {
  border: 1px solid var(--blue);
}

.cart__pay-item input:checked + label::before {
  border: 1px solid var(--blue);
}

.cart__pay-item input:checked + label::after {
  opacity: 1;
}

.cart__pay-item img {
  width: 40px;
  height: 40px;
}

.cart__pay-item label {
  border: 1px solid var(--grey2);
  border-radius: 20px;
  width: 100%;
  background: var(--white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 20px 20px 20px 60px;
  height: 100%;
  position: relative;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.cart__pay-item label span {
  font-weight: 500;
  font-size: 16px;
}

.cart__pay-item label::before {
  position: absolute;
  content: "";
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 20px;
  border: 1px solid var(--grey2);
  width: 24px;
  height: 24px;
  border-radius: 100%;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.cart__pay-item label::after {
  position: absolute;
  content: "";
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 28px;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: var(--blue);
  opacity: 0;
}

.cart__wrap {
  min-width: 387px;
  width: 387px;
}

.cart__login {
  border-radius: 20px;
  background: var(--white);
  padding: 20px;
}

.cart__login-title {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 16px;
}

.cart__login-text {
  font-size: 16px;
  margin-bottom: 24px;
}

.cart .btn {
  width: 100%;
}

.cart__map {
  height: 189px;
  margin: 24px 0;
}

.cart .map:last-child {
  margin-bottom: 0;
}

.cart .form__info {
  color: var(--grey3);
  margin-top: 16px;
  text-align: left;
}

.clear-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  width: 100%;
}

.details {
  background: var(--white);
  border-radius: 20px;
  padding: 20px;
  width: 100%;
  margin-bottom: 20px;
  position: sticky;
  top: 20px;
  z-index: 10;
}

.details ul {
  margin-bottom: 24px;
}

.details ul li {
  display: -ms-grid;
  display: grid;
  gap: 10px;
  -ms-grid-columns: 1.25fr 1fr;
  grid-template-columns: 1.25fr 1fr;
}

.details ul li:not(:last-child) {
  margin-bottom: 12px;
}

.details ul li p {
  font-size: 16px;
}

.details ul li p:last-child {
  text-align: right;
  color: var(--grey3);
}

.details ul li span {
  color: var(--blue2);
}

.details ul li a,
.details ul li b {
  font-weight: 500;
  color: var(--blue);
}

.details__title {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 24px;
}

.details__promo {
  position: relative;
  margin-bottom: 24px;
}

.details__promo input {
  border: 1px solid var(--grey2);
  border-radius: 40px;
  padding: 13px 20px;
  width: 100%;
  height: 48px;
}

.details__promo input::-webkit-input-placeholder {
  color: var(--dark);
  opacity: 0.7;
}

.details__promo input::-moz-placeholder {
  color: var(--dark);
  opacity: 0.7;
}

.details__promo input:-ms-input-placeholder {
  color: var(--dark);
  opacity: 0.7;
}

.details__promo input::-ms-input-placeholder {
  color: var(--dark);
  opacity: 0.7;
}

.details__promo input::placeholder {
  color: var(--dark);
  opacity: 0.7;
}

.details__promo.active p {
  opacity: 1;
}

.details__promo p {
  position: absolute;
  left: 0;
  top: calc(100% + 5px);
  color: red;
  opacity: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  font-size: 14px;
}

.details__promo-btn {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 4px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4188_51238)'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23E3E3E3'/%3E%3Cpath d='M12 20H28' stroke='%230C1218' stroke-width='0.727295' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.3323 13.334L27.9987 20.0007L21.3322 26.6673' stroke='%230C1218' stroke-width='0.727295' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4188_51238'%3E%3Crect width='40' height='40' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  cursor: pointer;
}

.details__total {
  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;
  margin-bottom: 16px;
}

.details__total-title {
  font-weight: 500;
  font-size: 20px;
  color: #1a1a18;
}

.details__total-price {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 20px;
  color: #1a1a18;
}

.details .btn {
  width: 100%;
}

.details .btn:not(:last-child) {
  margin-bottom: 10px;
}

.description-portfolio {
  padding: 60px 0;
  margin-bottom: 100px;
}

.description-portfolio__wrapper {
  display: -ms-grid;
  display: grid;
  gap: 20px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}

.description-portfolio h2 {
  margin-bottom: 24px;
}

.description-portfolio__inner {
  max-width: 508px;
  width: 100%;
}

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

.description-portfolio__content a {
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

.description-portfolio__content span {
  font-weight: 500;
}

.description-portfolio__list {
  display: -ms-grid;
  display: grid;
  gap: 20px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  -ms-grid-rows: (1fr)[2];
  grid-template-rows: repeat(2, 1fr);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.description-portfolio__list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  background: var(--blue4);
  border-radius: 20px;
  padding: 16px 31px;
  text-align: center;
}

.description-portfolio__list li img {
  width: 48px;
  height: 48px;
}

.description-portfolio__list li p {
  font-size: 16px;
  text-transform: uppercase;
}

.description-portfolio__more {
  font-size: 16px;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  color: var(--blue2);
  cursor: pointer;
  margin-top: 10px;
}

.account {
  margin-bottom: 100px;
}

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

.account__order .account__item-title {
  margin-bottom: 16px;
}

.account__left {
  width: 285px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: sticky;
  top: 30px;
  height: 100%;
  background: var(--white);
  padding: 16px;
  border-radius: 20px;
}

.account__left ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 10px;
}

.account__left ul li a img {
  min-width: 16px;
  width: 16px;
  height: 16px;
  opacity: 0.7;
}

.account__left ul li a.active {
  background: var(--blue4);
}

.account__left ul li a.active img {
  opacity: 1;
}

.account__left ul li:nth-child(2) a {
  font-weight: 500;
}

.account__logout {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 16px;
}

.account__right {
  width: 100%;
  overflow: hidden;
}

.account__item {
  width: 100%;
  background: var(--white);
  border-radius: 20px;
  padding: 32px;
}

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

.account__search .account__item-title {
  margin-bottom: 16px;
}

.account__search-inner {
  width: 100%;
  position: relative;
  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;
}

.account__search-inner form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  width: 100%;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.account__search-inner input {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  width: 100%;
  border: 1px solid transparent;
  padding: 14px 24px;
  outline: none;
  background: var(--grey4);
  border-radius: 40px;
  font-size: 16px;
  height: 48px;
}

.account__search-inner input::-webkit-input-placeholder {
  color: var(--grey3);
}

.account__search-inner input::-moz-placeholder {
  color: var(--grey3);
}

.account__search-inner input:-ms-input-placeholder {
  color: var(--grey3);
}

.account__search-inner input::-ms-input-placeholder {
  color: var(--grey3);
}

.account__search-inner input::placeholder {
  color: var(--grey3);
}

.account__search-inner input:focus {
  background: var(--white);
  border: 1px solid var(--grey2);
}

.account__search-inner input:focus + .search-drop {
  opacity: 1;
  visibility: visible;
}

.account__search-inner input[type=search]::-webkit-search-decoration,
.account__search-inner input[type=search]::-webkit-search-cancel-button,
.account__search-inner input[type=search]::-webkit-search-results-button,
.account__search-inner input[type=search]::-webkit-search-results-decoration {
  margin-right: 30px;
}

.account__search-inner button {
  cursor: pointer;
  min-width: 40px;
  width: 40px;
  height: 48px;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 100%;
}

.account__search-inner button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url("/local/templates/main/css/../img/search.svg") center center/contain no-repeat;
  min-width: 20px;
  width: 20px;
  height: 20px;
  -webkit-filter: brightness(0) opacity(0.5);
          filter: brightness(0) opacity(0.5);
}

.account__search-inner__inner {
  position: relative;
  width: 100%;
}

.account__search-inner .search-drop {
  padding: 5px 32px 32px;
  width: calc(100% + 64px);
  left: -32px;
  -webkit-box-shadow: 0 14px 16px 0 rgba(88, 88, 88, 0.15);
          box-shadow: 0 14px 16px 0 rgba(88, 88, 88, 0.15);
  border-radius: 0 0 20px 20px;
}

.account__search-inner .search-drop .btn {
  height: 48px;
  padding: 13px 32px;
  border-radius: 40px;
}

.account__search-inner .search-drop .btn-light {
  padding: 13px 24px;
}

.account__search-inner .search-drop ul {
  margin-bottom: 0;
}

.account__search-inner .search-drop__prices {
  position: absolute;
  right: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  gap: 4px;
}

.account__search-inner .search-drop__inner {
  position: relative;
  width: 100%;
  padding-right: 100px;
}

.account__search-inner .search-drop__item img {
  border-radius: 10px;
  width: 62px;
  height: 62px;
}

.account__search-inner .search-drop__item {
  display: -ms-grid;
  display: grid;
  gap: 70px;
  -ms-grid-columns: 2fr 1fr;
  grid-template-columns: 2fr 1fr;
}

.account__search-inner .search-drop__btns {
  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: flex-end;
  gap: 12px;
  min-width: 250px;
}

.account__search-inner .search-drop__article {
  margin-bottom: 0;
}

.account__search-inner .search-drop__click {
  min-width: 48px;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  background: rgba(38, 107, 119, 0.1);
  position: relative;
}

.account__search-inner .search-drop__click span {
  font-weight: 500;
  font-size: 14px;
  display: none;
  color: var(--blue);
}

.account__search-inner .search-drop__click::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.3584 18.3955V24.2164C27.3584 28.2326 24.0917 31.5001 20.0765 31.5001H15.3027C12.9239 31.5001 11.0037 30.3756 9.74959 28.2483C8.78347 26.6093 8.22747 24.3438 8.22434 22.0328V21.9691C8.21891 19.6924 9.94141 18.5289 11.1663 18.4302C11.3751 18.4133 11.5687 18.426 11.7421 18.4651V10.0571C11.7421 8.78044 12.7815 7.74181 14.0592 7.74181C15.3369 7.74181 16.3745 8.78044 16.3745 10.0571V14.8999C16.7839 14.5726 17.2926 14.3946 17.8167 14.3952C18.755 14.3952 19.5649 14.9559 19.9288 15.7598C20.3492 15.3348 20.9323 15.071 21.5758 15.071C22.6241 15.071 23.512 15.7719 23.796 16.7299C24.173 16.4144 24.6584 16.2243 25.1873 16.2243C26.3844 16.2243 27.3584 17.1983 27.3584 18.3954V18.3955ZM9.49997 12.4719C9.98959 12.3036 10.2502 11.7703 10.0819 11.2806C9.93153 10.8429 9.85528 10.3834 9.85528 9.91469C9.85528 7.59563 11.7412 5.70894 14.0592 5.70894C16.3773 5.70894 18.2632 7.59563 18.2632 9.91469C18.2632 10.3834 18.1869 10.843 18.0366 11.2806C17.8683 11.7702 18.1288 12.3036 18.6185 12.4719C18.7195 12.5066 18.8222 12.523 18.9233 12.523C19.3125 12.523 19.6762 12.2787 19.8098 11.8899C20.0278 11.2559 20.1382 10.5913 20.1382 9.91469C20.1382 6.56175 17.4112 3.83394 14.0593 3.83394C10.7073 3.83394 7.98034 6.56175 7.98034 9.91469C7.98034 10.5912 8.09084 11.2558 8.30878 11.8899C8.47703 12.3796 9.01041 12.6401 9.50009 12.4719H9.49997ZM6.51953 9.91469C6.51953 5.75731 9.90184 2.375 14.0592 2.375C18.2166 2.375 21.5989 5.75725 21.5989 9.91469C21.5989 10.6581 21.49 11.3943 21.2752 12.1025C21.125 12.598 21.4048 13.1214 21.9003 13.2718C21.991 13.2993 22.0826 13.3124 22.1727 13.3123C22.5748 13.3123 22.9467 13.0514 23.0695 12.6466C23.3379 11.7608 23.4742 10.8403 23.4738 9.91469C23.4738 4.72344 19.2504 0.5 14.0592 0.5C8.86791 0.5 4.64453 4.72344 4.64453 9.91475C4.64453 10.8466 4.77997 11.7658 5.04709 12.6467C5.19734 13.1422 5.72078 13.4221 6.21634 13.2718C6.71184 13.1215 6.99172 12.598 6.84141 12.1025C6.62784 11.3981 6.51953 10.6621 6.51953 9.91469Z' fill='%23266B77'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
  opacity: 0.5;
}

.account__item-title {
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 24px;
}

.account__cabinet-items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[6];
  grid-template-columns: repeat(6, 1fr);
  gap: 20px;
}

.account__cabinet-item {
  background: var(--blue4);
  border-radius: 20px;
  padding: 16px 16px 20px;
}

.account__cabinet-item img {
  width: 48px;
  height: 48px;
  margin-bottom: 12px;
}

.account__cabinet-item:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: 1/1/2/4;
}

.account__cabinet-item:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 4;
  -ms-grid-column-span: 3;
  grid-area: 1/4/2/7;
}

.account__cabinet-item:nth-child(3) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: 2/1/3/3;
}

.account__cabinet-item:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
  grid-area: 2/3/3/5;
}

.account__cabinet-item:nth-child(5) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 5;
  -ms-grid-column-span: 2;
  grid-area: 2/5/3/7;
}

.account__cabinet-item-inner {
  margin-bottom: 12px;
}

.account__cabinet-item-inner p {
  font-weight: 600;
  font-size: 18px;
}

.account__contacts .btn-light {
  padding: 14px 54px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--blue);
  margin: 20px 0 0;
}
.account__contacts .btn-light:hover {
  color: var(--white);
}
.account__contacts .form:not(:last-child) {
  margin-bottom: 40px;
}

.account__contacts .form input {
  padding-right: 50px;
}

.account__service-items {
  display: -ms-grid;
  display: grid;
  gap: 20px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}

.account__service-item {
  background: var(--blue4);
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding: 18px 16px;
}

.account__service-item img {
  min-width: 24px;
  width: 24px;
  height: 24px;
}

.account__sort {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-bottom: 22px;
  padding-bottom: 10px;
  overflow-x: auto;
}

.account__sort li a {
  background: var(--grey4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: var(--grey3);
  background: var(--grey4);
  border-radius: 40px;
  padding: 8px 16px;
  white-space: nowrap;
}

.account__sort li a span {
  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-radius: 100%;
  background: var(--white);
  min-width: 32px;
  width: 32px;
  height: 32px;
  color: var(--grey3);
}

.account__sort li a.active {
  background: var(--blue);
  color: var(--white);
}

.account__card {
  position: relative;
  background: var(--grey4);
  border-radius: 20px;
  padding: 20px;
}

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

.account__card-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}

.account__card-title {
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 10px;
}

.account__card-date {
  font-size: 14px;
}

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

.account__card-tag {
  font-size: 14px;
  color: var(--grey3);
  background: var(--grey2);
  padding: 7px 16px;
  border-radius: 60px;
}

.account__card-tag:last-child {
  background: var(--blue2);
  color: var(--white);
}

.account__card-products {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  overflow-x: auto;
  margin-bottom: 6px;
  padding-bottom: 10px;
}

.account__card-product img {
  border-radius: 2px;
  width: 60px;
  height: 60px;
}

.account__card-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}

.account__card-address p {
  font-weight: 500;
  font-size: 14px;
}

.account__card-address p:last-child {
  font-weight: 400;
  margin-top: 6px;
}

.account__card-price {
  text-align: right;
  position: absolute;
  right: 0;
  bottom: 0;
}

.account__card-price p {
  font-size: 14px;
  color: var(--grey3);
}

.account__card-price p:last-child {
  font-weight: 600;
  font-size: 24px;
  margin-top: 6px;
  color: var(--blue);
}

.account__empty {
  min-height: 384px;
}

.account__empty .account__item-title {
  margin-bottom: 16px;
}

.account__empty p {
  margin-bottom: 20px;
}

.account__empty .btn-light {
  color: var(--blue);
  padding: 15px 70px;
}

.account__reviews .account__card-products {
  margin-bottom: 0;
  padding-bottom: 0;
  margin-right: 140px;
}

.account__rating {
  position: absolute;
  right: 20px;
  bottom: 20px;
  cursor: pointer;
}

.account__rating p {
  font-weight: 500;
  text-align: right;
  color: var(--grey3);
  margin-bottom: 12px;
}

.account__rating-stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}

.account__rating-stars img {
  width: 22px;
  height: 20px;
  -webkit-filter: brightness(0) opacity(0.2);
          filter: brightness(0) opacity(0.2);
}

.account__reviews-block {
  border-radius: 20px;
  margin-bottom: 20px;
  padding: 20px;
  background: var(--grey4);
}

.account__reviews-block p {
  max-width: 590px;
}

.account__reviews-inner {
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

.account__reviews-inner img {
  min-width: 40px;
  width: 40px;
  height: 40px;
}

.account__reviews-inner p {
  font-weight: 600;
  font-size: 20px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.account__address-items {
  display: -ms-grid;
  display: grid;
  gap: 20px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 20px;
}

.account__address-items + .account__address-empty {
  display: none;
}

.account__address-item {
  position: relative;
  border-radius: 20px;
  background: var(--grey4);
  padding: 20px 20px 40px;
}

.account__address-item p {
  font-size: 16px;
  font-weight: 500;
}

.account__address-item p:first-child {
  font-size: 14px;
  color: var(--grey3);
  margin-bottom: 9px;
}

.account__address-control {
  position: absolute;
  right: 20px;
  top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.account__address-edit {
  cursor: pointer;
  background: url("/local/templates/main/css/../img/pen.svg") center center/contain no-repeat;
  width: 16px;
  height: 16px;
}

.account__address-del {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.5'%3E%3Cpath d='M13.4562 1H2.40625C2.20312 1 2 1.1625 2 1.40625V3.07187H13.8625V1.40625C13.8625 1.1625 13.7 1 13.4562 1ZM2.77188 12.7812C2.8125 13.4719 3.42188 14 4.1125 14H11.8312C12.5219 14 13.0906 13.4719 13.1719 12.7812L13.9031 3.88437H2.12187L2.77188 12.7812ZM9.84062 5.75313C9.84062 5.50938 10.0031 5.34688 10.2469 5.34688C10.45 5.34688 10.6531 5.50938 10.6531 5.75313V11.2781C10.6531 11.4812 10.45 11.6844 10.2469 11.6844C10.0031 11.6844 9.84062 11.4812 9.84062 11.2781V5.75313ZM7.525 5.75313C7.525 5.50938 7.6875 5.34688 7.93125 5.34688C8.13437 5.34688 8.3375 5.50938 8.3375 5.75313V11.2781C8.3375 11.4812 8.13437 11.6844 7.93125 11.6844C7.6875 11.6844 7.525 11.4812 7.525 11.2781V5.75313ZM5.25 5.75313C5.25 5.50938 5.45312 5.34688 5.65625 5.34688C5.85937 5.34688 6.0625 5.50938 6.0625 5.75313V11.2781C6.0625 11.4812 5.85937 11.6844 5.65625 11.6844C5.45312 11.6844 5.25 11.4812 5.25 11.2781V5.75313Z' fill='%237E8184' /%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.account__address-empty {
  margin-bottom: 20px;
}

.account__add-address {
  padding: 15px 61px;
  margin-bottom: 0;
}

.popular {
  margin-bottom: 86px;
}

.popular__tabs .popular__item-inner p {
  font-weight: 400;
  font-size: 16px;
}

.popular__tabs-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-bottom: 32px;
  padding-bottom: 2px;
  overflow-x: auto;
}

.popular__tabs-btns::-webkit-scrollbar {
  display: none;
}

.popular__tabs-btn {
  display: block;
  font-size: 16px;
  text-align: center;
  color: var(--grey3);
  white-space: nowrap;
  padding: 14px 24px;
  border-radius: 40px;
  background: var(--white500);
  cursor: -webkit-grab;
  cursor: grab;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: relative;
}

.popular__tabs-btn::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 40px;
}

.popular__tabs-btn.active {
  background: var(--blue);
  color: var(--white);
}

.popular__tabs-content {
  position: relative;
  display: none;
  padding-bottom: 16px;
}

.popular__tabs-content.active {
  display: block;
}

.popular__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  margin-bottom: 24px;
}

.popular__items {
  display: -ms-grid;
  display: grid;
  gap: 20px;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}

.popular__item svg path {
  -webkit-transform: translateX(-20px);
      -ms-transform: translateX(-20px);
          transform: translateX(-20px);
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.popular__item:hover svg path {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.popular__item:hover .line-arrow {
  opacity: 1;
}

.popular__item:hover .popular__item-img::before {
  opacity: 1;
  z-index: 10;
  right: -60px;
  bottom: -92px;
}

.popular__item:hover .popular__item-img img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.popular__item-disabled {
  cursor: auto;
  pointer-events: none;
}

.popular__item-disabled .popular__item-img::after {
  position: absolute;
  content: "Скоро";
  top: 0;
  left: 0;
  width: 100%;
  height: 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;
  font-weight: 400;
  font-size: 32px;
  text-transform: uppercase;
  color: var(--white);
  background: rgba(0, 0, 0, 0.5);
}

.popular__item-disabled .popular__item-img img {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}

.popular__item-disabled .popular__item-img::before {
  display: none;
}

.popular__item-img {
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 16/9;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  position: relative;
}

.popular__item-img img {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.popular__item-img::before {
  position: absolute;
  content: "";
  right: -190px;
  bottom: -210px;
  -webkit-animation: changeImg 2s infinite;
          animation: changeImg 2s infinite;
  width: 189px;
  height: 209px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  opacity: 0;
}

.popular__item-inner {
  padding: 16px 0 7px;
  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;
}

.popular__item-inner p {
  font-weight: 500;
  font-size: 20px;
}

.popular .line-arrow {
  opacity: 0;
}

.portfolio-article {
  margin-bottom: 60px;
}

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

.portfolio-article__slides {
  overflow: hidden;
  max-width: 793px;
  width: 100%;
}

.portfolio-article .portfolio-article-swiper2 {
  margin-bottom: 10px;
}

.portfolio-article .portfolio-article-swiper2 .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  border-radius: 15px;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  margin: 0;
}

.portfolio-article .portfolio-article-swiper {
  width: 100%;
}

.portfolio-article .portfolio-article-swiper .swiper-wrapper {
  height: 100%;
}

.portfolio-article .portfolio-article-swiper .swiper-slide {
  cursor: pointer;
  opacity: 0.5;
}

.portfolio-article .portfolio-article-swiper .swiper-slide img {
  width: 100%;
  height: auto;
  aspect-ratio: 16/10;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  display: block;
  margin: 0;
}

.portfolio-article .portfolio-article-swiper .swiper-slide-thumb-active {
  opacity: 1;
  border-radius: 8px;
}

.portfolio-article .swiper-wrapper {
  height: 100%;
}

.portfolio-article__inner {
  background: var(--white);
  border-radius: 20px;
  padding: 32px;
  max-width: 387px;
  width: 100%;
}

.portfolio-article__inner ul {
  margin-bottom: 26px;
}

.portfolio-article__inner ul li:not(:last-child) {
  padding-bottom: 12px;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--blue4);
}

.portfolio-article__inner ul li p:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 12px;
}

.portfolio-article__inner ul li p:first-child::before {
  display: block;
  content: "";
  border-radius: 100%;
  background: var(--blue);
  min-width: 10px;
  width: 10px;
  height: 10px;
}

.portfolio-article__btns {
  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;
}

.portfolio-article .btn {
  width: 100%;
}

.portfolio-article .btn-light {
  color: var(--blue);
}

.portfolio-article .btn-light:hover {
  color: var(--white);
}

.contacts {
  margin-bottom: 100px;
}

.contacts__wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 32px;
}

.contacts__content {
  background: var(--white);
  border-radius: 20px;
  padding: 40px;
}

.contacts__inner:first-child {
  padding-right: 20px;
}

.contacts__title {
  font-weight: 400;
  font-size: 32px;
  text-transform: uppercase;
  margin-bottom: 24px;
}

.contacts__title span {
  font-size: 24px;
  text-transform: none;
}

.contacts__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px 42px;
  max-width: 480px;
  width: 100%;
}

.contacts__list li {
  width: calc(50% - 21px);
}

.contacts__list li p {
  font-size: 20px;
}

.contacts__list li p:first-child {
  font-weight: 400;
  font-size: 14px;
  color: var(--grey3);
}

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

.contacts__list li p + a {
  font-weight: 600;
}

.contacts__list li a {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  font-size: 20px;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.contacts__list li a:not(:last-child) {
  margin-bottom: 10px;
}

.contacts__list li:first-child {
  width: 100%;
}

.contacts__socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  height: 100%;
  gap: 10px;
}

.contacts__socials a {
  margin-bottom: 0 !important;
}

.contacts__socials a img {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  min-width: 40px;
  width: 40px;
  height: 40px;
  display: block;
  -webkit-filter: grayscale(1) opacity(0.2);
          filter: grayscale(1) opacity(0.2);
}

.contacts__requisite li {
  display: -ms-grid;
  display: grid;
  gap: 20px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  padding: 14px 16px;
  border-radius: 60px;
}

.contacts__requisite li:nth-child(odd) {
  background: var(--grey4);
}

.contacts__requisite li p:first-child {
  font-size: 16px;
  color: var(--grey3);
}

.master-class {
  margin-bottom: 100px;
}
.master-class__completed {
    font-weight: 400;
    font-size: 16px;
    z-index: 10;
    background: var(--grey2);
    border-radius: 76px;
    padding: 5px 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.master-class__completed + img {
    -webkit-filter: brightness(0.5);
            filter: brightness(0.5);
}
.master-class__wrapper {
  display: -ms-grid;
  display: grid;
  gap: 20px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}

.master-class__img {
    max-width: 488px;
    width: 100%;
    margin-left: auto;
    position: sticky;
    top: 30px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}
.master-class__img img { 
  width: 100%;
  border-radius: 15px;
  aspect-ratio: 16/9;
}

.master-class__inner p {
  margin-bottom: 10px;
}

.master-class__list {
  margin-bottom: 40px;
}

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

.master-class__list li::before {
  display: block;
  content: "";
  border-radius: 100%;
  background: var(--blue);
  min-width: 6px;
  width: 6px;
  height: 6px;
}

.master-class__list li:not(:last-child) {
  margin-bottom: 10px;
}

.master-class__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  margin-bottom: 40px;
}

.master-class__info li {
  background: var(--blue4);
  padding: 16px 32px;
  border-radius: 20px;
}

.master-class__info li p {
  color: var(--grey3);
  margin-bottom: 0;
}

.master-class__info li p:first-child {
  color: var(--dark);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 8px;
}

.master-class__info li p:first-child::before {
  display: block;
  content: "";
  border-radius: 100%;
  background: var(--blue);
  min-width: 10px;
  width: 10px;
  height: 10px;
}

.master-class__title {
  margin-top: 24px;
  margin-bottom: 16px;
  font-weight: 500;
  font-size: 20px;
}

.master-class__items {
  display: -ms-grid;
  display: grid;
  gap: 20px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 32px;
}

.master-class__items li {
  background: var(--blue4);
  padding: 16px 32px;
  border-radius: 20px;
}

.master-class__items li p {
  text-align: center;
  color: var(--grey3);
  margin-bottom: 0;
}

.master-class__items li p:first-child {
  color: var(--dark);
  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: 12px;
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 8px;
}

.master-class__items li p:first-child::before {
  display: block;
  content: "";
  border-radius: 100%;
  background: var(--blue);
  min-width: 10px;
  width: 10px;
  height: 10px;
}

.master-class__contacts {
  margin: 32px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}

.master-class__address p {
  position: relative;
  padding-left: 22px;
  color: var(--grey3);
  margin-bottom: 0;
}

.master-class__address p:first-child {
  color: var(--dark);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 10px;
}

.master-class__address p:first-child::before {
  display: block;
  position: absolute;
  left: 0;
  top: 8px;
  content: "";
  border-radius: 100%;
  background: var(--blue);
  min-width: 10px;
  width: 10px;
  height: 10px;
}

.master-class__socials {
  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: flex-end;
  gap: 10px;
}

.master-class__socials p {
  color: var(--blue2);
  margin-right: 6px;
  margin-bottom: 0;
}

.master-class__socials img {
  min-width: 40px;
  width: 40px;
  height: 40px;
  opacity: 0.7;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.master-class__socials img:hover {
  opacity: 1;
}

.master-class.white-section {
  position: relative;
  padding-bottom: 100px;
}

.master-class.white-section::before {
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  bottom: 100%;
}

.master-class .form__title {
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.master-class .form__text {
  margin-bottom: 16px;
}

.master-class .form__info {
  color: var(--grey3);
  text-align: left;
  margin-bottom: 0;
}

.description-service {
  margin-bottom: 80px;
}

.description-service__wrapper {
  display: -ms-grid;
  display: grid;
  gap: 20px;
  -ms-grid-columns: 1.42fr 1fr;
  grid-template-columns: 1.42fr 1fr;
}

.description-service__wrapper img {
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 15px;
  -o-object-fit: cover;
     object-fit: cover;
}

.description-service__inner {
  background: var(--white);
  padding: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  border-radius: 20px;
}

.description-service__inner p b {
  font-weight: 600;
}

.description-service__inner p:not(:last-child) {
  margin-bottom: 24px;
}

.description-service__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-top: auto;
}

.description-service .btn {
  padding: 15px 26px;
}

.description-service .btn-light {
  padding: 15px 34px;
}

.description-service__advantages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 48px;
  gap: 16px;
  overflow-x: auto;
  padding-bottom: 10px;
  margin-bottom: -10px;
}

.description-service__advantages-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

.description-service__advantages-item p {
  min-width: 105px;
  color: var(--dark);
}

.description-service__advantages-icon {
  width: 80px;
  min-width: 80px;
  height: 80px;
  border-radius: 100%;
  background: rgba(38, 107, 119, 0.4);
  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: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;
  position: relative;
}

.description-service__advantages-icon::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 80px;
  min-width: 80px;
  height: 80px;
  background: var(--blue);
  -webkit-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;
  border-radius: 100%;
}

.description-service__advantages-icon img {
  position: relative;
  width: 40px;
  height: 40px;
  -webkit-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;
}

.description-service__tabs-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-bottom: 32px;
  overflow-x: auto;
}

.description-service__tabs-btns::-webkit-scrollbar {
  display: none;
}

.description-service__tabs-btn {
  display: block;
  font-size: 16px;
  text-align: center;
  color: var(--grey3);
  white-space: nowrap;
  padding: 14px 24px;
  border-radius: 40px;
  background: var(--white500);
  cursor: -webkit-grab;
  cursor: grab;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: relative;
}

.description-service__tabs-btn::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 40px;
}

.description-service__tabs-btn.active {
  background: var(--blue);
  color: var(--white);
}

.description-service__tabs-content {
  display: none;
}

.description-service__tabs-content.active {
  display: block;
}

.price {
  margin-bottom: 100px;
}

.price h2 {
  margin-bottom: 32px;
}

.price ul {
  overflow-x: auto;
}

.price ul li {
  min-width: 722px;
  border-radius: 20px;
  background: var(--white);
  padding: 32px;
}

.price ul li:not(:last-child) {
  margin-bottom: 16px;
}

.price ul li:first-child {
  background: var(--blue2);
  padding: 16px 32px;
  border-radius: 60px;
}

.price ul li:first-child li {
  color: var(--white);
}

.price ul li ul {
  overflow-x: visible;
  display: -ms-grid;
  display: grid;
  gap: 65px;
  -ms-grid-columns: 1fr 1.5fr 0.5fr;
  grid-template-columns: 1fr 1.5fr 0.5fr;
}

.price ul li ul li {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  border-radius: 0;
  background: none;
  padding: 0;
}

.price ul li ul li:not(:last-child) {
  margin-bottom: 0;
}

.price ul li ul li:first-child {
  padding: 0;
  background: none;
  border-radius: 0;
}

.price ul li ul li:first-child:first-child {
  max-width: 292px;
}

.price ul li ul li:first-child li {
  color: var(--dark);
}

.price ul li ul li p {
  font-size: 16px;
}

.price ul li ul li p:first-child {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 12px;
}

.price ul li ul li p:first-child span {
  font-weight: 400;
  font-size: 16px;
}

.price ul li ul li ul {
  display: block;
}

.price ul li ul li ul li {
  position: relative;
  padding-left: 22px;
}

.price ul li ul li ul li::before {
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  border-radius: 100%;
  background: var(--blue);
  width: 6px;
  height: 6px;
}

.price ul li ul li ul li:not(:last-child) {
  margin-bottom: 10px;
}

.price ul li ul li ul li:first-child {
  padding-left: 22px;
  max-width: -webkit-fit-content !important;
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
}

.stocks {
  margin-bottom: 100px;
}

.stocks__wrapper {
  position: relative;
}

.stocks__inner {
  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: 16px;
  margin-bottom: 32px;
}

.stocks__items {
  display: -ms-grid;
  display: grid;
  gap: 20px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}

.stocks__item {
  height: 100%;
  border-radius: 20px;
  display: -ms-grid;
  display: grid;
  gap: 16px;
  -ms-grid-columns: 1fr 1.155fr;
  grid-template-columns: 1fr 1.155fr;
  padding: 24px;
}

.stocks__item img {
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 15px;
}

.stocks__item p {
  color: var(--white);
}

.stocks__item p:first-child {
  font-weight: 800;
  font-size: 32px;
  margin-bottom: 16px;
}

.stocks-slider .stocks__wrapper {
  padding-bottom: 16px;
}

.promotion {
  margin-bottom: 100px;
}

.promotion__wrapper {
  display: -ms-grid;
  display: grid;
  gap: 20px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}

.promotion__img {
  max-width: 488px;
  width: 100%;
  border-radius: 15px;
  aspect-ratio: 16/9;
  margin-left: auto;
  position: sticky;
  top: 30px;
}

.promotion__inner p {
  margin-bottom: 10px;
}

.promotion__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  margin-bottom: 40px;
}

.promotion__info li {
  background: var(--blue4);
  padding: 16px 32px;
  border-radius: 20px;
}

.promotion__info li p {
  color: var(--grey3);
  margin-bottom: 0;
}

.promotion__info li p:first-child {
  color: var(--dark);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 8px;
}

.promotion__info li p:first-child::before {
  display: block;
  content: "";
  border-radius: 100%;
  background: var(--blue);
  min-width: 10px;
  width: 10px;
  height: 10px;
}

.promotion__title {
  margin-top: 24px;
  margin-bottom: 16px;
  font-weight: 500;
  font-size: 20px;
}

.promotion__footnote {
  margin-top: 32px;
}

.promotion__footnote p {
  margin-bottom: 0;
}

.promotion__footnote p:not(:last-child) {
  margin-bottom: 16px;
}

.promotion.white-section {
  position: relative;
  padding-bottom: 100px;
}

.promotion.white-section::before {
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  bottom: 100%;
}

.calculator {
  margin-bottom: 100px;
}

.calculator__wrapper {
  background: var(--white);
  border-radius: 20px;
  padding: 24px 32px 32px;
  position: relative;
}

.calculator__progress {
  margin-bottom: 28px;
}

.calculator__progress ul {
  counter-reset: num;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}

.calculator__progress ul li {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: var(--blue2);
  position: relative;
  padding-bottom: 10px;
  white-space: nowrap;
}

.calculator__progress ul li::before {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  display: block;
  counter-increment: num;
  content: counter(num, decimal-leading-zero);
  font-weight: 500;
  font-size: 14px;
  color: var(--white);
  line-height: 0.8;
  min-width: 24px;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background: var(--blue2);
  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;
}

.calculator__progress ul li::after {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  border-radius: 10px;
  background: var(--blue4);
  height: 4px;
  width: 100%;
}

.calculator__progress ul li.active::after {
  background: var(--blue2);
}

.calculator__line {
  display: none;
  background: var(--blue4);
  height: 4px;
  border-radius: 10px;
}

.calculator__track {
  height: 4px;
  background: var(--blue2);
  border-radius: 10px;
}

.calculator__step {
  display: none;
}

.calculator__step.active {
  display: block;
}

.calculator__step ul {
  overflow-x: auto;
  margin-bottom: 24px;
}

.calculator__step ul li {
  min-width: 638px;
  border-radius: 20px;
  background: var(--white);
  padding: 0 32px;
}

.calculator__step ul li:not(:last-child) {
  margin-bottom: 16px;
}

.calculator__step ul li:first-child {
  background: var(--blue4);
  padding: 11px 32px;
  border-radius: 60px;
}

.calculator__step ul li:first-child::before {
  display: none;
}

.calculator__step ul li ul {
  margin-bottom: 0;
  overflow-x: visible;
  display: -ms-grid;
  display: grid;
  gap: 89px;
  -ms-grid-columns: 5.2fr 1fr 1fr 1fr;
  grid-template-columns: 5.2fr 1fr 1fr 1fr;
}

.calculator__step ul li ul li {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  border-radius: 0;
  background: none;
  padding: 0;
  font-size: 16px;
}

.calculator__step ul li ul li:not(:last-child) {
  margin-bottom: 0;
}

.calculator__step ul li ul li:first-child {
  padding: 0;
  background: none;
  border-radius: 0;
}

.calculator__step ul li ul li:first-child p {
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 10px;
  color: var(--dark);
  position: relative;
  padding-left: 22px;
}

.calculator__step ul li ul li:first-child p::before {
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  border-radius: 100%;
  background: var(--blue);
  width: 6px;
  height: 6px;
}

.calculator__step ul li ul li:first-child span {
  padding-left: 22px;
}

.calculator__step ul li ul li p {
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 10px;
  color: var(--dark);
}

.calculator__step ul li ul li span {
  font-size: 14px;
  color: var(--grey3);
  display: block;
}

.calculator__step-title {
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 16px;
}

.calculator__items {
  margin-top: 24px;
  display: -ms-grid;
  display: grid;
  gap: 13px;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}

.calculator__item {
  height: 100%;
}

.calculator__item input {
  display: none;
}

.calculator__item input:checked + label {
  border: 1px solid var(--blue2);
}

.calculator__item label {
  border-radius: 20px;
  -webkit-box-shadow: 0 0 10px 0 rgba(59, 59, 59, 0.15);
          box-shadow: 0 0 10px 0 rgba(59, 59, 59, 0.15);
  background: var(--white);
  padding: 12px 43px 12px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  cursor: pointer;
  height: 100%;
  border: 1px solid transparent;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.calculator__item label img {
  border-radius: 10px;
  width: 85px;
  height: 85px;
}

.calculator__inner {
  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: 32px;
  margin-top: 40px;
}

.calculator__inner input {
  background: var(--grey4);
  border-radius: 40px;
  padding: 17px 24px;
  border: 1px solid transparent;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  width: 100%;
  height: 56px;
}

.calculator__inner input.active {
  border: 1px solid var(--red);
}

.calculator__inner input::-webkit-input-placeholder {
  color: var(--grey3);
}

.calculator__inner input::-moz-placeholder {
  color: var(--grey3);
}

.calculator__inner input:-ms-input-placeholder {
  color: var(--grey3);
}

.calculator__inner input::-ms-input-placeholder {
  color: var(--grey3);
}

.calculator__inner input::placeholder {
  color: var(--grey3);
}

.calculator__inner input:hover {
  border: 1px solid var(--grey3);
}

.calculator__inner .btn {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.calculator__colors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  padding: 0 32px;
}

.calculator__color input {
  display: none;
}

.calculator__color input:checked + label {
  border: 1px solid var(--blue);
}

.calculator__color input:checked + label::before {
  border: 1px solid var(--blue);
}

.calculator__color input:checked + label::after {
  opacity: 1;
}

.calculator__color label {
  border: 1px solid transparent;
  border-radius: 20px;
  background: var(--white);
  display: block;
  border: 1px solid var(--grey2);
  padding: 14px 16px 14px 56px;
  height: 100%;
  position: relative;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.calculator__color label::before {
  position: absolute;
  content: "";
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 16px;
  border: 1px solid var(--grey2);
  width: 24px;
  height: 24px;
  border-radius: 100%;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.calculator__color label::after {
  position: absolute;
  content: "";
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 24px;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: var(--blue);
  opacity: 0;
}

.calculator__color label span {
  display: block;
  font-size: 14px;
  color: var(--grey3);
}

.calculator__color label span:first-child {
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 6px;
  color: var(--dark);
}

.calculator__total {
  position: absolute;
  right: 32px;
  bottom: 32px;
  text-align: right;
}

.calculator__price {
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 10px;
}

.calculator__price span {
  padding-left: 16px;
}

.calculator__area {
  color: var(--grey3);
}

.calculator__btns {
  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;
  margin-top: 40px;
}

.calculator__btn:last-child {
  margin-left: auto;
}

.calculator__cart {
  display: none;
  margin-right: auto;
}

.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.coloring-article {
  margin-bottom: 100px;
}

.coloring-article.white-section {
  position: relative;
  padding: 0 0 100px;
  margin-bottom: 60px;
}

.coloring-article.white-section::before {
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  bottom: 100%;
}

.coloring-article h2 {
  margin-bottom: 32px;
}

.coloring-article__inner {
  display: -ms-grid;
  display: grid;
  gap: 19px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 32px;
}

.coloring-article__inner .coloring-article__shades {
  aspect-ratio: 16/9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.coloring-article__inner .coloring-article__shades-items {
  margin-top: auto;
  margin-bottom: 0;
}

.coloring-article__color {
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 32px;
  aspect-ratio: 16/9;
}

.coloring-article__color p:last-child {
  font-weight: 600;
  font-size: 20px;
  margin-top: 10px;
}

.coloring-article__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
  max-width: 500px;
  font-size: 16px;
  margin-bottom: 40px;
}

.coloring-article__info::before {
  display: block;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.9366 4.06777C12.9876 -1.96973 2.27793 1.3929 1.12443 9.88965C0.762276 12.2186 1.19602 14.6016 2.35556 16.6535C2.41307 16.7581 2.44781 16.8737 2.4575 16.9927C2.4672 17.1117 2.45162 17.2314 2.41181 17.3439L1.25981 20.7954C1.21871 20.9274 1.21449 21.0681 1.24761 21.2023C1.28074 21.3365 1.34994 21.4591 1.44772 21.5568C1.54551 21.6545 1.66816 21.7236 1.8024 21.7567C1.93664 21.7897 2.07735 21.7854 2.20931 21.7441L5.66043 20.5929C5.77292 20.5532 5.89253 20.5377 6.01144 20.5474C6.13034 20.557 6.24586 20.5917 6.35043 20.6491C8.40375 21.8053 10.7858 22.2384 13.1147 21.8791C21.4562 20.4556 25.0468 10.1244 18.9369 4.0674L18.9366 4.06777ZM11.5086 17.306C11.1642 17.3002 10.8358 17.1593 10.5943 16.9137C10.3528 16.6681 10.2175 16.3374 10.2175 15.993C10.2175 15.6485 10.3528 15.3178 10.5943 15.0722C10.8358 14.8266 11.1642 14.6857 11.5086 14.6799C11.853 14.6857 12.1813 14.8266 12.4228 15.0722C12.6643 15.3178 12.7996 15.6485 12.7996 15.993C12.7996 16.3374 12.6643 16.6681 12.4228 16.9137C12.1813 17.1593 11.853 17.3002 11.5086 17.306ZM12.9643 12.0729C12.9013 14.2044 10.1166 14.2066 10.0532 12.0729V7.10977C10.1151 4.9734 12.9017 4.97115 12.9643 7.10977V12.0729Z' fill='%236C9AA3'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  min-width: 24px;
  width: 24px;
  height: 24px;
}

.coloring-article__shades {
  margin-bottom: 60px;
}

.coloring-article__shades-title {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 10px;
}

.coloring-article__shades-text {
  color: var(--grey3);
  margin-bottom: 16px;
}

.coloring-article__shades-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.coloring-article__shades-items a {
  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;
  font-weight: 500;
  font-size: 14px;
  border-radius: 5px;
  width: 145px;
  height: 81px;
}

.coloring-article__sort {
  margin-bottom: 20px;
}

.coloring-article__sort ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.coloring-article__sort ul::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.coloring-article__sort ul li {
  display: block;
}

.coloring-article__sort ul li a {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  display: block;
  color: var(--grey3);
  white-space: nowrap;
  padding: 14px 24px;
  border-radius: 40px;
  background: var(--grey2);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
  cursor: -webkit-grab;
  cursor: grab;
}

.coloring-article__sort ul li a:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.coloring-article__sort ul li a.active {
  background: var(--blue);
  color: var(--white);
}

.coloring-article__cards {
  display: -ms-grid;
  display: grid;
  gap: 20px 14px;
  -ms-grid-columns: (1fr)[5];
  grid-template-columns: repeat(5, 1fr);
}

.coloring-article .swiper-inner {
  background: var(--white);
  right: 16px;
  bottom: 16px;
}

.coloring-article .swiper-slide img {
  width: 100%;
  border-radius: 15px;
  aspect-ratio: 16/9;
}

.principles {
  margin-bottom: 100px;
}

.principles.white-section {
  padding: 60px 0;
}

.principles h2 {
  margin-bottom: 32px;
}

.principles__items {
  display: -ms-grid;
  display: grid;
  gap: 20px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  -ms-grid-rows: (1fr)[2];
  grid-template-rows: repeat(2, 1fr);
}

.principles__item {
  border-radius: 20px;
  background: var(--blue4);
  padding: 32px 32px 40px;
}

.principles__item p:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  margin-bottom: 16px;
  font-weight: 600;
  font-size: 20px;
}

.principles__item p:first-child::before {
  display: block;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_635_35097)'%3E%3Cpath d='M20 0C16.0444 0 12.1776 1.17298 8.8886 3.37061C5.59962 5.56823 3.03617 8.6918 1.52242 12.3463C0.00866567 16.0008 -0.387401 20.0222 0.384303 23.9018C1.15601 27.7814 3.06082 31.3451 5.85787 34.1421C8.65492 36.9392 12.2186 38.844 16.0982 39.6157C19.9778 40.3874 23.9991 39.9913 27.6537 38.4776C31.3082 36.9638 34.4317 34.4004 36.6294 31.1114C38.827 27.8224 40 23.9556 40 20C40 17.3736 39.4827 14.7728 38.4776 12.3463C37.4725 9.91982 35.9993 7.71503 34.1421 5.85786C32.2849 4.00069 30.0802 2.5275 27.6537 1.52241C25.2271 0.517315 22.6264 0 20 0ZM31.352 16.474L19.352 27.474C18.9721 27.8224 18.4723 28.0106 17.9569 27.9994C17.4416 27.9882 16.9505 27.7785 16.586 27.414L10.586 21.414C10.395 21.2295 10.2426 21.0088 10.1378 20.7648C10.033 20.5208 9.97781 20.2584 9.9755 19.9928C9.97319 19.7272 10.0238 19.4639 10.1244 19.2181C10.2249 18.9723 10.3734 18.749 10.5612 18.5612C10.749 18.3734 10.9723 18.2249 11.2181 18.1244C11.4639 18.0238 11.7272 17.9732 11.9928 17.9755C12.2584 17.9778 12.5208 18.033 12.7648 18.1378C13.0088 18.2426 13.2295 18.395 13.414 18.586L18.06 23.232L28.648 13.526C29.0389 13.1674 29.5563 12.9788 30.0863 13.0017C30.6162 13.0246 31.1154 13.2571 31.474 13.648C31.8326 14.0389 32.0211 14.5563 31.9983 15.0863C31.9754 15.6162 31.7429 16.1154 31.352 16.474Z' fill='%23266B77'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_635_35097'%3E%3Crect width='40' height='40' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  min-width: 40px;
  width: 40px;
  height: 40px;
}

.team {
  margin-bottom: 84px;
}

.team__wrapper {
  padding-bottom: 16px;
  position: relative;
}

.team h2 {
  margin-bottom: 32px;
}

.team__item img {
  border-radius: 20px;
  width: 100%;
  aspect-ratio: 9/13.8;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  margin-bottom: 16px;
}

.team__item-inner p:first-child {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 10px;
}

.offer {
  margin-bottom: 100px;
}

.offer.white-section {
  padding: 60px 0;
}

.offer h2 {
  margin-bottom: 32px;
}

.offer__items {
  display: -ms-grid;
  display: grid;
  gap: 20px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}

.offer__item {
  border-radius: 20px;
  background: var(--grey4);
  padding: 32px 32px 40px;
}

.offer__item p {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  margin-bottom: 24px;
  font-weight: 600;
  font-size: 20px;
}

.offer__item p::before {
  display: block;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_635_35097)'%3E%3Cpath d='M20 0C16.0444 0 12.1776 1.17298 8.8886 3.37061C5.59962 5.56823 3.03617 8.6918 1.52242 12.3463C0.00866567 16.0008 -0.387401 20.0222 0.384303 23.9018C1.15601 27.7814 3.06082 31.3451 5.85787 34.1421C8.65492 36.9392 12.2186 38.844 16.0982 39.6157C19.9778 40.3874 23.9991 39.9913 27.6537 38.4776C31.3082 36.9638 34.4317 34.4004 36.6294 31.1114C38.827 27.8224 40 23.9556 40 20C40 17.3736 39.4827 14.7728 38.4776 12.3463C37.4725 9.91982 35.9993 7.71503 34.1421 5.85786C32.2849 4.00069 30.0802 2.5275 27.6537 1.52241C25.2271 0.517315 22.6264 0 20 0ZM31.352 16.474L19.352 27.474C18.9721 27.8224 18.4723 28.0106 17.9569 27.9994C17.4416 27.9882 16.9505 27.7785 16.586 27.414L10.586 21.414C10.395 21.2295 10.2426 21.0088 10.1378 20.7648C10.033 20.5208 9.97781 20.2584 9.9755 19.9928C9.97319 19.7272 10.0238 19.4639 10.1244 19.2181C10.2249 18.9723 10.3734 18.749 10.5612 18.5612C10.749 18.3734 10.9723 18.2249 11.2181 18.1244C11.4639 18.0238 11.7272 17.9732 11.9928 17.9755C12.2584 17.9778 12.5208 18.033 12.7648 18.1378C13.0088 18.2426 13.2295 18.395 13.414 18.586L18.06 23.232L28.648 13.526C29.0389 13.1674 29.5563 12.9788 30.0863 13.0017C30.6162 13.0246 31.1154 13.2571 31.474 13.648C31.8326 14.0389 32.0211 14.5563 31.9983 15.0863C31.9754 15.6162 31.7429 16.1154 31.352 16.474Z' fill='%23266B77'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_635_35097'%3E%3Crect width='40' height='40' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  min-width: 40px;
  width: 40px;
  height: 40px;
}

.offer__item ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

.offer__item ul li::before {
  margin-top: 5px;
  display: block;
  content: "";
  min-width: 10px;
  width: 10px;
  height: 10px;
  border-radius: 50px;
  background: var(--blue);
}

.offer__item ul li:not(:last-child) {
  margin-bottom: 16px;
}

.choose {
  margin-bottom: 100px;
}

.choose.white-section {
  padding: 60px 0;
}

.choose h2 {
  margin-bottom: 32px;
}

.choose__items {
  display: -ms-grid;
  display: grid;
  gap: 20px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  -ms-grid-rows: (1fr)[2];
  grid-template-rows: repeat(2, 1fr);
}

.choose__item {
  border-radius: 20px;
  background: var(--blue4);
  padding: 32px 32px 40px;
}

.choose__item p:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 11px;
  margin-bottom: 16px;
  font-weight: 600;
  font-size: 20px;
}

.choose__item p:first-child::before {
  display: block;
  content: "";
  background: url("/local/templates/main/css/../img/check.svg") center center/contain no-repeat;
  min-width: 45px;
  width: 45px;
  height: 45px;
  margin-left: -3px;
  margin-top: -3px;
}

.partner-form {
  margin-bottom: 20px;
}

.partner-form__wrapper {
  border-radius: 20px;
  background: var(--blue2);
  padding: 40px;
  display: -ms-grid;
  display: grid;
  gap: 20px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}

.partner-form__inner {
  max-width: 509px;
  width: 100%;
}

.partner-form__inner p {
  font-size: 16px;
  max-width: 456px;
  color: var(--white);
  margin-bottom: 40px;
}

.partner-form__inner h2 {
  margin-bottom: 16px;
  color: var(--white);
}

.partner-form__inner ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px;
}

.partner-form__inner ul li {
  width: calc(50% - 12px);
}

.partner-form__inner ul li p {
  color: var(--white);
  font-size: 20px;
  margin-bottom: 0;
}

.partner-form__inner ul li p:first-child {
  font-weight: 400;
  font-size: 14px;
  color: var(--white500);
}

.partner-form__inner ul li p:not(:last-child) {
  margin-bottom: 10px;
}

.partner-form__inner ul li p + a {
  font-weight: 600;
}

.partner-form__inner ul li a {
  color: var(--white);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  font-size: 20px;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.partner-form__inner ul li a:not(:last-child) {
  margin-bottom: 10px;
}

.partner-form__inner ul li:first-child {
  width: 100%;
}

.partner-form__socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 10px;
  height: 100%;
}

.partner-form__socials a {
  margin-bottom: 0 !important;
}

.partner-form__socials img {
  width: 40px;
  height: 40px;
  -webkit-filter: brightness(0) invert(1) opacity(0.5);
          filter: brightness(0) invert(1) opacity(0.5);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.partner-form__socials img:hover {
  -webkit-filter: brightness(0) invert(1) opacity(1);
          filter: brightness(0) invert(1) opacity(1);
}

.partner-form .form {
  max-width: 509px;
  width: 100%;
  margin-left: auto;
}

.partner-form .form__content textarea,
.partner-form .form__content input {
  background: rgba(255, 255, 255, 0.1);
  color: var(--white);
}

.partner-form .form__content textarea::-webkit-input-placeholder, .partner-form .form__content input::-webkit-input-placeholder {
  color: var(--white);
}

.partner-form .form__content textarea::-moz-placeholder, .partner-form .form__content input::-moz-placeholder {
  color: var(--white);
}

.partner-form .form__content textarea:-ms-input-placeholder, .partner-form .form__content input:-ms-input-placeholder {
  color: var(--white);
}

.partner-form .form__content textarea::-ms-input-placeholder, .partner-form .form__content input::-ms-input-placeholder {
  color: var(--white);
}

.partner-form .form__content textarea::placeholder,
.partner-form .form__content input::placeholder {
  color: var(--white);
}

.partner-form .form__content textarea:hover,
.partner-form .form__content input:hover {
  border: 1px solid var(--white);
}

.partner-form .form__content textarea:focus,
.partner-form .form__content input:focus {
  border: 1px solid var(--white);
  outline: none;
}

.partner-form .form__file label::before {
  -webkit-filter: brightness(0) invert(1) opacity(0.5);
          filter: brightness(0) invert(1) opacity(0.5);
}

.partner-form .form__file span {
  color: var(--white);
}

.article-page {
  margin-bottom: 100px;
  margin-top: -16px;
}

.article-page.white-section {
  position: relative;
  padding: 0 0 100px;
}

.article-page.white-section::before {
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  bottom: 100%;
}

.article-page__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
}

.article-page [id] {
  scroll-margin-top: 40px;
}

.article-page h2 {
  margin: 60px 0 16px;
  font-size: 32px;
}
.article-page h3 {
  margin: 40px 0 16px;
  font-size: 24px;
}
.article-page table {
  margin: 24px 0 32px;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;  
  overflow-x: auto;
  display: block;
}
.article-page table p {
    margin: 0;
}
.article-page h2:first-child {
  margin-top: 0;
}

.article-page__inner {
  max-width: 692px;
  width: 100%;
}

.article-page__inner p {
  margin-bottom: 16px;
}

.article-page__inner p b {
  font-weight: 500;
  font-size: 18px;
}

.article-page__inner a {
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  color: var(--blue2);
}

.article-page__inner ol {
  padding-left: 18px;
  margin: 24px 0 32px;
}

.article-page__inner ol li:not(:last-child) {
  margin-bottom: 10px;
}

.article-page__inner ol li::marker {
  font-weight: 600;
}

.article-page__inner ul {
  margin: 24px 0 32px;
}

.article-page__inner ul li {
  position: relative;
  padding-left: 26px;
}

.article-page__inner ul li:not(:last-child) {
  margin-bottom: 10px;
}

.article-page__inner ul li::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--blue);
}

.article-page__inner img {
  margin: 32px 0;
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 15px;
}

.article-page__inner img:first-child {
  margin-top: 0;
}

.article-page__check li {
  padding: 0 !important;
}

.article-page__check li::before {
  display: none !important;
}

.article-page__check li p:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  margin-bottom: 16px;
  font-weight: 600;
  font-size: 20px;
}

.article-page__check li p:first-child::before {
  display: block;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 0.5C9.62663 0.5 7.30655 1.20379 5.33316 2.52236C3.35977 3.84094 1.8217 5.71508 0.913451 7.9078C0.00519941 10.1005 -0.232441 12.5133 0.230582 14.8411C0.693605 17.1689 1.83649 19.307 3.51472 20.9853C5.19295 22.6635 7.33115 23.8064 9.65892 24.2694C11.9867 24.7324 14.3995 24.4948 16.5922 23.5866C18.7849 22.6783 20.6591 21.1402 21.9776 19.1668C23.2962 17.1935 24 14.8734 24 12.5C24 10.9241 23.6896 9.3637 23.0866 7.9078C22.4835 6.45189 21.5996 5.12902 20.4853 4.01472C19.371 2.90042 18.0481 2.0165 16.5922 1.41345C15.1363 0.810389 13.5759 0.5 12 0.5ZM18.8112 10.3844L11.6112 16.9844C11.3832 17.1934 11.0834 17.3064 10.7742 17.2997C10.465 17.2929 10.1703 17.1671 9.9516 16.9484L6.3516 13.3484C6.23699 13.2377 6.14557 13.1053 6.08268 12.9589C6.01979 12.8125 5.98669 12.655 5.9853 12.4957C5.98392 12.3363 6.01428 12.1783 6.07462 12.0309C6.13495 11.8834 6.22406 11.7494 6.33673 11.6367C6.4494 11.5241 6.58338 11.4349 6.73086 11.3746C6.87833 11.3143 7.03635 11.2839 7.19569 11.2853C7.35502 11.2867 7.51248 11.3198 7.65889 11.3827C7.80529 11.4456 7.93771 11.537 8.0484 11.6516L10.836 14.4392L17.1888 8.6156C17.4234 8.40045 17.7338 8.2873 18.0518 8.30103C18.3697 8.31476 18.6693 8.45424 18.8844 8.6888C19.0995 8.92336 19.2127 9.23377 19.199 9.55176C19.1852 9.86975 19.0458 10.1693 18.8112 10.3844Z' fill='%236C9AA3'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  min-width: 24px;
  width: 24px;
  height: 24px;
}

.article-page__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 16px;
}

.article-page__time,
.article-page__date,
.article-page__views {
  border-radius: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 10px 12px;
  font-size: 16px;
  background: var(--blue4);
}

.article-page__time img,
.article-page__date img,
.article-page__views img {
  min-width: 24px;
  width: 24px;
  height: 24px;
  margin: 0 !important;
  border-radius: 0%;
}

.article-page__tags {
  margin-bottom: 32px;
}

.article-page__tags ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  margin: 0 !important;
}

.article-page__tags ul li {
  padding: 10px 16px;
  font-size: 16px;
  color: var(--grey3);
  border: 1px solid var(--blue4);
  border-radius: 120px;
  margin: 0 !important;
}

.article-page__tags ul li::before {
  display: none;
}

.article-page__author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

.article-page__author img {
  width: 50px;
  height: 50px;
  margin: 0 !important;
  aspect-ratio: initial;
}

.article-page__author-name {
  font-weight: 600;
  font-size: 20px;
  color: var(--blue);
  margin-bottom: 5px !important;
}

.article-page__author-position {
  color: var(--blue2);
  margin-bottom: 0 !important;
}

.article-page__wrap {
  border-radius: 20px;
  background: var(--blue4);
  padding: 24px;
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 60px;
}

.article-page__share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

.article-page__share p {
  color: var(--blue2);
  margin: 0 !important;
}

.article-page__socials ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 !important;
  gap: 10px;
}

.article-page__socials ul li {
  padding: 0 !important;
  margin: 0 !important;
}

.article-page__socials ul li::before {
  display: none;
}

.article-page__socials ul li a img {
  opacity: 0.7;
  margin: 0 !important;
  width: 40px;
  height: 40px;
}

.article-page__images {
  margin: 32px 0;
  display: -ms-grid;
  display: grid;
  gap: 10px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}

.article-page__images img {
  width: 100%;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 7px;
  margin: 0 !important;
}

.article-page__description {
  position: sticky;
  top: 30px;
  height: 100%;
  background: var(--blue4);
  border-radius: 20px;
  padding: 32px 32px 40px;
  max-width: 488px;
  width: 100%;
}

.article-page__description + img {
  margin-top: 0;
}

.article-page__description ul {
  margin: 0 !important;
}

.article-page__description ul li {
  position: relative;
  padding-left: 22px;
}

.article-page__description ul li:not(:last-child) {
  margin-bottom: 10px;
}

.article-page__description ul li::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--blue);
}

.article-page__description ul li a {
  color: var(--dark);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  text-decoration: none;
}

.article-page__description ul li a:hover {
  color: var(--blue2);
}

.article-page__description-title {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 24px;
}

.article-page__description-mobile {
  display: none;
}

.article-page__description-mobile + h2 {
  margin-top: 0;
}

.article-page__slider-mobile {
  display: none;
}

.article-page__slider {
  max-width: 590px;
  width: 100%;
  position: sticky;
  top: 30px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.article-page .swiper-slide img {
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 11px;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 !important;
}

.article-page-thumb-swiper {
  margin-top: 11px;
}

.article-page-thumb-swiper .swiper-slide {
  opacity: 0.5;
  cursor: pointer;
  border-radius: 8px;
  padding: 1px;
}

.article-page-thumb-swiper .swiper-slide img {
  border-radius: 6px;
    -o-object-fit: cover;
     object-fit: cover;
}

.article-page-thumb-swiper .swiper-slide-thumb-active {
  opacity: 1;
}

.article-tv {
  margin-bottom: 100px;
}

.article-tv.white-section {
  padding: 60px 0 100px;
}

.article-tv__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
}

.article-tv [id] {
  scroll-margin-top: 40px;
}

.article-tv h2 {
  margin: 60px 0 24px;
}

.article-tv h2:first-child {
  margin-top: 0;
}

.article-tv__inner {
  max-width: 692px;
  width: 100%;
}

.article-tv__inner p {
  margin-bottom: 16px;
}

.article-tv__inner p b {
  font-weight: 500;
  font-size: 18px;
}

.article-tv__inner a {
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  color: var(--blue2);
}

.article-tv__inner ol {
  padding-left: 18px;
  margin: 24px 0 32px;
}

.article-tv__inner ol li:not(:last-child) {
  margin-bottom: 10px;
}

.article-tv__inner ol li::marker {
  font-weight: 600;
}

.article-tv__inner ul {
  margin: 24px 0 32px;
}

.article-tv__inner ul li {
  position: relative;
  padding-left: 26px;
}

.article-tv__inner ul li:not(:last-child) {
  margin-bottom: 10px;
}

.article-tv__inner ul li::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--blue);
}

.article-tv__inner img {
  margin: 32px 0;
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 15px;
}

.article-tv__author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 32px 0;
  gap: 16px 22px;
  background: var(--blue4);
  padding: 10px;
  border-radius: 15px;
}

.article-tv__author img {
  border-radius: 15px;
  width: 354px;
  aspect-ratio: 16/9;
  margin: 0 !important;
  aspect-ratio: initial;
}

.article-tv__author-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 20px;
}

.article-tv__author-name {
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 10px !important;
}

.article-tv__author-position {
  opacity: 0.5;
  margin-bottom: 20px !important;
}

.article-tv__socials {
  margin-bottom: 22px;
  margin-top: auto;
}

.article-tv__socials ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 !important;
  gap: 10px;
}

.article-tv__socials ul li {
  padding: 0 !important;
  margin: 0 !important;
}

.article-tv__socials ul li::before {
  display: none;
}

.article-tv__socials ul li a img {
  margin: 0 !important;
  width: 32px;
  height: 32px;
}

.article-tv__images {
  margin: 32px 0;
  display: -ms-grid;
  display: grid;
  gap: 20px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}

.article-tv__images img {
  width: 100%;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 7px;
  margin: 0 !important;
}

.article-tv__download {
  background: var(--grey4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 16px 24px;
  text-decoration: none !important;
  background: var(--grey4);
  border-radius: 10px;
  font-weight: 500;
  font-size: 20px;
  margin: 24px 0;
}

.article-tv__download::before {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  display: block;
  border-radius: 100%;
  content: "";
  background: url("/local/templates/main/css/../img/file.svg") center center/contain no-repeat;
  min-width: 24px;
  width: 24px;
  height: 24px;
}

.article-tv__video {
  margin: 60px 0;
}

.article-tv__video:last-child {
  margin-bottom: 0;
}

.article-tv__video iframe {
  margin-bottom: 16px;
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 20px;
}

.article-tv__video p {
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 0;
}

.article-tv__description {
  position: sticky;
  top: 100px;
  height: 100%;
  -webkit-box-shadow: 0 0 10px 0 rgba(59, 59, 59, 0.15);
          box-shadow: 0 0 10px 0 rgba(59, 59, 59, 0.15);
  background: var(--white);
  border-radius: 20px;
  padding: 32px;
  max-width: 387px;
  width: 100%;
}

.article-tv__description ul {
  margin: 0 !important;
}

.article-tv__description ul li {
  position: relative;
  padding-left: 22px;
}

.article-tv__description ul li:not(:last-child) {
  margin-bottom: 10px;
}

.article-tv__description ul li::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--blue);
}

.article-tv__description ul li a {
  color: var(--dark);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  text-decoration: none;
}

.article-tv__description ul li a:hover {
  color: var(--blue2);
}

.article-tv__description-title {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 24px;
}

.article-tv__description-mobile {
  display: none;
}

.article-tv__description-mobile + h2 {
  margin-top: 0;
}

.reviews {
  margin-bottom: 100px;
}

.reviews .select {
  display: none;
}

.reviews__wrapper {
  position: relative;
  display: -ms-grid;
  display: grid;
  gap: 20px;
  -ms-grid-columns: 1fr 387px;
  grid-template-columns: 1fr 387px;
}

.reviews__sort {
  background: var(--white);
  border-radius: 80px;
  padding: 19px 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  margin-bottom: 20px;
}

.reviews__sort p {
  line-height: 1;
  font-weight: 500;
  font-size: 14px;
}

.reviews__sort ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}

.reviews__sort ul li {
  line-height: 1;
}

.reviews__sort ul li a {
  line-height: 1;
  font-size: 14px;
}

.reviews__sort ul li a.active {
  font-weight: 500;
  color: var(--blue);
}

.reviews__inner {
  overflow: hidden;
}

.reviews__sticky {
  width: 100%;
  position: sticky;
  top: 30px;
  padding-bottom: 90px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.reviews__rating {
  background: var(--white);
  border-radius: 20px;
  padding: 24px;
  display: block;
}

.reviews__rating-wrapper ul li {
  display: -ms-grid;
  display: grid;
  gap: 16px;
  -ms-grid-columns: 0.8fr 3fr 0.4fr;
  grid-template-columns: 0.8fr 3fr 0.4fr;
}

.reviews__rating-wrapper ul li:not(:last-child) {
  margin-bottom: 10px;
}

.reviews__rating-wrapper ul li p {
  white-space: nowrap;
}

.reviews__rating-wrapper ul li p:first-child {
  color: var(--grey3);
  font-size: 14px;
}

.reviews__rating-wrapper ul li p:last-child {
  text-align: right;
  font-weight: 500;
  padding-left: 8px;
}

.reviews__rating-title {
  font-weight: 600;
  font-size: 24px;
  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;
  margin-bottom: 10px;
}

.reviews__rating-title span {
  font-weight: 400;
  font-size: 32px;
  text-transform: uppercase;
}

.reviews__rating-btn {
  background: var(--grey4);
  width: 100%;
  margin-bottom: 24px;
}

.reviews__rating-inner {
  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;
  margin-bottom: 19px;
}

.reviews__rating-inner p {
  font-size: 14px;
  color: var(--grey3);
}

.reviews__rating-stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}

.reviews__rating-stars img {
  width: 22px;
  height: 22px;
  -webkit-filter: brightness(0) grayscale(1) opacity(0.3);
          filter: brightness(0) grayscale(1) opacity(0.3);
}

.reviews__rating-stars img.active {
  -webkit-filter: none !important;
          filter: none !important;
}

.reviews__stripe {
  background: var(--grey2);
  border-radius: 1px;
  height: 5px;
  margin: auto 0;
}

.reviews__stripe-track {
  background: var(--yellow);
  border-radius: 1px;
  height: 100%;
}

.reviews__item {
  border-radius: 20px;
  background: var(--white);
  padding: 24px 24px 40px;
  height: 100%;
}

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

.reviews__author {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  margin-bottom: 21px;
}

.reviews__author img {
  border-radius: 100%;
  width: 80px;
  height: 80px;
}

.reviews__author-inner {
  padding-right: 120px;
  width: 100%;
}

.reviews__item-name {
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 12px;
}

.reviews__item-date {
  position: absolute;
  right: 0;
  top: 0;
  background: var(--blue2);
  border-radius: 40px;
  padding: 8px 16px;
  font-size: 14px;
  color: var(--white);
  width: 102px;
  text-align: center;
}

.reviews__item-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1px;
}

.reviews__item-rating img {
  width: 12px !important;
  height: 12px !important;
}

.reviews__item-rating p {
  font-size: 14px;
  opacity: 0.5;
  margin-left: 2px;
}

.reviews__item-text p {
  font-size: 16px;
}

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

.reviews__item-text.active {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.reviews__item-more {
  font-size: 16px;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  color: var(--blue2);
  margin-top: 24px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
}

.reviews__images {
  width: 100%;
  margin-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow-x: auto;
  padding-bottom: 10px;
  margin-bottom: -10px;
  gap: 7px;
}

.reviews__images img {
  border-radius: 6px;
  width: 110px;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.reviews__images iframe {
  display: block;
  border-radius: 6px;
  width: 110px;
  aspect-ratio: 16/9;
  position: relative;
  z-index: 1;
}

.reviews__img {
  position: relative;
}

.reviews__img::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  cursor: pointer;
}

.order {
  margin-bottom: 110px;
}

.order h2 {
  margin-bottom: 32px;
}

.order ul {
  display: -ms-grid;
  display: grid;
  gap: 20px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  counter-reset: num;
}

.order ul li {
  background: var(--blue2);
  border-radius: 10px;
  padding: 24px 24px 32px;
}

.order ul li::before {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  display: block;
  counter-increment: num;
  content: counter(num, decimal-leading-zero);
  font-size: 40px;
  font-weight: 500;
  line-height: 0.8;
  color: var(--white);
  margin-bottom: 23px;
}

.order ul li p {
  color: var(--white);
  font-size: 18px;
}

.order ul li p:first-child {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 24px;
}

.order-account {
  margin-bottom: 100px;
}

.order-account__wrapper {
  border-radius: 20px;
  background: var(--white);
  padding: 32px;
}

.order-account__wrapper p {
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 24px;
  max-width: 660px;
}

.order-account h2 {
  margin-bottom: 32px;
}

.order-account__items {
  display: -ms-grid;
  display: grid;
  gap: 20px 60px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  counter-reset: num;
}

.order-account__item p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  margin-bottom: 10px;
}

.order-account__item p::before {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  display: block;
  counter-increment: num;
  content: counter(num, decimal-leading-zero);
  border-radius: 100%;
  background: var(--blue);
  min-width: 40px;
  width: 40px;
  height: 40px;
  line-height: 0.8;
  font-weight: 500;
  font-size: 18px;
  color: var(--white);
  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;
  -ms-flex-item-align: start;
    align-self: flex-start;
}

.order-account__item ul {
  padding-left: 56px;
}

.order-account__item ul li {
  position: relative;
  padding-left: 26px;
}

.order-account__item ul li:not(:last-child) {
  margin-bottom: 16px;
}

.order-account__item ul li::before {
  position: absolute;
  content: "";
  top: 5px;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--blue);
}

.refund {
  margin-bottom: 100px;
}

.refund__wrapper {
  border-radius: 20px;
  background: var(--white);
  padding: 32px;
}

.refund h2 {
  margin-bottom: 32px;
}

.refund p {
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 24px;
  max-width: 660px;
}

.refund ul {
  display: -ms-grid;
  display: grid;
  gap: 16px 19px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}

.refund ul li {
  position: relative;
  padding-left: 26px;
}

.refund ul li::before {
  position: absolute;
  content: "";
  top: 5px;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--blue);
}
.refund__table {
    max-width: 800px;    
    overflow-x: auto;
    width: 100%; 
    margin: 20px 0; 
}
.refund__table  table {
    border-collapse: collapse;
    width: 100%;
    min-width: 600px;
}

.refund__table th, td {
    border: 1px solid #ddd;
    padding: 12px;
    text-align: left;
}

.refund__table th {
    background-color: #f2f2f2;
    font-weight: bold;
}

.refund__table tr:nth-child(even) {
    background-color: #f9f9f9;
}

.refund__table .yes {
    color: green;
    font-weight: bold;
}

.refund__table .no {
    color: red;
    font-weight: bold;
}
.agreement {
  margin-bottom: 100px;
}

.agreement__wrapper {
  border-radius: 20px;
  background: var(--white);
  padding: 32px;
  position: relative;
}

.agreement h2 {
  margin-bottom: 32px;
}

.agreement p {
  right: 32px;
  bottom: 44px;
  position: absolute;
  width: calc(50% - 52px);
  font-size: 16px;
  color: var(--blue2);
}

.agreement ol {
  counter-reset: num;
  list-style: none;
  -webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
  -webkit-column-gap: 42px;
     -moz-column-gap: 42px;
          column-gap: 42px;
}

.agreement ol li {
  page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
  margin-bottom: 16px;
  position: relative;
  padding-left: 40px;
}

.agreement ol li:last-child::before {
  opacity: 0;
}

.agreement ol li::before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  counter-increment: num;
  content: counter(num);
  border-radius: 100%;
  background: var(--blue2);
  width: 24px;
  height: 24px;
  line-height: 0.8;
  font-weight: 600;
  color: var(--white);
  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;
}
.agreement ol li a {

  color: var(--blue2);
    -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}
.agreement ol li a:hover {
  color: var(--blue);
}
.agreement .btn {
  width: 100%;
  margin-top: 16px;
  -webkit-box-ordinal-group: 101;
      -ms-flex-order: 100;
          order: 100;
}

.agreement .btn + p {
  display: none;
}

.agreement .btn.active + p {
  display: block;
}

.privacy {
  margin-bottom: 100px;
  position: relative;
}

.privacy__wrapper {
  max-width: 895px;
}

.privacy p:not(:last-child) {
  margin-bottom: 16px;
}

.privacy b {
  font-weight: 600;
  font-size: 20px;
  color: #000;
}

.privacy ol {
  counter-reset: item;
  list-style-type: none;
}

.privacy a {
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

.privacy ol > li {
  counter-increment: item;
  margin-top: 60px;
  position: relative;
  font-weight: 600;
  font-size: 20px;
  color: #000;
}

.privacy ol > li:not(:last-child) {
  margin-bottom: 16px;
}

.privacy ol > li ul li {
  font-weight: 500;
  font-size: 18px;
}

.privacy ol > li ul li a {
  text-decoration: none;
}

.privacy ol > li ol {
  margin-top: 16px;
}

.privacy ol > li ol li {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  margin: 0;
}

.privacy ol > li ol li ol {
  margin: 0;
}

.privacy ol > li ol ul {
  margin-top: 0;
}

.privacy ol > li ol ul li::before {
  display: inline;
  content: "- ";
}

.privacy ol > li ol ul li:not(:last-child) {
  margin-bottom: 0;
}

.privacy ol > li span {
  font-weight: 700;
  font-family: var(--second-family);
}

.privacy ol > li ul {
  margin-top: 16px;
}

.privacy ol > li ul li:not(:last-child) {
  margin-bottom: 16px;
}

.privacy ol > li:before {
  content: counters(item, ".") ". ";
}

.not-found {
  margin: 234px 0 100px;
}

.not-found__wrapper {
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 20px;
  background: var(--white);
  padding: 49px 49px 60px;
}

.not-found img {
  width: 180px;
  height: 180px;
  margin-bottom: 16px;
}

.not-found h1 {
  font-weight: 400;
  font-size: 32px;
  text-transform: uppercase;
  text-align: center;
  color: var(--blue);
  margin-bottom: 24px;
}

.not-found .btn {
  padding: 13px 51px;
  height: 48px;
}

@media (min-width: 1025px) {
  .article:hover {
    background: var(--blue);
  }

  .article:hover .article__time,
  .article:hover .article__title,
  .article:hover .article__date {
    color: #fff;
  }

  .article:hover .article__stroke img {
    opacity: 1;
  }

  .article:hover .article__stroke::after {
    opacity: 1;
    -webkit-animation: animBg 0.5s 0.2s ease both;
            animation: animBg 0.5s 0.2s ease both;
  }

  .nav__arrow {
    position: relative;
  }

  .nav__arrow::before {
    position: absolute;
    content: "";
    top: 100%;
    left: 0;
    height: 40px;
    width: 100%;
    visibility: hidden;
  }

  .header .nav__item:hover .nav__arrow::before {
    z-index: 100;
    visibility: visible;
  }

  .header .nav__item:hover .nav__arrow + ul {
    opacity: 1;
    visibility: visible;
  }

  .header .nav__item:hover .nav__arrow::after {
    -webkit-transform: translateY(2px) rotate(180deg);
        -ms-transform: translateY(2px) rotate(180deg);
            transform: translateY(2px) rotate(180deg);
  }

  .header .nav__item ul > li:hover > a {
    color: var(--blue);
    opacity: 1;
  }

  .header .nav__item ul > li:hover > a .nav__icon {
    -webkit-filter: none;
            filter: none;
  }

  .header .nav__item ul > li:hover ul {
    opacity: 1;
    visibility: visible;
  }

  .header-main { 
    background: none;
  }

  .header-main .header__logo > img { 
    -webkit-filter: brightness(0) invert(1); 
            filter: brightness(0) invert(1);
  }
  .header-fixed.header-main .header__logo > img {    
        -webkit-filter: none;    
                filter: none;
  }

  .header-main .header__top {
    background: rgba(0, 0, 0, 0.3);
  }

  .header-main .header__search input {
    border-color: rgba(255, 255, 255, 0.3);
    color: var(--white);
    padding-left: 160px;
  }
   .header-main input[type=search]::-webkit-search-decoration,
   .header-main input[type=search]::-webkit-search-cancel-button,
   .header-main input[type=search]::-webkit-search-results-button,
   .header-main input[type=search]::-webkit-search-results-decoration {
        -webkit-filter: brightness(0) invert(1);
        filter: brightness(0) invert(1);
    }
  .header-main .header__search input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.6);
  }

  .header-main .header__search input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.6);
  }

  .header-main .header__search input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.6);
  }

  .header-main .header__search input::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.6);
  }

  .header-main .header__search input::placeholder {
    color: rgba(255, 255, 255, 0.6);
  }

  .header-main .header__search button::before {
    -webkit-filter: brightness(0) invert(1) opacity(0.5);
            filter: brightness(0) invert(1) opacity(0.5);
  }

  .header-main .nav__catalog .nav__link {
    background: var(--white);
    color: var(--dark);
    padding-left: 33px;
    padding-right: 33px;
  }

  .header-main .nav__catalog .nav__link::before {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2050_353876)'%3E%3Cpath d='M15.9961 11C16.2722 11 16.4961 11.4477 16.4961 12C16.4961 12.5523 16.2722 13 15.9961 13H0.996094C0.719951 13 0.496094 12.5523 0.496094 12C0.496094 11.4477 0.719951 11 0.996094 11H15.9961ZM15.9961 7C16.2722 7 16.4961 7.4477 16.4961 8C16.4961 8.5523 16.2722 9 15.9961 9H0.996094C0.719951 9 0.496094 8.5523 0.496094 8C0.496094 7.4477 0.719951 7 0.996094 7H15.9961ZM15.9961 3C16.2722 3 16.4961 3.4477 16.4961 4C16.4961 4.5523 16.2722 5 15.9961 5H0.996094C0.719951 5 0.496094 4.5523 0.496094 4C0.496094 3.4477 0.719951 3 0.996094 3H15.9961Z' fill='%23266B77'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2050_353876'%3E%3Crect width='16' height='16' fill='white' transform='translate(0.496094)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  }

  .header-main .header__item-icon img {
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
    opacity: 1;
  }

  .header-main .header__item p {
    color: var(--white);
  }

  .header-main .header__search .select__title {
    color: var(--white);
    background: none;
  }

  .header-main .header__search .select__title::after {
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
  }

  .header-main .header__login {
    background: var(--grey4);
    color: var(--dark);
  }

  .header-main .header__login:hover {
    background: var(--blue);
    color: var(--white);
  }
  .header-fixed.header-main .header__top {
        background: var(--blue2);
  }
  .header-fixed.header-main {
         background: var(--white);
  }
  .header-fixed.header-main .header__search input {
    border: 1px solid #aabfc3;
    color: #1c1c1a;
  }

  .header-fixed.header-main .header__search input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.6);
  }

  .header-fixed.header-main .header__search input::-moz-placeholder {
   color: rgba(0, 0, 0, 0.6);
  }

  .header-fixed.header-main .header__search input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.6);
  }

  .header-fixed.header-main .header__search input::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.6);
  }

  .header-fixed.header-main .header__search input::placeholder {
    color: rgba(0, 0, 0, 0.6);
  }

  .header-fixed.header-main .header__search button::before {
    -webkit-filter: none;
            filter: none;
  }

  .header-fixed.header-main .nav__catalog .nav__link {
    color: var(--white);
    background: var(--blue);
    padding: 14px 12px;
  }

  .header-fixed.header-main .nav__catalog .nav__link::before {
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
  }

  .header-fixed.header-main .header__item-icon img {
    -webkit-filter: none;
            filter: none;
        opacity: 0.6;
  }

  .header-fixed.header-main .header__item p {
    color: var(--dark);
  }

  .header-fixed.header-main .header__search .select__title {
    color: var(--dark);
    background: none;
  }

  .header-fixed.header-main .header__search .select__title::after {
    -webkit-filter: none;
            filter: none;
  }

  .header-fixed.header-main .header__login {
    background: var(--blue2);
    color: var(--white);
  }

  .header-fixed.header-main .header__login:hover {
    background: var(--blue);
    color: var(--white);
  }
  .footer__socials a:hover img {
    -webkit-filter: none;
            filter: none;
  }

  .footer__contacts ul li a:hover,
  .footer .nav__link:hover {
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
            text-decoration-skip-ink: none;
  }

  .main__advantages-item:hover .main__advantages-icon img,
  .main__advantages-item:hover .main__advantages-icon::before {
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
  }

  .process__item:hover {
    background: var(--blue);
  }

  .process__item:hover .process__logo {
    opacity: 1;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
  }

  .process__item:hover .btn {
    max-height: 46px;
    opacity: 1;
    margin-top: 16px;
  }

  .process__item:hover::after {
    background: #fff;
  }
  .process__item:hover span,
  .process__item:hover p,
  .process__item:hover::before {
    color: #fff;
  }

  .contacts-section__socials a:hover img {
    -webkit-filter: none;
            filter: none;
  }

  .contacts-section__inner ul li a:hover {
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
            text-decoration-skip-ink: none;
  }

  .contacts__list li a:hover {
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
  }

  .contacts__socials a:hover img {
    -webkit-filter: none;
            filter: none;
  }
}

@media (min-width: 1250px) {
  .cards .card:nth-child(4n) {
    padding-right: 20px;
    border-radius: 0 20px 20px 0;
    border-right: none;
  }

  .cards .card:nth-child(4n+1) {
    border-radius: 20px 0 0 20px;
    padding-left: 20px;
  }

  .cards .card:last-child:nth-child(4n+1) {
    border-radius: 20px;
    border-right: none;
    padding-right: 20px;
  }

  .cards .card:last-child:not(:nth-child(4n+1)) {
    border-radius: 0 20px 20px 0;
    border-right: none;
    padding-right: 20px;
  }
}

@media (max-width: 1400px) {
    .portfolio-catalog .portfolio__item p {
        font-size: calc(16px + 4 * ((100vw - 360px) / 1040));
    }
  h1,
  h2 {
    font-size: calc(
            24px + 16 *
                ((100vw - 360px) / 1040)
        );
  }

  .h2 {
    font-size: calc(
            24px + 8 *
                ((100vw - 360px) / 1040)
        );
  }

  .btn {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .search-drop__sort ul li a {
    font-size: calc(
            12px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .search-drop__title {
    font-size: calc(
            12px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .search-drop__price {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .more {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .search-count {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .control ul li a {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .card__stock {
    font-size: calc(
            12px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .card__price {
    font-size: calc(
            16px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .card__inform {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .article__title {
    font-size: calc(
            16px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .empty h2,
  .empty__title {
    font-size: calc(
            18px + 14 *
                ((100vw - 360px) / 1040)
        );
  }

  .empty p {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .header__phone ul li a {
    font-size: calc(
            14px + 4 *
                ((100vw - 360px) / 1040)
        );
  }

  .header .nav__list {
    gap: calc(
            -10px + 41 *
                ((100vw - 360px) / 1040)
        );
  }

  .header .nav__link {
    font-size: calc(
            12px + 4 *
                ((100vw - 360px) / 1040)
        );
  }

  .header__search input {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .footer__contacts ul li a {
    font-size: calc(
            16px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .footer__contacts ul li p {
    font-size: calc(
            16px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .footer .nav__link {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .form .select__title {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .form__content label input {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .form__content label input::-webkit-input-placeholder {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .form__content label input::-moz-placeholder {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .form__content label input:-ms-input-placeholder {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .form__content label input::-ms-input-placeholder {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .form__content label input::placeholder {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .form__content textarea {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .form__content textarea::-webkit-input-placeholder {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .form__content textarea::-moz-placeholder {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .form__content textarea:-ms-input-placeholder {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .form__content textarea::-ms-input-placeholder {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .form__content textarea::placeholder {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .form__checkbox p {
    font-size: calc(
            12px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .form.form-coloring p {
    font-size: calc(
            16px + 4 *
                ((100vw - 360px) / 1040)
        );
  }

  .form__colors-items label span:last-child {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .form__shades-title p {
    font-size: calc(
            16px + 4 *
                ((100vw - 360px) / 1040)
        );
  }

  .form__shades-title span {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .form__card-tag {
    font-size: calc(
            12px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .form__card-title {
    font-size: calc(
            12px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .form__card-price-old {
    font-size: calc(
            12px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .form__card-price {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .form__total {
    font-size: calc(
            16px + 4 *
                ((100vw - 360px) / 1040)
        );
  }

  .form__search input {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .form__list li a {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .modal-overlay .modal__subtitle {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .modal-overlay .modal__text {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .modal-overlay .modal-address .h2 {
    font-size: calc(
            16px + 4 *
                ((100vw - 360px) / 1040)
        );
  }

  .modal-overlay .modal-change-password-after .h2,
  .modal-overlay .modal-change-password .h2,
  .modal-overlay .modal-reset-password-after .h2,
  .modal-overlay .modal-reset-password-send .h2,
  .modal-overlay .modal-reset-password .h2,
  .modal-overlay .modal-account-registration-code-email .h2,
  .modal-overlay .modal-account-registration-code-phone .h2,
  .modal-overlay .modal-account-registration-confirmation .h2,
  .modal-overlay .modal-registration .h2,
  .modal-overlay .modal-account-registration-code .h2,
  .modal-overlay .modal-account-login-code .h2,
  .modal-overlay .modal-account .h2 {
    font-size: calc(
            16px + 4 *
                ((100vw - 360px) / 1040)
        );
  }

  .modal-overlay .modal-coloring .modal__inner .h2 {
    font-size: calc(
            20px + 4 *
                ((100vw - 360px) / 1040)
        );
  }

  .portfolio__tabs-btn {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .portfolio__item-disabled .portfolio__item-img::after {
    font-size: calc(
            12px + 20 *
                ((100vw - 360px) / 1040)
        );
  }

  .about__inner ul li p span {
    font-size: calc(
            32px + 16 *
                ((100vw - 360px) / 1040)
        );
  }

  .about__inner ul li p:last-child {
    font-size: calc(
            12px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .about__inner ul li:nth-child(1) p:first-child {
    font-size: calc(
            14px + 6 *
                ((100vw - 360px) / 1040)
        );
  }

  .about__inner ul li:nth-child(3) p:first-child {
    font-size: calc(
            24px + 16 *
                ((100vw - 360px) / 1040)
        );
  }

  .about__description b {
    font-size: calc(
            18px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .articles-events .article__time,
  .articles-events .article__date,
  .articles-master-class .article__time,
  .articles-master-class .article__date,
  .articles-training .article__time,
  .articles-training .article__date {
    font-size: calc(
            16px + 4 *
                ((100vw - 360px) / 1040)
        );
  }

  .coloring__item p {
    font-size: calc(
            14px + 6 *
                ((100vw - 360px) / 1040)
        );
  }

  .coloring-check-swiper label span:last-child {
    font-size: calc(
            12px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .coloring__shades-items a {
    font-size: calc(
            12px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .coloring__info {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .catalog__reset {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .catalog__category-more {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .catalog__category-inner p {
    font-size: calc(
            12px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .catalog__tags ul li a {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .catalog__more {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .catalog__title-filter {
    font-size: calc(
            16px + 4 *
                ((100vw - 360px) / 1040)
        );
  }

  .contacts-section__inner ul li p {
    font-size: calc(
            18px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .contacts-section__inner ul li a {
    font-size: calc(
            18px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .contacts-section-reviews h2,
  .contacts-section-vacancy h2 {
    font-size: calc(
            23px + 7 *
                ((100vw - 360px) / 1040)
        );
  }

  .contacts-section-reviews .form .h2,
  .contacts-section-vacancy .form .h2 {
    font-size: calc(
            23px + 19 *
                ((100vw - 360px) / 1040)
        );
  }

  .faq-form__inner p {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .faq-form__inner ul li a {
    font-size: calc(
            18px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .product__tag {
    font-size: calc(
            12px + 4 *
                ((100vw - 360px) / 1040)
        );
  }

  .product__stock {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .product__price {
    font-size: calc(
            20px + 8 *
                ((100vw - 360px) / 1040)
        );
  }

  .product__old-price {
    font-size: calc(
            16px + 4 *
                ((100vw - 360px) / 1040)
        );
  }

  .specification__content p {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .specification__documents ul li p {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .specification__documents-title {
    font-size: calc(
            16px + 4 *
                ((100vw - 360px) / 1040)
        );
  }

  .characteristics__wrapper ul li p {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .reviews-product__item-name {
    font-size: calc(
            16px + 4 *
                ((100vw - 360px) / 1040)
        );
  }

  .reviews-product__item-text p {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .reviews-product__item-more {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .delivery__tabs-btn p {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .delivery__item-title {
    font-size: calc(
            18px + 6 *
                ((100vw - 360px) / 1040)
        );
  }

  .delivery__items ul li {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .faq__accordion-btn {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .faq__accordion-content p {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .description-slider__content p {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .compare__control ul li a {
    font-size: calc(
            13px + 3 *
                ((100vw - 360px) / 1040)
        );
  }

  .compare__sort ul li a {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .compare__delete {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .compare__description ul li {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .compare .compare-swiper li {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .cart__search input {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .cart__tag {
    font-size: calc(
            12px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .cart__card-price-old {
    font-size: calc(
            12px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .cart__card-price {
    font-size: calc(
            14px + 6 *
                ((100vw - 360px) / 1040)
        );
  }

  .cart__choice label span {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .cart__title {
    font-size: calc(
            16px + 4 *
                ((100vw - 360px) / 1040)
        );
  }

  .cart__city {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .cart__item ul li p {
    font-size: calc(
            16px + 4 *
                ((100vw - 360px) / 1040)
        );
  }

  .cart__item ul li a {
    font-size: calc(
            16px + 4 *
                ((100vw - 360px) / 1040)
        );
  }

  .cart__price p {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .cart__price p:last-child {
    font-size: calc(
            16px + 4 *
                ((100vw - 360px) / 1040)
        );
  }

  .cart__pay-item label span {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .cart__login-title {
    font-size: calc(
            16px + 4 *
                ((100vw - 360px) / 1040)
        );
  }

  .cart__login-text {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .details ul li p {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .details__title {
    font-size: calc(
            16px + 4 *
                ((100vw - 360px) / 1040)
        );
  }

  .details__promo p {
    font-size: calc(
            12px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .details__total-title {
    font-size: calc(
            16px + 4 *
                ((100vw - 360px) / 1040)
        );
  }

  .details__total-price {
    font-size: calc(
            16px + 4 *
                ((100vw - 360px) / 1040)
        );
  }

  .description-portfolio__list li p {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .account__search-inner input {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .account__cabinet-item-inner p {
    font-size: calc(
            16px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .account__card-title {
    font-size: calc(
            16px + 4 *
                ((100vw - 360px) / 1040)
        );
  }

  .account__card-price p:last-child {
    font-size: calc(
            18px + 6 *
                ((100vw - 360px) / 1040)
        );
  }

  .account__reviews-inner p {
    font-size: calc(
            16px + 4 *
                ((100vw - 360px) / 1040)
        );
  }

  .account__address-item p {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .popular__tabs-btn {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .popular__item-disabled .popular__item-img::after {
    font-size: calc(
            12px + 20 *
                ((100vw - 360px) / 1040)
        );
  }

  .popular__item-inner p {
    font-size: calc(
            18px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .portfolio-article__inner ul li p:first-child {
    font-size: calc(
            16px + 4 *
                ((100vw - 360px) / 1040)
        );
  }

  .contacts__title {
    font-size: calc(
            24px + 8 *
                ((100vw - 360px) / 1040)
        );
  }

  .contacts__title span {
    font-size: calc(
            16px + 8 *
                ((100vw - 360px) / 1040)
        );
  }

  .contacts__list li p {
    font-size: calc(
            18px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .contacts__list li a {
    font-size: calc(
            18px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .contacts__requisite li p:first-child {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .master-class__info li p:first-child {
    font-size: calc(
            20px + 4 *
                ((100vw - 360px) / 1040)
        );
  }

  .master-class__title {
    font-size: calc(
            18px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .master-class__items li p:first-child {
    font-size: calc(
            16px + 4 *
                ((100vw - 360px) / 1040)
        );
  }

  .master-class__address p:first-child {
    font-size: calc(
            16px + 4 *
                ((100vw - 360px) / 1040)
        );
  }

  .price ul li ul li p {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .price ul li ul li p:first-child {
    font-size: calc(
            16px + 4 *
                ((100vw - 360px) / 1040)
        );
  }

  .price ul li ul li p:first-child span {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .stocks__item p:first-child {
    font-size: calc(
            24px + 8 *
                ((100vw - 360px) / 1040)
        );
  }

  .promotion__info li p:first-child {
    font-size: calc(
            20px + 4 *
                ((100vw - 360px) / 1040)
        );
  }

  .promotion__title {
    font-size: calc(
            18px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .calculator__step ul li ul li {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .calculator__step ul li ul li:first-child p {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .calculator__step ul li ul li p {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .calculator__step-title {
    font-size: calc(
            16px + 4 *
                ((100vw - 360px) / 1040)
        );
  }

  .calculator__price {
    font-size: calc(
            20px + 4 *
                ((100vw - 360px) / 1040)
        );
  }

  .coloring-article__color p:last-child {
    font-size: calc(
            16px + 4 *
                ((100vw - 360px) / 1040)
        );
  }

  .coloring-article__info {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .coloring-article__shades-title {
    font-size: calc(
            18px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .coloring-article__shades-items a {
    font-size: calc(
            12px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .principles__item p:first-child {
    font-size: calc(
            18px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .offer__item p {
    font-size: calc(
            18px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .offer__item p {
    font-size: calc(
            18px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .choose__item p:first-child {
    font-size: calc(
            18px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .partner-form__inner p {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .partner-form__inner ul li p {
    font-size: calc(
            18px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .partner-form__inner ul li a {
    font-size: calc(
            18px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .article-page h2 {
    font-size: calc(
            24px + 8 *
                ((100vw - 360px) / 1040)
        );
  }

  .article-page__inner p b {
    font-size: calc(
            16px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .article-page__check li p:first-child {
    font-size: calc(
            18px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .article-page__time,
  .article-page__date,
  .article-page__views {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .article-page__tags ul li {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .article-page__description-title {
    font-size: calc(
            18px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .article-tv__inner p b {
    font-size: calc(
            16px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .article-tv__video p {
    font-size: calc(
            16px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .article-tv__description-title {
    font-size: calc(
            18px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .reviews__rating-title {
    font-size: calc(
            18px + 6 *
                ((100vw - 360px) / 1040)
        );
  }

  .reviews__rating-title span {
    font-size: calc(
            24px + 8 *
                ((100vw - 360px) / 1040)
        );
  }

  .reviews__item-name {
    font-size: calc(
            16px + 4 *
                ((100vw - 360px) / 1040)
        );
  }

  .reviews__item-text p {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .reviews__item-more {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .order ul li p {
    font-size: calc(
            16px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .order ul li p:first-child {
    font-size: calc(
            18px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .order-account__wrapper p {
    font-size: calc(
            16px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .order-account__item p::before {
    font-size: calc(
            16px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .refund p {
    font-size: calc(
            16px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .agreement p {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .not-found h1 {
    font-size: calc(
            18px + 14 *
                ((100vw - 360px) / 1040)
        );
  }
}

@media (max-width: 1350px) {
  .compare__wrap.fixed .compare__slider-card {
    padding-right: 52px;
    margin-right: -10px;
  }

  .compare__slider-card {
    margin-right: -50px;
    padding-right: 50px;
  }

  .compare__slider-card .compare .swiper-button-next {
    right: 4px;
  }
}

@media (max-width: 1250px) {
  .agreement p {
    position: static;
    width: 100%;
    margin-top: 16px;
  }

  .agreement ol li:last-child {
    display: none;
  }

  .reviews__wrapper {
    -ms-grid-columns: 1fr 320px;
    grid-template-columns: 1fr 320px;
  }

  .article-page__slider {
    max-width: 52%;
  }

  .article-tv__description,
  .article-page__description {
    max-width: 360px;
  }

  .coloring-article__cards {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
  }

  .scroll-up {
    right: 16px;
  }

  .cards {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }

  .cards .card {
    padding: 20px 18px;
  }

  .cards .card:nth-child(3n) {
    border-radius: 0 20px 20px 0;
    border-right: none;
  }

  .cards .card:nth-child(3n+1) {
    border-radius: 20px 0 0 20px;
  }

  .cards .card:last-child:nth-child(3n+1) {
    border-radius: 20px;
    border-right: none;
  }

  .cards .card:last-child:not(:nth-child(3n+1)) {
    border-radius: 0 20px 20px 0;
    border-right: none;
  }

  .header .nav__catalog > ul > li ul {
    left: 283px;
    width: calc(100% - 294px);
    padding-left: 60px;
  }

  .header .nav__catalog > ul::before {
    left: 310px;
  }

  .header .nav__catalog > ul > li {
    width: 270px;
  }

  .header .nav__catalog > ul {
    width: calc(100vw - 32px);
    padding: 32px 20px;
  }
}

@media (max-width: 1025px) {
    .form__shades-items {
        width: 100%;
        padding: 2px;
    }
    .form__shades-items label::after {
        display: none;
    }
    .portfolio-catalog .portfolio__items {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
    .container-h1 {
        margin-top: 165px;
    }
    .crumbs {
        top: 99px;
    }
    .main{
        margin-top: 99px;
    }
  .footer {
    padding-bottom: 70px;
  }

  .promotion__img {
    max-width: 100%;
    position: static;
  }

  .promotion__wrapper {
    gap: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }

  .agreement p {
    margin-top: 0;
  }

  .agreement__wrapper {
    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;
  }

  .agreement ol li {
    margin-bottom: 0;
    min-height: 40px;
  }

  .agreement ol li:not(:last-child) {
    margin-bottom: 16px;
  }

  .agreement ol {
    -webkit-columns: initial;
       -moz-columns: initial;
            columns: initial;
  }

  .order-account__item p {
    margin-bottom: 16px;
  }

  .order-account__item ul {
    padding-left: 0;
  }

  .order-account__items {
    gap: 20px;
  }

  .delivery__items {
    gap: 16px;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .order ul {
    gap: 16px;
  }

  .order ul li {
    padding: 20px;
  }

  .reviews .select {
    width: 100%;
    display: block;
    margin-bottom: 16px;
  }

  .reviews .select__title {
    font-weight: 500;
    font-size: 16px;
    color: var(--blue);
    border-radius: 40px;
    padding: 14px 24px;
    padding-right: 50px;
  }

  .reviews .select__title::after {
    right: 24px;
  }

  .reviews .select__label.active,
  .reviews .select__label:hover {
    color: var(--blue);
    font-weight: 500;
  }

  .reviews .select__content {
    top: 0;
    border-radius: 20px;
    padding: 46px 14px 24px;
  }

  .reviews .select__label {
    padding: 9px 10px;
  }

  .reviews__sticky {
    padding-bottom: 0;
    position: static;
    max-width: 500px;
  }

  .reviews__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }

  .reviews__sort {
    display: none;
  }

  .certificate__items {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }

  .articles__wrap {
    -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;
  }

  .articles__wrap .articles__sort {
    width: 100%;
  }

  .articles__wrap .articles__sort ul {
    padding-bottom: 10px;
  }

  .article-tv__description-title,
  .article-page__description-title {
    margin-bottom: 0 !important;
    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: 24px;
  }

  .article-tv__description-title::after,
  .article-page__description-title::after {
    display: block;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.9139 6.08136C13.0287 6.18984 13.0287 6.36572 12.9139 6.4742L8.20797 10.9186C8.09311 11.0271 7.90689 11.0271 7.79203 10.9186L3.08615 6.4742C2.97128 6.36572 2.97128 6.18984 3.08615 6.08136C3.20101 5.97288 3.38723 5.97288 3.50209 6.08136L8 10.3294L12.4979 6.08136C12.6128 5.97288 12.799 5.97288 12.9139 6.08136Z' fill='%230C1218' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    min-width: 16px;
    width: 16px;
    height: 16px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }

  .article-tv__description ul,
  .article-page__description ul {
    max-height: 0;
    opacity: 0;
    margin: 0;
    visibility: hidden;
    will-change: max-height;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }

  .article-tv__inner,
  .article-page__inner {
    max-width: 100%;
  }

  .article-page__description {
    overflow: hidden;
    display: none;
    max-width: 100%;
    padding: 20px;
  }

  .article-page__description.open ul {
    padding-top: 16px;
    opacity: 1;
    visibility: visible;
  }

  .article-page__description.open .article-page__description-title::after {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }

  .article-tv__description {
    overflow: hidden;
    display: none;
    max-width: 100%;
    padding: 20px;
  }

  .article-tv__description.open ul {
    padding-top: 16px;
    opacity: 1;
    visibility: visible;
  }

  .article-tv__description.open .article-tv__description-title::after {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }

  .article-page__slider {
    display: none;
  }

  .article-page__slider-mobile {
    position: static;
    display: block;
    max-width: 100%;
    margin: 24px 0;
  }

  .article-tv__description-mobile,
  .article-page__description-mobile {
    display: block;
    position: static;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-bottom: 40px;
  }

  .article-tv__description-mobile {
    margin-bottom: -8px;
  }

  .partner-form__inner ul li {
    width: 100%;
  }

  .offer__item p {
    margin-bottom: 16px;
  }

  .offer__item p::before {
    min-width: 24px;
    width: 24px;
    height: 24px;
  }

  .offer__item {
    padding: 20px;
  }

  .compare__slider-description {
    padding: 24px;
  }

  .compare__control ul li a {
    white-space: nowrap;
    padding: 12px;
  }

  .compare__wrap.fixed .compare__slider-card {
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
  }

  .compare__delete {
    margin-bottom: 0;
    position: absolute;
    left: 0;
    bottom: 18px;
    margin-left: 0;
  }

  .compare__control-sort ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0 10px;
  }

  .compare__control {
    width: 100%;
  }

  .compare__slider-card {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .compare .swiper-nav {
    display: none;
  }

  .compare__wrap.fixed {
    padding: 12px 0 50px;
  }

  .compare__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 12px 12px 50px;
    gap: 24px;
  }

  .compare__description {
    display: none;
  }

  .compare .compare-swiper li span {
    display: block;
    opacity: 0;
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 14px;
    color: #8c8c8b;
  }

  .compare .compare-swiper .swiper-slide-active span {
    opacity: 1;
  }

  .choose__item p:first-child,
  .principles__item p:first-child {
    margin-bottom: 12px;
  }

  .principles__item p:first-child::before {
    min-width: 24px;
    width: 24px;
    height: 24px;
  }

  .choose__item p:first-child::before {
    min-width: 26px;
    width: 26px;
    height: 26px;
    margin-left: -1px;
    margin-top: -1px;
  }

  .choose__item,
  .principles__item {
    padding: 20px;
  }

  .coloring-article__inner .coloring-article__shades-items {
    gap: 2px;
  }

  .coloring-article__inner .coloring-article__shades-items a {
    border-radius: 3px;
    width: 80px;
    height: 45px;
  }

  .coloring-article__cards {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }

  .characteristics__wrapper ul li:nth-child(4n+1),
  .characteristics__wrapper ul li:nth-child(4n+2) {
    background: var(--white);
  }

  .characteristics__wrapper ul li:nth-child(odd) {
    background: var(--grey4);
  }

  .characteristics__wrapper ul {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .calculator__step ul li ul {
    gap: 24px;
    -ms-grid-columns: 6fr 1.8fr 1.3fr 1.3fr;
    grid-template-columns: 6fr 1.8fr 1.3fr 1.3fr;
  }

  .calculator__total {
    position: static;
    margin-top: 24px;
  }

  .calculator__colors {
    gap: 10px;
    padding: 0;
  }

  .calculator__step ul li:not(:last-child) {
    margin-bottom: 12px;
  }

  .calculator__step ul li:first-child {
    margin-bottom: 16px;
  }

  .calculator__step ul li ul li:first-child span,
  .calculator__step ul li ul li:first-child p {
    padding-left: 20px;
  }

  .calculator__step ul li {
    padding: 0 20px;
  }

  .calculator__step ul li:first-child {
    padding: 11px 20px;
  }

  .calculator__items {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }

  .calculator__wrapper {
    padding: 20px;
  }

  .stocks__item img {
    margin-top: auto;
  }

  .stocks__item {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .description-service__wrapper {
    gap: 16px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .master-class__img {
    max-width: 100%;
    position: relative;
    top: 0;
  }

  .master-class__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 16px;
  }

  .articles__items {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }

  .portfolio__description {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 33px;
  }

  .contacts__inner:first-child {
    padding-right: 0;
  }

  .contacts__wrapper {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    gap: 32px;
  }

  .description-portfolio__inner {
    max-width: 100%;
  }

  .description-portfolio__wrapper {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    gap: 32px;
  }

  .portfolio-article__inner {
    max-width: 100%;
  }

  .portfolio-article__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .portfolio-article__inner ul li:not(:last-child) {
    padding-bottom: 10px;
  }

  .portfolio-article__inner ul li p:first-child {
    margin-bottom: 10px;
  }

  .portfolio-article__inner {
    padding: 20px;
  }

  .account__empty {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }

  .account__search-inner .search-drop__item {
    gap: 20px;
  }

  .account__logout {
    margin-top: 0;
  }

  .account__left ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    overflow-x: auto;
    padding-bottom: 10px;
  }

  .account__left ul li a {
    gap: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    padding: 14px 16px;
    border-radius: 40px;
    white-space: nowrap;
    background: var(--white500);
  }

  .account__left ul li a img {
    -webkit-filter: brightness(0) opacity(0.6);
            filter: brightness(0) opacity(0.6);
  }

  .account__left ul li a.active {
    background: var(--blue);
    color: var(--white);
  }

  .account__left ul li a.active img {
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
  }

  .account__left {
    width: 100%;
    margin-bottom: 14px;
    position: static;
    top: 0;
    background: none;
    padding: 0;
    border-radius: 0;
  }

  .account__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }

  .cart__wrap {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    width: 100%;
  }

  .clear-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }

  .scroll-up {
    bottom: 100px;
  }

  .catalog__sort {
    gap: 10px;
  }

  .catalog__reset {
    margin-right: 0;
    gap: 10px;
  }

  .catalog__left {
    display: none;
  }

  .header .nav__catalog .nav__link {
    padding: 14px 16px 14px 22px;
  }

  .header__control {
    display: none;
  }

  .control-fixed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .description-slider .swiper-nav {
    bottom: 800px;
    width: 100%;
  }

  .description-slider__inner {
    padding-bottom: 98px;
  }

  .description-slider__item {
    gap: 0;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .faq__wrapper {
    gap: 20px;
  }

  .product__sliders {
    max-width: 650px;
    margin: 0 auto;
  }

  .product__wrapper {
    gap: 25px;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .modal-cart,
  .modal-cart--top {
    top: auto;
    bottom: 87px;
  }

  .header .nav__sale {
    -webkit-filter: brightness(1) invert(1);
            filter: brightness(1) invert(1);
    margin-right: auto;
  }

  .header__search .select__title {
    background: none;
  }

  .partner-form__wrapper,
  .faq-form__wrapper {
    padding: 24px;
  }

  .partner-form__wrapper .form__inputs,
  .faq-form__wrapper .form__inputs {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .partner-form__inner ul {
    gap: 16px;
  }

  .faq-form__inner ul {
    gap: 6px 30px;
  }

  .description__wrapper {
    gap: 32px;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .catalog__title-filter {
    gap: 12px;
    font-weight: 500;
    font-size: 16px;
  }

  .catalog__title-filter::after {
    min-width: 24px;
    width: 24px;
    height: 24px;
    margin-top: -3px;
    margin-bottom: -3px;
  }

  .catalog__tags ul.active {
    max-height: 131px;
  }

  .catalog__sort {
    padding: 15px 16px;
    margin-bottom: 16px;
  }

  .select-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .select-mobile .select__content {
    min-width: 183px;
    right: -16px;
    padding: 16px;
  }

  .select-mobile .select__title {
    padding: 0;
    font-weight: 500;
    font-size: 14px;
    color: var(--blue);
  }

  .select-mobile .select__title::after {
    display: none;
  }

  .select-mobile .select__label {
    color: var(--dark);
    padding: 0;
  }

  .select-mobile .select__option:not(:last-child) {
    margin-bottom: 10px;
  }

  .select-mobile .select__label.active,
  .select-mobile .select__label:hover {
    background: none;
    color: var(--blue);
    font-weight: 500;
  }

  .select-mobile.select-collection {
    border-radius: 60px;
    padding: 10px;
    background: var(--white);
    width: 100%;
    margin-bottom: 16px;
  }

  .select-mobile.select-collection .select__title {
    background: var(--blue4);
    border-radius: 60px;
    padding: 10px 30px 10px 16px !important;
    font-weight: 600;
    font-size: 14px;
    color: var(--dark);
  }

  .select-mobile.select-collection .select__title span {
    padding-left: 12px;
  }

  .select-mobile.select-collection .select__title::after {
    display: block;
    right: 16px;
  }

  .select-mobile.select-collection .select__content {
    right: 0;
    top: 0;
    border-radius: 20px;
    z-index: 110;
    padding: 10px;
  }

  .select-mobile.select-collection .select__option:not(:last-child) {
    margin-bottom: 0;
  }

  .select-mobile.select-collection .select__option.active {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }

  .select-mobile.select-collection .select__label {
    padding: 10px 16px;
    border-radius: 10px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    padding-right: 30px;
    position: relative;
  }

  .select-mobile.select-collection .select__label::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }

  .select-mobile.select-collection .select__label span {
    padding-left: 12px;
  }

  .select-mobile.select-collection .select__label.active {
    background: var(--blue4);
    font-weight: 600;
    color: var(--dark);
  }

  .select-mobile.select-collection .select__label.active::after {
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    position: absolute;
    right: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(180deg);
        -ms-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.9139 6.08136C13.0287 6.18984 13.0287 6.36572 12.9139 6.4742L8.20797 10.9186C8.09311 11.0271 7.90689 11.0271 7.79203 10.9186L3.08615 6.4742C2.97128 6.36572 2.97128 6.18984 3.08615 6.08136C3.20101 5.97288 3.38723 5.97288 3.50209 6.08136L8 10.3294L12.4979 6.08136C12.6128 5.97288 12.799 5.97288 12.9139 6.08136Z' fill='%237E8184' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    min-width: 16px;
    width: 16px;
    height: 16px;
  }

  .sort {
    display: none;
  }

  .filter__title-mobile {
    position: relative;
    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;
    font-weight: 500;
    gap: 12px;
    border-radius: 40px;
    background: var(--white);
    padding: 12px;
    margin-bottom: 16px;
  }

  .filter__title-mobile::after {
    display: block;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_289_5427)'%3E%3Cpath d='M25 9.66667H22.088C21.8147 8.88849 21.3069 8.21417 20.6345 7.73659C19.9621 7.25902 19.1581 7.00167 18.3333 7C17.5086 7.00167 16.7046 7.25902 16.0322 7.73659C15.3598 8.21417 14.8519 8.88849 14.5787 9.66667H6.33333C5.97971 9.66667 5.64057 9.80714 5.39052 10.0572C5.14048 10.3072 5 10.6464 5 11C5 11.3536 5.14048 11.6928 5.39052 11.9428C5.64057 12.1929 5.97971 12.3333 6.33333 12.3333H14.5787C14.8519 13.1115 15.3598 13.7858 16.0322 14.2634C16.7046 14.741 17.5086 14.9983 18.3333 15C19.1581 14.9983 19.9621 14.741 20.6345 14.2634C21.3069 13.7858 21.8147 13.1115 22.088 12.3333H25C25.3536 12.3333 25.6928 12.1929 25.9428 11.9428C26.1929 11.6928 26.3333 11.3536 26.3333 11C26.3333 10.6464 26.1929 10.3072 25.9428 10.0572C25.6928 9.80714 25.3536 9.66667 25 9.66667ZM25 20.3333H16.7547C16.4816 19.555 15.9738 18.8806 15.3013 18.403C14.6289 17.9254 13.8248 17.6681 13 17.6667C12.1752 17.6683 11.3713 17.9257 10.6988 18.4033C10.0264 18.8808 9.5186 19.5552 9.24533 20.3333H6.33333C5.97971 20.3333 5.64057 20.4738 5.39052 20.7239C5.14048 20.9739 5 21.313 5 21.6667C5 22.0203 5.14048 22.3594 5.39052 22.6095C5.64057 22.8595 5.97971 23 6.33333 23H9.24533C9.5186 23.7782 10.0264 24.4525 10.6988 24.9301C11.3713 25.4077 12.1752 25.665 13 25.6667C13.8248 25.665 14.6287 25.4077 15.3012 24.9301C15.9736 24.4525 16.4814 23.7782 16.7547 23H25C25.3536 23 25.6928 22.8595 25.9428 22.6095C26.1929 22.3594 26.3333 22.0203 26.3333 21.6667C26.3333 21.313 26.1929 20.9739 25.9428 20.7239C25.6928 20.4738 25.3536 20.3333 25 20.3333Z' fill='%236C9AA3'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_289_5427'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    min-width: 24px;
    width: 24px;
    height: 24px;
  }

  .filter__title-mobile::before {
    position: absolute;
    content: "";
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.8861 14.8794C11.7342 15.0402 11.488 15.0402 11.3361 14.8794L5.1139 8.29116C4.96203 8.13036 4.96203 7.86964 5.1139 7.70884L11.3361 1.1206C11.488 0.959799 11.7342 0.959799 11.8861 1.1206C12.038 1.28141 12.038 1.54212 11.8861 1.70292L5.93886 8L11.8861 14.2971C12.038 14.4579 12.038 14.7186 11.8861 14.8794Z' fill='%237E8184'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
  }

  .filter__inner {
    background: var(--white);
    border-radius: 20px;
    padding: 20px 20px 24px;
  }

  .filter {
    position: fixed;
    top: 0;
    left: -100%;
    opacity: 0;
    visibility: hidden;
    max-width: 100%;
    height: 100%;
    z-index: 50;
    border-radius: 0%;
    background: var(--grey2);
    padding: 16px 16px 33px;
    overflow-y: auto;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .filter.active {
    opacity: 1;
    visibility: visible;
    left: 0;
  }

  .catalog__category {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }

  .hidden-submenu > li {
    display: none !important;
  }

  .hidden-submenu > li.active {
    display: block !important;
  }

  .header .nav__catalog > ul::before {
    display: none;
  }

  .nav__back {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    background: var(--blue);
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px !important;
    padding: 14px 16px 10px;
    border-radius: 40px;
    height: 48px;
    width: calc(100% + 48px) !important;
    margin-left: -24px;
  }

  .nav__back p {
    font-weight: 400;
    font-size: 14px;
    color: var(--white);
  }

  .nav__back::before {
    display: block;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2050_354695)'%3E%3Cg clip-path='url(%23clip1_2050_354695)'%3E%3Cpath d='M11.146 5.78746C10.9298 5.54306 10.5729 5.5362 10.349 5.77238L10.3455 5.77607L5.27247 11.3143C5.11097 11.4901 5.06246 11.7549 5.1496 11.9851C5.17785 12.0597 5.2192 12.1273 5.27113 12.1843L5.27163 12.1848L10.3435 17.7218L10.3449 17.7233L10.3553 17.7345C10.5792 17.9706 10.9361 17.9639 11.1524 17.7195C11.368 17.4757 11.3625 17.0878 11.1406 16.8515L7.03132 12.3654L18.6355 12.3654C18.9468 12.3654 19.1992 12.0899 19.1992 11.75C19.1992 11.4101 18.9468 11.1346 18.6356 11.1346L7.03132 11.1346L11.1461 6.64253C11.3571 6.40406 11.357 6.02593 11.146 5.78746Z' fill='white'/%3E%3Cpath d='M10.745 17.5964C10.9006 17.5967 11.0271 17.4592 11.0273 17.2892C11.0275 17.2073 10.9977 17.1287 10.9445 17.0709L6.07023 11.7503L10.9445 6.42965C11.0527 6.30743 11.0496 6.11264 10.9376 5.99457C10.8284 5.87941 10.6552 5.87941 10.546 5.99457L5.47274 11.533C5.36272 11.6532 5.36272 11.8479 5.47274 11.9681L10.546 17.5066C10.5988 17.5641 10.6704 17.5964 10.745 17.5964Z' fill='white'/%3E%3Cpath d='M5.6711 12.0568L18.6361 12.0568C18.7918 12.0568 18.918 11.919 18.918 11.7491C18.918 11.5792 18.7918 11.4414 18.6361 11.4414L5.67107 11.4414C5.51541 11.4414 5.38922 11.5792 5.38922 11.7491C5.38924 11.919 5.51544 12.0568 5.6711 12.0568Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2050_354695'%3E%3Crect width='24' height='24' fill='white' transform='matrix(-1 0 0 1 23.9961 0)'/%3E%3C/clipPath%3E%3CclipPath id='clip1_2050_354695'%3E%3Crect width='16' height='16' fill='white' transform='matrix(-1 -8.74228e-08 -8.74228e-08 1 19.9961 4)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    min-width: 24px;
    width: 24px;
    height: 24px;
  }

  .header__list-mobile {
    display: block;
    padding: 20px 20px 0;
  }

  .header__list-mobile li:not(:last-child) {
    margin-bottom: 13px;
  }

  .header__list-mobile li p {
    font-weight: 500;
    font-size: 16px;
    line-height: 125%;
    color: var(--dark);
  }

  .header__list-mobile li p:first-child {
    font-weight: 400;
    font-size: 14px;
    color: var(--grey3);
    margin-bottom: 10px;
  }

  .header__list-mobile li a {
    font-weight: 500;
    font-size: 16px;
    line-height: 125%;
    color: var(--dark);
  }

  .header__menu {
    position: fixed;
    top: 108px;
    left: -100%;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: calc(100vh - 108px);
    background: var(--grey2);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    overflow-y: auto;
    padding-bottom: 100px;
  }

  .header__menu.active {
    z-index: 1000;
    left: 0;
    opacity: 1;
    visibility: visible;
  }

  .header .nav__item {
    width: 100%;
    position: static;
  }

  .header .nav__item a + ul {
    display: none !important;
  }

  .header .nav__item a.active + ul {
    display: block !important;
  }

  .header .nav__catalog > ul > li {
    display: block;
  }

  .header .nav__link .nav__icon {
    display: block;
  }

  .header .nav__catalog > ul {
    position: static;
  }

  .header .nav__catalog > ul > li {
    width: 100%;
  }

  .header .nav__catalog > ul > li ul ul,
  .header .nav__catalog > ul > li ul,
  .header .nav__item ul {
    padding: 0 0 31px;
    border-radius: 23px 23px 22px 22px;
    margin-top: 0;
    z-index: 10;
    position: fixed;
    min-width: auto;
    top: 112px;
    height: calc(100vh - 200px);
    opacity: 1;
    visibility: visible;
    -webkit-box-shadow: none;
            box-shadow: none;
    overflow: visible;
    overflow-y: auto;
    width: calc(100% - 32px);
    left: 16px;
    max-height: -webkit-fit-content;
    max-height: -moz-fit-content;
    max-height: fit-content;
  }

  .header .nav__catalog > ul > li ul ul li,
  .header .nav__catalog > ul > li ul li,
  .header .nav__item ul li {
    padding: 0 24px;
  }

  .header .nav__catalog > ul > li ul ul li:not(:last-child),
  .header .nav__catalog > ul > li ul li:not(:last-child),
  .header .nav__item ul li:not(:last-child) {
    margin-bottom: 19px;
  }

  .header .nav__catalog > ul > li ul ul::-webkit-scrollbar,
  .header .nav__catalog > ul > li ul::-webkit-scrollbar,
  .header .nav__item ul::-webkit-scrollbar {
    width: 6px;
    background-color: rgba(236, 236, 236, 0.6470588235);
  }

  .header .nav__catalog > ul > li ul ul::-webkit-scrollbar-thumb,
  .header .nav__catalog > ul > li ul::-webkit-scrollbar-thumb,
  .header .nav__item ul::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: var(--blue);
  }

  .header .nav__catalog > ul > li ul ul::-webkit-scrollbar-track,
  .header .nav__catalog > ul > li ul::-webkit-scrollbar-track,
  .header .nav__item ul::-webkit-scrollbar-track {
    border-radius: 2px;
    background-color: rgba(236, 236, 236, 0.6470588235);
  }

  .nav__back {
    width: calc(100% + 0px) !important;
    margin-left: 0px;
    padding-left: 16px !important;
  }

  .header .nav__catalog > ul > li ul > li a {
    margin-bottom: 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .header .nav__catalog > ul > li ul > li a.active + ul {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 0;
  }

  .header .nav__catalog > ul > li ul > li a.active + ul li {
    width: calc(50% - 20px);
  }

  .header .nav__catalog > ul > li ul > li a.active + ul li:first-child {
    width: 100%;
  }

  .header .nav__catalog > ul > li ul > li a.active + ul li a {
    opacity: 1;
    font-weight: 500;
  }

  .header .nav__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 125%;
    color: var(--dark);
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background: var(--white);
    padding: 14px 16px 14px 22px;
    border-radius: 40px;
    width: 100%;
  }

  .header .nav__catalog .nav__link .nav__icon {
    margin-left: auto;
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
  }

  .header .nav__arrow::after {
    display: none;
  }

  .header .nav__catalog {
    position: static;
    left: 0;
    bottom: 0;
  }

  .header .nav__list {
    -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: 10px;
  }

  .header.active {
    background: var(--grey2);
  }

  .header.active .header__top {
    background: var(--grey2);
  }

  .header.active .header__language a {
    color: rgba(12, 18, 24, 0.5);
  }

  .header.active .header__language a:first-child::after,
  .header.active .header__language a.active,
  .header.active .header__top-contacts a {
    color: var(--dark);
  }

  .header.active .header__socials a img {
    -webkit-filter: brightness(0.6);
            filter: brightness(0.6);
  }

  .header.active .header__phone::after {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.85467 11.0539L4.33752 7.53673C4.21152 7.41074 4.30076 7.19531 4.47894 7.19531H11.5133C11.6914 7.19531 11.7807 7.41074 11.6547 7.53673L8.13752 11.0539C8.05941 11.132 7.93278 11.132 7.85467 11.0539Z' fill='%230C1218' /%3E%3C/svg%3E");
  }

  .header {
    border-bottom: 1px solid var(--grey4);
  }

  .header__top-inner {
    gap: 20px;
  }

  .header__socials {
    margin-left: 0;
  }

  .header__search input {
    height: 40px;
    padding-left: 16px;
  }

  .header__search {
    margin-right: 0;
  }

  .header__wrapper {
    padding: 8px 0;
  }

  .burger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .header__top-inner {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .header__top-contacts {
    margin-left: 0;
    gap: 34px;
  }

  .header__mail,
  .header__top-address {
    display: none;
  }

  .footer__copyright {
    padding: 0 24px;
  }

  .footer__contacts {
    padding: 0 24px 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid var(--grey2);
  }

  .footer__contacts ul li {
    text-align: left;
  }

  .footer .nav {
    padding: 0 24px 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid var(--grey2);
  }

  .footer__logo img {
    margin-bottom: 0;
  }

  .footer__inner {
    margin-right: 0;
    padding: 0 24px;
    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: 24px;
    margin-bottom: 24px;
  }

  .footer__wrapper {
    padding: 24px 0;
  }

  .footer__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
    margin-bottom: 0;
  }

  .contacts-section .form__inputs {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .contacts-section .form {
    padding: 24px;
  }

  .contacts-section__inner ul li {
    width: 100%;
  }

  .contacts-section__inner {
    padding: 24px;
  }

  .about__wrapper {
    gap: 24px;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .popular__item .line-arrow,
  .portfolio__item .line-arrow {
    opacity: 1;
  }

  .popular__item svg path,
  .portfolio__item svg path {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  .popular__items {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 1025px) and (max-width: 1400px) {
  .description-slider .swiper-nav {
    bottom: calc(
            220px + 580 *
                ((100vw - 360px) / 1040)
        );
  }
}

@media (max-width: 769px) {
      .header__menu {
        top: 104px;       
        height: calc(100vh - 104px);
        }
    .header__logo img {
        width: 58px;
    }
    .header__logo .birdie-body {
        width: 40px;
    }
    .description h3 {
        font-size: 18px;
    }
    .modal-overlay .modal.modal-showroom img {
        display: none;
    }
    .modal-overlay .modal.modal-showroom .modal__wrapper,
    .modal-overlay .modal.modal-viewing .modal__wrapper {
        padding: 44px 24px;
    }
    .white-section:has(+ .delivery.delivery-grey) {
        padding-bottom: 30px;
    }
    .form__selection,
    .form__reset {
        font-size: 14px;
    }
    .dot-link {  
        top: calc(100% + 10px); 
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);

    }
    .form.form-coloring .form__inner {
        gap: 8px;
        margin: 0 0 18px;
    }
    .dot {
        display: none;
    }
    .dot-mobile {
        display: block;
    }

  .description-service__tabs-btns {
    margin-bottom: 24px;
  }

  .promotion {
    margin-bottom: 40px;
  }

  .promotion.white-section {
    padding-bottom: 60px;
  }

  .promotion__footnote {
    margin-top: 24px;
  }

  .promotion__info {
    margin-bottom: 24px;
  }

  .promotion__info li {
    padding: 10px 22px;
  }

  .price h2 {
    margin-bottom: 16px;
  }

  .portfolio-article {
    padding-top: 8px;
  }

  .details__total-price {
    font-weight: 600;
  }

  .details__promo p {
    top: calc(100% + 2px);
  }

  .not-found .btn {
    padding: 13px 33px;
  }

  .not-found {
    margin: 115px 0 60px;
  }

  .not-found__wrapper {
    padding: 20px;
  }

  .not-found img {
    width: 100px;
    height: 100px;
  }

  .privacy {
    margin-bottom: 60px;
  }

  .privacy ol > li {
    margin-top: 24px;
  }

  .agreement {
    margin-bottom: 60px;
  }

  .agreement h2 {
    margin-bottom: 24px;
  }

  .agreement ol li::before {
    position: static;
    margin-bottom: 10px;
  }

  .agreement ol li {
    padding-left: 0;
  }

  .refund ul li {
    padding-left: 22px;
  }

  .refund ul {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .refund__wrapper {
    padding: 20px;
  }

  .refund,
  .order-account {
    margin-bottom: 60px;
  }

  .refund h2 {
    margin-bottom: 24px;
  }

  .order-account h2 {
    margin-bottom: 24px;
  }

  .order-account__item ul li {
    padding-left: 22px;
  }

  .order-account__item ul li:not(:last-child) {
    margin-bottom: 12px;
  }

  .order-account__item p::before {
    min-width: 32px;
    width: 32px;
    height: 32px;
  }

  .order-account__wrapper {
    padding: 20px 13px 20px 20px;
  }

  .order-account__items {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .faq__accordion-btn::after {
    min-width: 32px;
    width: 32px;
    height: 32px;
  }

  .delivery__items .delivery__item-title img {
    min-width: 40px;
    width: 40px;
    height: 40px;
  }

  .order ul li p:first-child,
  .order ul li::before {
    margin-bottom: 16px;
  }

  .order {
    margin-bottom: 60px;
  }

  .order h2 {
    margin-bottom: 24px;
  }

  .order ul {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .faq__more {
    margin-top: 20px;
  }

  .reviews {
    margin-bottom: 60px;
  }

  .reviews__images {
    margin-top: 24px;
    gap: 4px;
  }

  .reviews__images iframe,
  .reviews__images img {
    border-radius: 4px;
    width: 68px;
  }

  .reviews__item-date {
    right: 1px;
    top: 34px;
  }

  .reviews__item-name {
    margin-bottom: 10px;
  }

  .reviews__author-inner {
    padding-right: 0;
  }

  .reviews__author {
    gap: 11px;
    margin-bottom: 29px;
  }

  .reviews__author img {
    width: 55px;
    height: 55px;
  }

  .reviews__item {
    padding: 20px;
  }

  .reviews__item:not(:last-child) {
    margin-bottom: 16px;
  }

  .reviews__rating-wrapper ul li {
    -ms-grid-columns: 1.1fr 3fr 0.5fr;
    grid-template-columns: 1.1fr 3fr 0.5fr;
  }

  .reviews__rating-wrapper ul li p:last-child {
    padding-left: 0;
  }

  .reviews__rating-btn,
  .reviews__rating-inner {
    margin-bottom: 16px;
  }

  .reviews__rating {
    padding: 20px;
  }

  .certificate__items {
    gap: 16px;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }

  .articles__wrap .select__title::after {
    right: 24px;
  }

  .articles__wrap .select__title {
    background: var(--white);
    padding: 14px 24px;
    padding-right: 43px;
  }

  .articles__wrap .select {
    max-width: 450px;
    width: 100%;
  }

  .articles__wrap {
    margin-bottom: 16px;
  }

  .article-page-thumb-swiper {
    margin-top: 7px;
  }

  .article-tv__images {
    gap: 16px;
  }

  .article-tv__author {
    margin: 24px 0;
  }

  .article-tv__author img {
    width: 310px;
  }

  .article-tv.white-section {
    padding: 40px 0 60px;
  }

  .article-tv__video {
    margin: 40px 0;
  }

  .article-tv__download {
    margin: 16px 0;
  }

  .article-tv {
    margin-bottom: 60px;
  }

  .article-page {
    margin-bottom: 40px;
    margin-top: 0;
  }

  .article-page.white-section {
    position: relative;
    padding: 0 0 60px;
  }

  .article-page__wrap {
    padding: 20px;
    margin-top: 24px;
  }

  .article-page__images {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .article-tv__inner ol,
  .article-tv__inner ul,
  .article-page__inner ol,
  .article-page__inner ul {
    margin: 24px 0;
  }

  .article-tv h2,
  .article-page h2 {
    margin: 40px 0 16px;
  }
  .article-page h3 {
    margin: 24px 0 16px;
    font-size: 20px;
  }
  .article-tv__inner img,
  .article-page__inner img {
    margin: 24px 0;
  }

  .article-page__tags {
    margin-bottom: 24px;
  }

  .article-page__tags ul li {
    padding: 10px 18px;
  }

  .article-page__info {
    gap: 8px;
  }

  .article-page__date img,
  .article-page__time img,
  .article-page__views img {
    min-width: 20px;
    width: 20px;
    height: 20px;
  }

  .article-page__date,
  .article-page__time,
  .article-page__views {
    padding: 10px;
  }

  .offer.white-section {
    padding: 40px 0;
  }

  .offer h2 {
    margin-bottom: 24px;
  }

  .offer__item {
    background: none;
    padding: 0;
  }

  .offer__items {
    padding: 20px;
    gap: 24px;
    border-radius: 20px;
    background: var(--grey4);
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .offer {
    margin-bottom: 60px;
  }

  .white-section:has(+ .white-section) {
    padding-bottom: 60px !important;
  }

  .compare .card__title {
    min-height: 3em;
    margin-bottom: 12px;
    -webkit-line-clamp: 3;
  }

  .compare__wrap {
    gap: 16px;
  }

  .compare__wrap.fixed .card__img {
    height: 60px;
    width: 60px;
  }

  .compare {
    margin-bottom: 60px;
  }

  .choose h2,
  .team h2,
  .principles h2 {
    margin-bottom: 24px;
  }

  .principles.white-section {
    padding: 40px 0;
  }

  .choose,
  .team,
  .principles {
    margin-bottom: 60px;
  }

  .choose__items,
  .principles__items {
    gap: 16px;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }

  .coloring-article__inner .coloring-article__shades {
    aspect-ratio: initial;
    margin-top: 24px;
  }

  .coloring-article {
    margin-bottom: 60px;
  }

  .coloring-article.white-section {
    padding: 0px 0 60px;
    margin-bottom: 40px;
  }

  .coloring-article__sort {
    margin-bottom: 24px;
  }

  .coloring-article__shades-items {
    gap: 2px;
  }

  .coloring-article__shades {
    margin-bottom: 41px;
  }

  .coloring-article__shades-items a {
    border-radius: 3px;
    width: 80px;
    height: 45px;
  }

  .coloring-article__info {
    gap: 10px;
  }

  .coloring-article .swiper-inner {
    display: none;
  }

  .coloring-article__color {
    padding: 21px 16px;
  }

  .coloring-article__inner {
    gap: 16px;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 24px;
  }

  .product__characteristic-title {
    margin-bottom: 15px;
  }

  .product__volume {
    gap: 4px 0;
  }

  .product__volume p {
    margin-right: 16px;
  }

  * {
    line-height: 115%;
  }

  h1 {
    line-height: 125%;
  }

  .container-h1 p {
    margin-top: 10px;
  }

  .slider__inner {
    margin-bottom: 24px;
  }

  .coloring__info {
    gap: 10px;
  }

  .coloring__shades-items {
    margin-bottom: 8px;
  }
  .coloring__colors {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
    position: relative;
    padding-bottom: 16px;
  }
  .coloring__colors .swiper-inner {  
    margin-top: 0;
    position: absolute;
    }
  .coloring-check-swiper label span:last-child {
    margin-left: -7px;
    margin-top: 15px;
  }
   .coloring__colors .swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px;
  }

  .coloring-check-swiper label input + span::before {
    border-radius: 4px;
    width: calc(100% + 11px);
    height: 38px;
  }

  .coloring-check-swiper label input + span {
    border-radius: 2px;
    width: 49px;    
    height: 27px;
  }
  .coloring-check-swiper label {
    max-width: 100px;
  }
  .coloring .search {
    margin-bottom: 24px;
    margin-top: -8px;
  }

  .coloring__shades-items a {
    border-radius: 3px;
    width: 80px;
    height: 45px;
  }

  .calculator__price span {
    padding-left: 24px;
  }

  .calculator__color label {
    padding: 13px 13px 13px 56px;
  }

  .calculator__total {
    margin-bottom: 92px;
  }

  .calculator__cart {
    position: absolute;
    left: 0;
    bottom: calc(100% + 24px);
    width: 100%;
  }

  .calculator__color {
    width: 100%;
  }

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

  .calculator__inner .btn {
    width: 100%;
  }

  .calculator__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    margin-top: 24px;
  }

  .calculator__item label {
    padding: 12px 30px 12px 12px;
  }

  .calculator__btn {
    padding: 15px 24px;
  }

  .calculator__btns {
    position: relative;
    margin-top: 24px;
  }

  .calculator__progress {
    margin-bottom: 16px;
  }

  .calculator__item label img {
    border-radius: 6px;
    width: 48px;
    height: 48px;
  }

  .calculator__items {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
    margin-top: 30px;
  }

  .calculator__line {
    display: block;
  }

  .calculator__progress ul li {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    color: var(--grey3);
  }

  .calculator__progress ul li::after {
    display: none;
  }

  .calculator__progress ul li.active {
    position: static;
    opacity: 1;
    visibility: visible;
  }

  .stocks__inner {
    -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;
    margin-bottom: 24px;
  }

  .stocks {
    margin-bottom: 60px;
  }

  .stocks__items {
    gap: 16px;
  }

  .stocks__item {
    padding: 20px;
  }

  .price {
    margin-bottom: 60px;
  }

  .price ul li:first-child {
    padding: 12px 20px;
  }

  .price ul li {
    padding: 20px;
  }

  .price ul li ul {
    gap: 22px;
  }

  .description-service {
    margin-bottom: 60px;
  }

  .description-service .btn {
    width: 100%;
  }

  .description-service__inner {
    padding: 20px;
  }

  .master-class.white-section {
    padding-bottom: 60px;
  }

  .master-class {
    margin-bottom: 40px;
  }

  .master-class .form__info {
    text-align: center;
  }

  .master-class__contacts {
    margin: 24px 0 32px;
  }

  .master-class__items,
  .master-class__list,
  .master-class__info {
    margin-bottom: 24px;
  }

  .articles__items {
    gap: 16px;
  }

  .article__time {
    right: 0;
    bottom: 0;
  }

  .contacts {
    margin-bottom: 60px;
  }

  .contacts__wrapper {
    margin-bottom: 24px;
  }

  .contacts__requisite li {
    padding: 13px 16px;
  }

  .contacts__list {
    gap: 16px 42px;
  }

  .contacts__title {
    margin-bottom: 16px;
  }

  .contacts__content {
    padding: 20px;
  }

  .description-portfolio__list {
    gap: 16px;
  }

  .description-portfolio h2 {
    margin-bottom: 18px;
  }

  .description-portfolio {
    padding: 40px 0;
    margin-bottom: 60px;
  }

  .form__colors {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }

  .form__shades-title {
    margin-bottom: 16px;
  }

  .form__shades-items label input:checked + span {
    width: 43px;
    height: 21px;
  }

  .form__shades-items label input + span::before {
    width: 52px;
    height: 29px;
  }

  .form__shades-items label input + span {
    width: 52px;
    height: 29px;
  }

  .product__colors-items,
  .form__colors-items {
    gap: 11px;
  }

  .form__colors-items label input + span::before {
    width: 60px;
    height: 38px;
  }

  .form__colors-items label input + span {
    width: 49px;
    height: 27px;
  }

  .form__colors-items label span:last-child {
    left: 68px;
    top: -36px;
  }

  .modal-overlay .modal-coloring .modal__wrapper {
    padding: 16px;
  }

  .modal-overlay .modal-coloring .modal__inner {
    border-radius: 10px;
    padding: 19px 19px 19px 16px;
  }

  .portfolio__sort {
    margin-bottom: 14px;
  }

  .account__address-control {
    right: 16px;
    top: 16px;
  }

  .account__address-item {
    padding: 16px 16px 40px;
  }

  .account__address-items {
    gap: 16px;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .modal-overlay .modal__text {
    margin-bottom: 16px;
  }

  .modal-overlay .modal-review .modal__wrapper {
    padding: 44px 24px;
  }

  .account__reviews-inner img {
    min-width: 32px;
    width: 32px;
    height: 32px;
  }

  .account__reviews-block {
    margin-bottom: 16px;
    padding-right: 13px;
  }

  .account__empty .btn-light {
    width: 100%;
    padding: 15px;
  }

  .account__card:not(:last-child) {
    margin-bottom: 16px;
  }

  .account__contacts .btn-light {
    width: 100%;
  }

  .form-account-password .form__inputs {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .account__contacts .form:not(:last-child) {
    margin-bottom: 32px;
  }

  .account__search-inner .search-drop {
    padding: 12px 20px 20px;
    width: calc(100% + 40px);
    left: -20px;
    top: calc(100% + 3px);
  }

  .account__search-inner .search-drop__item:not(:last-child) {
    margin-bottom: 16px;
  }

  .account__search-inner .search-drop__item > a {
    padding: 0;
  }

  .account__search-inner .search-drop__item img {
    width: 48px;
    height: 48px;
  }

  .account__search-inner .search-drop__item {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .account {
    margin-bottom: 60px;
  }

  .account__search-inner input {
    padding: 14px 16px;
    padding-right: 10px;
  }

  .account__item-title {
    margin-bottom: 16px;
  }

  .account__cabinet-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 16px;
  }

  .account__item {
    padding: 20px;
  }

  .account__cabinet-item {
    width: calc(50% - 8px);
    padding: 16px;
  }

  .account__cabinet-item:nth-child(1) {
    width: 100%;
  }

  .account__item:not(:last-child) {
    margin-bottom: 16px;
  }

  .empty {
    padding: 40px 24px 56px;
  }

  .form__search {
    margin-bottom: 16px;
  }

  .form__list {
    gap: 10px 14px;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    max-height: calc(100vh - 340px);
  }

  .modal-overlay .modal-city .modal__wrapper {
    padding: 44px 20px;
  }

  .modal-overlay .modal-account .modal__wrapper,
  .modal-overlay .modal-account-login-code .modal__wrapper,
  .modal-overlay .modal-account-registration-code .modal__wrapper,
  .modal-overlay .modal-account-registration-code-email .modal__wrapper,
  .modal-overlay .modal-account-registration-code-phone .modal__wrapper,
  .modal-overlay .modal-account-registration-confirmation .modal__wrapper,
  .modal-overlay .modal-change-password .modal__wrapper,
  .modal-overlay .modal-change-password-after .modal__wrapper,
  .modal-overlay .modal-registration .modal__wrapper,
  .modal-overlay .modal-reset-password .modal__wrapper,
  .modal-overlay .modal-reset-password-after .modal__wrapper,
  .modal-overlay .modal-reset-password-send .modal__wrapper {
    padding: 34px 20px 20px;
  }

  .cart__search .search-drop__title {
    -webkit-line-clamp: 3;
  }

  .cart {
    margin-bottom: 60px;
  }

  .cart__login-text {
    margin-bottom: 16px;
  }

  .details__total {
    margin-bottom: 21px;
  }

  .details__promo {
    margin-bottom: 16px;
  }

  .details ul {
    margin-bottom: 16px;
  }

  .details__title {
    margin-bottom: 16px;
  }

  .cart__pay-item img {
    width: 32px;
    height: 32px;
  }

  .cart__pay-item label::before {
    left: 16px;
  }

  .cart__pay-item label::after {
    left: 24px;
  }

  .cart__pay-item label {
    padding: 16px 16px 16px 56px;
  }

  .cart__pay-items {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .cart__address label {
    padding: 16px 16px 28px;
    gap: 16px;
  }

  .cart__transport-company {
    margin-bottom: 24px;
  }

  .cart__transport-item label img {
    width: 60px;
  }

  .cart__price {
    margin-top: 16px;
  }

  .cart__info {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  ._add-address {
    width: 100% !important;
    margin-bottom: 24px;
  }

  .cart__addresses {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
    margin-bottom: 24px;
  }

  .cart__choice label span {
    padding: 14px 16px;
  }

  .cart__login,
  .cart__pay {
    padding: 16px;
  }

  .details,
  .cart__delivery,
  .cart__contacts {
    padding: 16px;
    margin-bottom: 16px;
  }

  .cart__controls-inner {
    gap: 10px;
    margin-bottom: 24px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .cart__search .search-drop {
    padding: 10px 10px 20px;
  }

  .search-drop__sort ul li a {
    padding: 10px 12px;
  }

  .search-drop__sort {
    margin-bottom: 16px;
  }

  .search-drop__sort ul {
    gap: 4px;
  }

  .cart__search input {
    padding: 14px 16px;
  }

  .cart__search .search-drop__prices {
    gap: 4px;
    right: -10px;
  }

  .cart__search .search-drop__inner {
    padding-right: 50px;
  }

  .cart__card {
    gap: 8px;
    padding-left: 0;
  }

  .cart__card label {
    top: auto;
    -webkit-transform: translate(0, 0%);
        -ms-transform: translate(0, 0%);
            transform: translate(0, 0%);
    bottom: 1px;
  }

  .cart__card img {
    border-radius: 4px;
    width: 52px;
    height: 52px;
  }

  .cart__card-title {
    margin-bottom: 8px;
    -webkit-line-clamp: 3;
  }

  .cart__controls {
    padding: 16px;
    margin-bottom: 16px;
  }

  .cart__card-controls {
    gap: 4px;
    right: -6px;
    top: 29px;
  }

  .cart__tag {
    font-size: 12px;
    padding: 3px 12px;
  }

  .cart__card-prices {
    margin-top: 0;
    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: 10px;
    -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
        align-self: auto;
  }

  .cart__inner {
    max-width: 100%;
    width: 100%;
    margin-right: 60px;
  }

  .cart__descr {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 9px;
  }

  .empty .btn {
    height: 48px;
  }

  .catalog h2,
  .catalog .empty__title {
    margin-bottom: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }

  .slider__tabs {
    margin-top: -8px;
  }

  .portfolio__tabs-btn {
    padding: 15px 16px;
  }

  .about__inner ul li:nth-child(1) {
    padding-top: 30px;
  }

  .about__inner ul li:not(:first-child) {
    margin-left: -32px;
  }

  .product__description {
    width: calc(100% + 32px);
    margin-left: -16px;
    padding: 10px 16px;
  }

  .product__delivery {
    width: calc(100% + 32px);
    margin-left: -16px;
  }

  .product__delivery ul {
    border-radius: 0%;
    padding: 16px;
  }

  .modal-overlay .modal__wrapper {
    padding: 44px 24px;
  }

  .form__total {
    margin: 24px 0 16px;
    gap: 16px;
  }

  .form__card-prices {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }

  .form__card-title {
    -webkit-line-clamp: 3;
    margin-bottom: 12px;
  }

  .form__card-tag {
    padding: 4px 12px;
  }

  .form__card {
    gap: 8px;
  }

  .form__inputs {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .form__card-img {
    border-radius: 7px;
    width: 52px;
    height: 52px;
  }

  .modal-overlay .modal .close-icon {
    right: 15px;
    top: 15px;
  }

  .modal-overlay .modal-click .modal__wrapper {
    padding: 44px 24px 24px;
  }

  .description-slider__inner h2 {
    margin-bottom: 16px;
  }

  .white-section .slider {
    padding-bottom: 40px;
    padding-top: 40px;
  }

  .faq.white-section {
    padding-bottom: 60px;
    margin-bottom: 40px;
  }

  .faq__accordion.open .faq__accordion-content {
    padding-top: 8px;
  }

  .faq__accordion:not(:first-child) {
    padding-top: 16px;
  }

  .faq__accordion {
    padding-bottom: 12px;
  }

  .faq__wrapper img {
    border-radius: 20px;
    width: 100%;
  }

  .faq__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-radius: 24px;
  }

  .delivery__tabs-btns {
    gap: 16px;
  }

  .delivery.delivery-grey {
    padding: 40px 0;
  }

  .delivery {
    margin-bottom: 60px;
  }

  .delivery__item {
    padding: 20px;
  }

  .delivery__tabs-btn {
    padding: 16px 27px;
  }

  .faq__inner,
  .delivery__inner {
    margin-bottom: 24px;
    -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: 16px;
  }

  .media h2 {
    margin-bottom: 24px;
  }

  .media__item {
    grid-area: initial !important;
  }

  .media__items {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .reviews-product__author {
    gap: 11px;
    margin-bottom: 29px;
  }

  .reviews-product__author img {
    width: 55px;
    height: 55px;
  }

  .reviews-product__item-rating img {
    width: 12px;
    height: 12px;
  }

  .reviews-product__author-inner {
    padding-right: 104px;
  }

  .reviews-product__item-date {
    right: 1px;
    top: 38px;
  }

  .reviews-product__item {
    padding: 20px;
  }

  .reviews-product__inner {
    margin-bottom: 27px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .reviews__item-text.active,
  .reviews-product__item-text.active {
    -webkit-line-clamp: 6;
  }

  .characteristics__wrapper ul li {
    padding: 16px;
    gap: 10px;
    -ms-grid-columns: 1.15fr 1fr;
    grid-template-columns: 1.15fr 1fr;
  }

  .characteristics h2 {
    margin-bottom: 24px;
  }

  .control ul {
    gap: 10px;
  }

  .control ul li a {
    padding: 14px 16px;
  }

  .faq {
    margin-bottom: 60px;
  }

  .media,
  .reviews-product,
  .characteristics,
  .control,
  .specification {
    margin-bottom: 40px;
  }

  .white-section:has(+ .white-section).characteristics,
  .white-section:has(+ .white-section).reviews-product,
  .white-section:has(+ .white-section).specification,
  .white-section:has(+ .white-section).control,
  .white-section:has(+ .white-section).product {
    padding-bottom: 40px !important;
  }

  .media.white-section {
    padding-bottom: 40px;
  }

  .specification__documents ul li p:last-child {
    margin-top: 6px;
  }

  .specification__documents-link img {
    min-width: 40px;
    width: 40px;
    height: 40px;
  }

  .specification h2 {
    margin-bottom: 16px;
  }

  .specification__documents {
    margin-left: 0;
    padding: 16px;
  }

  .specification__wrapper {
    gap: 32px;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .product {
    margin-bottom: 40px;
  }

  .product__colors-items label span:last-child {
    top: calc(100% + 11px);
  }

  .product__colors-items label input + span::before {
    width: 60px;
    height: 38px;
  }

  .product__colors-items label input + span {
    width: 49px;
    height: 27px;
  }

  .product__colors-subtitle {
    margin-bottom: 12px;
  }

  .crumbs {
    padding: 24px 0 16px;
  }

  .product__tag {
    padding: 3px 12px;
    top: 10px;
    left: 10px;
  }

  .product .swiper-button-next,
  .product .swiper-button-prev {
    display: none;
  }

  .product__sliders-inner {
    margin-bottom: 6px;
  }

  .search {
    margin-bottom: 32px;
  }

  .search input[type=search]::-webkit-search-decoration,
  .search input[type=search]::-webkit-search-cancel-button,
  .search input[type=search]::-webkit-search-results-button,
  .search input[type=search]::-webkit-search-results-decoration {
    margin-right: 90px;
  }

  .search .select__content {
    right: -16px;
  }

  .search__icon {
    display: none;
  }

  .search .select {
    right: 16px;
  }

  .search__btn {
    display: none;
  }

  .header .search-drop {
    left: 0px;
    width: 100%;
  }

  .partner-form__inner ul,
  .faq-form__inner ul {
    margin-bottom: 6px;
  }

  .partner-form__inner p,
  .faq-form__inner p {
    margin-bottom: 24px;
  }

  .partner-form .form,
  .faq-form .form {
    max-width: 100%;
  }

  .partner-form__inner,
  .faq-form__inner {
    max-width: 100%;
  }

  .partner-form__wrapper,
  .faq-form__wrapper {
    gap: 32px;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .description__wrapper img {
    border-radius: 10px;
  }

  .description h2 {
    margin-bottom: 16px;
  }

  .description {
    margin-bottom: 60px;
  }

  .description.white-section {
    padding: 40px 0;
  }

  .pagination {
    gap: 8px;
  }

  .pagination__next::before,
  .pagination__prev::before {
    width: 27px;
    height: 27px;
  }

  .pagination__next,
  .pagination__prev {
    min-width: 40px;
    width: 40px;
    height: 40px;
  }

  .pagination__inner {
    gap: 0;
    padding: 4px;
  }

  .container-h1 {
    margin-bottom: 16px;
  }

  .catalog {
    margin-bottom: 60px;
  }

  .pagination {
    margin-top: 16px;
  }

  .more {
    position: static;
    margin-top: 24px;
    width: 100%;
  }

  .cards .card {
    padding: 10px 18px;
  }

  .catalog__more {
    width: 100%;
    text-align: center;
  }

  .catalog__tags {
    padding: 16px;
  }

  .catalog__tags ul {
    gap: 4px;
  }

  .catalog__tags ul li a {
    font-size: 14px;
    padding: 7px 12px;
  }

  .catalog__tags ul.active {
    max-height: 180px;
  }

  .header__search input {
    padding-right: 130px;
  }

  .search-drop ul {
    max-height: 400px;
  }

  .search-drop__item a {
    gap: 10px;
  }

  .search-drop__item img {
    width: 40px;
    height: 40px;
  }

  .header__search button::before {
    min-width: 19px;
    width: 19px;
  }

  .header__search button {
    height: 40px;
    top: 47%;
    right: 20px;
  }

  .header__search .select {
    right: 60px;
  }

  .header__top-inner {
    padding: 8px 0 10px;
  }

  .burger {
    margin-left: auto;
  }

  .header__search {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }

  .header__wrapper {
    gap: 10px;
  }

  .header__search-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .header__search form {
    background: var(--white);
    padding: 12px 16px 16px;
    position: absolute;
    top: -100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    width: calc(100% + 32px);
  }

  .header__search form.active {
    top: 100%;
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    z-index: 100;
  }

  .header .search-drop {
    border-radius: 0%;
    top: calc(100% - 16px);
    -webkit-box-shadow: 0px 8px 8px 0 rgba(88, 88, 88, 0.15);
            box-shadow: 0px 8px 8px 0 rgba(88, 88, 88, 0.15);
  }

  .header__search {
    position: static;
  }

  .form__after {
    padding: 24px 0;
  }

  .footer__copyright {
    -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;
  }

  .card__top {
    gap: 3px;
  }

  .footer__title {
    width: 100%;
    margin-bottom: 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: 10px;
  }

  .footer__title.open .nav__icon {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }

  .footer__title.open + .nav__list {
    opacity: 1;
    visibility: visible;
    padding-top: 16px;
  }

  .footer .nav__icon {
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.8755 4.1139C15.0363 4.26577 15.0363 4.512 14.8755 4.66387L8.28725 10.8861C8.12645 11.038 7.86574 11.038 7.70493 10.8861L1.1167 4.66387C0.955893 4.512 0.955893 4.26577 1.1167 4.1139C1.2775 3.96203 1.53821 3.96203 1.69902 4.1139L7.99609 10.0611L14.2932 4.1139C14.454 3.96203 14.7147 3.96203 14.8755 4.1139Z' fill='%237E8184' /%3E%3C/svg%3E");
    min-width: 16px;
    width: 16px;
    height: 16px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .footer .nav ul {
    display: block;
  }

  .footer .nav__inner {
    overflow: hidden;
  }

  .footer .nav__inner:not(:last-child) {
    margin-bottom: 16px;
  }

  .footer .nav__list {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    will-change: max-height;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }

  .contacts-section {
    margin-bottom: 16px;
  }

  .contacts-section__socials {
    margin-top: 8px;
  }

  .contacts-section__inner ul {
    gap: 16px;
  }

  .contacts-section h2 {
    margin-bottom: 16px;
  }

  .contacts-section__inner {
    max-width: 100%;
  }

  .contacts-section .form::before {
    display: none;
  }

  .contacts-section__wrapper {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 16px;
    gap: 16px;
  }

  .articles,
  .popular,
  .portfolio {
    margin-bottom: 60px;
  }

  .articles__inner,
  .popular__inner,
  .portfolio__inner {
    -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;
    margin-bottom: 24px;
  }

  .articles__tabs-btns,
  .portfolio__tabs-btns {
    margin-bottom: 24px;
  }

  .portfolio__tabs {
    margin-top: -8px;
  }

  .coloring,
  .certificate {
    margin-bottom: 60px;
  }

  .coloring__inner,
  .certificate__inner {
    padding-right: 0;
    margin-bottom: 24px;
  }

  .coloring h2,
  .certificate h2 {
    margin-bottom: 16px;
  }

  .coloring .more-link,
  .certificate .more-link {
    position: static;
    -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
            transform: translateY(0%);
  }

  .coloring__inner,
  .articles__inner {
    margin-bottom: 16px;
  }

  .coloring.white-section {
    padding: 40px 0;
  }

  .coloring-page.white-section {
    padding: 0 0 60px;
    margin-bottom: 40px;
  }

  .coloring-swiper .swiper-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
    -ms-grid-rows: (1fr)[2];
    grid-template-rows: repeat(2, 1fr);
    gap: 16px 0;
  }

  .coloring .swiper-slide {
    margin-top: 0 !important;
  }

  .coloring .swiper-pagination {
    margin-top: 23px;
  }

  .coloring__tabs-btns {
    margin-bottom: 24px;
  }

  .coloring__tabs-btn {
    font-size: 14px;
    padding: 15px 16px;
  }

  .coloring .swiper-pagination {
    margin-top: 32px;
  }

  .article__title {
    margin-bottom: 31px;
  }

  .article__inner {
    padding: 16px 0 0;
  }

  .articles__tabs-btn {
    padding: 15px 16px;
    font-size: 14px;
  }

  .articles__tabs-btns {
    margin-bottom: 24px;
  }

  .process h2 {
    margin-bottom: 24px;
  }

  .process {
    margin-bottom: 60px;
  }

  .process.white-section {
    padding: 40px 0;
  }

  .process .swiper-pagination {
    margin-top: 32px;
  }

  .process__item .btn {
    opacity: 1;
    max-height: -webkit-fit-content;
    max-height: -moz-fit-content;
    max-height: fit-content;
    padding: 14px;
    margin-top: 16px;
  }

  .process__item::before {
    margin-bottom: 76px;
  }

  .process__item {
    aspect-ratio: initial;
    height: 100%;
  }

  .certificate__item-img {
    border-radius: 23px;
    padding: 33px 59px;
  }

  .about__images {
    gap: 10px;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .about__images img {
    border-radius: 10px;
  }

  .about__wrapper {
    margin-bottom: 16px;
  }

  .about .more-link {
    margin-top: 16px;
    margin-left: 0;
  }

  .about__description b {
    margin-bottom: 16px;
  }

  .about h2 {
    margin-bottom: 24px;
  }

  .about {
    margin-bottom: 60px;
  }

  .about.white-section {
    padding: 40px 0;
  }

  .slider {
    margin-bottom: 60px;
  }

  .swiper-pagination-bullet:nth-child(n+9) {
    display: none !important;
  }

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

  .account__search-inner .search-drop__btns {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

  .account__search-inner .search-drop__btns .btn {
    width: 100%;
    height: 40px;
    font-size: 14px;
    padding: 10px 16px;
  }

  .account__search-inner .search-drop__click {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    width: 100%;
    height: 40px;
    border-radius: 40px;
    font-size: 14px;
    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;
    padding: 9px 16px;
  }

  .account__search-inner .search-drop__click span {
    display: block;
  }

  .account__search-inner .search-drop__click::before {
    display: none;
  }

  .account__search-inner .search-drop .btn-light {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }

  .card .btn {
    width: 100%;
    padding: 11px;
    height: 40px;
  }

  .card__click {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    width: 100%;
    height: 40px;
    border-radius: 40px;
  }

  .card__click::before {
    display: none;
  }

  .card__click span {
    display: inline-block;
  }

  .card__volume {
    margin-bottom: 12px;
  }

  .card__bottom-inner {
    -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: 10px;
    margin-bottom: 12px;
  }

  .card__volume label span {
    padding: 2px 10px;
  }

  .card__title {
    min-height: 7em;
    margin-bottom: 12px;
    -webkit-line-clamp: 5;
  }

  .card__wrapper {
    padding-top: 8px;
  }

  .card__inner {
    -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: 1px;
  }

  .card__control {
    gap: 4px;
  }

  .card__tag {
    font-size: 12px;
    padding: 2px 12px;
  }

  .card {
    padding: 10px;
  }

  .card .counter {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .slider__tabs-btns {
    margin-bottom: 22px;
  }

  .slider__tabs-btn {
    font-size: 14px;
    padding: 15px 16px;
  }

  .more-link {
    height: 24px;
    padding-right: 36px;
  }

  .more-link::after {
    right: 8px;
    width: 10px;
    height: 10px;
  }

  .more-link::before {
    width: 24px;
    height: 24px;
  }

  .popular__item-disabled .popular__item-img::after,
  .portfolio__item-disabled .portfolio__item-img::after {
    font-size: 16px;
  }

  .popular__item-inner,
  .portfolio__item-inner {
    padding-bottom: 0;
  }
  .portfolio-catalog .portfolio__items,
  .popular__items,
  .portfolio__items {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
  }

  .description-service__advantages {
    margin-top: 24px;
  }

  .description-service__advantages,
  .main__advantages {
    gap: 24px;
  }

  .description-service__advantages-item,
  .main__advantages-item {
    gap: 12px;
  }

  .description-service__advantages-icon,
  .main__advantages-icon {
    width: 56px;
    min-width: 56px;
    height: 56px;
  }

  .description-service__advantages-icon img,
  .main__advantages-icon img {
    width: 28px;
    height: 28px;
  }

  .description-service__advantages-icon::before,
  .main__advantages-icon::before {
    width: 56px;
    min-width: 56px;
    height: 56px;
  }

  .main {
    margin-bottom: 60px;
  }

  .event-banner__text {
    margin-bottom: 12px;
  }

  .event-banner {
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    right: auto;
    bottom: 20px;
    width: calc(100% - 32px);
    padding: 10px 35px 10px 10px;
  }

  .main__item {
    padding: 292px 0 94px;
  }
}

@media (max-width: 599px) {
  .article-tv__author-inner {
    padding-top: 0;
  }

  .reviews__item-text.active,
  .reviews-product__item-text.active {
    -webkit-line-clamp: 7;
  }

  .certificate__items {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .article-tv__socials {
    margin-bottom: 0;
    margin-top: 0;
  }

  .article-tv__author-position {
    opacity: 0.5;
    margin-bottom: 16px !important;
  }

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

  .article-tv__author img {
    width: 100%;
  }

  .coloring-article__cards {
    gap: 16px;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }

  .stocks__items {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

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

  .master-class__address p:first-child {
    margin-bottom: 12px;
  }

  .master-class__contacts {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .master-class__items {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
  }

  .master-class__info {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10px;
  }

  .master-class__info li {
    width: calc(50% - 5px);
  }

  .master-class__info li:first-child {
    width: 100%;
  }

  .master-class__info li p {
    text-align: center;
  }

  .master-class__info li p:first-child {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .articles__items {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .contacts__list li a {
    font-weight: 600;
  }

  .contacts__list li {
    width: 100%;
  }

  .contacts__requisite li {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    gap: 8px;
    border-radius: 10px;
  }

  .description-portfolio__list li {
    padding: 12px;
  }

  .account__reviews .account__card-products {
    margin-right: 0;
  }

  .account__rating {
    position: static;
    margin-top: 24px;
  }

  .account__rating p {
    font-size: 14px;
    text-align: left;
  }

  .account__card-products {
    gap: 9px;
  }

  .account__card-product img {
    width: 55px;
    height: 55px;
  }

  .account__card-price p:last-child {
    margin-top: 0;
  }

  .account__card-price {
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
  }

  .account__card-wrap,
  .account__card-wrapper {
    -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;
  }

  .account__service-items {
    gap: 10px;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .account__cabinet-item img {
    margin-bottom: 0;
  }

  .account__cabinet-item-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
  }

  .account__cabinet-item {
    width: 100%;
  }

  .cart__card-title {
    -webkit-line-clamp: 4;
  }

  .control-fixed {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .product__info {
    margin-top: 0;
  }

  .product__colors {
    margin-bottom: 24px;
  }

  .product__colors-items {
    padding: 7px 7px 32px;
  }

  .product__characteristic ul {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .product__wrap-inner {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .product__inner {
    margin-bottom: 16px;
  }

  .product__btns {
    max-width: 100%;
    margin-top: 0;
  }

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

  .card__title {
    font-size: 13px;
  }

  .catalog__category {
    gap: 16px;
    margin-bottom: 32px;
  }

  .catalog__category-more {
    margin-top: -18px;
  }

  .catalog__category-item img {
    border-radius: 4px;
    width: 40px;
    height: 40px;
  }

  .catalog__category-item {
    -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: 10px;
    border-radius: 10px;
  }

  .cards {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: 16px 0;
  }

  .cards .card:nth-child(odd) {
    padding-left: 10px;
  }

  .cards .card:nth-child(even) {
    padding-right: 10px;
  }

  .cards .card:nth-child(2n) {
    border-radius: 0 20px 20px 0;
    border-right: none;
  }

  .cards .card:nth-child(2n+1) {
    border-radius: 20px 0 0 20px;
  }

  .cards .card:last-child:nth-child(2n+1) {
    border-radius: 20px;
    border-right: none;
  }

  .cards .card:last-child:not(:nth-child(2n+1)) {
    border-radius: 0 20px 20px 0;
    border-right: none;
  }

  .cards .card:nth-child(3n) {
    border-right: 1px solid var(--grey2);
  }
}

@media (max-width: 550px) {
  .cart__delivery-inner {
    -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;
  }

  .about__inner ul li {
    min-width: auto;
    width: 100%;
    height: auto;
    padding: 24px 18px;
    aspect-ratio: 1/1;
  }
}

@media (max-width: 500px) {
  .reviews__item-text.active,
  .reviews-product__item-text.active {
    -webkit-line-clamp: 8;
  }

  .pagination {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .catalog__tags ul.active {
    max-height: 213px;
  }

  .event-banner__item-inner {
    padding-left: 7px;
  }

  .event-banner__title {
    padding-right: 30px;
  }

  .event-banner__item img {
    width: 100%;
    aspect-ratio: 16/8;
    -o-object-fit: cover;
       object-fit: cover;
  }

  .event-banner__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }

  .event-banner {
    padding: 16px 10px 10px;
  }
}

@media (max-width: 450px) {
  .reviews__item-text.active,
  .reviews-product__item-text.active {
    -webkit-line-clamp: 9;
  }
}

@media (max-width: 375px) {
  .catalog__tags ul.active {
    max-height: 249px;
  }
}

@media (max-width: 359px) {
  .header__top-inner {
    gap: 15px;
  }

  .header__top-contacts {
    gap: 15px;
  }
}
/* End */


/* Start:/local/templates/main/template_styles.css?17786735943722*/
div[id^="wait_"] { display: none !important; background: none !important; border: 0 !important; color: #000000; font-family: Verdana, Arial, sans-serif; font-size: 11px; font-style: normal !important; font-variant: normal !important; font-weight: normal; letter-spacing: normal !important; line-height: normal; padding: 0 !important; position: absolute; text-align: center !important; text-indent: 0 !important; width: 0px !important; height: 0px !important; word-spacing: normal !important; z-index: 0; content: ""; }

div.empty {
  width: auto !important;
  height: auto !important;
}

.skiptranslate {
  display: none;
}
.errortext {
  color: #f00;
}

.loader {
    position: fixed;
    width: 100%;
    min-width: 100%;
    height: 100%;
    min-height: 100%;
    top: 0;
    left: 0;
    z-index: 10000 !important;
    background-color: rgba(255, 255, 255, 0.75);
}

.cssload-clock {
    border-radius: 58px;
    border: 3px solid #122072;
    height: 78px;
    width: 78px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -39px;
    margin-left: -39px;
}

.cssload-clock:after {
    content: "";
    position: absolute;
    background-color: #122072;
    top: 2px;
    left: 48%;
    height: 37px;
    width: 4px;
    border-radius: 5px;
    transform-origin: 50% 97%;
    -o-transform-origin: 50% 97%;
    -ms-transform-origin: 50% 97%;
    -webkit-transform-origin: 50% 97%;
    -moz-transform-origin: 50% 97%;
    animation: grdAiguille 0.8s linear infinite;
    -o-animation: grdAiguille 0.8s linear infinite;
    -ms-animation: grdAiguille 0.8s linear infinite;
    -webkit-animation: grdAiguille 0.8s linear infinite;
    -moz-animation: grdAiguille 0.8s linear infinite;
}

.cssload-clock:before {
    content: "";
    position: absolute;
    background-color: #122072;
    top: 6px;
    left: 48%;
    height: 34px;
    width: 4px;
    border-radius: 5px;
    transform-origin: 50% 94%;
    -o-transform-origin: 50% 94%;
    -ms-transform-origin: 50% 94%;
    -webkit-transform-origin: 50% 94%;
    -moz-transform-origin: 50% 94%;
    animation: ptAiguille 4.8s linear infinite;
    -o-animation: ptAiguille 4.8s linear infinite;
    -ms-animation: ptAiguille 4.8s linear infinite;
    -webkit-animation: ptAiguille 4.8s linear infinite;
    -moz-animation: ptAiguille 4.8s linear infinite;
}

@keyframes grdAiguille {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-o-keyframes grdAiguille {
    0% {
        -o-transform: rotate(0deg);
    }
    100% {
        -o-transform: rotate(360deg);
    }
}

@-ms-keyframes grdAiguille {
    0% {
        -ms-transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
    }
}

@-webkit-keyframes grdAiguille {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes grdAiguille {
    0% {
        -moz-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
    }
}

@keyframes ptAiguille {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-o-keyframes ptAiguille {
    0% {
        -o-transform: rotate(0deg);
    }
    100% {
        -o-transform: rotate(360deg);
    }
}

@-ms-keyframes ptAiguille {
    0% {
        -ms-transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
    }
}

@-webkit-keyframes ptAiguille {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes ptAiguille {
    0% {
        -moz-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
    }
}
/* End */
/* /local/templates/main/css/style.css?1782746906467190 */
/* /local/templates/main/template_styles.css?17786735943722 */