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

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

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

:root {
  --font-family: GothicA1, sans-serif;
  --second-family: Racama, sans-serif;
  --dark: #1a1a18;
  --dark2: #8c8c8b;
  --blue: #1b1951;
  --blue2: #1f4cc4;
  --white: #fff;
  --grey: #b8b8b8;
  --grey2: #a7b3b8;
  --grey3: #f3f3f3;
  --grey4: #dedede;
  --grey-5: #cccdcd;
  --grey: #b8b8b8;
}

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

li {
  list-style: none;
}

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

span,
a {
  color: inherit;
  text-decoration: none;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  font-weight: inherit;
}
b,
strong {
  font-weight: 700;
  text-decoration: none;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  font-family: inherit;
}
.scroll-up {
    display: block;
    border-radius: 7px; 
    width: 29px;
    height: 29px;
     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;
    background: var(--dark);
    position: fixed;
    right: 23px;
    bottom: 40px;
    z-index: 100;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    visibility: hidden;
     border: 1px solid var(--white);
}
.scroll-up.active {
    opacity: 1;
    visibility: visible;
}
.scroll-up::before {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.03116 0.672913C7.85656 0.675674 7.68994 0.746524 7.56682 0.870348L4.21965 4.21756C4.15299 4.27854 4.09935 4.35237 4.06197 4.43462C4.02459 4.51687 4.00424 4.60584 4.00213 4.69616C4.00003 4.78648 4.01622 4.87628 4.04974 4.96018C4.08325 5.04408 4.13339 5.12033 4.19714 5.18435C4.2609 5.24836 4.33694 5.29879 4.4207 5.33265C4.50446 5.36651 4.59421 5.38312 4.68453 5.3814C4.77486 5.37967 4.86391 5.35965 4.94631 5.32261C5.02871 5.28557 5.10277 5.23222 5.16403 5.16581L7.36408 2.96575L7.36945 14.7273C7.37333 14.9023 7.44559 15.0689 7.57076 15.1913C7.69593 15.3137 7.86406 15.3823 8.03914 15.3823C8.21423 15.3823 8.38235 15.3137 8.50752 15.1913C8.63269 15.0689 8.70495 14.9023 8.70884 14.7273L8.70347 2.95269L10.9127 5.16581C11.0394 5.2872 11.2085 5.35416 11.384 5.35235C11.5594 5.35054 11.7272 5.28013 11.8513 5.15615C11.9755 5.03218 12.0461 4.86449 12.0482 4.68906C12.0502 4.51362 11.9835 4.3444 11.8623 4.21756L8.51512 0.870348C8.4518 0.806679 8.37633 0.75642 8.29319 0.722503C8.21005 0.688587 8.12094 0.671699 8.03116 0.672913Z' fill='white'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
    width: 17px;
    height: 17px;
}
.socials-block {
    position: fixed;
    right: 23px;
    bottom: 90px;
    z-index: 100;
}
.socials-block.active .socials-block__btn:before {
    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 4L4 20' stroke='%23B8B8B8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 4L20 20' stroke='%23B8B8B8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
 

}
.socials-block.active  ul {
    opacity: 1;
    visibility: visible;
}
.socials-block ul {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
 .socials-block__btn {
    margin-top: 20px;
 }
 .socials-block__btn,
 .socials-block li a {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    background: var(--white);
    cursor: pointer;
    border: 1px solid var(--dark);
    border-radius: 20px;
    width: 32px;
    height: 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;

 }
 .socials-block li:first-child a {
    background: var(--blue);
    border: none;
 }
  .socials-block li:not(:last-child) {
    margin-bottom: 5px;
 }
 .socials-block li img {
    width: 17px;
    height: 17px;
 }
 .socials-block__btn:before   {
    display: block;
    content: "";
    -webkit-filter: brightness(0);
            filter: brightness(0);
    background-image: url(/local/templates/main/css/../img/phone.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 17px;
    height: 17px;
 }
p.subtitle {
  font-weight: 400;
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

p.subtitle::before {
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: var(--grey-5);
  margin-bottom: 2px;
}

h1 {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 40px;
  font-size: 40px;
  line-height: 110%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

.container-h1 {
  margin-bottom: 32px !important;
  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: 16px;
}

.container-h1 span {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: var(--grey);
}

h2 {
  font-size: 40px;
  line-height: 110%;
  font-family: var(--second-family);
}

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

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

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

.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: 1px solid var(--grey4);
  border-radius: 10px;
  min-width: 40px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  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: 24px;
  height: 24px;
  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='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12H20' stroke='%231A1A18' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.3343 5.33398L20.0007 12.0007L13.3341 18.6673' stroke='%231A1A18' stroke-linecap='round' stroke-linejoin='round'/%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;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
  background: var(--blue);
}

.swiper-button-prev:hover::before,
.swiper-button-next:hover::before {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.swiper-button-prev:focus,
.swiper-button-next:focus {
  outline: 1px solid var(--blue);
}

.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-button-disabled {
  cursor: not-allowed;
}

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

.swiper-button-disabled:hover {
  background: none;
}

.swiper-button-disabled:hover::before {
  -webkit-filter: none;
          filter: none;
}

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

.swiper-pagination {
  width: 100%;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
}

.swiper-pagination-bullet {
  cursor: pointer;
  display: block;
  border-radius: 2px;
  max-width: 40px;
  width: 100%;
  height: 4px;
  background: var(--grey3);
}

.swiper-pagination-bullet-active {
  background: var(--grey);
}

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

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

.swiper-scrollbar {
  background: var(--grey3);
  border-radius: 2px;
  height: 4px;
  width: 100%;
  opacity: 1 !important;
}

.swiper-scrollbar-drag {
  background: var(--grey4);
  border-radius: 2px;
  height: 4px;
}

.swiper-inner {
  position: absolute;
  bottom: 40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  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: 8px;
  max-width: 1316px;
  width: 100%;
  margin: 0 auto;
  padding: 0 16px;
}

.btn {
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  border: 1px solid rgba(255, 255, 255, 0.7);
  font-weight: 400;
  height: 56px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: transparent;
  padding: 18px 88px 18px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 40px;
  white-space: nowrap;
  position: relative;
  z-index: 1;
}

.btn p {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: var(--white);
  margin: 0 !important;
}

.btn::after {
  content: "";
  position: absolute;
  right: 6px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--white);
  z-index: -1;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}

.btn::before {
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  position: absolute;
  content: "";
  right: 16px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -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%3Cpath d='M4 12H20' stroke='%231A1A18' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.3343 5.33301L20.0007 11.9997L13.3341 18.6663' stroke='%231A1A18' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 24px;
  height: 24px;
}

.btn:disabled {
  background: var(--grey3);
  color: var(--white-40);
}

.btn:focus {
  outline: 1px solid #47947e;
}

.btn:hover {
  border: 1px solid transparent;
}

.btn:hover::after {
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 40px;
  background: var(--blue);
}

.btn:hover p {
  color: var(--white);
}

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

.btn:active {
  background: var(--blue2);
}

.white-btn p {
  color: var(--dark);
}

.white-btn:hover p {
  color: var(--white);
}

.grey-btn {
  background: var(--grey3);
  padding: 11px 52px 11px 24px;
  height: 40px;
}

.grey-btn p {
  font-size: 14px;
  color: var(--dark);
}

.grey-btn::after {
  background: rgba(26, 26, 24, 0.8);
  width: 32px;
  height: 32px;
}

.grey-btn::before {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
  width: 17px;
  height: 17px;
  right: 13px;
}
.title-search-result {
    z-index: 1000;
    background: #fff;
}
.privacy h1 {
    font-size: 50px;
    margin-bottom: 40px;
}
.privacy h2 {
    margin-top: 40px;
    margin-bottom: 10px;
}
.privacy p {
    margin-bottom: 10px;
}
.black-btn {
  border: 1px solid var(--dark);
}

.black-btn p {
  color: var(--dark);
}

.black-btn::after {
  background: var(--dark);
}

.black-btn::before {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.blue-btn {
  color: var(--white);
  background: var(--blue);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  padding: 16px 25px;
}

.blue-btn:hover {
  color: var(--blue);
}

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

.blue-btn::after {
  background: var(--blue);
}

.blue-btn::before {
  display: none;
}

.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 {
  position: relative;
  z-index: 5;
  padding-top: 147px;
  margin-bottom: 40px;
  overflow-x: auto;
}

.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 6px;
}

.crumbs ul li p,
.crumbs ul li a {
  white-space: nowrap;
  font-family: var(--second-family);
}

.crumbs ul li a {
  color: var(--grey);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}

.crumbs ul li a::after {
  display: block;
  content: "/";
  color: var(--grey);
}

.crumbs ul li p {
  padding-right: 16px;
}

.select {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}

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

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

.select__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  gap: 8px;
  color: var(--blue2);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.select__title::after {
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: 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 d='M12 10L8 6L4 10' stroke='%23B8B8B8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  min-width: 20px;
  width: 20px;
  height: 20px;
}

.select__content {
  position: absolute;
  top: calc(100% + 26px);
  right: 0;
  padding: 8px 0;
  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;
  width: 230px;
  -webkit-box-shadow: 0 0 20px 0 rgba(141, 141, 141, 0.3);
          box-shadow: 0 0 20px 0 rgba(141, 141, 141, 0.3);
  border-radius: 8px;
  -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;
  background: var(--white);
  scrollbar-width: thin;
}

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

.select__content::-webkit-scrollbar-thumb {
  background: #f4f5f6;
  border-radius: 100px;
}

.select__input {
  display: none;
}

.select__text {
  font-size: 14px;
  line-height: 143%;
}

.select__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  gap: 8px;
  width: 100%;
  padding: 8px 20px;
  background: var(--white);
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
  position: relative;
  white-space: nowrap;
}

.select__label.active {
  background: #a7b3b8;
  color: #fff;
}

.select__label.active img {
  -webkit-filter: contrast(0) brightness(0) invert(1);
          filter: contrast(0) brightness(0) invert(1);
}

.select__label img {
  -webkit-filter: contrast(0) brightness(0);
          filter: contrast(0) brightness(0);
}

.product-card {
  position: relative;
  height: 517px;
  padding: 32px 27px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}

.product-card::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  border-radius: 8px;
  z-index: 1;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.product-card__inner {
  position: absolute;
  z-index: 2;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  top: auto;
  bottom: 32px;
  left: 27px;
  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;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.product-card img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 8px;
}

.product-card p {
  font-family: var(--second-family);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  font-size: 24px;
  color: var(--white);
}

.product-card span {
  font-family: var(--second-family);
  display: block;
  color: var(--white);
  font-size: 16px;
  margin-bottom: 26px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.product-card span::after {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  display: block;
  content: "";
  background: var(--grey4);
  height: 54px;
  width: 1px;
  margin-top: 10px;
}

.product-card ul {
  margin-top: auto;
  opacity: 0;
  max-height: 0;
}

.product-card ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.product-card ul li:not(:last-child) {
  margin-bottom: 12px;
}

.product-card ul li a {
  color: var(--white);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 15px;
  font-size: 16px;
}

.product-card ul li a::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='M6 12L10 8L6 4' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  min-width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
  margin-bottom: -2px;
}

.product-card ul li a:hover::after {
  opacity: 1;
}

.product-card ul li::before {
  content: "";
  background: var(--grey);
  min-width: 4px;
  height: 4px;
  border-radius: 50%;
  margin-top: 8px;
}

.product-card__arrow {
  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%3Ccircle cx='16' cy='16' r='16' fill='white'/%3E%3Cpath d='M8 16H24' stroke='%231B1951' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.3343 9.33301L24.0007 15.9997L17.3341 22.6663' stroke='%231B1951' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
  max-height: 0;
}

.card {
  background: var(--grey3);
  border-radius: 8px;
  padding: 55px 16px 20px;
  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;
  height: 100%;
}

.card img {
  height: 255px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.card-white img {
    background: #fff;
}
.card__tag {
  position: absolute;
  top: 16px;
  left: 16px;
  font-size: 14px;
  border: 1px solid var(--grey);
  border-radius: 20px;
  padding: 5px 12px;
}

.card__control {
  position: absolute;
  top: 16px;
  right: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}

.card__compare,
.card__favorite {
  cursor: pointer;
  width: 24px;
  height: 24px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.card__compare {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 21H20' stroke='%23B8B8B8' stroke-linecap='round'/%3E%3Cpath d='M6 17L6 7' stroke='%23B8B8B8' stroke-linecap='round'/%3E%3Cpath d='M12 17L12 3' stroke='%23B8B8B8' stroke-linecap='round'/%3E%3Cpath d='M18 17L18 10' stroke='%23B8B8B8' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.card__compare.active {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 21H20' stroke='%231B1951' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M6 17L6 7' stroke='%231B1951' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M12 17L12 3' stroke='%231B1951' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M18 17L18 10' stroke='%231B1951' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.card__favorite {
  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.4578 5.50292C19.9691 5.02645 19.3889 4.64848 18.7503 4.39061C18.1117 4.13273 17.4272 4 16.7359 4C16.0446 4 15.3601 4.13273 14.7215 4.39061C14.0829 4.64848 13.5026 5.02645 13.0139 5.50292L11.9997 6.4913L10.9855 5.50292C9.99842 4.54094 8.6596 4.0005 7.26361 4.0005C5.86761 4.0005 4.52879 4.54094 3.54168 5.50292C2.55456 6.46491 2 7.76964 2 9.1301C2 10.4906 2.55456 11.7953 3.54168 12.7573L4.55588 13.7457L11.9997 21L19.4436 13.7457L20.4578 12.7573C20.9467 12.281 21.3346 11.7156 21.5992 11.0932C21.8638 10.4708 22 9.80377 22 9.1301C22 8.45642 21.8638 7.78935 21.5992 7.16699C21.3346 6.54463 20.9467 5.97917 20.4578 5.50292Z' stroke='%23B8B8B8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.card__favorite.active {
  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.4578 5.50292C19.9691 5.02645 19.3889 4.64848 18.7503 4.39061C18.1117 4.13273 17.4272 4 16.7359 4C16.0446 4 15.3601 4.13273 14.7215 4.39061C14.0829 4.64848 13.5026 5.02645 13.0139 5.50292L11.9997 6.4913L10.9855 5.50292C9.99842 4.54094 8.6596 4.0005 7.26361 4.0005C5.86761 4.0005 4.52879 4.54094 3.54168 5.50292C2.55456 6.46491 2 7.76964 2 9.1301C2 10.4906 2.55456 11.7953 3.54168 12.7573L4.55588 13.7457L11.9997 21L19.4436 13.7457L20.4578 12.7573C20.9467 12.281 21.3346 11.7156 21.5992 11.0932C21.8638 10.4708 22 9.80377 22 9.1301C22 8.45642 21.8638 7.78935 21.5992 7.16699C21.3346 6.54463 20.9467 5.97917 20.4578 5.50292Z' fill='%231B1D56'/%3E%3C/svg%3E%0A");
}

.card__wrapper {
  margin-top: 8px;
  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;
  height: 100%;
}
.comparison .card__fixed .card__wrapper{
    height: auto;
}
.card__stock {
  font-size: 12px;
  color: #626f71;
  margin-bottom: 9px;
}

.card__stock-no {
  color: #85373d;
}

.card__title {
  margin-bottom: 32px;
}

.card__check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;

}

.card__check div span {
  cursor: pointer;
  display: block;
  min-width: 12px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  position: relative;
}

.card__check div span::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% + 5px);
  height: calc(100% + 5px);
  border-radius: 50%;
}

.card__check div.active span {
  min-width: 10px;
  width: 10px;
  height: 10px;
  padding: 2px;
}

.card__check div.active span::before {
  border: 1px solid var(--grey);
}

.card__prices {
  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: 2px 8px;
}
.cards .card__check {
    margin-top: auto;
}
.card__price {
  font-family: var(--second-family);
  font-size: 14px;
  white-space: nowrap;
}

.card__price span {
  font-family: var(--second-family);
  font-size: 16px;
}

.card__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: 8px;
  margin-top: auto
}

.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: 8px;
}

.card picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.card__click {
  background: var(--grey4);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.card__id {
    font-weight: 400;
    font-size: 12px;
    color: #626f71;
    position: absolute;
    top: 0;
    right: 0;
}
.card__click p {
  display: none;
}

.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='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='1'%3E%3Cpath d='M23.0001 16.3047C23.0001 16.5155 22.8617 16.697 22.6701 16.7593L18.2179 18.2178L16.7595 22.67C16.7278 22.7657 16.6669 22.849 16.5853 22.9082C16.5037 22.9674 16.4056 22.9995 16.3048 23C16.2084 23.0001 16.1142 22.9709 16.0348 22.9162C15.9554 22.8615 15.8945 22.784 15.8602 22.6938L12.0341 12.6508C12.0101 12.5966 11.9985 12.5377 12.0001 12.4785C12.0001 12.2154 12.2156 12 12.4786 12C12.541 12 12.5978 12.0092 12.651 12.0339L22.6949 15.8601C22.8709 15.9261 23.0001 16.0984 23.0001 16.3047Z' fill='%231A1A18'/%3E%3Cpath d='M11.0833 21.1667C5.52375 21.1667 1 16.6429 1 11.0833C1 5.52375 5.52375 1 11.0833 1C16.6429 1 21.1667 5.52375 21.1667 11.0833C21.1667 11.5325 21.1373 11.9743 21.0787 12.396C21.0455 12.6367 20.918 12.8543 20.7244 13.0011C20.5307 13.1478 20.2867 13.2116 20.046 13.1784C19.8054 13.1452 19.5877 13.0178 19.441 12.8241C19.2943 12.6304 19.2305 12.3864 19.2637 12.1458C19.3104 11.8066 19.3333 11.4491 19.3333 11.0833C19.3333 6.53483 15.6328 2.83333 11.0833 2.83333C6.53392 2.83333 2.83333 6.53483 2.83333 11.0833C2.83333 15.6318 6.53392 19.3333 11.0833 19.3333C11.4463 19.3333 11.8038 19.3095 12.1467 19.2628C12.3842 19.2367 12.6225 19.3044 12.8109 19.4515C12.9992 19.5986 13.1226 19.8134 13.1549 20.0502C13.1872 20.2869 13.1257 20.5269 12.9836 20.7191C12.8415 20.9112 12.63 21.0402 12.3942 21.0787C11.9698 21.1373 11.5288 21.1667 11.0833 21.1667Z' fill='%231A1A18'/%3E%3Cpath d='M10.6487 16.5704C10.6199 16.5705 10.5912 16.5693 10.5625 16.5667C9.19467 16.4445 7.92255 15.8132 6.99803 14.7977C6.07352 13.7822 5.564 12.4565 5.57037 11.0832C5.57183 9.62159 6.15311 8.22022 7.18665 7.18668C8.22019 6.15314 9.62156 5.57186 11.0832 5.5704C12.4589 5.56259 13.787 6.07318 14.8032 7.0005C15.8193 7.92782 16.449 9.20384 16.5667 10.5745C16.5784 10.6949 16.5662 10.8165 16.5307 10.9321C16.4952 11.0478 16.4372 11.1553 16.36 11.2484C16.2827 11.3416 16.1878 11.4185 16.0807 11.4748C15.9736 11.5311 15.8564 11.5656 15.7359 11.5763C15.6154 11.5871 15.494 11.5739 15.3786 11.5375C15.2632 11.5011 15.1562 11.4422 15.0636 11.3643C14.9711 11.2863 14.895 11.1908 14.8395 11.0832C14.7841 10.9757 14.7505 10.8582 14.7407 10.7377C14.6619 9.82379 14.2418 8.97315 13.564 8.35514C12.8862 7.73714 12.0004 7.39712 11.0832 7.40282C10.1076 7.40379 9.17231 7.79176 8.48248 8.48159C7.79265 9.17142 7.40468 10.1068 7.4037 11.0823C7.39936 11.9984 7.73909 12.8826 8.35564 13.5601C8.9722 14.2376 9.82064 14.659 10.733 14.7407C10.9683 14.7618 11.1864 14.873 11.3417 15.0509C11.4971 15.2289 11.5777 15.46 11.5669 15.6959C11.556 15.9319 11.4544 16.1546 11.2834 16.3175C11.1123 16.4804 10.8849 16.571 10.6487 16.5704Z' fill='%231A1A18'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 24px;
  height: 24px;
  opacity: 0.7;
}

.card__click span {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  background: var(--white);
  padding: 8px 10px;
  border-radius: 8px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  white-space: nowrap;
  bottom: calc(100% + 10px);
  left: 70%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  cursor: default;
  z-index: 10;
}

.card__click span::before {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  height: 12px;
  width: 100%;
}

.card__click:active {
  background: var(--blue2);
}

.card__click:active::before {
  opacity: 1;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.card__rating {
  position: absolute;
  right: 0;
  top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}

.card__rating p {
  font-size: 14px;
}

.card__rating img {
  width: 14px;
  height: 14px;
}

.card__rating span {
  font-size: 12px;
  display: block;
  color: var(--grey);
}

.card__cart {
  display: block;
  background: var(--dark);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.card__cart p {
  display: none;
}

.card__cart::before {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  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='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.7398 9.121C21.7574 9.01371 21.7514 8.90389 21.7223 8.79915C21.6931 8.69441 21.6416 8.59725 21.5712 8.5144C21.5008 8.43155 21.4133 8.36499 21.3146 8.31934C21.2159 8.27368 21.1085 8.25003 20.9998 8.25H2.99983C2.89111 8.25003 2.7837 8.27368 2.68504 8.31934C2.58638 8.36499 2.49882 8.43155 2.42843 8.5144C2.35804 8.59725 2.30651 8.69441 2.27739 8.79915C2.24828 8.90389 2.24229 9.01371 2.25983 9.121L3.78483 18.444C3.89016 19.0878 4.22095 19.6733 4.71812 20.0957C5.21528 20.5181 5.84643 20.75 6.49883 20.75H17.5008C18.1532 20.75 18.7844 20.5181 19.2815 20.0957C19.7787 19.6733 20.1095 19.0878 20.2148 18.444L21.7398 9.121ZM20.1168 9.75L18.7338 18.202C18.6859 18.4945 18.5356 18.7605 18.3098 18.9524C18.0839 19.1444 17.7972 19.2499 17.5008 19.25H6.49883C6.20242 19.2499 5.91571 19.1444 5.68986 18.9524C5.46401 18.7605 5.31372 18.4945 5.26582 18.202L3.88282 9.75H20.1168Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.6431 8.6135L15.6431 3.6135C15.5397 3.44508 15.374 3.32426 15.182 3.27732C14.9901 3.23038 14.7873 3.26111 14.6179 3.36283C14.4484 3.46455 14.326 3.62903 14.2772 3.82053C14.2283 4.01203 14.2571 4.21506 14.3571 4.3855L17.3571 9.3855C17.4605 9.55393 17.6262 9.67474 17.8181 9.72168C18.0101 9.76862 18.2129 9.73789 18.3823 9.63618C18.5517 9.53446 18.6742 9.36997 18.723 9.17848C18.7719 8.98698 18.7431 8.78394 18.6431 8.6135ZM6.64309 9.3855L9.64309 4.3855C9.74313 4.21506 9.77185 4.01203 9.72302 3.82053C9.67418 3.62903 9.55173 3.46455 9.38229 3.36283C9.21285 3.26111 9.01011 3.23038 8.81814 3.27732C8.62617 3.32426 8.46048 3.44508 8.35709 3.6135L5.35709 8.6135C5.25705 8.78394 5.22833 8.98698 5.27717 9.17848C5.326 9.36997 5.44845 9.53446 5.61789 9.63618C5.78733 9.73789 5.99007 9.76862 6.18204 9.72168C6.37402 9.67474 6.5397 9.55393 6.64309 9.3855ZM11.2501 12.4995V16.4995C11.2501 16.6984 11.3291 16.8892 11.4698 17.0298C11.6104 17.1705 11.8012 17.2495 12.0001 17.2495C12.199 17.2495 12.3898 17.1705 12.5304 17.0298C12.6711 16.8892 12.7501 16.6984 12.7501 16.4995V12.4995C12.7501 12.3006 12.6711 12.1098 12.5304 11.9692C12.3898 11.8285 12.199 11.7495 12.0001 11.7495C11.8012 11.7495 11.6104 11.8285 11.4698 11.9692C11.3291 12.1098 11.2501 12.3006 11.2501 12.4995ZM7.25009 12.4995V16.4995C7.25009 16.6984 7.32911 16.8892 7.46976 17.0298C7.61041 17.1705 7.80118 17.2495 8.00009 17.2495C8.199 17.2495 8.38977 17.1705 8.53042 17.0298C8.67107 16.8892 8.75009 16.6984 8.75009 16.4995V12.4995C8.75009 12.3006 8.67107 12.1098 8.53042 11.9692C8.38977 11.8285 8.199 11.7495 8.00009 11.7495C7.80118 11.7495 7.61041 11.8285 7.46976 11.9692C7.32911 12.1098 7.25009 12.3006 7.25009 12.4995ZM15.2501 12.4995V16.4995C15.2501 16.6984 15.3291 16.8892 15.4698 17.0298C15.6104 17.1705 15.8012 17.2495 16.0001 17.2495C16.199 17.2495 16.3898 17.1705 16.5304 17.0298C16.6711 16.8892 16.7501 16.6984 16.7501 16.4995V12.4995C16.7501 12.3006 16.6711 12.1098 16.5304 11.9692C16.3898 11.8285 16.199 11.7495 16.0001 11.7495C15.8012 11.7495 15.6104 11.8285 15.4698 11.9692C15.3291 12.1098 15.2501 12.3006 15.2501 12.4995Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22 8.25H2C1.80109 8.25 1.61032 8.32902 1.46967 8.46967C1.32902 8.61032 1.25 8.80109 1.25 9C1.25 9.19891 1.32902 9.38968 1.46967 9.53033C1.61032 9.67098 1.80109 9.75 2 9.75H22C22.1989 9.75 22.3897 9.67098 22.5303 9.53033C22.671 9.38968 22.75 9.19891 22.75 9C22.75 8.80109 22.671 8.61032 22.5303 8.46967C22.3897 8.32902 22.1989 8.25 22 8.25Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 24px;
  height: 24px;
}

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

.card__cart:hover::before {
  -webkit-filter: invert(1);
          filter: invert(1);
}

.card__cart:active {
  background: var(--blue2);
}

.card__cart:active::before {
  -webkit-filter: invert(0);
          filter: invert(0);
}

.card__receipt {
  display: block;
  background: var(--dark2);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.card__receipt::before {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  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='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.125 4.5H3.87501C2.84107 4.5 2 5.34107 2 6.37501V17.625C2 18.659 2.84107 19.5 3.87501 19.5H20.125C21.1589 19.5 22 18.659 22 17.625V6.37501C22 5.34107 21.1589 4.5 20.125 4.5ZM20.125 5.74999C20.2099 5.74999 20.2907 5.76761 20.3645 5.79838L12 13.048L3.63542 5.79838C3.71128 5.76657 3.79271 5.75013 3.87497 5.74999H20.125ZM20.125 18.25H3.87501C3.53017 18.25 3.24999 17.9699 3.24999 17.625V7.11901L11.5904 14.3474C11.7083 14.4493 11.8541 14.5 12 14.5C12.1459 14.5 12.2917 14.4494 12.4096 14.3474L20.75 7.11901V17.625C20.75 17.9699 20.4698 18.25 20.125 18.25Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 24px;
  height: 24px;
}

.card__receipt span {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  background: var(--white);
  padding: 8px 10px;
  border-radius: 8px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  white-space: nowrap;
  bottom: calc(100% + 10px);
  right: 0;
  cursor: default;
  z-index: 10;
}

.card__receipt span::before {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  height: 12px;
  width: 100%;
}

.card__receipt:active {
  background: var(--blue2);
}

.card__receipt:active::before {
  opacity: 1;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.card__old-price {
  font-family: var(--second-family);
  font-weight: 200;
  font-size: 14px;
  text-decoration: line-through;
  color: var(--grey);
  white-space: nowrap;
}

.catalog a img {
  height: 255px;
}

.color-1 span {
  border: 1px solid #e0dfd8;
  background: #e0dfd8;
}

.color-2 span {
  border: 1px solid #a7a49e;
  background: #a7a49e;
}

.color-3 span {
  border: 1px solid #738399;
  background: #738399;
}

.color-4 span {
  border: 1px solid #85373d;
  background: #85373d;
}

.color-5 span {
  border: 1px solid #81806c;
  background: #81806c;
}

.color-6 span {
  border: 1px solid #626f71;
  background: #626f71;
}

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

.counter__minus,
.counter__plus {
  border-radius: 100%;
  background: var(--grey4);
  min-width: 40px;
  width: 40px;
  height: 40px;
  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: 24px;
  height: 24px;
  -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='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12H19' stroke='%2325282B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.counter__count {
  font-size: 20px;
  font-family: var(--second-family);
  display: block;
  margin-top: 3px;
  min-width: 25px;
  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;
}

.counter__plus::before {
  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 5V19' stroke='%231A1A18' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 12H19' stroke='%231A1A18' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.scroll-down {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 40px;
}

.scroll-down::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 38px;
  height: 15px;
  background-image: url("data:image/svg+xml,%3Csvg width='38' height='15' viewBox='0 0 38 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L19 14L37 1' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  -webkit-animation: animateArrow 2s infinite;
          animation: animateArrow 2s infinite;
}

@-webkit-keyframes animateArrow {
  0% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    opacity: 0.5;
  }

  50% {
    opacity: 1;
  }

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

@keyframes animateArrow {
  0% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    opacity: 0.5;
  }

  50% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0;
  }
}
.title-search-result {
    -webkit-box-shadow: 0 0 20px 0 rgba(141, 141, 141, 0.3);
    box-shadow: 0 0 20px 0 rgba(141, 141, 141, 0.3);
    background: var(--white);
    border-radius: 8px;
    overflow: hidden;  
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.search-drop {
  -webkit-box-shadow: 0 0 20px 0 rgba(141, 141, 141, 0.3);
          box-shadow: 0 0 20px 0 rgba(141, 141, 141, 0.3);
  background: var(--white);
  border-radius: 8px;
  overflow: hidden;
  width: 550px;
  position: absolute;
  top: calc(100% + 18px);
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.title-search-result ul,
.search-drop ul {
    max-height: 364px;
    overflow-y: auto;
    scrollbar-width: thin;
}

.search-drop__item {
  position: relative;
  border-bottom: 1px solid rgba(222, 222, 222, 0.5);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.search-drop__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  padding: 10px 16px 16px;
}

.search-drop__item:hover {
  background: rgba(243, 243, 243, 0.5);
  border-bottom: 1px solid rgba(243, 243, 243, 0.5);
}

.search-drop__img {
  border-radius: 2px;
  width: 64px;
  height: 64px;
  background: var(--grey3);
  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;
}

.search-drop__img img {
  width: 56px;
  height: 56px;
  -o-object-fit: contain;
     object-fit: contain;
}

.search-drop__inner {
  padding-top: 9px;
}

.search-drop__title {
  font-size: 14px;
  line-height: 120%;
  margin-bottom: 12px;
  font-family: var(--second-family);
}

.search-drop__price {
  font-size: 12px;
  line-height: 120%;
}

.search-drop__price span {
  font-size: 14px;
}

.search-drop__tag {
  margin-top: 9px;
  font-size: 12px;
  color: var(--grey);
  margin-left: auto;
}

.search-drop__all {
  color: var(--dark2);
  padding: 26px;
  display: block;
  width: 100%;
  text-align: center;
  font-family: var(--second-family);
}

.search .select__content {
  left: auto;
  top: calc(100% + 32px);
  right: -40px;
  width: 226px;
}

.details {
  margin-top: 50px;
  min-width: 413px;
  width: 413px;
}

.details__inner {
  background: var(--grey3);
  border-radius: 8px;
  padding: 24px;
  position: sticky;
  top: 20px;
}

.details__inner ul {
  margin-bottom: 24px;
}

.details__inner 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: 10px;
}

.details__inner ul li:not(:last-child) {
  margin-bottom: 12px !important;
}

.details__inner ul li p {
  font-size: 16px;
}

.details__inner ul li p:last-child {
  opacity: 0.5;
}

.details__title {
  font-family: var(--second-family);
  margin-bottom: 24px;
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
}

.details__title span {
  font-size: 16px;
  opacity: 0.5;
}

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

.details__promo input {
  width: 100%;
  background: var(--grey3);
  padding: 14px 50px 14px 19px;
  border: 1px solid var(--grey4);
  border-radius: 40px;
  font-size: 16px;
}

.details__promo input::-webkit-input-placeholder {
  opacity: 0.7;
  font-size: 16px;
}

.details__promo input::-moz-placeholder {
  opacity: 0.7;
  font-size: 16px;
}

.details__promo input:-ms-input-placeholder {
  opacity: 0.7;
  font-size: 16px;
}

.details__promo input::-ms-input-placeholder {
  opacity: 0.7;
  font-size: 16px;
}

.details__promo input::placeholder {
  opacity: 0.7;
  font-size: 16px;
}

.details__promo-btn {
  background-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='21' cy='21' r='21' fill='%23DEDEDE'/%3E%3Cpath d='M14.9102 20.7266H26.5469' stroke='%231A1A18' stroke-width='0.727295' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.6955 15.8789L26.5439 20.7275L21.6954 25.5762' stroke='%231A1A18' stroke-width='0.727295' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  width: 42px;
  height: 42px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  right: 4px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  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-family: var(--second-family);
  font-size: 20px;
}

.details__total-price {
  font-family: var(--second-family);
  font-size: 24px;
}

.details__btn {
  border-radius: 40px;
  font-family: var(--second-family);
  padding: 15px;
  text-align: center;
  width: 100%;
  cursor: pointer;
  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;
  background: var(--grey4);
}

.details__btn.btn-black {
  background: var(--dark);
  color: var(--white);
  margin-bottom: 10px;
}

.catalog-izbranoe .catalog__tags {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow-x: auto;
  padding-bottom: 10px;
  width: 100%;
}

.catalog-izbranoe .catalog__inner {
  margin-bottom: 30px;
}

.catalog-izbranoe .cards .swiper-wrapper {
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
}

.empty {
  background: var(--grey3);
  border-radius: 8px;
  display: none;
  padding: 32px 32px 40px;
  gap: 16px;
}

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

.empty img {
  width: 32px;
  height: 32px;
  -webkit-transform: translateY(-3px);
      -ms-transform: translateY(-3px);
          transform: translateY(-3px);
}

.empty p {
  font-family: var(--second-family);
  font-size: 24px;
}

.empty-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.grey-text {
  color: var(--dark2) !important;
}

.fancybox__container * {
  color: var(--white) !important;
}

.fancybox__backdrop {
  background: rgba(0, 0, 0, 0.5);
}

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

.rating p {
  font-family: var(--second-family);
}

.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 {
  background: url("/local/templates/main/css/../img/star.svg") center center/contain no-repeat;
  width: 24px;
  height: 24px;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;
}

.rating__item.active {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}

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

.search-block__btn {
  padding: 18px 73px;
}

.search-block__form {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}

.search-block__form input {
  background: var(--grey3);
  border-radius: 40px 0 0 40px;
  width: 100%;
  border: none;
  padding: 16px 16px 16px 24px;
  margin-right: auto;
}

.search-block__form input:focus + .search-drop {
  opacity: 1;
  visibility: visible;
  z-index: 20;
}

.search-block__form-inner {
  background: var(--grey3);
  border-radius: 40px;
  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-right: 16px;
  width: 100%;
}

.search-block__form-inner button {
  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='M20.8894 20.2094L15.5394 14.8294C16.8631 13.3213 17.5486 11.3576 17.4508 9.35335C17.353 7.3491 16.4797 5.46141 15.0155 4.08936C13.5512 2.7173 11.6108 1.96842 9.60441 2.00102C7.59804 2.03362 5.68297 2.84516 4.26407 4.26407C2.84516 5.68297 2.03362 7.59804 2.00102 9.60441C1.96842 11.6108 2.7173 13.5512 4.08936 15.0155C5.46141 16.4797 7.3491 17.353 9.35335 17.4508C11.3576 17.5486 13.3213 16.8632 14.8294 15.5394L20.2094 20.9094C20.2543 20.9572 20.3085 20.9953 20.3687 21.0214C20.4289 21.0475 20.4938 21.0609 20.5594 21.0609C20.625 21.0609 20.6899 21.0475 20.7501 21.0214C20.8103 20.9953 20.8645 20.9572 20.9094 20.9094C20.956 20.8632 20.9926 20.8079 21.0169 20.7469C21.0413 20.686 21.0529 20.6207 21.051 20.5551C21.0491 20.4895 21.0338 20.4249 21.006 20.3655C20.9782 20.306 20.9385 20.2529 20.8894 20.2094ZM9.73939 16.4594C8.41426 16.4594 7.11888 16.0664 6.01707 15.3302C4.91527 14.594 4.05651 13.5476 3.5494 12.3234C3.0423 11.0991 2.90961 9.75196 3.16813 8.45229C3.42666 7.15262 4.06477 5.95879 5.00178 5.02178C5.93879 4.08477 7.13262 3.44666 8.43229 3.18813C9.73196 2.92961 11.0791 3.0623 12.3034 3.5694C13.5276 4.07651 14.574 4.93527 15.3102 6.03708C16.0464 7.13888 16.4394 8.43426 16.4394 9.7594C16.4367 11.5355 15.73 13.2382 14.4741 14.4941C13.2182 15.75 11.5155 16.4567 9.73939 16.4594Z' fill='%231A1A18'/%3E%3C/g%3E%3C/svg%3E%0A");
  min-width: 24px;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.search-block .search-drop {
  width: calc(100% - 32px);
  left: 16px;
  top: calc(100% + 8px);
  z-index: 20;
}

.search-block__count {
  color: var(--grey);
  margin-top: 24px;
}

.search-block .select__content {
  right: 50%;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
}

.search-block .select__title {
  font-size: 16px;
  color: var(--dark2);
}

.grey + .grey {
  margin-top: 0;
}

.main + .grey {
  margin-top: 0;
}

.not-found {
  padding-top: 190px;
}

.not-found__wrapper {
  text-align: center;
}

.not-found__wrapper h1 {
  max-width: 846px;
  margin: 0 auto 40px;
}

.not-found__wrapper a {
  background: var(--grey3);
  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-family: var(--second-family);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding: 18px 34px;
  border-radius: 40px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.not-found__wrapper a:hover {
  background: var(--grey4);
}

.not-found__wrapper img {
  width: 140px;
  margin-bottom: 32px;
}

.trends.grey:last-child {
  margin-bottom: -110px;
}

.burger {
  width: 56px;
  height: 32px;
  display: none;
  background-color: none;
  border: none;
  cursor: pointer;
  position: relative;
  -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: 8px;
}

.burger::after,
.burger::before {
  display: block;
  content: "";
  width: 56px;
  height: 2px;
  background: var(--dark);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.burger.active {
  gap: 0;
  width: 32px;
}

.burger.active::after,
.burger.active::before {
  height: 1px;
  width: 30px;
  background: var(--grey);
}

.burger.active::after {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.burger.active::before {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.header-white.header-fixed .burger::after,
.header-white.header-fixed .burger::before {
    background: var(--dark);
}

.header-white.header-fixed .burger.active::after,
.header-white.header-fixed .burger.active::before {
  background: var(--grey);
}
.header-white .burger::after,
.header-white .burger::before {
  background: var(--white);
}

.header-white .burger.active::after,
.header-white .burger.active::before {
  background: var(--grey);
}

.header {
  border-bottom: 1px solid rgba(184, 184, 184, 0.3);
  padding-bottom: 18px;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  transition: 0.3s;
}

.header__top {
  padding: 2px 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;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  margin-bottom: 18px;
  position: relative;
}

.header__top::before {
  position: absolute;
  content: "";
  width: 300%;
  height: 100%;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: var(--grey);
  opacity: 0.2;
  z-index: -1;
}

.header__top-inner {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: calc(100% + 25px);
  left: 0;
  width: 100%;
  z-index: 10;
  background: #fff;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  padding: 24px 24px 30px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border-radius: 8px;
  min-width: 260px;
}

.header__top-location {
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.header__top-location::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 opacity='0.5' fill-rule='evenodd' clip-rule='evenodd' d='M7.99922 13.6004C7.99922 13.6004 12.7992 10.5458 12.7992 6.98221C12.7992 5.76704 12.2935 4.60163 11.3933 3.74237C10.4932 2.88312 9.27226 2.40039 7.99922 2.40039C6.72618 2.40039 5.50528 2.88312 4.60511 3.74237C3.70493 4.60163 3.19922 5.76704 3.19922 6.98221C3.19922 10.5458 7.99922 13.6004 7.99922 13.6004ZM9.59844 7.19961C9.59844 8.08327 8.88209 8.79961 7.99844 8.79961C7.11478 8.79961 6.39844 8.08327 6.39844 7.19961C6.39844 6.31595 7.11478 5.59961 7.99844 5.59961C8.88209 5.59961 9.59844 6.31595 9.59844 7.19961Z' fill='%23B8B8B8'/%3E%3C/svg%3E%0A");
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.header__top-contacts {
  margin-right: auto;
  position: relative;
}

.header__top-contacts::before {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  height: 25px;
  width: 100%;
}

.header__top-phone {
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.header__top-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='M4 6L8 10L12 6' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.header__top-email {
  margin-bottom: 16px;
}

.header__top-time p:first-child,
.header__top-email p:first-child {
  margin-bottom: 8px;
  font-size: 14px;
  opacity: 0.8;
}

.header__wrapper {
  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;
  position: relative;
  z-index: 10;
}


.header__wrapper.active .burger {
  z-index: 20;
}

.header__logo {
  margin-right: auto;
  display: block;
}

.header__logo img {
  width: 108px;
}

.header__search {
  max-width: 325px;
  width: 100%;
  position: relative;
}

.header__search input {
  width: 100%;
  border: 1px solid var(--grey);
  border-radius: 60px;
  padding: 16px 25px;
  padding-right: 35px;
  background: transparent;
}

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

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

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

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

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

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

.header__search button {
  cursor: pointer;
  position: absolute;
  right: 10px;
  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='M20.8894 20.2094L15.5394 14.8294C16.8631 13.3213 17.5486 11.3576 17.4508 9.35335C17.353 7.3491 16.4797 5.46141 15.0155 4.08936C13.5512 2.7173 11.6108 1.96842 9.60441 2.00102C7.59804 2.03362 5.68297 2.84516 4.26407 4.26407C2.84516 5.68297 2.03362 7.59804 2.00102 9.60441C1.96842 11.6108 2.7173 13.5512 4.08936 15.0155C5.46141 16.4797 7.3491 17.353 9.35335 17.4508C11.3576 17.5486 13.3213 16.8632 14.8294 15.5394L20.2094 20.9094C20.2543 20.9572 20.3085 20.9953 20.3687 21.0214C20.4289 21.0475 20.4938 21.0609 20.5594 21.0609C20.625 21.0609 20.6899 21.0475 20.7501 21.0214C20.8103 20.9953 20.8645 20.9572 20.9094 20.9094C20.956 20.8632 20.9926 20.8079 21.0169 20.7469C21.0413 20.686 21.0529 20.6207 21.051 20.5551C21.0491 20.4895 21.0338 20.4249 21.006 20.3655C20.9782 20.306 20.9385 20.2529 20.8894 20.2094ZM9.73939 16.4594C8.41426 16.4594 7.11888 16.0664 6.01707 15.3302C4.91527 14.594 4.05651 13.5476 3.5494 12.3234C3.0423 11.0991 2.90961 9.75196 3.16813 8.45229C3.42666 7.15262 4.06477 5.95879 5.00178 5.02178C5.93879 4.08477 7.13262 3.44666 8.43229 3.18813C9.73196 2.92961 11.0791 3.0623 12.3034 3.5694C13.5276 4.07651 14.574 4.93527 15.3102 6.03708C16.0464 7.13888 16.4394 8.43426 16.4394 9.7594C16.4367 11.5355 15.73 13.2382 14.4741 14.4941C13.2182 15.75 11.5155 16.4567 9.73939 16.4594Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
  min-width: 24px;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  filter: brightness(1) invert(1);
}
.header-white .header__search button {
  filter: brightness(0) invert(1);
}
.header__control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  margin-left: auto;
  padding-right: 14px;
}

.header__favorite,
.header__compare,
.header__cart {
  display: block;
  position: relative;
  width: 24px;
  height: 24px;
}

.header__favorite span,
.header__compare span,
.header__cart span {
  display: block;
  background: var(--blue);
  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: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 400;
  font-size: 12px;
  color: var(--white);
  position: absolute;
  top: -10px;
  right: -14px;
  padding: 4px 10px;
  height: 20px;
  width: 26px;
}

.header__favorite::before,
.header__compare::before,
.header__cart::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.header__favorite::before {
  background: url("/local/templates/main/css/../img/favorite.svg") center center/cover no-repeat;
}

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

.header__cart::before {
  background: url("/local/templates/main/css/../img/cart.svg") center center/cover no-repeat;
}

.header .nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}

.header .nav .nav__submenu {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: 100%;
  top: calc(100% + 18px);
  left: 0;
  background: #fff;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border-radius: 8px;
  padding: 40px;
  height: 440px;
  z-index: 10;
}

.header .nav .nav__submenu a {
  font-size: 20px;
}
.header .nav .nav__submenu::before {
    content: "";
    background: var(--grey4);
    position: absolute;
    height: calc(100% - 80px);
    width: 1px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 410px;
   }
   
   .header .nav .nav__submenu .nav__item   { 
     width: 370px;
     padding-right: 40px;
   }
   .header .nav .nav__submenu .nav__item  .nav__item  { 
     width: auto;
     padding-right: 0;
   }
   
   .header .nav .nav__submenu > li:not(:last-child) {
     margin-bottom: 30px;
   }
   .header .nav .nav__submenu .nav__list ul li:not(:last-child) {
     margin-bottom: 16px;
   }
   
   .header .nav .nav__submenu .nav__list ul li:first-child {
     margin-bottom: 24px;
   }
   
   .header .nav .nav__submenu .nav__list ul li:first-child a {
     font-size: 20px;
     opacity: 1;
   }
   
   .header .nav .nav__submenu .nav__list ul li a {
     font-size: 16px;
     opacity: 0.7;
   }
   
   
   .header .nav .arrow-menu .nav__item > 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: 8px;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
   }
   
   .header .nav .arrow-menu .nav__item > a::after {
     display: block;
     content: "";
     background-image: url("data:image/svg+xml,%3Csvg width='55' height='24' viewBox='0 0 55 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0312 11.5H50.4447' stroke='%231F4CC4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M42.8597 4.83398L50.4488 11.5007L42.8595 18.1673' stroke='%231F4CC4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
     background-repeat: no-repeat;
     background-position: right;
     background-size: cover;
     width: 24px;
     height: 24px;
     -webkit-filter: grayscale(1) invert(0);
             filter: grayscale(1) invert(0);
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
   }
   .header .nav .arrow-menu .nav__item .nav__item  > a::after {
       display: none;
   }
   .header .nav__link {
     font-size: 16px;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
   }
   
   .header .nav__inner {
     padding-left: 60px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
     gap: 40px 80px;
     opacity: 0;
     visibility: hidden;
     position: absolute;
     width: 845px;
     top: 40px;
    left: 410px;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
     overflow-y: auto;
     height: 330px;
   }

    .header .nav__inner::-webkit-scrollbar {
        height: 4px;
        width: 4px;
    }
     .header .nav__inner::-webkit-scrollbar-track {
      background: #fff;
    }
     .header .nav__inner::-webkit-scrollbar-thumb {
        background-color: #DEDEDE;
          border: 4px solid #DEDEDE; 
        border-radius: 5px;
    
    }

   .header .nav__inner .nav__inner {
     padding-left: 0;
    margin-top: 24px;
     display: block;
    
    
         -ms-flex-wrap: nowrap;
    
    
             flex-wrap: nowrap;
     gap: 0px;
    
     position: static;
     width: auto;
    
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
     overflow: visible;
     height: auto;
   }
   .header .nav__inner .nav__inner li:not(:last-child) {
       margin-bottom: 16px;
   }
   .header .nav__inner .nav__inner li a {
       font-weight: 400;
   font-size: 16px;
   color: var(--dark);
   opacity: 0.7;
   }
    
   .header .nav__inner .nav__item > a {
       font-family: var(--second-family);
   }
.header .nav__inner ul {
  position: relative;
  z-index: 2;
}

.menu-mobile {
  display: none;
}

.header-white {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  padding-top: 8px;
  border-bottom: none;
  padding-bottom: 0;
  background: none;
}
.header-white.header-fixed {
  background: var(--white);
    border-bottom: 1px solid rgba(184, 184, 184, 0.3);
  padding-top: 0;
  padding-bottom: 18px;
}
.header-white.header-fixed .header__logo-mobile {
    display: block;
}
.header-white.header-fixed .header__logo-img {
    display: none;
}
.header-white.header-fixed .header__search input{
  color: var(--dark);
}

.header-white.header-fixed .header__search::-webkit-input-placeholder {
  color: var(--dark);
}

.header-white.header-fixed .header__search::-moz-placeholder {
  color: var(--dark);
}

.header-white.header-fixed .header__search:-ms-input-placeholder {
  color: var(--dark);
}

.header-white.header-fixed .header__search::-ms-input-placeholder {
  color: var(--dark);
}

.header-white.header-fixed .nav__link,
.header-white.header-fixed .header__search,
.header-white.header-fixed .header__search::placeholder,
.header-white.header-fixed .header__top-phone,
.header-white.header-fixed .header__top-location {
  color: var(--dark);
}

.header-white.header-fixed .header__search input {
    border: 1px solid var(--grey);

}


.header-white.header-fixed  .header__search button,
.header-white.header-fixed .arrow-menu-top .nav__link::after,
.header-white.header-fixed .header__top-phone::after {
  -webkit-filter: brightness(0) !important;
          filter: brightness(0) !important;
}

.header-white.header-fixed .header__top {
  padding-top: 2px;
  padding-bottom: 7px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.header-white.header-fixed .header__top::before {
    background: var(--grey);
    display: block;
}

.header-white.header-fixed .header__cart::before,
.header-white.header-fixed .header__compare::before,
.header-white.header-fixed .header__favorite::before,
.header-white.header-fixed .arrow-menu .nav__link::after,
.header-white.header-fixed .arrow-menu-top .nav__link::after {
 -webkit-filter: brightness(0);
         filter: brightness(0);
}
.header-white .header__search input{
  color: var(--white);
}

.header-white .header__search::-webkit-input-placeholder {
  color: var(--white);
}

.header-white .header__search::-moz-placeholder {
  color: var(--white);
}

.header-white .header__search:-ms-input-placeholder {
  color: var(--white);
}

.header-white .header__search::-ms-input-placeholder {
  color: var(--white);
}

.header-white .nav__link,
.header-white .header__search,
.header-white .header__search::placeholder,
.header-white .header__top-phone,
.header-white .header__top-location {
  color: var(--white);
}

.header-white .header__search input {
  border: 1px solid rgba(255, 255, 255, 0.5);
}

.header-white .header__search-btn {
  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='M20.8894 20.2094L15.5394 14.8294C16.8631 13.3213 17.5486 11.3576 17.4508 9.35335C17.353 7.3491 16.4797 5.46141 15.0155 4.08936C13.5512 2.7173 11.6108 1.96842 9.60441 2.00102C7.59804 2.03362 5.68297 2.84516 4.26407 4.26407C2.84516 5.68297 2.03362 7.59804 2.00102 9.60441C1.96842 11.6108 2.7173 13.5512 4.08936 15.0155C5.46141 16.4797 7.3491 17.353 9.35335 17.4508C11.3576 17.5486 13.3213 16.8632 14.8294 15.5394L20.2094 20.9094C20.2543 20.9572 20.3085 20.9953 20.3687 21.0214C20.4289 21.0475 20.4938 21.0609 20.5594 21.0609C20.625 21.0609 20.6899 21.0475 20.7501 21.0214C20.8103 20.9953 20.8645 20.9572 20.9094 20.9094C20.956 20.8632 20.9926 20.8079 21.0169 20.7469C21.0413 20.686 21.0529 20.6207 21.051 20.5551C21.0491 20.4895 21.0338 20.4249 21.006 20.3655C20.9782 20.306 20.9385 20.2529 20.8894 20.2094ZM9.73939 16.4594C8.41426 16.4594 7.11888 16.0664 6.01707 15.3302C4.91527 14.594 4.05651 13.5476 3.5494 12.3234C3.0423 11.0991 2.90961 9.75196 3.16813 8.45229C3.42666 7.15262 4.06477 5.95879 5.00178 5.02178C5.93879 4.08477 7.13262 3.44666 8.43229 3.18813C9.73196 2.92961 11.0791 3.0623 12.3034 3.5694C13.5276 4.07651 14.574 4.93527 15.3102 6.03708C16.0464 7.13888 16.4394 8.43426 16.4394 9.7594C16.4367 11.5355 15.73 13.2382 14.4741 14.4941C13.2182 15.75 11.5155 16.4567 9.73939 16.4594Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.header-white .header__top-phone::after {
  -webkit-filter: none;
          filter: none;
}

.header-white .header__top {
  padding-top: 0;
  padding-bottom: 7px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.header-white .header__top::before {
  display: none;
}

.header-white .header__cart::before,
.header-white .header__compare::before,
.header-white .header__favorite::before,
.header-white .arrow-menu .nav__link::after,
.header-white .arrow-menu-top .nav__link::after {
  -webkit-filter: none;
          filter: none;
}

.header__logo-mobile {
  display: none;
}

.search,
.fixed-control {
  display: none;
}

.form__text {
  margin-bottom: 32px;
}

.form .error {
  color: #d44545;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  left: 0;
  top: calc(100% + 4px);
}

.form__content label {
  position: relative;
  display: block;
  width: 100%;
}

.form__content label.active input,
.form__content label.active textarea {
  border: 1px solid rgba(212, 69, 69, 0.5) !important;
}

.form__content label.active .error {
  opacity: 1;
  visibility: visible;
}

.form__content label p {
  font-size: 14px;
  line-height: 120%;
  margin-bottom: 7px;
}

.form__content label p span {
  color: #c84c44;
}

.form__content label textarea {
  border: none;
  height: 109px;
  background: var(--grey3);
  width: 100%;
  border-radius: 20px;
  resize: none;
  padding: 24px;
}

.form__content label textarea::-webkit-input-placeholder {
  color: var(--dark);
  opacity: 0.6;
}

.form__content label textarea::-moz-placeholder {
  color: var(--dark);
  opacity: 0.6;
}

.form__content label textarea:-ms-input-placeholder {
  color: var(--dark);
  opacity: 0.6;
}

.form__content label textarea::-ms-input-placeholder {
  color: var(--dark);
  opacity: 0.6;
}

.form__content label textarea::placeholder {
  color: var(--dark);
  opacity: 0.6;
}

.form__inputs {
  margin-bottom: 32px;
}

.form__inputs label:not(:last-child) {
  margin-bottom: 24px;
}

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

.form__inputs-inner label {
  margin-bottom: 0 !important;
}

.form__input {
  background: none;
  border: none;
  border-bottom: 1px solid var(--grey);
  padding-bottom: 24px;
  width: 100%;
}

.form__input::-webkit-input-placeholder {
  opacity: 0.5;
}

.form__input::-moz-placeholder {
  opacity: 0.5;
}

.form__input:-ms-input-placeholder {
  opacity: 0.5;
}

.form__input::-ms-input-placeholder {
  opacity: 0.5;
}

.form__input::placeholder {
  opacity: 0.5;
}

.form__input:focus {
  outline: 1px solid var(--dark);
}

.form__file {
  width: 100%;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -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;
  color: rgba(26, 26, 24, 0.6);
  padding: 11px 24px;
  border: 1px solid var(--grey4);
  border-radius: 40px;
  cursor: pointer;
}

.form__file:not(:last-child) {
  margin-bottom: 12px;
}

.form__file::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%3Cpath d='M27 27.5H5C4.725 27.5 4.5 27.275 4.5 27V21.5C4.5 21.225 4.725 21 5 21C5.275 21 5.5 21.225 5.5 21.5V26.5H26.5V21.5C26.5 21.225 26.725 21 27 21C27.275 21 27.5 21.225 27.5 21.5V27C27.5 27.275 27.275 27.5 27 27.5Z' fill='%238C8C8B'/%3E%3Cpath d='M22.351 16.645C22.3048 16.5986 22.2498 16.5619 22.1893 16.5368C22.1288 16.5117 22.064 16.4988 21.9985 16.4988C21.933 16.4988 21.8682 16.5117 21.8077 16.5368C21.7472 16.5619 21.6923 16.5986 21.646 16.645L16.496 21.795V5C16.496 4.725 16.271 4.5 15.996 4.5C15.721 4.5 15.496 4.725 15.496 5V21.795L10.351 16.645C10.3047 16.5987 10.2498 16.562 10.1893 16.5369C10.1288 16.5119 10.064 16.499 9.99851 16.499C9.93304 16.499 9.86822 16.5119 9.80774 16.5369C9.74726 16.562 9.6923 16.5987 9.64601 16.645C9.59972 16.6913 9.563 16.7462 9.53795 16.8067C9.51289 16.8672 9.5 16.932 9.5 16.9975C9.5 17.063 9.51289 17.1278 9.53795 17.1883C9.563 17.2488 9.59972 17.3037 9.64601 17.35L15.646 23.35C15.741 23.45 15.866 23.5 15.996 23.5C16.126 23.5 16.251 23.45 16.351 23.355L22.351 17.355C22.546 17.16 22.546 16.84 22.351 16.645Z' fill='%238C8C8B'/%3E%3C/svg%3E%0A");
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.form__file input {
  display: none;
}

.form__btn {
  margin-bottom: 16px;
  width: 100%;
}

.form__info {
  color: #8e8e8e;
  opacity: 0.9;
}

.form__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  margin-top: 32px;
  margin-bottom: 32px;
}

.form__card-img {
  background: var(--grey3);
  border-radius: 4px;
  width: 120px;
  height: 120px;
  min-width: 120px;
  -o-object-fit: contain;
  object-fit: contain;
  padding: 7px;
}

.form__card-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.form__card-content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}

.form__card-tag {
  font-weight: 400;
  font-size: 12px;
  color: var(--grey);
  margin-bottom: 2px;
}

.form ul li {
  font-size: 14px;
  color: var(--dark);
}

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

.form__card-title {
  margin-bottom: 16px;
  font-family: var(--second-family);
}

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

.form__card-old-price {
  text-decoration: line-through;
  font-family: var(--second-family);
  color: rgba(26, 26, 24, 0.3);
  line-height: 1;
}

.form__card-price {
  font-size: 20px;
  font-family: var(--second-family);
  line-height: 1;
}

.form .counter__minus,
.form .counter__plus {
  min-width: 32px;
  width: 32px;
  height: 32px;
}

.form .counter__minus::before,
.form .counter__plus::before {
  width: 16px;
  height: 16px;
}

.form .blue-btn {
  font-size: 20px;
  font-family: var(--second-family);
}

.form__more {
  font-weight: 400;
  font-size: 14px;
  color: #a7a7a7;
  cursor: pointer;
  margin-left: auto;
  text-align: right;
}

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

.form-reviews .form__file {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.form-reviews .form__info {
  margin-bottom: 0 !important;
}

.main {
  height: 100dvh;
}

.main__wrapper {
  position: relative;
  height: 100%;
}

.main h2 {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 56px;
  color: var(--white);
  margin-bottom: 40px;
}

.main p {
  font-size: 16px;
  color: var(--white);
  margin-bottom: 24px;
}

.main__slide {
  position: relative;
}

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

.main__btn {
  padding: 18px 88px 18px 24px !important;
}

.main__btn p {
  font-size: 16px !important;
}

.main .container {
  margin-top: 88px;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main .swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.main .swiper-pagination-bullet {
  cursor: pointer;
  width: auto;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  height: auto;
  display: block;
  border-radius: 0;
  background: none;
  font-size: 18px;
  letter-spacing: 0.04em;
  color: var(--white);
  opacity: 0.6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 16px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.main .swiper-pagination-bullet::after {
  position: absolute;
  display: block;
  content: "";
  width: 0;
  height: 1px;
  background: var(--white);
  opacity: 0.6;
}

.main .swiper-pagination-bullet:last-child {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

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

.main .swiper-pagination-bullet-active::after {
  position: static;
  width: 67px;
}

.modal-overlay {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(1, 14, 30, 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: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: 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: 150;
}

.modal-overlay .modal {
  border-radius: 8px;
  max-width: 670px;
  width: 95%;
  overflow: visible;
  max-height: 88%;
  display: none;
  position: relative;
  -webkit-box-shadow: 0 4px 10px 0 rgba(137, 137, 137, 0.25);
          box-shadow: 0 4px 10px 0 rgba(137, 137, 137, 0.25);
  background: var(--white);
}

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

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

.modal-overlay .modal h2 {
  font-weight: 400;
  font-size: 40px;
  margin-top: 0;
  margin-bottom: 16px;
}

.modal-overlay .modal h2 + p {
  font-weight: 400;
  font-size: 16px;
  color: #4f4f4f;
  margin-bottom: 32px;
}

.modal-overlay .modal__subtitle {
  font-family: var(--second-family);
  margin-bottom: 32px;
  font-size: 24px;
}

.modal-overlay .modal ul {
  margin-bottom: 24px;
}

.modal-overlay .modal ul li {
  padding-left: 16px;
  position: relative;
}

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

.modal-overlay .modal ul li::before {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  content: "";
  min-width: 6px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #cccdcd;
}

.modal-overlay .modal ul li a {
  white-space: nowrap;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

.modal-overlay .modal__text {
  font-weight: 400;
  font-size: 16px;
  color: var(--dark);
  margin-bottom: 24px;
}

.modal-overlay .modal .close-icon {
  width: 40px;
  height: 40px;
  position: absolute;
  right: -50px;
  top: -50px;
  z-index: 10;
  opacity: 1;
  cursor: pointer;
  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 d='M30 10L10 30' stroke='%23B8B8B8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 10L30 30' stroke='%23B8B8B8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
}

.modal-overlay .modal__close-btn {
  position: static !important;
  width: 100% !important;
  background: none !important;
  font-size: 16px;
  line-height: 140%;
  color: #2e8fce;
}

.modal-overlay .form__input {
  background: var(--grey3);
  padding: 18px 24px;
  border-radius: 40px;
  border: none;
}

.modal-overlay .form__input::-webkit-input-placeholder {
  color: var(--dark);
  opacity: 0.6;
}

.modal-overlay .form__input::-moz-placeholder {
  color: var(--dark);
  opacity: 0.6;
}

.modal-overlay .form__input:-ms-input-placeholder {
  color: var(--dark);
  opacity: 0.6;
}

.modal-overlay .form__input::-ms-input-placeholder {
  color: var(--dark);
  opacity: 0.6;
}

.modal-overlay .form__input::placeholder {
  color: var(--dark);
  opacity: 0.6;
}

.modal-overlay .form label.active input {
  background: rgba(212, 69, 69, 0.1);
  border: 1px solid rgba(212, 69, 69, 0.1) !important;
}

.modal-overlay .form__inputs {
  margin-bottom: 24px;
}

.modal-overlay .form__inputs label:not(:last-child) {
  margin-bottom: 16px;
}

.modal-overlay .form__info {
  margin-bottom: 24px;
}

.modal-overlay .form__btn {
  margin-bottom: 0;
}

.modal-overlay .modal-click {
  max-width: 846px;
}

.modal-overlay .modal-click .form__btn {
  margin-bottom: 24px;
}

.modal-overlay .modal-click .form__btn + p {
  color: #8e8e8e;
  text-align: center;
  opacity: 0.9;
}

.modal-overlay .modal-click .modal__wrapper {
  padding: 60px 109px;
}

.modal-overlay .counter {
  margin-bottom: 64px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.modal-overlay .modal-payment,
.modal-overlay .modal-guarantee,
.modal-overlay .modal-delivery {
  max-width: 846px;
}

.modal-overlay .modal-payment .modal__wrapper,
.modal-overlay .modal-guarantee .modal__wrapper,
.modal-overlay .modal-delivery .modal__wrapper {
  padding: 48px 64px 64px 48px;
}

.modal-overlay .modal-after-order {
  max-width: 630px;
}

.modal-overlay .modal-after-order .modal__wrapper {
  padding: 56px 20px 40px;
}

.modal-overlay .modal-after-order .modal__text {
  max-width: 414px;
  margin: 0 auto;
}

.modal-overlay .modal-review {
  max-width: 846px;
}

.modal-overlay .modal-review .modal__wrapper {
  padding: 60px 108px;
  max-height: calc(100vh - 142px);
}

.modal-overlay .modal-review.modal h2 {
  margin-bottom: 24px;
}

.modal-after-reviews,
.modal-after-order,
.modal-after-application {
  text-align: center;
}
.modal-after-reviews img,
.modal-after-order img,
.modal-after-application img {
  margin-bottom: 16px;
}
.modal-after-reviews .modal__text,
.modal-after-order .modal__text,
.modal-after-application .modal__text {
  margin-bottom: 0;
}
.modal-after-reviews .modal__wrapper,
.modal-after-order .modal__wrapper,
.modal-after-application .modal__wrapper {
  padding: 40px 88px 56px;
}

.popular {
  padding-top: 100px;
  overflow: hidden;
}

.popular__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  width: 100%;
}

.popular__wrap {
  position: relative;
}

.popular__wrap::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 1000%;
  height: 159px;
  background: var(--grey3);
}

.popular__inner {
  min-width: 630px;
  max-width: 630px;
}

.popular__slider {
  max-width: 713px;
  width: 100%;
  margin-left: -15%;
  margin-top: -40px;
  -webkit-transform: translateX(170px);
      -ms-transform: translateX(170px);
          transform: translateX(170px);
}

.popular__slide {
  position: static;
}

.popular__slide img {
  width: 100%;
  height: 521px;
}

.popular__slide-title {
  font-size: 24px;
  position: relative;
  z-index: 2;
  margin-bottom: 11px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.popular__slide-title::after {
  display: block;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='15' viewBox='0 0 18 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3343 1L17.0007 7.66667L10.3341 14.3333' stroke='%231A1A18' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 7.66602H17' stroke='%231A1A18' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  width: 18px;
  height: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.popular__slide-subtitle {
  position: relative;
  z-index: 2;
  margin-bottom: 22px;
}

.popular p {
  position: relative;
  z-index: 2;
}

.popular__slide-price {
  font-size: 20px;
}

.popular__slide-price span {
  font-size: 24px;
}

.popular .subtitle {
  margin-bottom: 60px;
}

.popular h2 {
  margin-bottom: 24px;
}

.popular__button-prev,
.popular__button-next {
  border: 1px solid var(--grey4);
  border-radius: 10px;
  min-width: 40px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  position: relative;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.popular__button-prev::before,
.popular__button-next::before {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  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='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12H20' stroke='%231A1A18' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.3343 5.33398L20.0007 12.0007L13.3341 18.6673' stroke='%231A1A18' stroke-linecap='round' stroke-linejoin='round'/%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;
}

.popular__button-prev:hover,
.popular__button-next:hover {
  background: var(--blue);
}

.popular__button-prev:hover::before,
.popular__button-next:hover::before {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.popular__button-prev:focus,
.popular__button-next:focus {
  outline: 1px solid var(--blue);
}

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

.popular__button-prev:disabled,
.popular__button-next:disabled {
  cursor: not-allowed;
  -webkit-filter: brightness(1);
          filter: brightness(1);
  opacity: 0.6;
}

.popular__button-prev:disabled::before,
.popular__button-next:disabled::before {
  opacity: 0.6;
}

.popular__button-prev:disabled:hover,
.popular__button-next:disabled:hover {
  background: none;
}

.popular__button-prev:disabled:hover::before,
.popular__button-next:disabled:hover::before {
  -webkit-filter: none;
          filter: none;
}

.popular__slider-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  height: 100%;
}

.popular__slide {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  min-width: 212px;
  width: 212px;
  margin-left: -100px;
}

.popular__slide img {
  width: 100%;
  height: 100%;
}

.popular__slide.active {
  z-index: 28 !important;
}

.popular__buttons {
  position: relative;
  z-index: 30;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.popular__slide-inner {
  opacity: 0;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  visibility: hidden;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.popular__slide-inner.active {
  opacity: 1;
  visibility: visible;
  position: static;
  -webkit-transform: translateX(0%);
      -ms-transform: translateX(0%);
          transform: translateX(0%);
}

.popular__descr {
  margin-top: 95px;
  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: 8px;
  margin-bottom: 60px;
}

.popular__descr::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 1000%;
  height: 159px;
  background: var(--grey3);
}

.product-slider {
  margin-top: 110px;
}

.product-slider__wrapper {
  position: relative;
}

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

.product-slider h2 {
  max-width: 560px;
}

.product-slider__btn {
  margin-bottom: 40px;
}

.product-slider .subtitle {
  margin-bottom: 60px;
}

.product-slider .subtitle::before {
  background: var(--blue);
}

.product-slider .swiper-pagination-bullet-active {
  background: var(--dark2);
}

.product-slider .swiper-pagination {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product-slider-grey {
  background: var(--grey-5);
  padding: 60px 0;
}

.solutions {
  margin-top: 110px;
}

.solutions__wrapper {
  position: relative;
}

.solutions h2 {
  max-width: 630px;
}

.solutions__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: 24px;
}

.solutions__btn p {
  font-size: 14px;
}

.solutions__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: 22px;
  padding-bottom: 10px;
  overflow-x: auto;
  width: 100%;
}

.solutions__tabs-btn {
  border: 1px solid var(--grey4);
  border-radius: 40px;
  padding: 14px 24px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  white-space: nowrap;
}

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

.solutions__tabs-content {
  display: none;
}

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

.solutions .subtitle {
  margin-bottom: 60px;
}

.solutions .swiper-inner {
  margin-top: 16px;
  -webkit-transform: translate(0);
      -ms-transform: translate(0);
          transform: translate(0);
  gap: 8px;
  position: relative;
  left: 0;
  bottom: 0;
}

.solutions .swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.cooperation {
  background: var(--grey3);
  margin-top: 110px;
  padding-top: 60px;
}

.cooperation__inner {
  position: relative;
  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: 55px;
}

.cooperation h2 {
  margin-bottom: 16px;
}

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

.cooperation__wrapper img {
  margin-left: 40px;
  width: calc(100% - 40px);
  height: 340px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}

.cooperation__description p {
  margin-bottom: 32px;
}

.cooperation p.subtitle::before {
  background: var(--blue);
}

.cooperation-page {
  margin-top: 40px;
  padding-top: 0;
  background: #fff;
}

.cooperation-page h1 {
  margin-bottom: 16px;
}

.advantages-list {
  background: var(--grey-5);
  padding: 38px 0 50px;
}

.advantages-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 86px;
}

.advantages-list ul li {
  width: 100%;
}

.advantages-list ul li p {
  font-size: 18px;
}

.advantages-list ul li img {
  width: 56px;
  height: 56px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 16px;
}

.advantages-list ul li:nth-child(1) {
  max-width: 258px;
}

.advantages-list ul li:nth-child(2) {
  max-width: 225px;
  margin-right: 3px;
}

.advantages-list ul li:nth-child(3) {
  max-width: 215px;
  margin-right: 3px;
}

.advantages-list ul li:nth-child(4) {
  max-width: 318px;
}

.category {
  margin-top: 110px;
}

.category__wrapper {
  position: relative;
}

.category__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: 40px;
}

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

.category__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 12px 12px 20px;
  border: 1px solid var(--grey4);
  border-radius: 8px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  position: relative;
  z-index: 1;
}

.category__item p {
  font-family: var(--second-family);
  font-size: 20px;
  margin-top: 17px;
}

.category__item::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  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/ellipse.svg") center center/cover no-repeat;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

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

.category__item:hover .category__img {
  background: transparent;
}

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

.category__item:hover::before {
  opacity: 1;
  visibility: visible;
}

.category__item:hover p {
  color: var(--white);
}

.category__item p {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  font-size: 20px;
}

.category__img {
  padding: 37px;
  background: var(--grey3);
  border-radius: 8px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: relative;
}

.category__img img {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  height: 486px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.category .subtitle {
  margin-bottom: 60px;
}

.materials {
  margin-top: 110px;
  padding: 60px 0;
  background: var(--grey-5);
}

.materials__inner {
  display: -ms-grid;
  display: grid;
  gap: 20px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 40px;
}
.materials__inner:last-child {
    margin-bottom: 0;
}
.materials__info {
     margin-top: 42px;
     font-weight: 400;
    font-size: 16px;
    color: #858585;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
 gap: 7px;
}
.materials__info::before {
  content: "";
  display: block;
  width: 21px;
  height: 21px;
background: url("/local/templates/main/css/../img/hand.svg") center center/contain no-repeat;
}
.materials h2 {
  max-width: 630px;
}

.materials__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}

.materials__item p {
  font-family: var(--second-family);
  font-size: 20px;
  text-align: center;
}

.materials__item img {
  width: 100%;  
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: 7px solid rgba(255, 255, 255, 0);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 1025px) {
    .materials__item:hover img {      
        border-color:   rgba(255, 255, 255, 0.5);
    }
}
.materials__btns {
  margin-top: 32px;
  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: 8px;
}

.materials .subtitle {
  margin-bottom: 60px;
}

.materials p.subtitle::before {
  background: var(--blue);
}

.projects {
  margin-top: 110px;
}

.projects__tabs {
  padding-bottom: 64px;
}

.projects h2 {
  margin-bottom: 24px;
}

.projects__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: 22px;
  padding-bottom: 10px;
  overflow-x: auto;
  width: 100%;
}

.projects__tabs-btn {
  border: 1px solid var(--grey4);
  border-radius: 40px;
  padding: 14px 50px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  white-space: nowrap;
}

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

.projects__tabs-content {
  display: none;
}

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

.projects__item-img {
  position: relative;
  overflow: hidden;
  display: block;
  height: 460px;
}

.projects__item-switch {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 20;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.projects__item-inner {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  cursor: pointer;
}

.projects__item-inner:first-child .projects__item-switch-img {
  opacity: 1;
  z-index: -1;
}
.projects__item-inner.active .projects__item-switch-img,
.projects__item-inner:hover .projects__item-switch-img {
  opacity: 1;
  z-index: -1;
}

.projects__item-switch-img {
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  pointer-events: none;
  background-color: #fff;
  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;
  opacity: 0;
}

.projects__item-switch-img img {
  display: block;
  max-width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  width: 100%;
}

.projects__pagination {
  position: absolute;
  z-index: 30;
  left: 0;
  bottom: 15px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
}

.projects__pagination-item {
  display: block;
  border-radius: 2px;
  width: 30px;
  height: 3px;
  background: var(--white);
  opacity: 0.5;
  position: relative;
}
.projects__pagination-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: calc(100% + 4px);
  height: 40px;
}
.projects__pagination-item.active {
  opacity: 1;
}

.projects__item-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
}

.projects__wrapper {
  position: relative;
}

.projects .subtitle {
  margin-bottom: 60px;
}

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

.projects .swiper-inner {
  bottom: 0;
}

.projects-grey {
  background: var(--grey4);
  padding: 60px 0;
}

.projects-grey .swiper-button-next,
.projects-grey .swiper-button-prev {
  border: 1px solid var(--grey3);
}

.projects-grey .projects__tabs-btn {
  border: 1px solid var(--grey);
}

.trends {
  background: var(--grey-5);
  margin-top: 110px;
  padding: 60px 0;
}

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

.trends__item picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.trends__item-img {
  overflow: hidden;
  height: 460px;
  border-radius: 8px;
}

.trends__item img {
  border-radius: 8px;
  width: 100%;
  height: 460px;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

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

.trends__item:hover p::after {
  -webkit-transform: translateX(20px);
      -ms-transform: translateX(20px);
          transform: translateX(20px);
}

.trends__item p {
  font-family: var(--second-family);
  font-size: 20px;
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
}

.trends__item p::after {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  display: block;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.11155 0.445312L6.66688 6.00087L1.11144 11.5564' stroke='%231A1A18' stroke-width='0.842105' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  width: 8px;
  height: 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.trends__wrapper {
  position: relative;
}

.trends__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: 20px;
  margin-bottom: 32px;
}

.trends h2 {
  max-width: 530px;
}

.trends .subtitle {
  margin-bottom: 60px;
}

.trends p.subtitle::before {
  background: var(--blue);
}

.trends .swiper-inner {
  margin-top: 24px;
  -webkit-transform: translate(0);
      -ms-transform: translate(0);
          transform: translate(0);
  gap: 8px;
  position: relative;
  left: 0;
  bottom: 0;
}

.trends .swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.trends-white {
  background: transparent;
  padding: 0 !important;
}

.trends-white p.subtitle::before {
  background: var(--grey-5);
}

.news {
  margin-top: 100px;
  padding-top: 10px;
  overflow: hidden;
}

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

.news h2 {
  margin-bottom: 24px;
}

.news__inner {
  min-width: 413px;
  width: 413px;
}

.news__inner p {
  margin-bottom: 40px;
}

.news__slider {
  width: 100%;
}

.news picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.news__items {
  width: 100%;
  display: -ms-grid;
  display: grid;
  gap: 40px 20px;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
}

.news__item {
  width: 305px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.news__item p {
  color: var(--grey);
  margin: 16px 0 10px;
}

.news__item a {
  font-family: var(--second-family);
  font-size: 20px;
  display: block;
}

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

.news .subtitle {
  margin-bottom: 60px;
}

.news__btns {
  margin-top: 74px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

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

.news__sort a {
  display: block;
  padding: 14px 24px;
  border: 1px solid var(--grey4);
  border-radius: 40px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  white-space: nowrap;
}

.news__sort a:hover,
.news__sort a.active {
  background-color: var(--blue);
  color: var(--white);
  border-color: var(--blue);
}

.news-page {
  margin-top: 0 !important;
}

.news-page .news__wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0;
}

.news-page .news__item {
  width: 100%;
}

.news-page .news__item a {
  font-size: 16px;
}

.showroom {
  background: var(--grey-5);
  padding: 60px 0;
  margin-top: 110px;
}

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

.showroom__wrapper img {
  border-radius: 8px;
  width: 100%;
  margin-top: 20px;
}

.showroom h2 {
  margin-bottom: 24px;
}

.showroom__inner p {
  margin-bottom: 40px;
}

.showroom__btn p {
  color: var(--dark);
}

.showroom .grey-btn {
  border: none;
  background: none;
  margin-top: 24px;
  margin-left: auto;
}

.showroom .subtitle {
  margin-bottom: 60px;
}

.showroom p.subtitle::before {
  background: var(--blue);
}

.about-section {
  margin-top: 110px;
}

.about-section__wrapper {
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 129px;
}

.about-section__wrapper ul {
  max-width: 413px;
  width: 100%;
}

.about-section__wrapper ul li {
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--grey4);
}

.about-section__wrapper ul li:not(:last-child) {
  margin-bottom: 24px;
}

.about-section__wrapper ul li img {
  width: 32px;
  height: 32px;
}

.about-section h2 {
  margin-bottom: 24px;
  max-width: 630px;
}

.about-section__inner p {
  margin-bottom: 40px;
  max-width: 738px;
}

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

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

.about-section__images {
  display: -ms-grid;
  display: grid;
  gap: 20px;
  -ms-grid-columns: 1fr 2fr;
  grid-template-columns: 1fr 2fr;
}

.about-section .container {
  position: relative;
}

.about-section .subtitle {
  margin-bottom: 60px;
}

.about-section .swiper-inner {
  margin-top: 24px;
  -webkit-transform: translate(0);
      -ms-transform: translate(0);
          transform: translate(0);
  gap: 8px;
  position: relative;
  left: 0;
  bottom: 0;
}

.about-section .swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

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

.contacts-section {
  margin-top: 110px;
  scroll-margin-top: 50px;
  margin-bottom: -50px;
}

.contacts-section__wrapper {
  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;
  margin-bottom: 40px;
  gap: 60px;
}

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

.contacts-section__inner {
  max-width: 522px;
}

.contacts-section__inner ul {
  max-width: 413px;
  margin-bottom: 32px;
}

.contacts-section__inner ul li:not(:last-child) {
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--grey3);
}

.contacts-section__inner ul li p {
  font-family: var(--second-family);
  font-size: 20px;
}

.contacts-section__inner ul li p:first-child {
  font-family: var(--font-family);
  font-size: 16px;
  opacity: 0.8;
  margin-bottom: 16px;
}

.contacts-section__inner ul li a {
  font-family: var(--second-family);
  font-size: 20px;
}

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

.contacts-section__inner ul li ul li:not(:last-child) {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

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

.contacts-section__socials img {
  opacity: 0.7;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  width: 32px;
  height: 32px;
}

.contacts-section__socials a:hover img {
  opacity: 1;
}

.contacts-section .subtitle {
  margin-bottom: 60px;
}

.contacts-section .form {
  max-width: 630px;
}

.contacts-section .form__content label input,
.contacts-section .form__content label textarea {
  padding: 0;
  height: 45px;
  background: 0 0;
  border: none;
  border-bottom: 1px solid var(--grey4);
  padding-bottom: 24px;
  width: 100%;
  border-radius: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.contacts-section .form__content label input:hover,
.contacts-section .form__content label textarea:hover {
  border-bottom: 1px solid var(--grey);
}

.contacts-section .form__content label input:focus,
.contacts-section .form__content label textarea:focus {
  color: var(--dark);
  outline: none;
  border-bottom: 1px solid var(--grey);
}

.contacts-section .form__content label.active input,
.contacts-section .form__content label.active textarea {
  color: #d44545;
  border: none !important;
  border-bottom: 1px solid rgba(212, 69, 69, 0.5) !important;
}

.contacts-section .form__content label.active input::-webkit-input-placeholder, .contacts-section .form__content label.active textarea::-webkit-input-placeholder {
  color: #d44545;
}

.contacts-section .form__content label.active input::-moz-placeholder, .contacts-section .form__content label.active textarea::-moz-placeholder {
  color: #d44545;
}

.contacts-section .form__content label.active input:-ms-input-placeholder, .contacts-section .form__content label.active textarea:-ms-input-placeholder {
  color: #d44545;
}

.contacts-section .form__content label.active input::-ms-input-placeholder, .contacts-section .form__content label.active textarea::-ms-input-placeholder {
  color: #d44545;
}

.contacts-section .form__content label.active input::placeholder,
.contacts-section .form__content label.active textarea::placeholder {
  color: #d44545;
}

.contacts-section__map {
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
  height: 443px;
}

.contacts-section__map canvas {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}

.contacts-section__map .ymaps-2-1-79-ground-pane .ymaps-2-1-79-user-selection-none {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}

.contacts-section__map .ymaps-2-1-79-image {
  -webkit-filter: grayscale(0) !important;
          filter: grayscale(0) !important;
}

.catalog .catalog-menu::after {
  display: none;
}

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

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

.catalog__tags-new {
  margin-bottom: 30px;
}

.catalog .swiper {
  margin-top: 0;
  padding: 0;
  width: 100%;
  margin-left: 0;
  overflow: visible;
}

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

.catalog .swiper-slide {
  min-width: 100%;
}

.catalog__inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 16px;
  margin-bottom: 40px;
  padding-right: 162px;
}

.catalog__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.catalog__tags.active {
  height: 105px;
  overflow: hidden;
}

.catalog__tag {
  white-space: nowrap;
  border: 1px solid var(--grey4);
  border-radius: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 24px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}

.catalog__tag:hover {
  background: var(--blue);
  color: #fff;
}

.catalog__tag.active {
  background: var(--blue);
  color: #fff;
}

.catalog__tags-more {
  position: absolute;
  right: 0;
  bottom: 0;
  background: var(--grey3);
  cursor: pointer;
  white-space: nowrap;
  padding: 14px 24px;
  border-radius: 40px;
}

.catalog__reset {
  opacity: 0.6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  cursor: pointer;
  margin-left: auto;
}

.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='M2 4H3.33333H14' stroke='%231A1A18' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.6615 4.00065V13.334C12.6615 13.6876 12.521 14.0267 12.2709 14.2768C12.0209 14.5268 11.6817 14.6673 11.3281 14.6673H4.66146C4.30784 14.6673 3.9687 14.5268 3.71865 14.2768C3.4686 14.0267 3.32813 13.6876 3.32812 13.334V4.00065M5.32812 4.00065V2.66732C5.32812 2.3137 5.4686 1.97456 5.71865 1.72451C5.9687 1.47446 6.30784 1.33398 6.66146 1.33398H9.32812C9.68175 1.33398 10.0209 1.47446 10.2709 1.72451C10.521 1.97456 10.6615 2.3137 10.6615 2.66732V4.00065' stroke='%231A1A18' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.67188 7.33398V11.334' stroke='%231A1A18' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.32812 7.33398V11.334' stroke='%231A1A18' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.catalog .select__title {
  width: 100%;
}

.catalog .accordion {
  margin-bottom: 32px;
}

.catalog .accordion__item {
  border-bottom: 1px solid var(--grey3);
  padding: 20px 0;
}

.catalog .accordion__item:first-child {
  border-top: 1px solid var(--grey3);
}

.catalog .accordion__item.open .accordion__btn::after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.catalog .accordion__item.open .accordion__content {
  padding-top: 20px;
  padding-bottom: 6px;
  visibility: visible;
  opacity: 1;
}

.catalog .accordion__item.open .accordion__control {
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}

.catalog .accordion__control {
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  margin-bottom: 16px;
  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%;
}

.catalog .accordion__btn {
  cursor: pointer;
  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;
}

.catalog .accordion__btn::after {
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  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='M6 8.99609L12 14.9961L18 8.99609' stroke='%23B8B8B8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 24px;
  height: 24px;
}

.catalog .accordion__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;
}

.catalog .accordion__content.active {
  max-height: -webkit-max-content !important;
  max-height: -moz-max-content !important;
  max-height: max-content !important;
  padding-bottom: 0 !important;
}

.catalog__sliders .catalog__inner {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 26px;
  padding-right: 0;
}

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

.catalog__slider:not(:last-child) {
  margin-bottom: 80px;
}

.catalog__slider .swiper {
  overflow: hidden;
}

.catalog__slider .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 !important;
}

.catalog__slider .swiper-slide {
  min-width: auto;
}

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

.catalog__slider .swiper-inner {
  margin-top: 24px;
  position: relative;
  -webkit-transform: translateX(0%);
      -ms-transform: translateX(0%);
          transform: translateX(0%);
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  padding: 0;
}

.more {
  position: absolute;
  right: 0;
  bottom: 2px;
  padding: 14px 46px;
  border: 1px solid var(--grey4);
  border-radius: 8px;
  height: 48px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.more:hover {
  color: #fff;
  background: var(--blue);
}

.sort-mobile {
  display: none;
  margin-top: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
  background: var(--grey3);
  cursor: pointer;
  white-space: nowrap;
  padding: 14px 24px;
  border-radius: 40px;
}

.sort-mobile__btn {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: var(--dark);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.sort-mobile__btn::before {
  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 fill-rule='evenodd' clip-rule='evenodd' d='M6.93626 6.48555C7.22978 6.48555 7.51671 6.57259 7.76076 6.73566C8.00482 6.89873 8.19503 7.13051 8.30736 7.40169C8.41968 7.67287 8.44907 7.97126 8.39181 8.25914C8.33455 8.54702 8.1932 8.81146 7.98565 9.01901C7.7781 9.22656 7.51367 9.3679 7.22579 9.42517C6.93791 9.48243 6.63951 9.45304 6.36833 9.34071C6.09716 9.22839 5.86538 9.03817 5.70231 8.79412C5.53923 8.55007 5.4522 8.26314 5.4522 7.96962C5.4522 7.57602 5.60855 7.19854 5.88687 6.92022C6.16518 6.64191 6.54266 6.48555 6.93626 6.48555ZM4.06237 7.22758H1.74203C1.54523 7.22758 1.35649 7.30576 1.21734 7.44492C1.07818 7.58408 1 7.77282 1 7.96962C1 8.16642 1.07818 8.35515 1.21734 8.49431C1.35649 8.63347 1.54523 8.71165 1.74203 8.71165H4.06237C4.22635 9.34944 4.59779 9.91459 5.11821 10.3181C5.63862 10.7217 6.27846 10.9407 6.937 10.9407C7.59554 10.9407 8.23538 10.7217 8.7558 10.3181C9.27621 9.91459 9.64765 9.34944 9.81164 8.71165H22.5189C22.7157 8.71165 22.9045 8.63347 23.0436 8.49431C23.1828 8.35515 23.261 8.16642 23.261 7.96962C23.261 7.77282 23.1828 7.58408 23.0436 7.44492C22.9045 7.30576 22.7157 7.22758 22.5189 7.22758H9.81089C9.64665 6.59012 9.27515 6.02534 8.75484 5.62209C8.23452 5.21884 7.59492 5 6.93663 5C6.27835 5 5.63874 5.21884 5.11842 5.62209C4.59811 6.02534 4.22661 6.59012 4.06237 7.22758ZM14.3358 15.5636C14.3802 15.9395 14.5665 16.2842 14.8567 16.5273C15.1469 16.7703 15.5189 16.8933 15.8968 16.8711C16.2746 16.8488 16.6297 16.6831 16.8894 16.4077C17.1491 16.1323 17.2937 15.7681 17.2937 15.3896C17.2937 15.0111 17.1491 14.6469 16.8894 14.3715C16.6297 14.0961 16.2746 13.9303 15.8968 13.9081C15.5189 13.8858 15.1469 14.0088 14.8567 14.2519C14.5665 14.4949 14.3802 14.8397 14.3358 15.2156C14.3634 15.3299 14.3634 15.4492 14.3358 15.5636ZM12.9363 14.6479H1.74203C1.54523 14.6479 1.35649 14.7261 1.21734 14.8652C1.07818 15.0044 1 15.1931 1 15.3899C1 15.5867 1.07818 15.7755 1.21734 15.9146C1.35649 16.0538 1.54523 16.132 1.74203 16.132H12.9363C13.1006 16.7694 13.4721 17.3342 13.9924 17.7375C14.5127 18.1407 15.1523 18.3596 15.8106 18.3596C16.4689 18.3596 17.1085 18.1407 17.6288 17.7375C18.1491 17.3342 18.5206 16.7694 18.6849 16.132H22.5197C22.7165 16.132 22.9052 16.0538 23.0444 15.9146C23.1835 15.7755 23.2617 15.5867 23.2617 15.3899C23.2617 15.1931 23.1835 15.0044 23.0444 14.8652C22.9052 14.7261 22.7165 14.6479 22.5197 14.6479H18.6841C18.5199 14.0104 18.1484 13.4457 17.6281 13.0424C17.1077 12.6392 16.4681 12.4203 15.8099 12.4203C15.1516 12.4203 14.512 12.6392 13.9916 13.0424C13.4713 13.4457 13.1006 14.0104 12.9363 14.6479Z' fill='%23A7B3B8'/%3E%3C/svg%3E%0A");
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 24px;
  height: 24px;
}

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

.pagination__next,
.pagination__prev {
  display: block;
  cursor: pointer;
  border-radius: 8px;
  width: 48px;
  height: 48px;
  background: var(--grey3);
  position: relative;
}

.pagination__next::before,
.pagination__prev::before {
  position: absolute;
  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 opacity='0.5'%3E%3Cpath d='M4 12H20' stroke='%231A1A18' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.3343 5.33398L20.0007 12.0007L13.3341 18.6673' stroke='%231A1A18' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 24px;
  height: 24px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

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

.pagination__inner {
  background: var(--grey3);
  padding: 8px 13px;
  border-radius: 8px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 9px;
}

.pagination__inner span {
  display: block;
  margin: 10px;
}

.pagination__num {
  cursor: pointer;
  border-radius: 8px;
  width: 32px;
  height: 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;
  background: var(--grey3);
}

.pagination__num.active {
  background: var(--blue);
  color: #fff;
  -webkit-box-shadow: 0 2px 6px 0 rgba(27, 30, 38, 0.25);
          box-shadow: 0 2px 6px 0 rgba(27, 30, 38, 0.25);
}

.filter__select,
.filter__mobile-select {
  display: none;
}

.filter__select {
  background: var(--grey3);
  border-radius: 40px;
  padding: 16px;
  width: 100%;
  margin-bottom: 32px;
}

.filter__select .select__title::after {
  margin-left: auto;
}

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

.filter__left {
  width: 305px;
  position: relative;
}

.filter__title {
  font-size: 24px;
  font-family: var(--second-family);
  margin-bottom: 24px;
}

.filter__reset {
  padding: 14px 24px;
  border: 1px solid var(--grey4);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
          cursor: pointer;
}

.filter__reset::before {
  display: none;
}

.filter__reset:hover {
  color: #fff;
  background: var(--blue);
}
.filter__show {
    cursor: pointer;
}
.filter__show:hover {
    background: #fff;
    color: var(--dark);
    border: 1px solid var(--blue);
}
.filter__show-fixed span {
    opacity: 0.5;
    padding-left: 10px;
}
.filter__show-fixed {
    width: fit-content !important;
      display: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    transition: all 0.3s ease; 
}
.filter .btn {
  width: 100%;
}

.filter__out {
  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: 20px;
  margin-bottom: 25px;
}

.filter__before,
.filter__from {
  border: 1px solid var(--grey4);
  border-radius: 20px;
  padding: 10px;
  font-size: 14px;
  text-align: center;
  width: 100%;
}

.filter__before span,
.filter__from span {
  font-size: 14px;
  text-align: center;
  padding: 0 4px;
}

.filter__close {
  display: none;
}

.filter__more {
  width: 100%;
}

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

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

.filter__checkbox input {
  display: none;
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.filter__checkbox input:checked + span {
  background: #1B1951;
}
.filter__checkbox input:disabled + span {
  color: #dedede;
  border: 1px solid #dedede;
  cursor: not-allowed;
  background: #d9d9d9;
}
.filter__checkbox input:disabled + span +p {
  color: #dedede;
}
.filter__checkbox p {
  cursor: pointer;
  font-size: 14px;
  line-height: 20px;
}

.filter__checkbox span {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  min-width: 20px;
  width: 20px;
  height: 20px;
  display: block;
  background: #ffffff;
  border: 1px solid var(--grey4);
  border-radius: 2px;
  cursor: pointer;
  position: relative;
}

.filter__checkbox span::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='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1L4.75 9L1 5.36364' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 14px;
  height: 10px;
  opacity: 0;
}

.filter__radio input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  display: none;
}

.filter__radio input:checked + span {
  background: #1B1951;
}
.filter__checkbox input:checked + span::before {
  opacity: 1;
}

.filter__radio p {
  cursor: pointer;
  font-size: 14px;
  line-height: 20px;
}

.filter__radio span {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  width: 20px;
  height: 20px;
  display: block;
  background: #ffffff;
  border: 1px solid var(--grey4);
  border-radius: 2px;
  cursor: pointer;
  border-radius: 100%;
  position: relative;
}

.filter__radio span::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  border-radius: 100%;
  background: #1B1951;
}

.filter__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: 7px;
}

.filter .btn {
  padding: 18px 24px;
}

.filter 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;
}

.filter__tracks {
  position: relative;
}

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

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

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

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

.filter input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background-color: var(--blue2);
    cursor: pointer;
    margin-top: -6px;
    pointer-events: auto;
 
  }
  
  .filter input[type=range]::-moz-range-thumb {
    -webkit-appearance: none;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background-color: var(--blue2);
    cursor: pointer;
    margin-top: -6px;
    pointer-events: auto;
    
    border: none;
  }
  
  .filter input[type=range]::-ms-thumb {
    appearance: none;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background-color: var(--blue2);
    cursor: pointer;
    margin-top: -6px;
    pointer-events: auto;
    
    pointer-events: auto;
  }

.filter input[type=range]:active::-webkit-slider-thumb {
  background-color: var(--blue);
}

.sort {
  border-radius: 40px;
  padding: 14px 24px;
  background: var(--grey3);
  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;
}

.sort__title {
  opacity: 0.6;
}

.sort__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: 24px;
}

.sort__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  gap: 8px;
  white-space: nowrap;
}

.sort__item img {
  width: 16px;
  height: 16px;
  -webkit-filter: grayscale(1) invert(0) brightness(0.5);
          filter: grayscale(1) invert(0) brightness(0.5);
}

.sort__item.active {
  font-weight: 500;
  color: var(--blue2);
}

.sort__item.active img {
  -webkit-filter: none;
          filter: none;
}

.catalog-izbranoe .select__content {
  left: -20px;
  right: auto;
}

.description {
  background: var(--grey3);
  margin-top: 110px;
  padding: 60px 0;
}

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

.description__wrapper img {
  border-radius: 8px;
  max-width: 659px;
  width: 100%;
}

.description__wrapper picture {
  width: 100%;
}
.description__inner:has(+ img),
.description__inner:has(+ picture) {
  max-width: 542px;
}

.description h2 {
  margin-bottom: 24px;
}
.description p {
  margin-bottom: 10px;
}
.description ul  {
    padding-left: 18px; 
    margin-bottom: 24px;
}
.description ul li {
    list-style: disc; 
}
.description ul li::marker {
    font-size: 22px;
    color: #a7b3b8;
}
.description ul li:not(:last-child) {
  margin-bottom: 10px;  
}

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

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

.description__hidden.active {
  opacity: 1;
  visibility: visible;
  padding-top: 60px;
  padding-bottom: 80px;
}

.description__more {
  margin-top: 44px;
  padding: 10px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  border: 1px solid var(--grey-5);
  border-radius: 40px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.description__more::after {
  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 opacity='0.5'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%231A1A18' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 16px;
  height: 16px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.description__more.active {
  position: absolute;
  left: 16px;
  bottom: 0;
}

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

.description__types {
  margin-bottom: 80px;
}

.description__types ul {
  display: -ms-grid;
  display: grid;
  gap: 32px 20px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  padding-left: 0;
  margin-bottom: 0;
}
.description__types ul li {
    list-style: none;
}
.description__types ul li p {
   margin-bottom: 0;
}
.description__types ul li p:first-child {
  font-family: var(--second-family);
  font-size: 20px;
  margin-bottom: 24px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--grey4);
}

.description__material {
  margin-bottom: 40px;
}

.description__material img {
  border-radius: 8px;
  max-width: 630px;
  min-width: 60%;
  width: 100%;
}

.description__material ul {
  max-width: 570px;
  width: 100%;
  padding-left: 16px;
  margin-bottom: 110px;
}

.description__material ul li:not(:last-child) {
  margin-bottom: 16px;
}
.description__material ul li {
    list-style: none;
}
.description__material ul li p:first-child {
  font-family: var(--second-family);
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  margin-left: -16px;
}

.description__material ul li p:first-child::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--blue);
}
.description ol {
  padding-left: 18px;
}
.description ol li {
  list-style: decimal; 
}

.description ol {
  margin-bottom: 40px;
}

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

.description__material-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 80px;
}

.description__images {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}

.description__images img {
  width: 198px;
  height: 198px;
  min-width: auto;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 50%;
  border: 9px solid var(--white);
}

.description .container {
  position: relative;
}

.description .subtitle {
  margin-bottom: 60px;
}

.description p.subtitle::before {
  background: var(--blue);
}

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

.product__wrap {
  position: relative;
}
.product__id {
    font-weight: 400;
    font-size: 16px;
    color: #626f71;
    text-align: right;
    margin-bottom: 12px;
    margin-top: -32px;

}
.product__receipt {
  background: var(--grey2);
  color: var(--white);
  border-radius: 40px;
  padding: 18px 24px;
  max-width: 450px;
  width: 100%;
}

.product__slides {
  border: 1px solid var(--grey4);
  border-radius: 8px;
  padding: 20px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 522px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  gap: 10px;
  cursor: pointer;
}

.product__img {
  border: 1px solid var(--grey4);
  border-radius: 8px;
  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;
  width: 522px;
  padding: 59px 16px;
  padding-top: 80px;
}

.product__img img {
  max-width: 321px;
  height: 660px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.product__tag {
  font-size: 14px;
  padding: 5px 12px;
  background: rgba(31, 75, 196, 0.2);
  border-radius: 4px;
  position: absolute;
  top: 20px;
  left: 20px;
}

.product__tag-red {
  background: rgba(133, 56, 62, 0.2);
  color: #85373d;
}

.product__inner {
  max-width: 738px;
  width: 100%;
}

.product__description {
  background: var(--grey3);
  padding: 24px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 54px;
  margin-bottom: 32px;
}

.product__description-inner {
  max-width: 409px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.product__description-inner a {
  color: var(--dark2);
  margin: 16px 0 24px;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.product__description-title {
  font-family: var(--second-family);
  font-size: 24px;
  margin-bottom: 24px;
}

.product__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 67px;
}

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

.product__old-price {
  font-family: var(--second-family);
  font-size: 16px;
  text-decoration: line-through;
  color: rgba(26, 26, 24, 0.6);
  white-space: nowrap;
}

.product__price {
  font-family: var(--second-family);
  font-size: 24px;
  white-space: nowrap;
}

.product__description-wrap {
  width: 100%;
  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: 24px;
}

.product__description-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}

.product__description-rating p {
  white-space: nowrap;
  font-size: 16px;
}

.product__description-rating span {
  white-space: nowrap;
  color: var(--grey);
  font-size: 16px;
}

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

.product__compare,
.product__favorite {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  width: 24px !important;
  height: 24px !important;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  margin: 0 !important;
}

.product__compare {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 21H20' stroke='%23B8B8B8' stroke-linecap='round'/%3E%3Cpath d='M6 17L6 7' stroke='%23B8B8B8' stroke-linecap='round'/%3E%3Cpath d='M12 17L12 3' stroke='%23B8B8B8' stroke-linecap='round'/%3E%3Cpath d='M18 17L18 10' stroke='%23B8B8B8' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.product__compare.active {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 21H20' stroke='%231B1951' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M6 17L6 7' stroke='%231B1951' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M12 17L12 3' stroke='%231B1951' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M18 17L18 10' stroke='%231B1951' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.product__favorite {
  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.4578 5.50292C19.9691 5.02645 19.3889 4.64848 18.7503 4.39061C18.1117 4.13273 17.4272 4 16.7359 4C16.0446 4 15.3601 4.13273 14.7215 4.39061C14.0829 4.64848 13.5026 5.02645 13.0139 5.50292L11.9997 6.4913L10.9855 5.50292C9.99842 4.54094 8.6596 4.0005 7.26361 4.0005C5.86761 4.0005 4.52879 4.54094 3.54168 5.50292C2.55456 6.46491 2 7.76964 2 9.1301C2 10.4906 2.55456 11.7953 3.54168 12.7573L4.55588 13.7457L11.9997 21L19.4436 13.7457L20.4578 12.7573C20.9467 12.281 21.3346 11.7156 21.5992 11.0932C21.8638 10.4708 22 9.80377 22 9.1301C22 8.45642 21.8638 7.78935 21.5992 7.16699C21.3346 6.54463 20.9467 5.97917 20.4578 5.50292Z' stroke='%23B8B8B8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.product__favorite.active {
  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.4578 5.50292C19.9691 5.02645 19.3889 4.64848 18.7503 4.39061C18.1117 4.13273 17.4272 4 16.7359 4C16.0446 4 15.3601 4.13273 14.7215 4.39061C14.0829 4.64848 13.5026 5.02645 13.0139 5.50292L11.9997 6.4913L10.9855 5.50292C9.99842 4.54094 8.6596 4.0005 7.26361 4.0005C5.86761 4.0005 4.52879 4.54094 3.54168 5.50292C2.55456 6.46491 2 7.76964 2 9.1301C2 10.4906 2.55456 11.7953 3.54168 12.7573L4.55588 13.7457L11.9997 21L19.4436 13.7457L20.4578 12.7573C20.9467 12.281 21.3346 11.7156 21.5992 11.0932C21.8638 10.4708 22 9.80377 22 9.1301C22 8.45642 21.8638 7.78935 21.5992 7.16699C21.3346 6.54463 20.9467 5.97917 20.4578 5.50292Z' fill='%231B1D56'/%3E%3C/svg%3E%0A");
}

.product__description-btns {
  margin-top: auto;
  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;
  margin-left: auto;
}

.product__description-btn {
  width: 210px;
  width: 100% !important;
  margin: 0 !important;
  border-radius: 40px;
  padding: 18px 30px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  background: var(--grey4);
  text-align: center;
  white-space: nowrap;
}

.product__description-btn.btn-black {
  background: var(--dark);
  color: var(--white) !important;
}

.product__description-btn:hover {
  background: var(--blue);
  color: var(--white);
}

.product__description-btn-grey {
  border-radius: 40px;
  background: var(--grey2);
  padding: 18px 24px;
  color: var(--white);
}

.product__tabs-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  margin-bottom: 22px;
  padding-bottom: 10px;
  overflow-x: auto;
  width: 100%;
}

.product__tabs-btn {
  padding: 14px 48px;
  border: 1px solid var(--grey4);
  border-radius: 40px;
  opacity: 0.5;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  white-space: nowrap;
}

.product__tabs-btn.active {
  opacity: 1;
  background: var(--grey3);
  border: 1px solid var(--grey3);
}

.product__tabs-btn:hover {
  opacity: 1;
  background: var(--grey3);
}

.product__tabs-content {
  display: none;
}

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

.product__models p {
  font-family: var(--second-family);
  font-size: 20px;
  margin-bottom: 16px;
}

.product__models p span {
  padding-left: 24px;
  opacity: 0.6;
  font-family: var(--second-family);
}

.product__models ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;

}

.product__models ul:not(:last-child) {
  margin-bottom: 24px;
}

.product__models ul li {
  width: 100px;
  height: 135px;
  padding: 7px;
  border-radius: 8px;
  cursor: pointer;
  border: 1px solid transparent;
}

.product__models ul li.active {
  border: 1px solid var(--dark);
}

.product__models ul li img {
  width: 100%;
  height: 120px;
  -o-object-fit: contain;
     object-fit: contain;
}

.product__material p {
  font-family: var(--second-family);
  margin-bottom: 16px;
  font-size: 20px;
}

.product__material p span {
  opacity: 0.6;
  font-family: var(--second-family);
}

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

.product__check:not(:last-child) {
  margin-bottom: 24px;
}

.product__check-square {
  gap: 16px !important;
  overflow-x: auto;
  width: 100%;
  padding: 10px;
  padding: 12px !important;
  margin-top: -1px;
  margin-bottom: -10px;
}

.product__check-square a,
.product__check-square img,
.product__check-square span {
  width: 48px !important;
  height: 48px !important;
  border-radius: 8px !important;
}

.product__check-square a::before,
.product__check-square span::before {
  border-radius: 8px !important;
  width: calc(100% + 12px) !important;
  height: calc(100% + 12px) !important;
}

.product__check-square a::after,
.product__check-square span::after {
  display: none !important;
}

.product__check-square label a,
.product__check-square label img,
.product__check-square label span {
  width: 60px !important;
  height: 60px !important;
  padding: 0;
}

.product__check-item.active + picture img,
.product__check-item.active + img {
  border: 1px solid var(--dark);
}

.product__check-item.active a::before,
.product__check-item.active span::before {
  border: 1px solid var(--dark);
}

.product__check-item a,
.product__check-item img,
.product__check-item span {
  padding: 2px;
  width: 55px;
  height: 55px;
  display: block;
  border-radius: 50%;
  border: 1px solid transparent;
  cursor: pointer;
}

.product__check-item a,
.product__check-item span {
  position: relative;
}

.product__check-item a::before,
.product__check-item span::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%;
  border-radius: 50%;
  border: 1px solid transparent;
  z-index: 2;
}

.product__check-item a::after,
.product__check-item span::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-radius: 50%;
  border: 4px solid #fff;
  z-index: 1;
}

.product__check-1 a,
.product__check-1 span {
  background: #dfded7;
}

.product__check-2 a,
.product__check-2 span {
  background: #bab9b1;
}

.product__check-3 a,
.product__check-3 span {
  background: #af9775;
}

.product__check-4 a,
.product__check-4 span {
  background: #9c7849;
}

.product__check-5 a,
.product__check-5 span {
  background: #e9e2d1;
}

.product__check-6 a,
.product__check-6 span {
  background: #d7c9bd;
}

.product__check-7 a,
.product__check-7 span {
  background: #f1f0f2;
}

.product__check-8 a,
.product__check-8 span {
  background: #d6bfa0;
}

.product__check-plus {
  position: relative;
}

.product__check-plus a,
.product__check-plus span {
  background: #dedede;
}

.product__check-plus p {
  position: absolute;
  cursor: pointer;
  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='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 3.75V14.25' stroke='%238C8C8B' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.75 9H14.25' stroke='%238C8C8B' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 18px;
  height: 18px;
  z-index: 2;
}

.product__size p {
  font-family: var(--second-family);
  font-size: 20px;
  margin-bottom: 24px;
}

.product__size ul:not(:last-child) {
  margin-bottom: 32px;
}

.product__size ul li {
  font-size: 18px;
}

.product__size ul li span {
  font-family: var(--second-family);
  font-size: 20px;
  color: var(--dark2);
}

.product .select {
  margin-left: auto;
  margin-bottom: 8px;
}

.product .select__title {
  color: var(--dark2);
}

.product .select__content {
  left: calc(100% + 20px);
  right: auto;
  top: 0;
  width: calc(100% + 30px);
}

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

.product-other .product__description-rating {
  margin-bottom: 16px;
}

.product-other .product__tag {
  position: absolute;
  color: var(--white);
  left: 20px;
  top: 20px;
  z-index: 1;
  background: #3e3a38;
  border-radius: 8px 0 8px 0;
}

.product-other .product__check:not(:last-child) {
  margin-bottom: 29px;
}

.product-other .product__check {
  gap: 10px;
}

.product-other .product__inner {
  overflow: hidden;
  padding-bottom: 5px;
}

.product-other .swiper-button-next,
.product-other .swiper-button-prev {
  border: none;
}

.product-other .swiper-inner {
  padding-right: 9px;
  bottom: 24px;
}

.product-other .swiper-button-next::before,
.product-other .swiper-button-prev::before {
  -webkit-filter: invert(1);
          filter: invert(1);
  width: 36px;
  height: 36px;
}

.product-swiper2 {
  height: 482px;
}

.product-swiper2 .swiper-wrapper .swiper-slide img {
  cursor: pointer;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
}

.product-swiper {
  height: 100px;
  width: 100%;
}

.product-swiper .swiper-wrapper {
  height: 100%;
}

.product-swiper .swiper-slide {
  width: 100px;
  cursor: pointer;
  opacity: 0.5;
}

.product-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 5px;
}

.product-swiper .swiper-slide-thumb-active {
  opacity: 1;
}
.faq {
    margin-top: 110px;
}
.faq h2 {
    margin-bottom: 32px;
}
.faq__accordion:not(:last-child) {
    margin-bottom: 20px;
}
.faq__accordion {
    overflow: hidden;
}
.faq__accordion.open .faq__accordion-btn  {
    background: var(--blue);
    color: var(--white);
}
.faq__accordion.open .faq__accordion-btn::after {
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
.faq__accordion.open .faq__accordion-content{
    opacity: 1;
    visibility: visible;
    margin-top: 8px;
    padding-top: 37px;
    padding-bottom: 37px;
}

.faq__accordion-btn {
    background: var(--grey3);
    font-family: var(--second-family);
    font-size: 20px;
    padding: 21px 30px;
    cursor: pointer;
    border-radius: 8px;
     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;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.faq__accordion-btn::after {
    display: block;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='29' height='29' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.68457 14.0536L23.4222 14.0536M14.0531 23.4222L14.0531 4.68457' stroke='%231A1A18' stroke-width='1.49901' stroke-linecap='round' /%3E%3C/svg%3E");
    width: 29px;
    height: 29px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.faq__accordion-content {
    border-radius: 8px;
    padding: 0 38px 0 30px;
    background: var(--grey3);
  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;
}

.faq__accordion-content p {
    margin-bottom: 17px;
}
.faq__accordion-content strong,
.faq__accordion-content b {
    font-weight: 700;
}
.faq__accordion-content a {
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
            text-decoration-skip-ink: none;
}
.faq__accordion-content ul {
    margin: 16px 0;
}
.faq__accordion-content p:last-child,
.faq__accordion-content ol:last-child,
.faq__accordion-content ul:last-child {
    margin-bottom: 0;
}
.faq__accordion-content ul li {
    position: relative;
    padding-left: 16px;
}
.faq__accordion-content ul li:not(:last-child) {
    margin-bottom: 14px;
}
.faq__accordion-content ul li::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;   
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--grey2);
}
.faq__accordion-content ol {
     margin: 16px 0;
    counter-reset: section;
}
.faq__accordion-content ol li {
    padding-left: 54px;
    position: relative;
    min-height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;    
}
.faq__accordion-content ol li:not(:last-child) {
    margin-bottom: 10px;
}
.faq__accordion-content ol li::before {
    font-family: var(--second-family);
    font-size: 14px;
    line-height: 1;
    text-align: center;
    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;
    background: var(--grey2);
    counter-increment: section;
    content: counter(section, decimal-leading-zero);
    border-radius: 37px;  
    width: 38px;
    height: 37px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.faq .subtitle {
    margin-bottom: 60px;
}

.specification {
  padding-top: 60px;
}

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

.specification__wrapper img {
  max-width: 630px;
  width: 100%;
  border-radius: 8px;
}

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

.specification ul li {
  padding-bottom: 12px;
  border-bottom: 1px solid var(--grey3);
  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;
}

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

.specification ul li p {
  max-width: 350px;
  text-align: right;
}
.specification ul li p:last-child {
  word-break: break-word;
}
.specification ul li p:first-child {
  max-width: 120px;
  opacity: 0.6;
  text-align: left;
}

.specification__inner {
  max-width: 522px;
  width: 100%;
}

.specification__more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  margin-top: 14px;
}

.specification__more::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%3Cg opacity='0.5'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%231A1A18' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 16px;
  height: 16px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

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

.control {
  margin-top: 60px;
}

.control__tabs {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 10px;
  gap: 16px;
  overflow-x: auto;
}

.control__tab {
  width: 100%;
}

.control__tab-btn {
  text-align: center;
  width: 100%;
  white-space: nowrap;
  display: block;
  border: 1px solid var(--grey4);
  border-radius: 40px;
  padding: 14px 12px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}

.control__tab-btn.active {
  border: 1px solid var(--grey3);
  background: var(--grey3);
}

.control__tab-btn:hover {
  background: var(--grey3);
}

.control-grey {
  margin-top: 40px;
}

.control-grey .control__tab-btn {
  padding: 14px 24px;
  border: 1px solid var(--grey3);
  background: var(--grey3);
}

.control-grey .control__tab-btn:hover {
  background: var(--grey4);
}

.control-grey .control__tab {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.control-grey .control__tabs {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.system {
  padding-top: 110px;
}

.system__inner {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -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;
}

.system__img {
  background: var(--grey3);
  border-radius: 8px;
  margin-bottom: 16px;
  padding: 16px;
}

.system__img img {
  height: 148px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

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

.system__item p {
  font-family: var(--second-family);
  font-size: 20px;
}

.system .swiper-inner {
  margin-top: 24px;
  -webkit-transform: translate(0);
      -ms-transform: translate(0);
          transform: translate(0);
  gap: 8px;
  position: relative;
  left: 0;
  bottom: 0;
}

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

.system-grid {
  padding-top: 0 !important;
  padding-bottom: 115px;
}

.system-grid .system__img img {
  height: 148px;
  -o-object-fit: contain;
     object-fit: contain;
}

.included {
  padding-top: 110px;
}

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

.included__wrapper img {
  max-width: 630px;
  width: 100%;
  border-radius: 8px;
}

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

.included ul {
  margin-bottom: 32px;
}

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

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

.included ul li::before {
  content: "";
  min-width: 6px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #cccdcd;
}

.included__inner {
  max-width: 522px;
  width: 100%;
}

.included__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 16px 24px;
  background: var(--grey3);
  border-radius: 8px;
  margin-bottom: 12px;
}

.included__link img {
  width: 32px;
  height: 32px;
}

.included__link p {
  opacity: 0.5;
}

.collection {
  padding-top: 110px;
  overflow: hidden;
}

.collection__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
    -ms-flex-align: start;
        align-items: flex-start;
  gap: 140px;
}

.collection__images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 100px;
  padding-right: 100px;
}
.collection__wrapper:has(.collection__grey) .collection__images {
    margin-top: -55px;
}
.collection__images img {
  margin-right: -100px;
  height: 557px;
}

.collection__images-one {
  margin-top: 32px;
  margin-bottom: auto;
}

.collection__images-one img {
  max-width: 522px;
  width: 100%;
  border-radius: 8px;
}

.collection h2 {
  margin-bottom: 24px;
}

.collection__inner {
  padding-bottom: 10px;
}
.collection ul {
    margin-bottom: 30px;
}
.collection ul li:not(:last-child) {
  margin-bottom: 32px;
}

.collection ul li p {
  font-size: 14px;
}
.collection h3,
.collection ul li p:first-child {
  font-family: var(--second-family);
  margin-bottom: 16px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--grey4);
  font-size: 20px;
}
.collection h3 {
    margin-top: 30px;
}
.collection__more {
    padding: 10px 24px;
    border: 1px solid var(--grey-5);
    border-radius: 40px;
    cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  margin-top: 32px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.collection__more::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%3Cg opacity='0.5'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%231A1A18' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 16px;
  height: 16px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.collection__more.active::after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.collection__hidden.active {
      display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
.collection__grey {
  margin-bottom: 32px;
  padding: 32px 0 60px;
  position: relative;
}

.collection__grey::before {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1000%;
  height: 100%;
  background: var(--grey3);
  z-index: -1;
}

.models {
  margin-top: 110px;
  padding: 60px 0;
  background: var(--grey-5);
  overflow: hidden;
}

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

.models__item {
  display: block;
}

.models__item img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}

.models .swiper-inner {
  margin-top: 24px;
  -webkit-transform: translate(0);
      -ms-transform: translate(0);
          transform: translate(0);
  gap: 8px;
  position: relative;
  left: 0;
  bottom: 0;
}

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

.models .swiper {
  overflow: visible;
}

.work {
  padding-top: 110px;
}

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

.work__slider {
  margin-bottom: 60px;
}

.work__item {
  border-left: 1px solid var(--grey4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 24px;
  height: 100%;
}

.work__num {
  font-size: 80px;
  font-family: var(--second-family);
}

.work__title {
  margin-bottom: 64px;
}

.work__text {
  font-size: 14px;
  margin-top: auto;
}

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

.work ul li {
  background: var(--grey3);
  border-radius: 8px;
  padding: 32px 24px 32px 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  cursor: pointer;
}

.work ul li::after {
  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='M4 11.666H20' stroke='%231A1A18' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.3323 5L19.9987 11.6667L13.3322 18.3333' stroke='%231A1A18' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 24px;
  height: 24px;
  margin-left: auto;
}

.work ul li img {
  width: 32px;
  height: 32px;
}

.work ul li p {
  font-family: var(--second-family);
  font-size: 24px;
}

.work .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 !important;
}

.work .swiper-slide {
  min-width: auto;
}

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

.work .swiper-inner {
  margin-top: 21px;
  position: relative;
  -webkit-transform: translateX(0%);
      -ms-transform: translateX(0%);
          transform: translateX(0%);
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}

.reviews {
  padding-top: 110px;
}

.reviews__inner {
  margin-bottom: 22px;
  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;
  position: relative;
}

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

.reviews__sort 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;
  padding: 14px 36px;
  background: var(--grey3);
  border-radius: 40px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.reviews__sort a:hover,
.reviews__sort a.active {
  background: var(--blue);
  color: #fff;
}

.reviews__wrap {
  position: relative;
}

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

.reviews__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.reviews__item {
  -webkit-box-shadow: 0 0 10px 0 rgba(141, 141, 141, 0.18);
          box-shadow: 0 0 10px 0 rgba(141, 141, 141, 0.18);
  background: var(--white);
  border-radius: 8px;
  padding: 24px;
  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%;
}

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

.reviews__item-inner img {
  width: 64px;
  height: 64px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

.reviews__item-title {
  margin-bottom: 10px;
}

.reviews__item-date {
  font-size: 14px;
  opacity: 0.5;
}

.reviews__item-raiting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}

.reviews__item-raiting p {
  font-family: var(--second-family);
  line-height: 0.7;
}

.reviews__item-raiting img {
  width: 16px;
  height: 16px;
}

.reviews__text {
  margin-bottom: auto;
}

.reviews__images {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.reviews__images a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.reviews__images a.active {
  position: relative;
}

.reviews__images a.active::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 4px;
}

.reviews__images a.active p {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: var(--white);
  font-family: var(--second-family);
}

.reviews__images picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.reviews__images img {
  border-radius: 4px;
  width: 60px;
  height: 60px;
}

.reviews__rating {
  width: 100%;
  max-width: 413px;
  min-width: 350px;
  position: sticky;
  top: 30px;
  height: 100%;
}

.reviews__rating-inner {
  background: var(--grey3);
  border-radius: 8px;
  padding: 24px 24px 32px;
}

.reviews__rating-inner ul li {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1.4fr 4fr 0.4fr;
  grid-template-columns: 1.4fr 4fr 0.4fr;
  gap: 20px;
}

.reviews__rating-inner ul li:not(:last-child) {
  margin-bottom: 12px;
}

.reviews__rating-title {
  font-family: var(--second-family);
  font-size: 24px;
  margin-bottom: 10px;
}

.reviews__rating-subtitle {
  font-size: 14px;
  margin-bottom: 16px;
}

.reviews__rating-stars {
  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;
  border-bottom: 1px solid #dedede;
  padding-bottom: 10px;
  margin-bottom: 16px;
}

.reviews__rating-stars p {
  margin: 0;
  font-size: 24px;
  text-align: right;
  font-family: var(--second-family);
  white-space: nowrap;
}

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

.reviews__rating-stars-inner img {
  width: 24px;
  height: 24px;
}

.reviews__rating-text {
  font-family: var(--second-family);
  font-size: 16px;
  line-height: 140%;
  color: var(--dark2);
  white-space: nowrap;
}

.reviews__rating-line {
  height: 5px;
  width: 100%;
  background: var(--grey4);
  margin: auto;
  border-radius: 5px;
}

.reviews__rating-track {
  height: 5px;
  border-radius: 5px;
  background: #ffd36e;
}

.reviews__rating-count {
  font-size: 18px;
  text-align: right;
  white-space: nowrap;
}

.reviews .swiper {
  padding: 10px;
  width: calc(100% + 20px);
  margin-left: -10px;
}

.reviews .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 !important;
}

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

.reviews .swiper-inner {
  margin-top: 16px;
  position: relative;
  -webkit-transform: translateX(0%);
      -ms-transform: translateX(0%);
          transform: translateX(0%);
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}

.reviews-page {
  padding-top: 0 !important;
}

.reviews-page .reviews__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

.reviews-page .reviews__item-raiting {
  margin-left: auto;
}

.reviews-page .reviews__item {
  padding: 24px 24px 32px;
}

.application-reviews .form {
  margin-top: 128px;
}

.paneli {
  margin-bottom: 110px;
}

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

.paneli ul li a {
  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;
}

.paneli ul li a p {
  font-family: var(--second-family);
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
}

.paneli ul li a p::after {
  content: "";
  display: block;
  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='M8.00023 4L13.5556 9.55556L8.00011 15.1111' stroke='%231A1A18' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.paneli ul li a picture {
  display: inline;
}

.paneli ul li a:hover .paneli__img img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.paneli__img {
  margin-bottom: 32px;
  height: 316px;
  overflow: hidden;
  border-radius: 8px;
}

.paneli__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.cart__wrapper {
  width: 100%;
}

.cart__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 84px;
  margin-bottom: 32px;
}

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

.cart__controls label input {
  display: none;
}

.cart__controls label input:checked + span {
  border: 1px solid var(--blue2);
  background: var(--blue2);
}

.cart__controls label input:checked + span + p {
  color: var(--blue2);
}

.cart__controls label span {
  display: block;
  cursor: pointer;
  border: 1px solid var(--grey4);
  border-radius: 2px;
  min-width: 16px;
  width: 16px;
  height: 16px;
  margin-bottom: 3px;
  position: relative;
}

.cart__controls label span::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='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3346 1L4.0013 8.33333L0.667969 5' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  width: 12px;
  height: 9px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.cart__controls label p {
  cursor: pointer;
  font-family: var(--second-family);
  color: var(--grey);
  font-size: 16px;
}

.cart__reset {
  font-family: var(--second-family);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  color: var(--grey);
  cursor: pointer;
  font-size: 16px;
}

.cart__reset::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='M2 4H3.33333H14' stroke='%23B8B8B8' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.6654 4.00065V13.334C12.6654 13.6876 12.5249 14.0267 12.2748 14.2768C12.0248 14.5268 11.6857 14.6673 11.332 14.6673H4.66536C4.31174 14.6673 3.9726 14.5268 3.72256 14.2768C3.47251 14.0267 3.33203 13.6876 3.33203 13.334V4.00065M5.33203 4.00065V2.66732C5.33203 2.3137 5.47251 1.97456 5.72256 1.72451C5.9726 1.47446 6.31174 1.33398 6.66536 1.33398H9.33203C9.68565 1.33398 10.0248 1.47446 10.2748 1.72451C10.5249 1.97456 10.6654 2.3137 10.6654 2.66732V4.00065' stroke='%23B8B8B8' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.66797 7.33398V11.334' stroke='%23B8B8B8' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.33203 7.33398V11.334' stroke='%23B8B8B8' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-bottom: 3px;
  cursor: pointer;
}

.cart__cards {
  width: 100%;
  border: 1px solid var(--grey4);
  border-radius: 8px;
  padding: 24px 24px 30px 36px;
}

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

.cart__card:not(:last-child) {
  padding-bottom: 24px;
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(222, 222, 222, 0.4);
}

.cart__card img {
  height: 105px;
  width: 105px;
  -o-object-fit: contain;
     object-fit: contain;
  background: var(--grey3);
  padding: 7px;
  border-radius: 4px;
  margin-right: 6px;
}

.cart__card ul li {
  font-size: 14px;
}

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

.cart__card label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  position: absolute;
  left: -26px;
  top: 52px;
}

.cart__card label input {
  display: none;
}

.cart__card label input:checked + span {
  border: 1px solid var(--blue2);
  background: var(--blue2);
}

.cart__card label span {
  display: block;
  cursor: pointer;
  border: 1px solid var(--grey4);
  border-radius: 2px;
  min-width: 16px;
  width: 16px;
  height: 16px;
  margin-bottom: 3px;
  position: relative;
}

.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%);
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3346 1L4.0013 8.33333L0.667969 5' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  width: 12px;
  height: 9px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.cart__descr {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 22px;
}

.cart__wrap {
  width: 337px;
}

.cart__tag {
  font-size: 12px;
  color: var(--grey);
  margin-bottom: 2px;
}

.cart__title {
  font-family: var(--second-family);
  margin-bottom: 16px;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 16px;
}

.cart__inner {
  margin-left: auto;
  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;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  height: 100%;
}

.cart__price-old {
  font-family: var(--second-family);
  margin-bottom: 4px;
  text-decoration: line-through;
  text-align: right;
  color: rgba(26, 26, 24, 0.3);
  white-space: nowrap;
  font-size: 16px;
}

.cart__price {
  font-family: var(--second-family);
  font-size: 20px;
  white-space: nowrap;
}

.cart__card-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.cart__del,
.cart__favorite {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
}

.cart__favorite {
  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.4578 5.50292C19.9691 5.02645 19.3889 4.64848 18.7503 4.39061C18.1117 4.13273 17.4272 4 16.7359 4C16.0446 4 15.3601 4.13273 14.7215 4.39061C14.0829 4.64848 13.5026 5.02645 13.0139 5.50292L11.9997 6.4913L10.9855 5.50292C9.99842 4.54094 8.6596 4.0005 7.26361 4.0005C5.86761 4.0005 4.52879 4.54094 3.54168 5.50292C2.55456 6.46491 2 7.76964 2 9.1301C2 10.4906 2.55456 11.7953 3.54168 12.7573L4.55588 13.7457L11.9997 21L19.4436 13.7457L20.4578 12.7573C20.9467 12.281 21.3346 11.7156 21.5992 11.0932C21.8638 10.4708 22 9.80377 22 9.1301C22 8.45642 21.8638 7.78935 21.5992 7.16699C21.3346 6.54463 20.9467 5.97917 20.4578 5.50292Z' stroke='%23B8B8B8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.cart__favorite.active {
  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.4578 5.50292C19.9691 5.02645 19.3889 4.64848 18.7503 4.39061C18.1117 4.13273 17.4272 4 16.7359 4C16.0446 4 15.3601 4.13273 14.7215 4.39061C14.0829 4.64848 13.5026 5.02645 13.0139 5.50292L11.9997 6.4913L10.9855 5.50292C9.99842 4.54094 8.6596 4.0005 7.26361 4.0005C5.86761 4.0005 4.52879 4.54094 3.54168 5.50292C2.55456 6.46491 2 7.76964 2 9.1301C2 10.4906 2.55456 11.7953 3.54168 12.7573L4.55588 13.7457L11.9997 21L19.4436 13.7457L20.4578 12.7573C20.9467 12.281 21.3346 11.7156 21.5992 11.0932C21.8638 10.4708 22 9.80377 22 9.1301C22 8.45642 21.8638 7.78935 21.5992 7.16699C21.3346 6.54463 20.9467 5.97917 20.4578 5.50292Z' fill='%231B1D56'/%3E%3C/svg%3E%0A");
}

.cart__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%3Cpath d='M2 4H3.33333H14' stroke='%23B8B8B8' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.6654 4.00065V13.334C12.6654 13.6876 12.5249 14.0267 12.2748 14.2768C12.0248 14.5268 11.6857 14.6673 11.332 14.6673H4.66536C4.31174 14.6673 3.9726 14.5268 3.72256 14.2768C3.47251 14.0267 3.33203 13.6876 3.33203 13.334V4.00065M5.33203 4.00065V2.66732C5.33203 2.3137 5.47251 1.97456 5.72256 1.72451C5.9726 1.47446 6.31174 1.33398 6.66536 1.33398H9.33203C9.68565 1.33398 10.0248 1.47446 10.2748 1.72451C10.5249 1.97456 10.6654 2.3137 10.6654 2.66732V4.00065' stroke='%23B8B8B8' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.66797 7.33398V11.334' stroke='%23B8B8B8' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.33203 7.33398V11.334' stroke='%23B8B8B8' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.cart .counter {
  gap: 5px;
}

.cart .counter__plus,
.cart .counter__minus {
  min-width: 32px;
  width: 32px;
  height: 32px;
}

.cart .counter .counter__minus::before,
.cart .counter .counter__plus::before {
  width: 16px;
  height: 16px;
}

.clear-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.order {
  margin-bottom: 110px;
}

.order__title {
  font-family: var(--second-family);
  font-size: 24px;
}

.order__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  width: 100%;
}

.order__inner {
  width: 100%;
  max-width: 847px;
}

.order label {
  width: 100%;
  display: block;
}

.order label.active input,
.order label.active textarea {
  border: 1px solid rgba(212, 69, 69, 0.5) !important;
  background: rgba(212, 69, 69, 0.1);
}

.order label.active input::-webkit-input-placeholder, .order label.active textarea::-webkit-input-placeholder {
  color: #d44545;
}

.order label.active input::-moz-placeholder, .order label.active textarea::-moz-placeholder {
  color: #d44545;
}

.order label.active input:-ms-input-placeholder, .order label.active textarea:-ms-input-placeholder {
  color: #d44545;
}

.order label.active input::-ms-input-placeholder, .order label.active textarea::-ms-input-placeholder {
  color: #d44545;
}

.order label.active input::placeholder,
.order label.active textarea::placeholder {
  color: #d44545;
}

.order label input {
  border-radius: 40px;
  width: 100%;
  background: var(--grey3);
  border: none;
  padding: 18px 24px;
}

.order label input::-webkit-input-placeholder {
  opacity: 0.6;
}

.order label input::-moz-placeholder {
  opacity: 0.6;
}

.order label input:-ms-input-placeholder {
  opacity: 0.6;
}

.order label input::-ms-input-placeholder {
  opacity: 0.6;
}

.order label input::placeholder {
  opacity: 0.6;
}

.order label input.active {
  border-bottom: 1px solid red;
}

.order textarea {
  border-radius: 20px;
  width: 100%;
  background: var(--grey3);
  border: none;
  padding: 24px;
  height: 109px;
  resize: none;
}

.order textarea::-webkit-input-placeholder {
  opacity: 0.6;
}

.order textarea::-moz-placeholder {
  opacity: 0.6;
}

.order textarea:-ms-input-placeholder {
  opacity: 0.6;
}

.order textarea::-ms-input-placeholder {
  opacity: 0.6;
}

.order textarea::placeholder {
  opacity: 0.6;
}

.order textarea.active {
  border-bottom: 1px solid red;
}

.order__address {
  -webkit-box-shadow: 0 0 20px 0 rgba(141, 141, 141, 0.12);
          box-shadow: 0 0 20px 0 rgba(141, 141, 141, 0.12);
  background: var(--white);
  border-radius: 8px;
  padding: 32px;
}

.order__address .select {
  width: 273px;
}

.order__address .select__title {
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: var(--dark);
  padding: 10px 16px;
  border: 1px solid var(--grey4);
  border-radius: 40px;
}

.order__address .select__content {
  width: 100%;
  top: calc(100% + 16px);
  padding: 0;
}

.order__address .select__label {
  padding: 10px 16px 6px;
  position: relative;
}

.order__address .select__label::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: calc(100% - 32px);
  height: 1px;
  background: rgba(184, 184, 184, 0.2);
}

.order__address .lab:first-child .select__label {
  padding-top: 15px;
}

.order__address .lab:last-child .select__label {
  padding-bottom: 15px;
}

.order__address .select__label.active {
  background: var(--grey);
  color: var(--dark);
}

.order__address-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  margin-bottom: 32px;
}

.order__address-content {
  display: none;
}

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

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

.order__consignee {
  -webkit-box-shadow: 0 0 20px 0 rgba(141, 141, 141, 0.12);
          box-shadow: 0 0 20px 0 rgba(141, 141, 141, 0.12);
  background: var(--white);
  border-radius: 8px;
  padding: 32px;
  margin-bottom: 32px;
}

.order__consignee .select {
  width: 100%;
}

.order__consignee .select__title {
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: rgba(26, 26, 24, 0.6);
  padding: 18px 24px;
  background: var(--grey3);
  border-radius: 40px;
}

.order__consignee .select__content {
  width: 100%;
  top: calc(100% + 16px);
  padding: 0;
}

.order__consignee .select__label {
  opacity: 0.7;
}

.order__consignee .lab:first-child .select__label {
  padding-top: 15px;
}

.order__consignee .lab:last-child .select__label {
  padding-bottom: 15px;
}

.order__consignee .select__label.active {
  background: var(--grey);
  color: var(--dark);
}

.order__consignee-content .urlico {
  display: none;
}

.order__consignee-content .urlico.active {
  display: block;
}

.order__consignee-content .fizlico {
  display: none;
}

.order__consignee-content .fizlico.active {
  display: block;
}

.order__consignee-content label {
  margin-bottom: 16px;
}

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

.order__consignee-content .order__inputs label {
  margin-bottom: 0;
}

.order__choice {
  margin-top: 24px;
  margin-bottom: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 26px;
}

.order__choice label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  gap: 16px;
}

.order__choice input {
  display: none;
}

.order__choice input:checked + span {
  border: 1px solid var(--dark);
}

.order__choice input:checked + span::before {
  background: var(--dark);
}

.order__choice span {
  display: block;
  width: 24px;
  height: 24px;
  border: 1px solid var(--grey);
  border-radius: 100%;
  cursor: pointer;
  position: relative;
}

.order__choice span::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 100%;
  width: 10px;
  height: 10px;
}

.order__choice p {
  cursor: pointer;
  font-size: 14px;
  line-height: 114%;
}

.order__apartment {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}

.order__apartment label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.order__apartment label input {
  display: none;
}

.order__apartment label input:checked + span {
  border: 1px solid var(--blue2);
  background: var(--blue2);
}

.order__apartment label input:checked + span + p {
  color: var(--blue2);
}

.order__apartment label span {
  display: block;
  border: 1px solid var(--grey4);
  border-radius: 2px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  position: relative;
}

.order__apartment label span::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='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3346 1L4.0013 8.33333L0.667969 5' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  width: 11px;
  height: 8px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.order__apartment p {
  font-weight: 500;
  cursor: pointer;
}

.order__apartment-info {
  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_961_8326)'%3E%3Cpath d='M7.9987 14.6673C11.6806 14.6673 14.6654 11.6825 14.6654 8.00065C14.6654 4.31875 11.6806 1.33398 7.9987 1.33398C4.3168 1.33398 1.33203 4.31875 1.33203 8.00065C1.33203 11.6825 4.3168 14.6673 7.9987 14.6673Z' stroke='%23B8B8B8' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 10.6667V8' stroke='%23B8B8B8' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 5.33398H8.00667' stroke='%23B8B8B8' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_961_8326'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  position: relative;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
}

.order__apartment-info::before {
  position: absolute;
  content: "";
  top: 0;
  left: 100%;
  width: 0;
  height: 100%;
}

.order__apartment-info:hover p {
  opacity: 1;
  visibility: visible;
  z-index: 10;
}

.order__apartment-info:hover::before {
  width: 27px;
}

.order__apartment-info p {
  position: absolute;
  left: calc(100% + 27px);
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 305px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  padding: 16px 24px 16px 16px;
  -webkit-box-shadow: 0 0 20px 0 rgba(141, 141, 141, 0.3);
          box-shadow: 0 0 20px 0 rgba(141, 141, 141, 0.3);
  background: var(--white);
  border-radius: 8px;
  font-size: 14px;
  cursor: auto;
}

.order .details {
  margin-top: 0;
}

.comparison {
  position: relative;
  z-index: 1;
  overflow-x: clip;
}

.comparison__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-bottom: 30px;
  padding-bottom: 10px;
  overflow-x: auto;
  width: 100%;
}

.comparison__tag {
  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;
  border: 1px solid var(--grey4);
  border-radius: 40px;
  padding: 5px 5px 5px 20px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  white-space: nowrap;
}

.comparison__tag span {
  border-radius: 100%;
  width: 38px;
  height: 38px;
  display: block;
  background: var(--grey3);
  padding: 9px 15px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.comparison__tag:hover,
.comparison__tag.active {
  background: var(--blue);
  color: var(--white);
}

.comparison__tag:hover span,
.comparison__tag.active span {
  color: var(--dark);
  background: var(--white);
}

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

.comparison__inner {
  max-width: 325px;
  min-width: 325px;
  width: 100%;
}

.comparison__check {
  margin-right: 20px;
  margin-bottom: 231px;
}

.comparison__check-link {
  color: var(--dark2);
  display: block;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--grey3);
  font-family: var(--second-family);
}

.comparison__check-link:not(:last-child) {
  margin-bottom: 20px;
}

.comparison__check-link.active {
  color: var(--dark);
}

.comparison__reset {
  font-family: var(--second-family);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: var(--dark2);
  cursor: pointer;
}

.comparison__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='M2 4H3.33333H14' stroke='%238C8C8B' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.6693 4.00065V13.334C12.6693 13.6876 12.5288 14.0267 12.2787 14.2768C12.0287 14.5268 11.6896 14.6673 11.3359 14.6673H4.66927C4.31565 14.6673 3.97651 14.5268 3.72646 14.2768C3.47641 14.0267 3.33594 13.6876 3.33594 13.334V4.00065M5.33594 4.00065V2.66732C5.33594 2.3137 5.47641 1.97456 5.72646 1.72451C5.97651 1.47446 6.31565 1.33398 6.66927 1.33398H9.33594C9.68956 1.33398 10.0287 1.47446 10.2787 1.72451C10.5288 1.97456 10.6693 2.3137 10.6693 2.66732V4.00065' stroke='%238C8C8B' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.66406 7.33398V11.334' stroke='%238C8C8B' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.33594 7.33398V11.334' stroke='%238C8C8B' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-bottom: 3px;
}

.comparison__list {
  margin-top: 56px;
}

.comparison__list li {
  border-bottom: 1px solid var(--grey3);
  padding-bottom: 12px;
  padding-right: 12px;
  color: var(--dark2);
}

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

.comparison__slider {
  position: relative;
  max-width: 980px;
  width: 100%;
  overflow-x: clip;
  z-index: 11;
}

.comparison .clear-content {
  display: block;
}

.comparison .swiper-scrollbar {
  width: calc(100% - 20px);
  position: absolute;
  top: 326px;
  left: 0;
}

.comparison .swiper-scrollbar.active {
  position: sticky;
  top: 340px;
  left: auto;
  z-index: 1;
}

.comparison .swiper {
  overflow: visible;
}

.comparison .swiper-slide {
  position: relative;
}

.comparison .card {
  background: none;
  padding: 0;
}

.comparison .card__fixed {
  height: 306px;
  padding: 52px 16px 16px;
  background: var(--grey3);
  border-radius: 8px;
  margin-right: 20px;
}

.comparison .card .comparison__list {
  margin-top: 80px;
}

.comparison .card .comparison__list li {
  color: var(--dark);
  font-weight: 500;
}

.comparison .card img {
  height: 156px;
}

.comparison .card__control {
  right: 36px;
}

.comparison .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='M20 4L4 20' stroke='%23B8B8B8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 4L20 20' stroke='%23B8B8B8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
}

.comparison .card__title {
  min-height: 36px;
  margin-bottom: 4px;
  font-size: 14px;
}
.cards .card__wrap, 
.comparison .card__wrap {
  height: auto;
}

.comparison .card__cart,
.comparison .card__click {
  width: 32px;
  height: 32px;
}

.comparison .card__cart::before,
.comparison .card__click::before {
  width: 19px;
  height: 19px;
}

.comparison__fixed.active,
.card__fixed.active {
  z-index: 11;
  position: sticky;
  top: 20px;
}

.comparison__fixed.active::before {
  position: absolute;
  content: "";
  top: -25px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1000%;
  height: calc(100% + 60px);
  -webkit-box-shadow: 0 10px 15px 0 rgba(93, 93, 93, 0.08);
          box-shadow: 0 10px 15px 0 rgba(93, 93, 93, 0.08);
  background: var(--white);
  z-index: -1;
}

.card__fixed.active::before {
  position: absolute;
  content: "";
  top: calc(50% + 14px);
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: calc(100% + 32px);
  height: calc(100% + 80px);
  background: var(--white);
  z-index: -1;
}

.card__fixed.active::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--grey3);
  border-radius: 8px;
  z-index: -1;
}

.bottom .card__fixed.active {
  -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
          transform: translateY(-20px);
}

.bottom .card__fixed.active::before {
  top: calc(50% - 15px);
}

.article__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}

.article h1 {
  margin-bottom: 24px;
  scroll-margin-top: 50px;
}
.article table {
    width: 100%;
    border-collapse: collapse;
}
.article table p {
    margin: 0;
}
.article table td {
   padding: 10px;
   border-bottom: 1px solid #1a1a18;
}
.article h3 {
    font-size: 25px;
    line-height: 110%;
    font-family: var(--second-family);
    margin: 28px 0 16px;
}
.article__inner a {
  text-decoration: underline;  
}
.article__inner ol {
  padding-left: 18px;
}
.article__inner ol li {
  list-style: decimal; 
}
.article__img {
  margin-bottom: -40px;
}

.article__inner {
  max-width: 738px;
}

.article__inner p {
  font-size: 18px;
  margin-bottom: 28px;
}
.article__inner ol,
.article__inner ul {
  margin-bottom: 40px;
}

.article__inner ul li {
  padding-left: 18px;
  position: relative;
}

.article__inner ul li::before {
  position: absolute;
  content: "";
  top: 7px;
  left: 0;
  width: 6px;
  height: 6px;
  background: #a7b3b8;
  border-radius: 50%;
}
.article__inner ol li:not(:last-child),
.article__inner ul li:not(:last-child) {
  margin-bottom: 16px;
}

.article__inner ul li span {
  font-family: var(--second-family);
  font-size: 20px;
  display: block;
  margin-bottom: 12px;
}

.article__inner ul li p {
  margin: 0;
}

.article__inner ul li p b {
  font-family: var(--second-family);
  font-size: 20px;
}

.article__inner img {
  width: 100%;
  border-radius: 8px;
}

.article__inner h2 {
  scroll-margin-top: 50px;
  margin: 80px 0 24px;
}

.article .btn {
  padding: 18px 60px 18px 16px;
  margin-top: 32px;
}

.article .btn p {
  font-size: 16px;
}

.article__info {
  margin-bottom: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.article__info-item {
  padding: 10px 12px;
  background: var(--grey3);
  border-radius: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.article__info-item img {
  width: 24px;
  height: 24px;
}

.article__author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 32px;
  gap: 16px;
}

.article__author img {
  width: 64px;
  height: 64px;
}

.article__author-name {
  font-family: var(--second-family);
  margin-bottom: 6px !important;
  font-size: 20px;
}

.article__author-position {
  color: var(--dark2);
  margin-bottom: 0 !important;
}

.article__images-circle {
  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: 11px;
}

.article__images-circle img {
  border: 8px solid var(--grey4);
  border-radius: 50%;
  -o-object-fit: contain;
     object-fit: contain;
}

.article__images {
  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-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}

.article__images img {
  border-radius: 8px;
}

.article__images picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.article__images a {
  width: 48.5%;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.article__images a:first-child {
  width: 100%;
}

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

.article__download img {
  width: 32px;
  height: 32px;
}

.article__download p {
  font-size: 16px;
  margin: 0;
  position: relative;
  color: rgba(26, 26, 24, 0.5);
}

.article__download p::before {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--grey4);
}

.article__description {
  -webkit-box-shadow: 0 0 20px 0 rgba(141, 141, 141, 0.12);
          box-shadow: 0 0 20px 0 rgba(141, 141, 141, 0.12);
  background: var(--white);
  border-radius: 10px;
  padding: 32px 32px 40px;
  position: sticky;
  top: 20px;
  height: 100%;
  max-width: 413px;
  width: 100%;
}

.article__description-accordion {
  display: none;
}

.article__description p {
  font-family: var(--second-family);
  margin-bottom: 24px;
  font-size: 20px;
}

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

.article__description ul li::before {
  content: "";
  width: 6px;
  height: 6px;
  background: var(--dark2);
  border-radius: 50%;
}

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

.article__description ul li a {
  color: var(--dark2);
}

.article .swiper-slide img {
  border-radius: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.article .swiper-scrollbar {
  margin-top: 20px;
}

.collaboration {
  margin-top: 110px;
}

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

.collaboration__item {
  border-left: 1px solid var(--grey4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 24px;
  height: 100%;
}

.collaboration__num {
  font-size: 80px;
  font-family: var(--second-family);
}

.collaboration__title {
  margin-bottom: 64px;
}

.collaboration__text {
  font-size: 14px;
  margin-top: auto;
}

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

.collaboration .swiper-inner {
  margin-top: 32px;
  position: relative;
  -webkit-transform: translateX(0%);
      -ms-transform: translateX(0%);
          transform: translateX(0%);
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}

.application {
  margin-top: 110px;
}

.application .subtitle {
  margin-bottom: 60px;
}

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

.application h2 {
  margin-bottom: 24px;
}

.application__text {
  margin-bottom: 40px;
}

.application__inner {
  max-width: 522px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.application__inner ul {
  max-width: 413px;
  margin-bottom: 32px;
  margin-top: auto;
}

.application__inner ul li:not(:last-child) {
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--grey3);
}

.application__inner ul li:last-child ul {
  margin-bottom: 0;
}

.application__inner ul li p {
  font-family: var(--second-family);
  font-size: 20px;
}

.application__inner ul li p:first-child {
  font-family: var(--font-family);
  font-size: 16px;
  opacity: 0.8;
  margin-bottom: 16px;
}

.application__inner ul li a {
  font-family: var(--second-family);
  font-size: 20px;
}

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

.application__inner ul li ul li:not(:last-child) {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

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

.application__socials img {
  opacity: 0.7;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  width: 32px;
  height: 32px;
}

.application__socials a:hover img {
  opacity: 1;
}

.application .select {
  width: 100%;
  background: var(--grey3);
  padding: 18px 24px;
  border-radius: 40px;
}

.application .select.active {
  background: rgba(212, 69, 69, 0.1);
  border: 1px solid rgba(212, 69, 69, 0.1) !important;
}

.application .select__title {
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: var(--dark);
  opacity: 0.6;
}

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

.application .form {
  max-width: 630px;
}

.application .form__content label textarea {
  height: 168px;
}

.application .form__content label.active input {
  background: rgba(212, 69, 69, 0.1);
  border: 1px solid rgba(212, 69, 69, 0.1) !important;
}

.application .form__inputs-inner {
  gap: 16px 20px;
}

.application .form__inputs label:not(:last-child) {
  margin-bottom: 16px;
}

.application .form__input {
  background: var(--grey3);
  padding: 18px 24px;
  border-radius: 40px;
  border: none;
}

.application .form__input::-webkit-input-placeholder {
  color: var(--dark);
  opacity: 0.6;
}

.application .form__input::-moz-placeholder {
  color: var(--dark);
  opacity: 0.6;
}

.application .form__input:-ms-input-placeholder {
  color: var(--dark);
  opacity: 0.6;
}

.application .form__input::-ms-input-placeholder {
  color: var(--dark);
  opacity: 0.6;
}

.application .form__input::placeholder {
  color: var(--dark);
  opacity: 0.6;
}

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

.application .form__btn {
  margin-bottom: 0;
}

.application .form__info {
  margin: auto 0;
}

.application-clients .application__inner ul {
  margin-top: 0;
}

.application-reviews .application__wrapper {
  gap: 20px;
}

.application-reviews .application__inner {
  max-width: 630px;
}

.application-reviews .form {
  width: 100%;
}

.advantages {
  padding-top: 110px;
  overflow: hidden;
}

.advantages__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  width: 100%;
}

.advantages__item {
  padding-left: 16px;
  position: relative;
}

.advantages__item::before {
  position: absolute;
  content: "";
  top: 6px;
  left: 0;
  width: 6px;
  height: 6px;
  background: #1b1951;
  border-radius: 50%;
}

.advantages__item:not(:last-child) {
  margin-bottom: 24px;
}

.advantages__item-title {
  font-family: var(--second-family);
  margin-bottom: 16px;
  font-size: 20px;
}

.advantages__inner {
  min-width: 522px;
  max-width: 522px;
}

.advantages__slider {
  max-width: 713px;
  width: 100%;
  margin-top: -40px;
  -webkit-transform: translateX(10%);
      -ms-transform: translateX(10%);
          transform: translateX(10%);
}

.advantages__slide {
  position: static;
}

.advantages__slide img {
  width: 100%;
  height: 521px;
}

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

.advantages__button-prev,
.advantages__button-next {
  border: 1px solid var(--grey4);
  border-radius: 10px;
  min-width: 40px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  position: relative;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.advantages__button-prev::before,
.advantages__button-next::before {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  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='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12H20' stroke='%231A1A18' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.3343 5.33398L20.0007 12.0007L13.3341 18.6673' stroke='%231A1A18' stroke-linecap='round' stroke-linejoin='round'/%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;
}

.advantages__button-prev:hover,
.advantages__button-next:hover {
  background: var(--blue);
}

.advantages__button-prev:hover::before,
.advantages__button-next:hover::before {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.advantages__button-prev:focus,
.advantages__button-next:focus {
  outline: 1px solid var(--blue);
}

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

.advantages__button-prev:disabled,
.advantages__button-next:disabled {
  cursor: not-allowed;
  -webkit-filter: brightness(1);
          filter: brightness(1);
  opacity: 0.6;
}

.advantages__button-prev:disabled::before,
.advantages__button-next:disabled::before {
  opacity: 0.6;
}

.advantages__button-prev:disabled:hover,
.advantages__button-next:disabled:hover {
  background: none;
}

.advantages__button-prev:disabled:hover::before,
.advantages__button-next:disabled:hover::before {
  -webkit-filter: none;
          filter: none;
}

.advantages__slider-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  height: 100%;
}

.advantages__slide {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  min-width: 212px;
  width: 212px;
  margin-left: -100px;
}

.advantages__slide img {
  width: 100%;
  height: 100%;
}

.advantages__slide.active {
  z-index: 28 !important;
}

.advantages__buttons {
  position: absolute;
  right: 100%;
  bottom: 1px;
  z-index: 30;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.advantages__slide-inner {
  opacity: 0;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  visibility: hidden;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.advantages__slide-inner.active {
  opacity: 1;
  visibility: visible;
  position: static;
  -webkit-transform: translateX(0%);
      -ms-transform: translateX(0%);
          transform: translateX(0%);
}

.main-detailed {
  background: var(--grey4);
  padding: 110px 0 60px;
  margin-top: -107px;
}

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

.main-detailed h2,
.main-detailed h1 {
  margin-bottom: 24px;
}

.main-detailed__text {
  margin-bottom: 40px;
}

.main-detailed__text-big {
  font-family: var(--second-family);
  margin-bottom: 16px;
  font-size: 20px;
}

.main-detailed__text-big + .main-detailed__text {
  margin-bottom: 24px;
}

.main-detailed ul li {
  position: relative;
  padding-left: 16px;
}

.main-detailed ul li::before {
  position: absolute;
  content: "";
  top: 6px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #cccdcd;
}

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

.main-detailed ul li b {
  font-family: var(--second-family);
  font-size: 20px;
  margin-bottom: 24px;
  display: block;
}

.main-detailed__price {
  font-family: var(--second-family);
  margin-top: 32px;
  font-size: 20px;
}

.main-detailed__img {
  border-radius: 8px;
  width: 100%;
  height: 364px;
  -o-object-fit: cover;
     object-fit: cover;
}

.delivery {
  margin-top: 60px;
}

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

.delivery__courier {
  scroll-margin-top: 30px;
  margin-bottom: 80px;
}

.delivery__courier ul {
  margin-bottom: 40px;
}

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

.delivery__courier p {
  margin-bottom: 24px;
}

.delivery__courier-price {
  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-bottom: 10px;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--grey4);
}

.delivery__courier-price p {
  font-family: var(--second-family);
  font-size: 20px;
  margin-bottom: 0;
}

.delivery__courier-info {
  background: var(--grey3);
  border-radius: 8px;
  padding: 32px 32px 40px;
}

.delivery__courier-info p {
  font-size: 16px;
}

.delivery__courier-inner {
  margin-bottom: 32px;
}

.delivery__courier-inner p {
  max-width: 526px;
  margin-bottom: 0;
  margin-left: 72px;
}

.delivery__courier-info-title {
  font-family: var(--second-family);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  font-size: 24px !important;
  margin-bottom: 16px !important;
  margin-left: 0 !important;
}

.delivery__courier-info-title::before {
  display: block;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M43.4959 35.2755L27.887 8.24197C26.6495 6.09831 23.9086 5.36356 21.7649 6.60099C21.0833 6.99444 20.5174 7.56041 20.1239 8.24197L4.51502 35.2755C3.27758 37.4195 4.01245 40.1607 6.15635 41.3982C6.8375 41.7913 7.61008 41.9983 8.39654 41.9984H39.6144C42.0898 41.9982 44.0964 39.9912 44.0961 37.5157C44.096 36.7292 43.889 35.9567 43.4959 35.2755ZM42.053 38.9243C41.8081 39.3543 41.4531 39.7114 41.0245 39.9588C40.596 40.2063 40.1092 40.3352 39.6144 40.3323H8.39654C6.84124 40.3321 5.5806 39.071 5.58084 37.5157C5.58092 37.0217 5.71094 36.5364 5.95785 36.1086L21.5668 9.07359C22.3441 7.72679 24.066 7.26505 25.4129 8.0424C25.8413 8.2896 26.1969 8.64526 26.4441 9.07359L42.053 36.1086C42.303 36.5357 42.4347 37.0216 42.4347 37.5164C42.4347 38.0113 42.303 38.4972 42.053 38.9243Z' fill='black'/%3E%3Cpath d='M24.006 16.1348C22.4075 16.1366 21.1121 17.4319 21.1103 19.0304V27.4804C21.1104 29.0796 22.407 30.3759 24.0062 30.3758C25.6052 30.3757 26.9015 29.0795 26.9017 27.4804V19.0304C26.8999 17.4319 25.6045 16.1367 24.006 16.1348ZM25.2356 27.4804C25.2356 28.1594 24.685 28.71 24.006 28.71C23.3269 28.71 22.7764 28.1594 22.7764 27.4804V19.0304C22.7764 18.3514 23.3269 17.8009 24.006 17.8009C24.685 17.8009 25.2356 18.3514 25.2356 19.0304V27.4804ZM24.006 31.6151C22.4065 31.6149 21.1096 32.9114 21.1094 34.5108C21.1091 36.1103 22.4056 37.4072 24.005 37.4074C25.6045 37.4077 26.9014 36.1112 26.9017 34.5118V34.5108C26.8999 32.9123 25.6045 31.617 24.006 31.6151ZM24.006 35.7409C23.3267 35.7411 22.7757 35.1906 22.7755 34.5113C22.7752 33.832 23.3258 33.281 24.005 33.2808C24.6843 33.2805 25.2353 33.8311 25.2356 34.5103V34.5108C25.2353 35.19 24.6852 35.7408 24.006 35.7418V35.7409Z' fill='black'/%3E%3C/svg%3E%0A");
  width: 48px;
  height: 48px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-bottom: 6px;
}

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

.delivery__courier-lists ul {
  margin-bottom: 0 !important;
}

.delivery__courier-lists ul li {
  position: relative;
  padding-left: 16px;
  font-size: 16px;
}

.delivery__courier-lists ul li::before {
  position: absolute;
  content: "";
  top: 7px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #1b1951;
}

.delivery__courier-lists ul li:not(:last-child) {
  margin-bottom: 12px;
}

.delivery__country {
  scroll-margin-top: 30px;
  margin-bottom: 80px;
}

.delivery__country p {
  max-width: 630px;
  margin-bottom: 38px;
}

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

.delivery__country-lists ul {
  margin-bottom: 0;
}

.delivery__country-lists ul li {
  font-size: 18px;
  position: relative;
  padding-left: 16px;
}

.delivery__country-lists ul li::before {
  position: absolute;
  content: "";
  top: 7px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #a7b3b8;
}

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

.delivery__country-lists ul li span {
  font-family: var(--second-family);
  font-size: 20px;
}

.delivery__pay {
  scroll-margin-top: 30px;
  margin-bottom: 110px;
}

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

.delivery__pay-item {
  border-radius: 8px;
  background: var(--grey3);
  padding: 20px 20px 40px;
}

.delivery__pay-item img {
  width: 48px;
  height: 48px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 8px;
}

.delivery__pay-title {
  font-family: var(--second-family);
  margin-bottom: 17px;
  font-size: 20px;
}

.delivery__pay-text {
  opacity: 0.7;
  font-size: 16px;
}

.delivery__lift {
  scroll-margin-top: 30px;
  margin-bottom: 80px;
}

.delivery__lift ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 70px;
}

.delivery__lift ul li p {
  font-size: 16px;
}

.delivery__lift ul li:first-child {
  background: var(--grey3);
  padding: 16px 24px 16px 48px;
  border-radius: 8px;
  margin-bottom: 8px;
}

.delivery__lift ul li:not(:first-child) {
  border-bottom: 1px solid var(--grey4);
  padding: 16px 0 14px;
}

.delivery__lift ul li:not(:first-child) p:last-child {
  white-space: nowrap;
  font-size: 16px;
  font-family: var(--second-family);
}

.delivery__price {
  scroll-margin-top: 30px;
}

.delivery__price p {
  max-width: 630px;
  margin-bottom: 40px;
}

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

.delivery__price-lists ul {
  margin-bottom: 0;
}

.delivery__price-lists ul li {
  font-size: 18px;
  position: relative;
  padding-left: 16px;
}

.delivery__price-lists ul li::before {
  position: absolute;
  content: "";
  top: 7px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #a7b3b8;
}

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

.delivery__price-lists ul li span {
  font-family: var(--second-family);
  font-size: 20px;
}

.montage {
  margin-top: 72px;
}

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

.montage__inner h2 {
  margin-bottom: 24px;
}

.montage__inner ul {
  margin-bottom: 32px;
}

.montage__inner ul li {
  font-size: 18px;
  position: relative;
  padding-left: 16px;
}

.montage__inner ul li::before {
  position: absolute;
  content: "";
  top: 7px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #a7b3b8;
}

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

.montage__inner-price {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 20px;
  margin-top: 22px;
}

.montage__img {
  max-width: 522px;
  width: 100%;
  border-radius: 8px;
}

.montage__price {
  margin-bottom: 110px;
}

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

.montage__price ul:not(:last-child) {
  margin-bottom: 40px;
}

.montage__price ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 70px;
}

.montage__price ul li p {
  font-size: 16px;
}

.montage__price ul li:first-child {
  background: var(--grey3);
  padding: 16px;
  border-radius: 8px;
  margin-bottom: 8px;
}

.montage__price ul li:not(:first-child) {
  border-bottom: 1px solid var(--grey4);
  padding: 16px 16px 14px;
}

.montage__price ul li:not(:first-child) p:last-child {
  white-space: nowrap;
  font-size: 16px;
  font-family: var(--second-family);
}

.montage__conditions {
  background: var(--grey4);
  padding: 60px 0;
}

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

.montage__conditions ul li {
  font-size: 18px;
  position: relative;
  padding-left: 16px;
}

.montage__conditions ul li::before {
  position: absolute;
  content: "";
  top: 7px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #a7b3b8;
}

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

.guarantee {
  margin-top: 60px;
}

.guarantee__conditions {
  scroll-margin-top: 30px;
  margin-bottom: 80px;
}

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

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

.guarantee__conditions-title {
  font-family: var(--second-family);
  padding-bottom: 10px;
  font-size: 20px;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--grey4);
}

.guarantee__conditions-title span {
  font-family: var(--font-family);
  font-size: 18px;
}

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

.guarantee__conditions-lists ul li {
  position: relative;
  padding-left: 16px;
}

.guarantee__conditions-lists ul li::before {
  position: absolute;
  content: "";
  top: 7px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--grey2);
}

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

.guarantee__apply {
  scroll-margin-top: 30px;
  background: var(--grey4);
  margin-bottom: 80px;
  padding: 60px 0;
}

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

.guarantee__apply ul li {
  font-size: 18px;
  position: relative;
  padding-left: 16px;
}

.guarantee__apply ul li::before {
  position: absolute;
  content: "";
  top: 7px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--grey2);
}

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

.guarantee__apply ul li span {
  font-family: var(--second-family);
  font-size: 20px;
}

.guarantee__return {
  scroll-margin-top: 30px;
  margin-bottom: 80px;
}

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

.guarantee__return p {
  margin-bottom: 40px;
}

.guarantee__return-inner:not(:last-child) {
  margin-bottom: 40px;
}

.guarantee__return-inner p {
  margin-bottom: 24px;
  font-family: var(--second-family);
  font-size: 20px;
}

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

.guarantee__return-lists ul li {
  position: relative;
  padding-left: 16px;
}

.guarantee__return-lists ul li::before {
  position: absolute;
  content: "";
  top: 7px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--grey2);
}

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

.guarantee__obligation {
  background: var(--grey4);
  padding: 60px 0;
  scroll-margin-top: 30px;
}

.guarantee__obligation .guarantee__wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1.06fr;
  grid-template-columns: 1fr 1.06fr;
}

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

.guarantee__obligation p {
  margin-bottom: 16px;
}

.guarantee__obligation p span {
  font-family: var(--second-family);
  font-size: 20px;
}

.guarantee__obligation-inner {
  max-width: 562px;
  width: 100%;
  padding-right: 20px;
}

.guarantee__obligation-inner ul {
  max-width: 370px;
  width: 100%;
  margin-top: 39px;
}

.guarantee__obligation-inner ul li {
  display: -ms-grid;
  display: grid;
  gap: 24px;
  -ms-grid-columns: 1fr 4fr;
  grid-template-columns: 1fr 4fr;
}

.guarantee__obligation-inner ul li:not(:last-child) {
  margin-bottom: 20px;
}

.guarantee__obligation-inner ul li p {
  margin: 0;
  opacity: 0.8;
}

.guarantee__obligation-inner ul li a {
  font-family: var(--second-family);
  font-size: 20px;
}

.guarantee__obligation-img {
  border-radius: 8px;
  width: 100%;
}

.services {
  margin-top: 100px;
}

.services h2 {
  margin-bottom: 32px;
  max-width: 737px;
}

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

.services ul li a {
  background: var(--grey3);
  border-radius: 8px;
  height: 104px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 40px 24px;
  gap: 16px;
  font-family: var(--second-family);
  font-size: 20px;
}

.services ul li a::after {
  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='M4 11.666H20' stroke='%231A1A18' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.3323 5L19.9987 11.6667L13.3322 18.3333' stroke='%231A1A18' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.assortment {
  margin-top: 110px;
  overflow: hidden;
}

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

.assortment h2 {
  margin-bottom: 24px;
}

.assortment__inner {
  max-width: 630px;
}

.assortment__inner p {
  margin-bottom: 40px;
}

.assortment__inner ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  gap: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--grey4);
}

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

.assortment__inner ul li img {
  width: 32px;
  height: 32px;
}

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

.assortment__images img {
  height: 565px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: -120px;
}

.feature {
  margin-top: 110px;
}

.feature h2 {
  margin-bottom: 32px;
  max-width: 477px;
}

.feature__item {
  background: var(--grey3);
  border-radius: 8px;
  padding: 24px 24px 38px;
  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%;
}

.feature__num {
  font-size: 80px;
  font-family: var(--second-family);
}

.feature__title {
  font-family: var(--second-family);
  margin-bottom: 24px;
  font-size: 20px;
}

.feature__text {
  font-size: 16px;
}

.feature .subtitle {
  margin-bottom: 60px;
}

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

.feature .swiper-inner {
  display: none;
  margin-top: 32px;
  position: relative;
  -webkit-transform: translateX(0%);
      -ms-transform: translateX(0%);
          transform: translateX(0%);
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}

.help {
  margin-top: 100px;
  padding: 60px 0;
  background: var(--grey4);
}

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

.help__btn {
  margin-bottom: 40px;
}

.help picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.help__images {
  display: -ms-grid;
  display: grid;
  gap: 20px;
  -ms-grid-columns: 1fr 1.4fr;
  grid-template-columns: 1fr 1.4fr;
}

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

.help .subtitle {
  margin-bottom: 60px;
}

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

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

.contacts__inner {
  max-width: 522px;
  width: 100%;
}

.contacts__inner ul {
  max-width: 413px;
  margin-bottom: 40px;
}

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

.contacts__inner ul li p {
  font-family: var(--second-family);
  font-size: 20px;
}

.contacts__inner ul li p:first-child {
  font-family: var(--font-family);
  font-size: 16px;
  opacity: 0.8;
  margin-bottom: 16px;
}

.contacts__inner ul li a {
  font-family: var(--second-family);
  font-size: 20px;
}

.contacts__inner ul li ul {
  display: -ms-grid;
  display: grid;
  gap: 21px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}

.contacts__inner ul li ul li:not(:last-child) {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

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

.contacts__socials img {
  opacity: 0.7;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  width: 32px;
  height: 32px;
}

.contacts__socials a:hover img {
  opacity: 1;
}

.contacts .subtitle {
  margin-bottom: 60px;
}

.contacts .form {
  max-width: 630px;
}

.contacts .form__content label input,
.contacts .form__content label textarea {
  padding: 0;
  height: 45px;
  background: 0 0;
  border: none;
  border-bottom: 1px solid var(--grey4);
  padding-bottom: 24px;
  width: 100%;
  border-radius: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.contacts .form__content label input:hover,
.contacts .form__content label textarea:hover {
  border-bottom: 1px solid var(--grey);
}

.contacts .form__content label input:focus,
.contacts .form__content label textarea:focus {
  color: var(--dark);
  outline: none;
  border-bottom: 1px solid var(--grey);
}

.contacts .form__content label.active input,
.contacts .form__content label.active textarea {
  color: #d44545;
  border: none !important;
  border-bottom: 1px solid rgba(212, 69, 69, 0.5) !important;
}

.contacts .form__content label.active input::-webkit-input-placeholder, .contacts .form__content label.active textarea::-webkit-input-placeholder {
  color: #d44545;
}

.contacts .form__content label.active input::-moz-placeholder, .contacts .form__content label.active textarea::-moz-placeholder {
  color: #d44545;
}

.contacts .form__content label.active input:-ms-input-placeholder, .contacts .form__content label.active textarea:-ms-input-placeholder {
  color: #d44545;
}

.contacts .form__content label.active input::-ms-input-placeholder, .contacts .form__content label.active textarea::-ms-input-placeholder {
  color: #d44545;
}

.contacts .form__content label.active input::placeholder,
.contacts .form__content label.active textarea::placeholder {
  color: #d44545;
}

.contacts .form__btn {
  margin-bottom: 0;
}

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

.contacts .form__inputs {
  margin-bottom: 24px;
}

.contacts .form__info {
  margin: auto 0;
}

.contacts__map {
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
  height: 443px;
}

.contacts__map canvas {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}

.contacts__map .ymaps-2-1-79-ground-pane .ymaps-2-1-79-user-selection-none {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}

.contacts__map .ymaps-2-1-79-image {
  -webkit-filter: grayscale(0) !important;
          filter: grayscale(0) !important;
}

.contacts__title {
  font-family: var(--second-family);
  margin-bottom: 32px;
  font-size: 24px;
}

.contacts__table {
  margin-bottom: 40px;
}

.contacts__table-lists {
  background: var(--grey3);
  border-radius: 8px;
  display: -ms-grid;
  display: grid;
  gap: 69px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  padding: 24px 24px 32px;
}

.contacts__table-lists ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
  border-bottom: 1px solid var(--grey4);
  padding-bottom: 13px;
}

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

.contacts__table-lists ul li p {
  font-size: 16px;
  text-align: right;
}

.contacts__table-lists ul li p:first-child {
  text-align: left;
  font-family: var(--second-family);
  white-space: nowrap;
}

.choose {
  margin-top: 110px;
}

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

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

.choose__item {
  border-radius: 8px;
  background: var(--grey3);
  padding: 32px 32px 40px;
}

.choose__item img {
  width: 48px;
  height: 48px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 16px;
}

.choose__item-title {
  font-family: var(--second-family);
  margin-bottom: 16px;
  font-size: 24px;
}

.choose__item-text {
  font-size: 16px;
}

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

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

.choose__images picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.choose .subtitle {
  margin-bottom: 60px;
}

.selection {
  overflow: hidden;
  background: var(--grey3);
  padding: 60px 0;
  margin-top: 110px;
}

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

.selection .subtitle {
  margin-bottom: 60px;
}

.selection .swiper-inner {
  position: static;
  -webkit-transform: translateX(0%);
      -ms-transform: translateX(0%);
          transform: translateX(0%);
  margin-bottom: 32px;
}

.selection .swiper {
  overflow: visible;
}

.selection .swiper-slide img {
  width: 100%;
  height: 100%;
}
.js-material-block:not(:last-child) {
    margin-bottom: 24px;
}
.footer {
  background: var(--dark);
  margin-top: 110px;
  padding-top: 38px;
}

.footer__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 34px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 52px;
}

.footer__logo img {
  margin-right: 30px;
  width: 108px;
}

.footer__contacts ul {
  margin-bottom: 32px;
}

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

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

.footer__contacts ul li p {
  font-size: 20px;
  color: var(--white);
}

.footer__contacts ul li p:first-child {
  opacity: 0.4;
  font-size: 16px;
  margin-bottom: 10px;
}

.footer__contacts ul li a {
  font-size: 20px;
  color: var(--white);
}

.footer__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;
}

.footer__copyright {
  padding: 16px 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: 32px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer__copyright a,
.footer__copyright p {
  color: var(--grey);
}

.footer__title {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  color: var(--white);
  margin-bottom: 6px;
  white-space: nowrap;
  margin-bottom: 16px;
}

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

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

.footer .nav__title {
  font-weight: 500;
  color: var(--white);
  margin-bottom: 6px;
  white-space: nowrap;
}

.footer .nav__link {
  white-space: nowrap;
  color: var(--white);
}

@media (min-width: 1025px) {
  .product-card:hover::before {
    -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px);
    background: var(--blue);
    opacity: 0.8;
  }

  .product-card:hover span {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
    margin-bottom: -30px;
  }

  .product-card:hover span::after {
    opacity: 0;
    visibility: hidden;
    max-height: 0;
  }

  .product-card:hover .product-card__inner {
    bottom: 462px;
  }

  .product-card:hover .product-card__arrow {
    opacity: 1;
    visibility: visible;
    max-height: 32px;
    z-index: 2;
  }

  .product-card:hover ul {
    margin-bottom: 46px;
    opacity: 1;
    max-height: -webkit-fit-content;
    max-height: -moz-fit-content;
    max-height: fit-content;
    z-index: 2;
  }

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

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

  .card__receipt:hover span {
    opacity: 1;
    visibility: visible;
  }

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

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

  .card__click:hover span {
    opacity: 1;
    visibility: visible;
  }

  .header .nav .nav__submenu > li:hover > a {
    color: var(--blue2);
  }
  .header .nav__inner a:hover   {
    color: var(--blue2) !important;
    opacity: 1 !important;
  }

  .header .nav .nav__submenu li:hover > a::after {
    width: 40px;
    -webkit-filter: none;
            filter: none;
  }

  .header__top-contacts:hover .header__top-inner {
    opacity: 1;
    visibility: visible;
    z-index: 20;
  }

  .nav__link:hover {
    color: var(--blue2);
  }

  .header .nav .nav__submenu .nav__list ul li:hover a {
    color: var(--blue2);
  }

  .arrow-menu-top {
    position: relative;
  }

  .arrow-menu-top .nav__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    position: relative;
    line-height: 2;
  }

  .arrow-menu-top .nav__link::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='M4 6L8 10L12 6' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-filter: invert(1);
            filter: invert(1);
  }

  .arrow-menu-top .nav__link::before {
    position: absolute;
    content: "";
    top: 100%;
    left: 0;
    width: 0;
    height: 32px;
    border-top: 1px solid var(--blue2);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }

  .arrow-menu-top:hover .nav__link::before {
    width: 100%;
  }

  .arrow-menu-top:hover .nav__submenu {
    opacity: 1;
    visibility: visible;
  }

  .arrow-menu-top .nav__submenu {
    padding: 24px 24px 32px !important;
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    height: auto !important;
  }

  .arrow-menu-top .nav__submenu .nav__list {
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
  }

  .arrow-menu-top .nav__list {
    border-right: 0 !important;
    -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;
    white-space: nowrap;
    gap: 16px !important;
  }

  .arrow-menu-top .nav__list a {
    font-size: 16px !important;
  }

  .arrow-menu .nav__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    position: relative;
    line-height: 2;
  }

  .arrow-menu .nav__link::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='M4 6L8 10L12 6' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-filter: invert(1);
            filter: invert(1);
  }

  .arrow-menu .nav__link::before {
    position: absolute;
    content: "";
    top: 100%;
    left: -10px;
    width: 0;
    height: 32px;
    border-top: 1px solid var(--blue2);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }

  .arrow-menu .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;
  }

  .arrow-menu .nav__item:hover .nav__inner {
    opacity: 1;
    visibility: visible;
  }

  .arrow-menu:hover .nav__link::before {
    width: calc(100% + 20px);
  }

  .arrow-menu:hover .nav__submenu {
    opacity: 1;
    visibility: visible;
  }

  .header .nav .nav__submenu {
    z-index: 12;
  }

  .header-white .arrow-menu-top:hover .nav__link,
  .header-white .arrow-menu:hover .nav__link {
    color: var(--white);
  }
  .header-white.header-fixed .arrow-menu-top:hover .nav__link,
  .header-white .arrow-menu:hover .nav__link {
    color: var(--dark);
  }

  .header__email-mobile {
    display: none;
  }
}

@media (max-width: 1400px) {
    .arrow-menu .nav__item:hover .nav__inner{
        gap: 40px;
    }
  h1 {
    font-size: calc(
            23.5px + 16.5 *
                ((100vw - 320px) / 1080)
        );
  }

  h2 {
    font-size: calc(
            23.5px + 16.5 *
                ((100vw - 320px) / 1080)
        );
  }

  .product-card p {
    font-size: calc(
            20px + 4 *
                ((100vw - 320px) / 1080)
        );
  }

  .product-card span {
    font-size: calc(
            20px + -4 *
                ((100vw - 320px) / 1080)
        );
  }

  .card__tag {
    font-size: calc(
            10px + 4 *
                ((100vw - 320px) / 1080)
        );
  }

  .card__price {
    font-size: calc(
            12px + 2 *
                ((100vw - 320px) / 1080)
        );
  }

  .card__old-price {
    font-size: calc(
            12px + 2 *
                ((100vw - 320px) / 1080)
        );
  }

  .catalog a img {
    height: calc(
            150px + 105 *
                ((100vw - 320px) / 1080)
        );
  }

  .search-drop {
    width: calc(
            100px + 450 *
                ((100vw - 320px) / 1080)
        );
  }

  .details__inner ul li p {
    font-size: calc(
            14px + 2 *
                ((100vw - 320px) / 1080)
        );
  }

  .details__title {
    font-size: calc(
            16px + 4 *
                ((100vw - 320px) / 1080)
        );
  }

  .details__title span {
    font-size: calc(
            14px + 2 *
                ((100vw - 320px) / 1080)
        );
  }

  .details__promo input {
    font-size: calc(
            14px + 2 *
                ((100vw - 320px) / 1080)
        );
  }

  .details__promo input::-webkit-input-placeholder {
    font-size: calc(
            14px + 2 *
                ((100vw - 320px) / 1080)
        );
  }

  .details__promo input::-moz-placeholder {
    font-size: calc(
            14px + 2 *
                ((100vw - 320px) / 1080)
        );
  }

  .details__promo input:-ms-input-placeholder {
    font-size: calc(
            14px + 2 *
                ((100vw - 320px) / 1080)
        );
  }

  .details__promo input::-ms-input-placeholder {
    font-size: calc(
            14px + 2 *
                ((100vw - 320px) / 1080)
        );
  }

  .details__promo input::placeholder {
    font-size: calc(
            14px + 2 *
                ((100vw - 320px) / 1080)
        );
  }

  .details__total-price {
    font-size: calc(
            20px + 4 *
                ((100vw - 320px) / 1080)
        );
  }

  .empty p {
    font-size: calc(
            16px + 8 *
                ((100vw - 320px) / 1080)
        );
  }

  .search-block .select__title {
    font-size: calc(
            12px + 4 *
                ((100vw - 320px) / 1080)
        );
  }

  .form .blue-btn {
    font-size: calc(
            16px + 4 *
                ((100vw - 320px) / 1080)
        );
  }

  .main h2 {
    font-size: calc(
            32px + 24 *
                ((100vw - 320px) / 1080)
        );
  }

  .main p {
    font-size: calc(
            13px + 3 *
                ((100vw - 320px) / 1080)
        );
  }

  .main .swiper-pagination-bullet {
    font-size: calc(
            16px + 2 *
                ((100vw - 320px) / 1080)
        );
  }

  .modal-overlay .modal h2 {
    font-size: calc(
            24px + 16 *
                ((100vw - 320px) / 1080)
        );
  }

  .modal-overlay .modal__subtitle {
    font-size: calc(
            20px + 4 *
                ((100vw - 320px) / 1080)
        );
  }

  .popular__inner {
    min-width: calc(
            230px + 400 *
                ((100vw - 320px) / 1080)
        );
  }

  .popular__inner {
    max-width: calc(
            230px + 400 *
                ((100vw - 320px) / 1080)
        );
  }

  .popular__slide-title {
    font-size: calc(
            20px + 4 *
                ((100vw - 320px) / 1080)
        );
  }

  .popular__slide-price span {
    font-size: calc(
            20px + 4 *
                ((100vw - 320px) / 1080)
        );
  }

  .advantages-list ul li p {
    font-size: calc(
            15.5px + 2.5 *
                ((100vw - 320px) / 1080)
        );
  }

  .category__item p {
    font-size: calc(
            16px + 4 *
                ((100vw - 320px) / 1080)
        );
  }

  .category__img img {
    height: calc(
            230px + 256 *
                ((100vw - 320px) / 1080)
        );
  }

  .materials__item p {
    font-size: calc(
            16px + 4 *
                ((100vw - 320px) / 1080)
        );
  }

  .filter__checkbox p {
    font-size: calc(
            13px + 1 *
                ((100vw - 320px) / 1080)
        );
  }

  .filter__checkbox p {
    line-height: calc(
            18px + 2 *
                ((100vw - 320px) / 1080)
        );
  }

  .filter__radio p {
    font-size: calc(
            13px + 1 *
                ((100vw - 320px) / 1080)
        );
  }

  .filter__radio p {
    line-height: calc(
            18px + 2 *
                ((100vw - 320px) / 1080)
        );
  }

  .description__images img {
    width: calc(
            55px + 143 *
                ((100vw - 320px) / 1080)
        );
  }

  .description__images img {
    height: calc(
            55px + 143 *
                ((100vw - 320px) / 1080)
        );
  }

  .product__img img {
    height: calc(
            410px + 250 *
                ((100vw - 320px) / 1080)
        );
  }

  .product__description-title {
    font-size: calc(
            20px + 4 *
                ((100vw - 320px) / 1080)
        );
  }

  .product__old-price {
    font-size: calc(
            13px + 3 *
                ((100vw - 320px) / 1080)
        );
  }

  .product__price {
    font-size: calc(
            19px + 5 *
                ((100vw - 320px) / 1080)
        );
  }

  .product__description-rating p {
    font-size: calc(
            13px + 3 *
                ((100vw - 320px) / 1080)
        );
  }

  .product__description-rating span {
    font-size: calc(
            13px + 3 *
                ((100vw - 320px) / 1080)
        );
  }

  .product__models p {
    font-size: calc(
            16px + 4 *
                ((100vw - 320px) / 1080)
        );
  }

  .product__material p {
    font-size: calc(
            16px + 4 *
                ((100vw - 320px) / 1080)
        );
  }

  .product__size p {
    font-size: calc(
            16px + 4 *
                ((100vw - 320px) / 1080)
        );
  }

  .product__size ul li {
    font-size: calc(
            16px + 2 *
                ((100vw - 320px) / 1080)
        );
  }

  .system__item p {
    font-size: calc(
            16px + 4 *
                ((100vw - 320px) / 1080)
        );
  }

  .system-grid .system__img img {
    height: calc(
            75px + 73 *
                ((100vw - 320px) / 1080)
        );
  }

  .collection__images {
    padding-right: calc(
            50px + 50 *
                ((100vw - 320px) / 1080)
        );
  }

  .collection__images img {
    margin-right: calc(
            -50px + -50 *
                ((100vw - 320px) / 1080)
        );
  }

  .collection__images img {
    height: calc(
            300px + 257 *
                ((100vw - 320px) / 1080)
        );
  }
  .collection h3,
  .collection ul li p:first-child {
    font-size: calc(
            16px + 4 *
                ((100vw - 320px) / 1080)
        );
  }

  .work__num {
    font-size: calc(
            60px + 20 *
                ((100vw - 320px) / 1080)
        );
  }

  .work ul li p {
    font-size: calc(
            20px + 4 *
                ((100vw - 320px) / 1080)
        );
  }

  .reviews__rating-title {
    font-size: calc(
            16px + 8 *
                ((100vw - 320px) / 1080)
        );
  }

  .reviews__rating-stars p {
    font-size: calc(
            20px + 4 *
                ((100vw - 320px) / 1080)
        );
  }

  .reviews__rating-text {
    font-size: calc(
            14px + 2 *
                ((100vw - 320px) / 1080)
        );
  }

  .reviews__rating-count {
    font-size: calc(
            16px + 2 *
                ((100vw - 320px) / 1080)
        );
  }

  .paneli ul li a p {
    font-size: calc(
            16px + 4 *
                ((100vw - 320px) / 1080)
        );
  }

  .cart__controls label p {
    font-size: calc(
            13.5px + 2.5 *
                ((100vw - 320px) / 1080)
        );
  }

  .cart__reset {
    font-size: calc(
            13.5px + 2.5 *
                ((100vw - 320px) / 1080)
        );
  }

  .cart__title {
    font-size: calc(
            14px + 2 *
                ((100vw - 320px) / 1080)
        );
  }

  .cart__price-old {
    font-size: calc(
            12px + 4 *
                ((100vw - 320px) / 1080)
        );
  }

  .cart__price {
    font-size: calc(
            16px + 4 *
                ((100vw - 320px) / 1080)
        );
  }

  .order__title {
    font-size: calc(
            20px + 4 *
                ((100vw - 320px) / 1080)
        );
  }

  .comparison__slider {
    max-width: calc(
            500px + 480 *
                ((100vw - 320px) / 1080)
        );
  }

  .article__inner p {
    font-size: calc(
            15px + 3 *
                ((100vw - 320px) / 1080)
        );
  }

  .article__inner ul li span {
    font-size: calc(
            15px + 5 *
                ((100vw - 320px) / 1080)
        );
  }

  .article__inner ul li p b {
    font-size: calc(
            15px + 5 *
                ((100vw - 320px) / 1080)
        );
  }

  .article__author-name {
    font-size: calc(
            15px + 5 *
                ((100vw - 320px) / 1080)
        );
  }

  .article__download p {
    font-size: calc(
            14px + 2 *
                ((100vw - 320px) / 1080)
        );
  }

  .collaboration__num {
    font-size: calc(
            60px + 20 *
                ((100vw - 320px) / 1080)
        );
  }

  .advantages__item-title {
    font-size: calc(
            16px + 4 *
                ((100vw - 320px) / 1080)
        );
  }

  .advantages__inner {
    min-width: calc(
            230px + 292 *
                ((100vw - 320px) / 1080)
        );
  }

  .advantages__inner {
    max-width: calc(
            230px + 292 *
                ((100vw - 320px) / 1080)
        );
  }

  .main-detailed__text-big {
    font-size: calc(
            16px + 4 *
                ((100vw - 320px) / 1080)
        );
  }

  .main-detailed ul li b {
    font-size: calc(
            16px + 4 *
                ((100vw - 320px) / 1080)
        );
  }

  .delivery__courier-price p {
    font-size: calc(
            16px + 4 *
                ((100vw - 320px) / 1080)
        );
  }

  .delivery__courier-info p {
    font-size: calc(
            14px + 2 *
                ((100vw - 320px) / 1080)
        );
  }

  .delivery__courier-lists ul li {
    font-size: calc(
            14px + 2 *
                ((100vw - 320px) / 1080)
        );
  }

  .delivery__pay-title {
    font-size: calc(
            16px + 4 *
                ((100vw - 320px) / 1080)
        );
  }

  .delivery__pay-text {
    font-size: calc(
            14px + 2 *
                ((100vw - 320px) / 1080)
        );
  }

  .delivery__lift ul li p {
    font-size: calc(
            14px + 2 *
                ((100vw - 320px) / 1080)
        );
  }

  .montage__price ul li p {
    font-size: calc(
            14px + 2 *
                ((100vw - 320px) / 1080)
        );
  }

  .guarantee__conditions-title {
    font-size: calc(
            16px + 4 *
                ((100vw - 320px) / 1080)
        );
  }

  .guarantee__conditions-title span {
    font-size: calc(
            16px + 2 *
                ((100vw - 320px) / 1080)
        );
  }

  .guarantee__apply ul li {
    font-size: calc(
            16px + 2 *
                ((100vw - 320px) / 1080)
        );
  }

  .guarantee__apply ul li span {
    font-size: calc(
            16px + 4 *
                ((100vw - 320px) / 1080)
        );
  }

  .guarantee__return-inner p {
    font-size: calc(
            16px + 4 *
                ((100vw - 320px) / 1080)
        );
  }

  .guarantee__obligation p span {
    font-size: calc(
            16px + 4 *
                ((100vw - 320px) / 1080)
        );
  }

  .services ul li a {
    font-size: calc(
            16px + 4 *
                ((100vw - 320px) / 1080)
        );
  }

  .feature__num {
    font-size: calc(
            60px + 20 *
                ((100vw - 320px) / 1080)
        );
  }

  .feature__text {
    font-size: calc(
            14px + 2 *
                ((100vw - 320px) / 1080)
        );
  }

  .help__images img {
    height: calc(
            200px + 291 *
                ((100vw - 320px) / 1080)
        );
  }

  .contacts__title {
    font-size: calc(
            16px + 8 *
                ((100vw - 320px) / 1080)
        );
  }

  .contacts__table-lists ul li p {
    font-size: calc(
            14px + 2 *
                ((100vw - 320px) / 1080)
        );
  }

  .choose__item-title {
    font-size: calc(
            16px + 8 *
                ((100vw - 320px) / 1080)
        );
  }

  .choose__item-text {
    font-size: calc(
            14px + 2 *
                ((100vw - 320px) / 1080)
        );
  }

  .advantages__slider {
    -webkit-transform: translateX(12%);
        -ms-transform: translateX(12%);
            transform: translateX(12%);
  }

  .sort__list {
    gap: 13px;
  }

  .catalog__tags {
    margin-bottom: 0;
  }

  .catalog__inner {
    padding-right: 0;
    -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;
  }

  .catalog__tags-more {
    position: static;
  }

  .popular__slider-buttons {
    left: -155px;
  }

  .popular__slider {
    -webkit-transform: translateX(85px);
        -ms-transform: translateX(85px);
            transform: translateX(85px);
  }
}
@media (max-width: 1310px) {
    .header .nav__inner {
        width: 790px;
    }
}
@media (max-width: 1250px) {
    .filter__btns  .btn {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(100%);
            -ms-transform: translateY(100%);
                transform: translateY(100%);
        -webkit-transition:  0.3s ease-in-out;
        -o-transition:  0.3s ease-in-out;
        transition:  0.3s ease-in-out;
    }
    .filter__left.active  .filter__btns .btn{
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0);
    }
    .arrow-menu .nav__item:hover .nav__inner {
        gap: 40px 20px;
    }
    .header .nav__inner {
        padding-left: 33px;   
        width: calc(100vw - 34%);
        left: 295px;
    }
    .header .nav .nav__submenu::before {
        left: 300px;
    }
    .header .nav .nav__submenu {
        padding: 40px 20px;
    }
    .header .nav .nav__submenu .nav__item {
        width: 280px;
        padding-right: 20px;
    }
  .help__images {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .application .form__inner {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .application__wrapper {
    gap: 20px;
  }

  .article__images a {
    width: 48%;
  }

  .article__inner {
    max-width: 630px;
  }

  .news__items {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }

  .comparison__slider {
    max-width: 1090px;
  }

  .comparison__inner {
    max-width: 280px;
    min-width: 280px;
  }

  .catalog-izbranoe .cards .swiper-wrapper {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }

  .cart__wrap {
    width: 230px;
  }

  .details {
    min-width: 324px;
    width: 324px;
  }

  .product-other .product__description {
    padding-top: 64px;
    position: relative;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .product-other .product__description-wrap {
    position: absolute;
    top: 20px;
    right: 20px;
  }

  .product-other .product__description-rating {
    position: absolute;
    top: 20px;
    left: 20px;
  }

  .product-other .product__description-inner {
    max-width: 100%;
    width: 100%;
  }

  .product-other .product__description-btns {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .product-other .product__description-btn {
    width: 100%;
  }

  .product-other .select__content {
    left: auto;
    right: 0;
    top: calc(100% + 42px);
    width: calc(100% + 40px);
  }

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

  .product__info {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 5px;
  }

  .product__tabs-btn {
    padding: 14px 35px;
  }

  .product__description {
    gap: 24px;
  }

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

  .sort-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0;
    margin-bottom: 32px;
  }

  .sort-mobile .catalog__reset::before {
    width: 24px;
    height: 24px;
  }

  .catalog__sort {
    display: none;
  }

  .filter__close {
    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 4L4 20' stroke='%23B8B8B8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 4L20 20' stroke='%23B8B8B8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }

  .filter__btns {
    margin-bottom: 24px;
  }

  .catalog .accordion__item:first-child {
    border-top: none;
    padding-top: 0;
  }

  .filter .btn {
    padding: 14px;
    height: 48px;
  }

  .filter__left {
    width: 100%;
  }

  .sort-mobile__select,
  .filter__select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .filter__title {
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    font-size: 14px;
    line-height: 120%;
  }

  .filter__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 fill-rule='evenodd' clip-rule='evenodd' d='M6.93626 6.48555C7.22978 6.48555 7.51671 6.57259 7.76076 6.73566C8.00482 6.89873 8.19503 7.13051 8.30736 7.40169C8.41968 7.67287 8.44907 7.97126 8.39181 8.25914C8.33455 8.54702 8.1932 8.81146 7.98565 9.01901C7.7781 9.22656 7.51367 9.3679 7.22579 9.42517C6.93791 9.48243 6.63951 9.45304 6.36833 9.34071C6.09716 9.22839 5.86538 9.03817 5.70231 8.79412C5.53923 8.55007 5.4522 8.26314 5.4522 7.96962C5.4522 7.57602 5.60855 7.19854 5.88687 6.92022C6.16518 6.64191 6.54266 6.48555 6.93626 6.48555ZM4.06237 7.22758H1.74203C1.54523 7.22758 1.35649 7.30576 1.21734 7.44492C1.07818 7.58408 1 7.77282 1 7.96962C1 8.16642 1.07818 8.35515 1.21734 8.49431C1.35649 8.63347 1.54523 8.71165 1.74203 8.71165H4.06237C4.22635 9.34944 4.59779 9.91459 5.11821 10.3181C5.63862 10.7217 6.27846 10.9407 6.937 10.9407C7.59554 10.9407 8.23538 10.7217 8.7558 10.3181C9.27621 9.91459 9.64765 9.34944 9.81164 8.71165H22.5189C22.7157 8.71165 22.9045 8.63347 23.0436 8.49431C23.1828 8.35515 23.261 8.16642 23.261 7.96962C23.261 7.77282 23.1828 7.58408 23.0436 7.44492C22.9045 7.30576 22.7157 7.22758 22.5189 7.22758H9.81089C9.64665 6.59012 9.27515 6.02534 8.75484 5.62209C8.23452 5.21884 7.59492 5 6.93663 5C6.27835 5 5.63874 5.21884 5.11842 5.62209C4.59811 6.02534 4.22661 6.59012 4.06237 7.22758ZM14.3358 15.5636C14.3802 15.9395 14.5665 16.2842 14.8567 16.5273C15.1469 16.7703 15.5189 16.8933 15.8968 16.8711C16.2746 16.8488 16.6297 16.6831 16.8894 16.4077C17.1491 16.1323 17.2937 15.7681 17.2937 15.3896C17.2937 15.0111 17.1491 14.6469 16.8894 14.3715C16.6297 14.0961 16.2746 13.9303 15.8968 13.9081C15.5189 13.8858 15.1469 14.0088 14.8567 14.2519C14.5665 14.4949 14.3802 14.8397 14.3358 15.2156C14.3634 15.3299 14.3634 15.4492 14.3358 15.5636ZM12.9363 14.6479H1.74203C1.54523 14.6479 1.35649 14.7261 1.21734 14.8652C1.07818 15.0044 1 15.1931 1 15.3899C1 15.5867 1.07818 15.7755 1.21734 15.9146C1.35649 16.0538 1.54523 16.132 1.74203 16.132H12.9363C13.1006 16.7694 13.4721 17.3342 13.9924 17.7375C14.5127 18.1407 15.1523 18.3596 15.8106 18.3596C16.4689 18.3596 17.1085 18.1407 17.6288 17.7375C18.1491 17.3342 18.5206 16.7694 18.6849 16.132H22.5197C22.7165 16.132 22.9052 16.0538 23.0444 15.9146C23.1835 15.7755 23.2617 15.5867 23.2617 15.3899C23.2617 15.1931 23.1835 15.0044 23.0444 14.8652C22.9052 14.7261 22.7165 14.6479 22.5197 14.6479H18.6841C18.5199 14.0104 18.1484 13.4457 17.6281 13.0424C17.1077 12.6392 16.4681 12.4203 15.8099 12.4203C15.1516 12.4203 14.512 12.6392 13.9916 13.0424C13.4713 13.4457 13.1006 14.0104 12.9363 14.6479Z' fill='%23A7B3B8'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 24px;
    height: 24px;
  }

  .filter {
    position: fixed;
    top: 0;
    left: 0;
    background: var(--white);
    width: 100%;
    height: calc(100% - 60px);
    z-index: 30;
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    padding: 30px 16px;
    overflow-y: auto;
  }

  .filter.active {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }

  .footer__wrapper {
    gap: 20px;
  }

  .about-section__wrapper {
    gap: 40px;
  }

  .news__wrapper {
    gap: 20px;
  }

  .category__img {
    padding: 17px;
  }

  .advantages-list ul {
    gap: 20px;
  }

  .popular__descr {
    margin-top: 50px;
  }

  .advantages__slide {
    min-width: 185px;
    width: 185px;
  }

  .advantages__buttons {
    right: 96%;
  }

  .popular__slider-buttons {
    left: -50px;
  }

  .popular__slide {
    min-width: 175px;
    width: 175px;
    margin-left: -82px;
  }

  .header__search {
    max-width: 250px;
  }

  .header .nav__list {
    gap: 15px;
  }
}

@media (max-width: 1250px) and (max-width: 1400px) {
  .comparison__slider {
    max-width: calc(
            60px + 1030 *
                ((100vw - 320px) / 1080)
        );
  }

  .popular__slider-buttons {
    left: calc(
            -20px + -30 *
                ((100vw - 320px) / 1080)
        );
  }
}

@media (max-width: 1025px) {
    .socials-block__btn:before,
    .socials-block li img {
        width: 22px;
        height: 22px;
    }
    .socials-block {
        right: 16px;
        bottom: 135px;
    }
   .socials-block__btn, .socials-block li a { 
        width: 42px;
        height: 42px;
   }
    .scroll-up {
        right: 16px;
        bottom: 75px;
        width: 42px;
         height: 42px;
    }
    .scroll-up::before {     
        width: 24px;
        height: 24px;
    }
    .header.active.header-white.header-fixed .header__top {
        margin-top: -40px;
    }
    .header-white.header-fixed .header__top {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .materials__info {
        display: none;
    }
    .materials__item img {
        border: 7px solid rgba(255, 255, 255, 0.5);
    }
    .product__id {
        margin-top: -6px;
        margin-bottom: 18px;
    }
    .privacy h1 {
        font-size: 40px;
    }   
    
  .feature .swiper-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .application-reviews .form {
    margin-top: 0px;
  }

  .trends.grey .trends__btn::after {
    background: #fff;
  }

  .search-block__btn {
    display: none;
  }

  .search-block .select__content {
    right: -50px;
    -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
            transform: translateX(0%);
  }

  .footer {
    padding-bottom: 96px;
  }

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

  .selection__inner {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
  }

  .about-page .about-section__wrapper {
    gap: 16px;
    position: relative;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    padding-bottom: 88px;
  }

  .about-page h2 {
    margin-bottom: 0 !important;
  }

  .about-page .about-section__btn {
    position: absolute;
    right: auto;
    left: 0;
    top: auto !important;
    bottom: 0;
    border: 1px solid var(--dark);
    padding: 18px 88px 18px 24px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 56px;
    top: 50%;
  }

  .about-page .about-section__btn p {
    display: block;
  }

  .about-page .about-section__btn::after {
    left: auto !important;
    -webkit-transform: translate(0, -50%) !important;
        -ms-transform: translate(0, -50%) !important;
            transform: translate(0, -50%) !important;
    width: 44px !important;
    height: 44px !important;
    background: var(--dark) !important;
  }

  .about-page .about-section__btn::before {
    left: auto !important;
    -webkit-transform: translate(0, -50%) !important;
        -ms-transform: translate(0, -50%) !important;
            transform: translate(0, -50%) !important;
    width: 24px !important;
    height: 24px !important;
    -webkit-filter: invert(1) !important;
            filter: invert(1) !important;
  }

  .application-reviews .application__wrapper {
    gap: 40px;
  }

  .reviews__rating {
    min-width: 330px;
  }

  .contacts__table-lists {
    gap: 16px;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    padding: 20px;
  }

  .contacts__inner ul,
  .contacts__inner,
  .contacts .form {
    max-width: 100%;
  }

  .contacts__inner ul li ul {
    gap: 16px;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .contacts__inner ul li ul li {
    padding-bottom: 12px !important;
    border-bottom: 1px solid var(--grey3) !important;
  }

  .contacts__inner ul {
    margin-bottom: 24px;
  }

  .contacts__inner ul li:not(:last-child) {
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--grey3);
  }

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

  .help__inner {
    gap: 16px;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 24px;
  }

  .services ul {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }

  .assortment__images {
    margin-left: -16%;
  }

  .assortment__images img {
    height: 565px;
    height: 565px;
    margin-right: -120px;
  }

  .assortment__inner {
    max-width: 100%;
  }

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

  .guarantee__obligation-inner {
    max-width: 100%;
    padding-right: 0;
  }

  .guarantee__obligation .guarantee__wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .guarantee__conditions-title span {
    font-family: var(--second-family);
  }

  .montage__img {
    max-width: 100%;
  }

  .montage__inner {
    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: 32px;
  }

  .delivery__pay-list {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }

  .guarantee__conditions-items {
    gap: 24px;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .guarantee__return-lists,
  .guarantee__conditions-lists,
  .delivery__price-lists,
  .delivery__country-lists,
  .delivery__courier-lists {
    gap: 16px;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

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

  .main-detailed__img {
    height: auto;
  }

  .main-detailed__wrapper {
    gap: 32px;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .advantages__inner {
    max-width: 100%;
    min-width: 100px;
  }

  .application__text {
    margin-bottom: 32px;
  }

  .application .form__inner {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }

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

  .article__inner {
    max-width: 100%;
  }

  .article__description-accordion {
    display: block;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    position: static;
    height: auto;
    padding: 23px 20px 20px;
    margin-bottom: 40px;
    max-width: 400px;
  }

  .article__description-accordion ul {
    margin-bottom: 0;
    padding-right: 10px;
    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;
  }

  .article__description-accordion p {
    font-size: 16px;
    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: 0;
  }

  .article__description-accordion p::after {
    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='M6 9L12 15L18 9' stroke='%238C8C8B' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }

  .article__description-accordion.open p::after {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }

  .article__description-accordion.open ul {
    padding-top: 18px;
    opacity: 1;
    visibility: visible;
  }

  .article__desktop {
    display: none;
  }

  .comparison .card__fixed {
    margin-right: 16px;
  }

  .comparison__slider {
    max-width: 1090px;
  }

  .empty {
    padding: 20px;
  }

  .order__inner {
    max-width: 100%;
  }

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

  .cart__price-old {
    margin-bottom: 0;
  }

  .cart__inner {
    width: 100%;
    display: block;
  }

  .cart__descr {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .cart__card-controls {
    position: absolute;
    top: 0;
    right: 0;
  }

  .cart__wrap {
    width: 340px;
  }

  .details {
    min-width: 100px;
    width: 100%;
    margin-top: 0;
  }

  .clear-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 80px;
  }

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

  .system__items {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }

  .collection__images-one {
    position: relative;
    padding-bottom: 40px;
    margin-top: 0;
  }

  .collection__images-one::before {
    position: absolute;
    content: "";
    bottom: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 1000%;
    height: 129px;
    background: var(--grey3);
    z-index: -1;
  }

  .product-swiper2 {
    height: 700px;
  }

  .product__slides {
    margin: 0 auto;
  }

  .paneli ul {
    gap: 24px;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .paneli__img {
    margin-bottom: 16px;
    height: 700px;
  }

  .product .select__content {
    left: auto;
    right: 0;
    top: calc(100% + 42px);
  }

  .work ul {
    gap: 10px;
  }

  .work ul li {
    padding: 20px;
    gap: 20px;
  }

  .models__inner {
    gap: 16px;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
  .collection__wrapper:has(.collection__grey) .collection__images,
  .collection__images {
    position: relative;
    margin-top: 0;
  }
  
  .collection__more {
    margin-top: 52px;
  }
  .collection__hidden.active {
    -webkit-line-clamp: 4;
}
  .collection__images::before {
    position: absolute;
    content: "";
    top: 27px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 1000%;
    height: 129px;
    background: var(--grey3);
    z-index: -1;
  }

  .collection__inner {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .collection__inner.active ul {
    display: none;
  }

  .collection__inner.active .collection__grey {
    margin-bottom: 10px;
  }

  .collection__more {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    border: 1px solid var(--grey-5);
    border-radius: 40px;
    padding: 10px 24px;
    border-radius: 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;
    gap: 12px;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }

  .collection__more::after {
    content: "";
    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 opacity='0.5'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%231A1A18' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 16px;
    height: 16px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }

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

  .collection__grey {
    padding: 0;
    margin-bottom: 37px;
  }

  .collection__grey::before {
    display: none;
  }

  .collection__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;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 32px;
  }

  .included {
    padding-top: 80px;
  }

  .included__wrapper img {
    max-width: 100%;
  }

  .included__wrapper {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .specification ul li p:first-child {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }

  .specification__wrapper img,
  .specification__inner {
    max-width: 100%;
  }

  .specification__wrapper {
    gap: 32px;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .product__inner {
    max-width: 100%;
  }

  .product__img {
    margin: 0 auto;
  }

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

  .description__hidden.active {
    padding-bottom: 0;
  }

  .description__more.active {
    bottom: -80px;
  }

  .description__more {
    position: absolute;
    left: 16px;
    bottom: -70px;
    margin-top: 40px;
  }

  .description__images img {
    border: 5px solid var(--white);
    width: 300px;
    height: 300px;
  }

  .description__material-inner {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    gap: 40px;
  }

  .description__wrapper {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    gap: 24px;
  }
.description__inner:has(+ img),
.description__inner:has(+ picture),
  .description__material img,
  .description__wrapper img,
  .description__inner {
    max-width: 100%;
  }

  .description__material ul {
    margin-bottom: 40px;
  }

  .description__images {
    margin-top: 24px;
  }
  .description ul,
  .description h2 {
    margin-bottom: 16px;
  }

  .description {
    margin-top: 80px;
    padding: 40px 0 120px;
  }

  .description .subtitle {
    margin-bottom: 40px;
  }

  .description__types {
    margin-bottom: 60px;
  }

  .pagination__num {
    font-size: 14px;
    width: 28px;
  }

  .pagination__num.active {
    width: 32px;
  }

  .pagination__next,
  .pagination__prev {
    width: 40px;
    height: 40px;
  }

  .pagination__inner {
    padding: 4px 5px;
    height: 40px;
    gap: 0;
  }

  .pagination {
    margin-top: 40px;
  }

  .more {
    position: static;
    display: block;
    margin-top: 16px;
    text-align: center;
  }

  .catalog .card__click,
  .catalog .card__cart {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    gap: 14px;
    border-radius: 40px;
    padding: 12px 20px;
  }

  .catalog .card__click p,
  .catalog .card__cart p {
    display: block;
    white-space: nowrap;
    font-size: 14px;
  }

  .catalog .card__click::before,
  .catalog .card__cart::before {
    position: static;
    min-width: 16px;
    width: 16px;
    height: 16px;
    -webkit-transform: translate(0);
        -ms-transform: translate(0);
            transform: translate(0);
  }

  .catalog .card__receipt {
    margin-top: auto;
    padding: 8px 19px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: var(--grey4);
    border-radius: 40px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: auto;
    text-align: center;
  }

  .catalog .card__receipt span {
    font-size: 14px;
    white-space: wrap;
    opacity: 1;
    visibility: visible;
    position: static;
    padding: 0;
    background: none;
    -webkit-transform: translate(0);
        -ms-transform: translate(0);
            transform: translate(0);
  }

  .catalog .card__receipt::before {
    display: none;
  }

  .catalog .card__click p {
    color: rgba(26, 26, 24, 0.7);
  }

  .catalog .card__click:active p {
    color: var(--white);
  }

  .catalog .card__cart p {
    color: var(--white);
  }

  .catalog .card__cart:hover p {
    color: var(--dark);
  }

  .catalog .card__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    width: 100%;
  }

  .catalog .card__prices {
    width: 100%;
  }

  .catalog .card__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }

  .catalog .card__prices {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    min-height: 35px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }

  .container-h1 {
    margin-bottom: 24px !important;
  }

  .container-h1 {
    -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: 12px;
  }

  .catalog__tags.active {
    height: 80px;
  }

  .catalog__inner {
    gap: 10px;
    margin-bottom: 24px;
  }

  .catalog-izbranoe .catalog__inner {
    margin-bottom: 22px;
  }

  .catalog__tags-more,
  .catalog__tag {
    padding: 7px 16px;
    font-size: 14px;
  }

  .catalog-izbranoe .catalog__tag {
    padding: 14px 24px;
  }

  .modal-overlay .modal .close-icon {
    right: 0;
  }

  .search {
    display: block;
    position: fixed;
    top: -100%;
    left: 0;
    width: 100%;
    height: 174px;
    background: rgba(0, 0, 0, 0.5);
    z-index: 100;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
    -webkit-box-shadow: 0 0 20px 0 rgba(141, 141, 141, 0.3);
            box-shadow: 0 0 20px 0 rgba(141, 141, 141, 0.3);
    background: var(--white);
  }

  .search.active {
    top: 0;
    opacity: 1;
    visibility: visible;
  }

  .search__inner {
    position: relative;
    padding: 23px 16px;
    border-bottom: 1px solid rgba(184, 184, 184, 0.2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .search__close {
    position: absolute;
    right: 16px;
    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%3Cpath d='M20 4L4 20' stroke='%23B8B8B8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 4L20 20' stroke='%23B8B8B8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }

  .search__form {
    position: relative;
    padding: 24px 16px 32px;
  }

  .search__form input {
    background: var(--grey3);
    border-radius: 40px 0 0 40px;
    width: 100%;
    border: none;
    padding: 16px 16px 16px 24px;
    margin-right: auto;
  }

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

  .search__form button {
    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='M20.8894 20.2094L15.5394 14.8294C16.8631 13.3213 17.5486 11.3576 17.4508 9.35335C17.353 7.3491 16.4797 5.46141 15.0155 4.08936C13.5512 2.7173 11.6108 1.96842 9.60441 2.00102C7.59804 2.03362 5.68297 2.84516 4.26407 4.26407C2.84516 5.68297 2.03362 7.59804 2.00102 9.60441C1.96842 11.6108 2.7173 13.5512 4.08936 15.0155C5.46141 16.4797 7.3491 17.353 9.35335 17.4508C11.3576 17.5486 13.3213 16.8632 14.8294 15.5394L20.2094 20.9094C20.2543 20.9572 20.3085 20.9953 20.3687 21.0214C20.4289 21.0475 20.4938 21.0609 20.5594 21.0609C20.625 21.0609 20.6899 21.0475 20.7501 21.0214C20.8103 20.9953 20.8645 20.9572 20.9094 20.9094C20.956 20.8632 20.9926 20.8079 21.0169 20.7469C21.0413 20.686 21.0529 20.6207 21.051 20.5551C21.0491 20.4895 21.0338 20.4249 21.006 20.3655C20.9782 20.306 20.9385 20.2529 20.8894 20.2094ZM9.73939 16.4594C8.41426 16.4594 7.11888 16.0664 6.01707 15.3302C4.91527 14.594 4.05651 13.5476 3.5494 12.3234C3.0423 11.0991 2.90961 9.75196 3.16813 8.45229C3.42666 7.15262 4.06477 5.95879 5.00178 5.02178C5.93879 4.08477 7.13262 3.44666 8.43229 3.18813C9.73196 2.92961 11.0791 3.0623 12.3034 3.5694C13.5276 4.07651 14.574 4.93527 15.3102 6.03708C16.0464 7.13888 16.4394 8.43426 16.4394 9.7594C16.4367 11.5355 15.73 13.2382 14.4741 14.4941C13.2182 15.75 11.5155 16.4567 9.73939 16.4594Z' fill='%231A1A18'/%3E%3C/g%3E%3C/svg%3E%0A");
    min-width: 24px;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }

  .search__form-inner {
    background: var(--grey3);
    border-radius: 40px;
    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-right: 16px;
  }

  .search .search-drop {
    top: calc(100% + 8px);
  }

  .search-drop {
    width: calc(100% - 32px);
    left: 16px;
  }

  .search .select__content {
    left: auto;
    top: calc(100% + 32px);
    right: -40px;
    width: 226px;
  }

  .fixed-control {
    padding: 22px 43px 15px 29px;
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 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);
  }

  .fixed-control ul {
    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;
    width: 100%;
  }

  .fixed-control ul li a {
    position: relative;
    display: block;
    text-align: center;
  }

  .fixed-control 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;
    position: absolute;
    top: -12px;
    left: 52%;
    background: var(--blue);
    border-radius: 10px;
    font-weight: 400;
    font-size: 11px;
    color: var(--white);
    padding: 4px;
    min-width: 26px;
    height: 20px;
  }

  .fixed-control ul li img {
    -webkit-filter: invert(1);
            filter: invert(1);
  }

  .fixed-control ul li p {
    font-weight: 500;
    font-size: 14px;
    display: none;
  }

  .header__top-location {
    margin-bottom: 16px;
  }

  .header__top-time p:first-child {
    margin-bottom: 10px;
  }

  .header__top-time {
    margin-bottom: 32px;
  }

  .header .header__top {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .header.active .header__top {
    margin-top: -40px;
  }

  .header.active.header-white .header__logo-img {
    display: none;
  }

  .header.active.header-white .header__logo-mobile {
    display: block;
  }

  .header.active.header-white .header__top {
    margin-top: -50px;
  }

  .header.active .header__wrapper {
    background: #fff;
    position: relative;
    padding-bottom: 14px;
  }

  .header.active .header__wrapper::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 100%;
    width: 100%;
    height: 100%;
    background: #fff;
  }

  .header.active .header__wrapper::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: calc(100% + 32px);
    height: 1px;
    background: rgba(184, 184, 184, 0.2);
  }

  .header.active.header-white .header__top-location,
  .header.active.header-white .header__top-phone,
  .header.active.header-white .nav__link {
    color: var(--dark);
  }

  .header .menu {
    margin-top: 120px;
    padding: 0px 16px 30px;
    height: 100%;
    -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
            transform: translateX(0%);
    width: 100%;
    left: 0;
    top: 0;
    background: #fff;
    overflow-y: visible;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    padding-top: 20px;
  }

  .header .menu.active {
    opacity: 1;
    visibility: visible;
    z-index: 35;
  }

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

  .header .menu-mobile {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #fff;
    padding: 85px 16px 135px;
    overflow-y: auto;
    left: -100%;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
  }

  .header .menu-mobile.active {
    left: 0;
    opacity: 1;
    visibility: visible;
    z-index: 8;
  }

  .header .nav__item {
    width: 100%;
  }

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

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

  .header .nav__item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    background: var(--grey3);
    border-radius: 40px;
    padding: 14px 50px 14px 20px;
  }

  .header__btns {
    width: 100%;
    margin-top: 32px;
  }

  .header__btn {
    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;
    padding: 16px !important;
    width: 100%;
  }

  .header__btn::after {
    display: none;
  }

  .header__btn.grey-btn {
    background: var(--grey3);
  }

  .header__btn.grey-btn::before {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.3' clip-path='url(%23clip0_1309_41272)'%3E%3Cpath d='M11.3244 11.876C11.9511 12.2938 13.0507 12.2939 13.6775 11.876L13.6778 11.8758L24.3591 4.75492C24.0087 3.74166 23.0457 3.01172 21.9149 3.01172H3.0868C1.95593 3.01172 0.992972 3.74166 0.642578 4.75492L11.3241 11.8759L11.3244 11.876Z' fill='%231A1A18'/%3E%3Cpath d='M14.457 13.047L14.4566 13.0472C13.9081 13.4129 13.2039 13.5957 12.5 13.5957C11.7959 13.5957 11.0921 13.4129 10.5435 13.0471L10.5432 13.047L0.5 6.35156V18.4019C0.5 19.8277 1.66002 20.9877 3.08593 20.9877H21.9142C23.34 20.9877 24.5 19.8277 24.5 18.4019V6.35156L14.457 13.047Z' fill='%231A1A18'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1309_41272'%3E%3Crect width='24' height='24' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  }

  .header__btn.blue-btn {
    margin-bottom: 10px;
  }

  .header__btn.blue-btn::before {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.3' clip-path='url(%23clip0_1309_41266)'%3E%3Cpath d='M16.7163 1.24837e-05H8.28907C7.89479 -0.00112657 7.50417 0.0756932 7.13968 0.226054C6.77519 0.376415 6.44402 0.597349 6.16521 0.876152C5.88641 1.15495 5.66548 1.48612 5.51512 1.85062C5.36476 2.21511 5.28794 2.60573 5.28907 3.00001V21C5.28907 22.6636 6.65271 24 8.28907 24H16.7163C17.1106 24.0012 17.5013 23.9243 17.8657 23.774C18.2302 23.6236 18.5614 23.4027 18.8402 23.1239C19.119 22.8451 19.3399 22.5139 19.4903 22.1494C19.6407 21.7849 19.7175 21.3943 19.7163 21V3.00001C19.7175 2.60573 19.6407 2.21511 19.4903 1.85062C19.3399 1.48612 19.119 1.15495 18.8402 0.876152C18.5614 0.597349 18.2302 0.376415 17.8657 0.226054C17.5013 0.0756932 17.1106 -0.00112657 16.7163 1.24837e-05ZM12.5163 22.0636C11.7527 22.0636 11.1527 21.4636 11.1527 20.7C11.1527 19.9364 11.7527 19.3364 12.5163 19.3364C13.28 19.3364 13.88 19.9364 13.88 20.7C13.88 21.4636 13.28 22.0636 12.5163 22.0636ZM18.3527 17.8909H6.65271V4.0091H18.3527V17.8909Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1309_41266'%3E%3Crect width='24' height='24' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  }

  .header__btn::before {
    position: static;
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-filter: none;
            filter: none;
    -webkit-transform: translate(0);
        -ms-transform: translate(0);
            transform: translate(0);
  }

  .header .nav__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
    padding: 0;
    margin: 0;
  }

  .header .nav__list.active .nav__item {
    height: 0;
  }

  .header__mobile {
    display: block;
  }

  .header .nav__arrow,
  .header .menu__arrow {
    position: relative;
  }

  .header .nav__arrow::after,
  .header .menu__arrow::after {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    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='M4 11.5H20' stroke='%231A1A18' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.3362 4.83594L20.0026 11.5026L13.3361 18.1693' stroke='%231A1A18' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 24px;
    height: 24px;
  }

  .header .nav__arrow + ul,
  .header .menu__arrow + ul {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 16px;
    width: 100%;
    height: 100%;
    background: #fff;
  }

  .header .nav__arrow + ul.active,
  .header .menu__arrow + ul.active {
    opacity: 1;
    visibility: visible;
    margin-top: 120px;
    padding-top: 20px;
    z-index: 35;
  }
  .header .menu__arrow + ul.active {
    margin-top: 20px;
  }
  .header .nav__arrow.active,
  .header .menu__arrow.active {
    font-family: var(--second-family);
    font-size: 16px;
    z-index: 35;
    position: absolute;
    top: 60px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 23px 50px 18px;
    gap: 16px;
    background: #fff;
    border-radius: 0;
  }
  .header .nav__item .menu__list .nav__arrow.active {
    top: -60px;
  }
  .header .nav__item .menu__list .nav__arrow.active + ul  {
    margin-top: 0;
  }
  .header .nav__arrow.active::after,
  .header .menu__arrow.active::after {
    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='M15 6L9 12L15 18' stroke='%23B8B8B8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    margin-top: 3px;
    left: 16px;
  }

  .header .nav__arrow.active::before,
  .header .menu__arrow.active::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100%;
    height: 1px;
    background: rgba(184, 184, 184, 0.2);
  }

  .header .menu__arrow.active {
    top: -58px;
  }
  .header .menu__arrow + ul.active .menu__arrow.active {
    top: -78px;
  }
    .last-menu{
        top: -20px !important;
    }
  .btn {
    padding: 18px 67px 18px 24px;
  }

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

  .blue-btn {
    padding: 18px 25px;
  }

  .footer__wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0;
  }

  .footer__contacts {
    width: 100%;
    padding-top: 20px;
    margin-top: 40px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }

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

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

  .footer__logo {
    display: block;
    text-align: center;
    width: 100%;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 40px;
  }

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

  .contacts-section__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
  }

  .about-section__btn {
    right: 16px;
  }

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

  .about-section__inner p {
    margin-bottom: 0;
  }

  .showroom .grey-btn {
    display: none;
  }

  .showroom__wrapper {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    gap: 32px;
  }

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

  .news__inner p {
    margin-bottom: 0;
  }

  .news .swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 32px;
  }

  .news__item {
    width: 328px;
  }

  .news__btns {
    display: none;
  }

  .projects .swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 24px;
  }

  .materials__inner {
    gap: 16px;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 32px;
  }

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

  .category__items {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }

  .advantages-list ul {
    display: -ms-grid;
    display: grid;
    gap: 24px 16px;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }

  .advantages-list ul li {
    text-align: center;
    max-width: 100% !important;
    min-width: auto;
  }

  .cooperation__wrapper img {
    height: auto;
    margin-left: 0;
    width: 100%;
  }

  .cooperation__inner {
    margin-bottom: 0;
  }

  .cooperation__description p {
    margin-bottom: 24px;
  }

  .cooperation__wrapper {
    gap: 32px;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 40px;
  }

  .main .swiper-pagination {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

  .catalog__slider .swiper-inner {
    margin-top: 12px;
  }

  .about-section .swiper-inner,
  .trends .swiper-inner {
    margin-top: 32px;
  }

  .solutions .swiper-inner {
    margin-top: 24px;
  }

  .solutions__tabs-btn {
    padding: 14px 24px;
  }

  .product-card__inner {
    width: 84%;
    bottom: 20px;
  }

  .product-card p {
    line-height: 1.1;
    width: 100%;
    position: relative;
    padding-right: 50px;
    font-size: 20px;
    min-height: 41px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
 
  }
.product-card span {
    margin-bottom: 12px;
}
  .product-card p::after {
    position: absolute;
    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_6001_1181)'%3E%3Cpath d='M31.5957 15.7981C31.5957 7.08646 24.5088 -0.00048721 15.7971 -0.000487591C7.08553 -0.000487971 -0.00141747 7.08646 -0.00141785 15.7981C-0.00141823 24.5097 7.08553 31.5966 15.7971 31.5966C24.5088 31.5966 31.5957 24.5097 31.5957 15.7981ZM14.8663 20.6785L8.28363 14.0958C8.0269 13.8391 7.89786 13.502 7.89786 13.165C7.89786 12.8279 8.0269 12.4909 8.28363 12.2341C8.79838 11.7194 9.63046 11.7194 10.1452 12.2341L15.7971 17.8861L21.4491 12.2342C21.9638 11.7195 22.7959 11.7195 23.3107 12.2342C23.8254 12.749 23.8254 13.581 23.3107 14.0958L16.7279 20.6785C16.2132 21.1933 15.3811 21.1933 14.8663 20.6785Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6001_1181'%3E%3Crect width='31.5971' height='31.5971' fill='white' transform='translate(31.5972 1.38115e-06) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 32px;
    height: 32px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    bottom: 0px;
    right: 4px;
  }

  .product-card.active::before {
    -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px);
    background: var(--blue);
    opacity: 0.8;
  }
  .product-card.active p::after {
    transform: rotate(180deg);
  }

  .product-card.active span {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
    margin-bottom: -30px;
  }

  .product-card.active span::after {
    opacity: 0;
    visibility: hidden;
    max-height: 0;
  }

  .product-card.active .product-card__inner {
    bottom: 360px;
  }

  .product-card.active .product-card__arrow {
    opacity: 1;
    visibility: visible;
    max-height: 32px;
    z-index: 2;
  }

  .product-card.active ul {
    margin-bottom: 10px;
    opacity: 1;
    max-height: -webkit-fit-content;
    max-height: -moz-fit-content;
    max-height: fit-content;
    z-index: 2;
  }

  .product-card__arrow {
    display: none;
  }

  .product-card {
    height: 410px;
    padding: 37px 20px 32px;
  }

  .product-slider__inner {
    gap: 16px;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 32px;
  }

  .advantages__slider {
    -webkit-transform: translateX(4%);
        -ms-transform: translateX(4%);
            transform: translateX(4%);
  }

  .advantages__buttons {
    right: calc(100% - 64px);
  }

  .advantages__slider {
    max-width: 100%;
    width: 100%;
    margin-top: 0px;
  }

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

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

  .popular__slider {
    -webkit-transform: translateX(0px);
        -ms-transform: translateX(0px);
            transform: translateX(0px);
    margin-left: 0;
    margin-top: 0;
    max-width: 100%;
  }

  .popular__descr {
    margin-top: 44px;
    margin-bottom: 57px;
  }

  .popular__inner {
    min-width: 200px;
    max-width: 700px;
  }

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

  .main .swiper-inner {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .scroll-down {
    width: 38px;
    position: relative;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    display: block;
    left: 0;
    bottom: 0;
  }

  .header-white .header__top,
  .header__top {
    margin-bottom: 14px;
  }

  .header-white .header__top {
    padding-bottom: 10px;
  }

  .header-white {
    padding-top: 10px;
  }

  .header__top-phone {
    font-size: 14px;
  }

  .header__top-phone::after {
    display: none;
  }

  .header__top-phone::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_3004_20884)'%3E%3Cpath d='M10.8115 8.32245e-06H5.19337C4.93051 -0.000751045 4.6701 0.0504621 4.4271 0.150703C4.18411 0.250943 3.96333 0.398233 3.77746 0.584101C3.59159 0.76997 3.4443 0.99075 3.34406 1.23374C3.24382 1.47674 3.19261 1.73715 3.19337 2.00001V14C3.19337 15.1091 4.10246 16 5.19337 16H10.8115C11.0744 16.0008 11.3348 15.9496 11.5778 15.8493C11.8208 15.7491 12.0416 15.6018 12.2275 15.4159C12.4133 15.23 12.5606 15.0093 12.6609 14.7663C12.7611 14.5233 12.8123 14.2629 12.8115 14V2.00001C12.8123 1.73715 12.7611 1.47674 12.6609 1.23374C12.5606 0.99075 12.4133 0.76997 12.2275 0.584101C12.0416 0.398233 11.8208 0.250943 11.5778 0.150703C11.3348 0.0504621 11.0744 -0.000751045 10.8115 8.32245e-06ZM8.01155 14.7091C7.50246 14.7091 7.10246 14.3091 7.10246 13.8C7.10246 13.2909 7.50246 12.8909 8.01155 12.8909C8.52064 12.8909 8.92064 13.2909 8.92064 13.8C8.92064 14.3091 8.52064 14.7091 8.01155 14.7091ZM11.9025 11.9273H4.10246V2.67274H11.9025V11.9273Z' fill='%23B8B8B8'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3004_20884'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }

  .header__email-mobile {
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
  }

  .header__email-mobile::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='M7.21496 7.91736C7.63275 8.19589 8.36582 8.19592 8.78369 7.91733L8.78391 7.9172L15.9047 3.16995C15.6712 2.49444 15.0292 2.00781 14.2753 2.00781H1.72323C0.969319 2.00781 0.327346 2.49444 0.09375 3.16995L7.21474 7.91723L7.21496 7.91736Z' fill='%23B8B8B8'/%3E%3Cpath d='M9.30464 8.69797L9.30442 8.69813C8.93873 8.94191 8.46929 9.06382 8 9.06382C7.53062 9.06382 7.06137 8.94194 6.69565 8.6981L6.69549 8.698L0 4.23438V12.2679C0 13.2185 0.77335 13.9918 1.72395 13.9918H14.2761C15.2267 13.9918 16 13.2185 16 12.2679V4.23438L9.30464 8.69797Z' fill='%23B8B8B8'/%3E%3C/svg%3E%0A");
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }

  .header-white.header-fixed .header__email-mobile {
    color: var(--dark);
  }

  .header-white.header-fixed .header__email-mobile::before {
    -webkit-filter: brightness(0);
            filter: brightness(0);
  }

  .header-white.header-fixed .header__top-phone {
    color: var(--dark);
  }

  .header-white.header-fixed .header__top-phone::before {
    content: "";
    -webkit-filter: brightness(0);
            filter: brightness(0);
  }
  .header-white .header__email-mobile {
    color: var(--white);
  }

  .header-white .header__email-mobile::before {
    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.2'%3E%3Cpath d='M7.21496 7.91736C7.63275 8.19589 8.36582 8.19592 8.78369 7.91733L8.78391 7.9172L15.9047 3.16995C15.6712 2.49444 15.0292 2.00781 14.2753 2.00781H1.72323C0.969319 2.00781 0.327346 2.49444 0.09375 3.16995L7.21474 7.91723L7.21496 7.91736Z' fill='white'/%3E%3Cpath d='M9.30464 8.69797L9.30442 8.69813C8.93873 8.94191 8.46929 9.06382 8 9.06382C7.53062 9.06382 7.06137 8.94194 6.69565 8.6981L6.69549 8.698L0 4.23438V12.2679C0 13.2185 0.77335 13.9918 1.72395 13.9918H14.2761C15.2267 13.9918 16 13.2185 16 12.2679V4.23438L9.30464 8.69797Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
  }

  .header-white .header__top-phone {
    color: var(--white);
  }

  .header-white .header__top-phone::before {
    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 opacity='0.2' clip-path='url(%23clip0_3004_20699)'%3E%3Cpath d='M10.8115 8.32245e-06H5.19337C4.93051 -0.000751045 4.6701 0.0504621 4.4271 0.150703C4.18411 0.250943 3.96333 0.398233 3.77746 0.584101C3.59159 0.76997 3.4443 0.99075 3.34406 1.23374C3.24382 1.47674 3.19261 1.73715 3.19337 2.00001V14C3.19337 15.1091 4.10246 16 5.19337 16H10.8115C11.0744 16.0008 11.3348 15.9496 11.5778 15.8493C11.8208 15.7491 12.0416 15.6018 12.2275 15.4159C12.4133 15.23 12.5606 15.0093 12.6609 14.7663C12.7611 14.5233 12.8123 14.2629 12.8115 14V2.00001C12.8123 1.73715 12.7611 1.47674 12.6609 1.23374C12.5606 0.99075 12.4133 0.76997 12.2275 0.584101C12.0416 0.398233 11.8208 0.250943 11.5778 0.150703C11.3348 0.0504621 11.0744 -0.000751045 10.8115 8.32245e-06ZM8.01155 14.7091C7.50246 14.7091 7.10246 14.3091 7.10246 13.8C7.10246 13.2909 7.50246 12.8909 8.01155 12.8909C8.52064 12.8909 8.92064 13.2909 8.92064 13.8C8.92064 14.3091 8.52064 14.7091 8.01155 14.7091ZM11.9025 11.9273H4.10246V2.67274H11.9025V11.9273Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3004_20699'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  }

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

  .header__wrapper .header__control,
  .header__wrapper .header__search,
  .header__wrapper .nav {
    display: none;
  }

  .header__top .header__top-location {
    display: none;
  }

  .header__top .nav {
    display: none;
  }

  .header__top-contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
  }

  .reviews__btn,
  .system__btn,
  .catalog__btn,
  .about-section__btn,
  .news .black-btn,
  .category .grey-btn,
  .cooperation__inner .grey-btn,
  .solutions__btn,
  .trends__btn,
  .product-slider__btn {
    margin-bottom: 0;
    position: absolute;
    right: 0;
    top: -6px;
    border: none;
    padding: 0;
    width: 32px;
    height: 32px;
  }

  .reviews__btn p,
  .system__btn p,
  .catalog__btn p,
  .about-section__btn p,
  .news .black-btn p,
  .category .grey-btn p,
  .cooperation__inner .grey-btn p,
  .solutions__btn p,
  .trends__btn p,
  .product-slider__btn p {
    display: none;
  }

  .reviews__btn.btn::after,
  .system__btn.btn::after,
  .catalog__btn.btn::after,
  .about-section__btn.btn::after,
  .news .black-btn.btn::after,
  .category .grey-btn.btn::after,
  .cooperation__inner .grey-btn.btn::after,
  .solutions__btn.btn::after,
  .trends__btn.btn::after,
  .product-slider__btn.btn::after {
    width: 32px;
    height: 32px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background: var(--grey4);
  }

  .reviews__btn.btn::before,
  .system__btn.btn::before,
  .catalog__btn.btn::before,
  .about-section__btn.btn::before,
  .news .black-btn.btn::before,
  .category .grey-btn.btn::before,
  .cooperation__inner .grey-btn.btn::before,
  .solutions__btn.btn::before,
  .trends__btn.btn::before,
  .product-slider__btn.btn::before {
    width: 17px;
    height: 17px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-filter: brightness(1) invert(0);
            filter: brightness(1) invert(0);
  }

  .about-section__btn {
    right: 16px;
  }

  .feature .swiper-button-next,
  .feature .swiper-button-prev,
  .projects .swiper-button-next,
  .projects .swiper-button-prev,
  .collaboration .swiper-button-next,
  .collaboration .swiper-button-prev,
  .reviews .swiper-button-next,
  .reviews .swiper-button-prev,
  .work .swiper-button-next,
  .work .swiper-button-prev,
  .models .swiper-button-next,
  .models .swiper-button-prev,
  .system .swiper-button-next,
  .system .swiper-button-prev,
  .catalog .swiper-button-next,
  .catalog .swiper-button-prev,
  .about-section .swiper-button-next,
  .about-section .swiper-button-prev,
  .trends .swiper-button-next,
  .trends .swiper-button-prev,
  .solutions .swiper-button-next,
  .solutions .swiper-button-prev {
    display: none;
  }

  .feature,
  .projects,
  .reviews .swiper-inner,
  .work .swiper-inner {
    margin-top: 24px;
  }

  .projects__tabs {
    padding-bottom: 32px;
  }
}

@media (max-width: 1025px) and (max-width: 1400px) {
  .assortment__images img {
    height: calc(
            320px + 245 *
                ((100vw - 320px) / 1080)
        );
  }

  .assortment__images img {
    margin-right: calc(
            -50px + -70 *
                ((100vw - 320px) / 1080)
        );
  }

  .comparison__slider {
    max-width: calc(
            30px + 1060 *
                ((100vw - 320px) / 1080)
        );
  }

  .product-swiper2 {
    height: calc(
            300px + 400 *
                ((100vw - 320px) / 1080)
        );
  }

  .paneli__img {
    height: calc(
            160px + 540 *
                ((100vw - 320px) / 1080)
        );
  }

  .description__images img {
    width: calc(
            90px + 210 *
                ((100vw - 320px) / 1080)
        );
  }

  .description__images img {
    height: calc(
            90px + 210 *
                ((100vw - 320px) / 1080)
        );
  }
}

@media (max-width: 769px) {
    .faq {
        margin-top: 86px;
    }
    .faq__accordion.open .faq__accordion-content {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .faq__accordion-content {
        padding: 0 20px;       
    }
    .faq__accordion-content p {
        margin-bottom: 14px;
    }
    .faq__accordion:not(:last-child) {
        margin-bottom: 15px;
    }
    .faq__accordion-btn {
        font-size: 16px;
        padding: 14px 20px;
        min-height: 66px;
    }
    .faq .subtitle {
        margin-bottom: 46px;
    }
    .faq h2 {
        margin-bottom: 21px;
    }
    .js-material-block:not(:last-child) {
        margin-bottom: 32px;
    }
    .article h3 {
        font-size: 19px; 
    }
     .product__id {
        font-size: 14px;
     }
    .privacy h1 {
        font-size: 26px;
        margin-bottom: 30px;
    }   
    .privacy h2 {
        margin-top: 30px;
    }
  .modal-overlay .modal-review.modal h2 {
    margin-bottom: 12px;
  }

  .form-reviews .form__inner {
    gap: 24px;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

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

  .guarantee__apply ul li {
    font-size: 16px;
  }

  .guarantee__apply ul li span {
    font-size: 18px;
  }

  .guarantee__obligation p span {
    font-size: 18px;
  }

  .montage__price ul:not(:last-child) {
    margin-bottom: 32px;
  }

  .details__promo input {
    padding: 16px 50px 16px 19px;
  }

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

  .trends.grey:last-child {
    margin-bottom: -40px;
  }

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

  .system__item p {
    font-size: 14px;
  }

  .catalog .select__title::after {
    display: none;
  }

  .rating p {
    font-size: 14px;
  }

  .form__info {
    font-size: 14px;
  }

  .reviews__rating-subtitle {
    display: none;
  }

  .reviews__rating-title {
    margin-bottom: 16px;
  }

  .application .subtitle {
    margin-bottom: 40px;
  }

  .contacts__table-lists ul li {
    padding-bottom: 11px;
  }

  .article__author-name {
    margin-bottom: 10px !important;
    font-size: 16px !important;
  }

  .article__author-position {
    font-size: 14px !important;
  }

  .article__img {
    margin-bottom: 0;
  }

  .container-h1 span {
    font-size: 14px;
  }

  .comparison__list li {
    padding-bottom: 10px;
  }

  .comparison .card .comparison__list {
    margin-top: 76px;
  }

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

  .not-found {
    padding-top: 150px;
  }

  .not-found__wrapper img {
    width: 100px;
    margin-bottom: 24px;
  }

  .not-found__wrapper h1 {
    margin-bottom: 32px;
  }

  .category__items {
    gap: 16px;
  }

  p.subtitle {
    font-size: 16px;
  }

  .order__apartment-info p {
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    top: calc(100% + 16px);
  }

  .system-grid {
    padding-top: 0 !important;
    padding-bottom: 40px;
  }

  .cart__controls {
    gap: 25px;
  }

  .search-block {
    margin-bottom: 40px;
  }

  .search-block .select__content {
    width: 156px;
  }

  .choose__images {
    gap: 16px;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .choose__item img {
    width: 40px;
    height: 40px;
    margin-bottom: 12px;
  }

  .choose__item-title {
    margin-bottom: 12px;
  }

  .choose__item {
    padding: 20px 20px 32px;
  }

  .choose .subtitle {
    margin-bottom: 40px;
  }

  .choose h2 {
    margin-bottom: 24px;
  }

  .choose {
    margin-top: 80px;
  }

  .choose__list {
    gap: 16px;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 32px;
  }

  .selection__inner {
    margin-bottom: 24px;
  }

  .selection .swiper-inner {
    margin-bottom: 24px;
  }

  .selection .subtitle {
    margin-bottom: 40px;
  }

  .selection {
    padding: 40px 0;
    margin-top: 80px;
  }

  .rating,
  .form__text {
    margin-bottom: 24px;
  }

  .reviews__sort a {
    padding: 14px 24px;
  }

  .reviews__sort {
    margin-bottom: 14px;
  }

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

  .reviews__item {
    padding: 20px !important;
  }

  .reviews__rating {
    width: 100%;
    min-width: 200px;
    position: static;
  }

  .reviews__rating-inner {
    padding: 20px;
  }

  .reviews-page .reviews__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 40px;
  }

  .contacts__table-lists ul li p:first-child {
    white-space: normal;
  }

  .contacts .form__inner {
    gap: 24px;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .contacts__title {
    margin-bottom: 24px;
  }

  .help .subtitle {
    margin-bottom: 40px;
  }

  .help {
    margin-top: 80px;
    padding: 40px 0;
  }

  .help__btn {
    margin-bottom: 32px;
  }

  .help__images {
    gap: 16px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .help__images img {
    height: auto;
  }

  .feature__item {
    padding: 20px;
  }

  .feature__num {
    margin-bottom: 24px;
  }

  .feature__title {
    margin-bottom: 16px;
  }

  .feature .subtitle {
    margin-bottom: 40px;
  }

  .feature {
    margin-top: 80px;
  }

  .projects-grey {
    padding: 40px 0;
  }

  .services {
    margin-top: 80px;
  }

  .services h2 {
    margin-bottom: 16px;
  }

  .services ul li a {
    padding: 20px;
    height: auto;
  }

  .services ul {
    gap: 10px;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .assortment {
    margin-top: 80px;
  }

  .assortment h2 {
    margin-bottom: 16px;
  }

  .assortment__inner p {
    margin-bottom: 32px;
  }

  .guarantee__obligation {
    padding: 40px 0;
  }

  .guarantee__obligation h2 {
    margin-bottom: 16px;
  }

  .guarantee__obligation-inner ul li {
    -ms-grid-columns: 1fr 3fr;
    grid-template-columns: 1fr 3fr;
  }

  .guarantee__obligation-inner ul {
    max-width: 300px;
    margin-top: 32px;
  }

  .guarantee__return-inner:not(:last-child) {
    margin-bottom: 32px;
  }

  .guarantee__return h2 {
    margin-bottom: 16px;
  }

  .guarantee__return p {
    margin-bottom: 32px;
  }

  .guarantee__return-inner p {
    margin-bottom: 16px;
  }

  .guarantee__apply {
    padding: 40px 0;
  }

  .guarantee__apply h2 {
    margin-bottom: 24px;
  }

  .guarantee {
    margin-top: 40px;
  }

  .montage__conditions {
    padding: 40px 0;
  }

  .montage__conditions h2 {
    margin-bottom: 24px;
  }

  .montage__price {
    margin-bottom: 80px;
  }

  .montage__price ul li:not(:first-child) {
    padding: 16px 0px 10px;
  }

  .montage__price h2 {
    margin-bottom: 24px;
  }

  .montage__inner {
    margin-bottom: 80px;
  }

  .montage__inner-price {
    margin-top: 32px;
  }

  .montage__inner h2 {
    margin-bottom: 16px;
  }

  .montage__inner ul {
    margin-bottom: 24px;
  }

  .montage {
    margin-top: 80px;
  }

  .delivery__price p {
    margin-bottom: 24px;
  }

  .delivery__price h2 {
    margin-bottom: 16px;
  }

  .delivery__lift ul li:not(:first-child) {
    padding-bottom: 10px;
  }

  .delivery__lift ul li:first-child {
    padding: 16px;
  }

  .delivery__lift h2 {
    margin-bottom: 24px;
  }

  .delivery__pay-title {
    margin-bottom: 16px;
  }

  .delivery__pay-item {
    padding: 20px 20px 32px;
    min-height: 215px;
  }

  .delivery__pay-list {
    gap: 16px;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .delivery__pay {
    margin-bottom: 80px;
  }

  .delivery__country p {
    margin-bottom: 32px;
  }

  .delivery__country {
    margin-bottom: 73px;
  }

  .delivery__country h2 {
    margin-bottom: 16px;
  }

  .delivery__courier-info-title {
    font-size: 20px !important;
  }

  .delivery__courier-info-title::before {
    width: 32px;
    height: 32px;
  }

  .delivery__courier-inner p {
    margin-left: 0;
  }

  .delivery__courier-inner {
    margin-bottom: 24px;
  }

  .delivery__courier-info-title {
    gap: 16px;
  }

  .delivery__courier-info {
    padding: 20px 20px 32px;
  }

  .delivery__courier ul {
    margin-bottom: 32px;
  }

  .delivery__courier-price {
    -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;
    padding-bottom: 16px;
  }

  .delivery {
    margin-top: 30px;
  }

  .main-detailed {
    padding-bottom: 40px;
  }

  .main-detailed h1,
  .main-detailed h2 {
    margin-bottom: 16px;
  }

  .crumbs {
    padding-top: 134px;
    margin-bottom: 24px;
  }

  .application__inner ul li ul {
    gap: 16px;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .application__inner ul li ul li {
    padding-bottom: 12px !important;
    border-bottom: 1px solid var(--grey3) !important;
  }

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

  .advantages__item-title {
    margin-bottom: 12px;
  }

  .advantages {
    padding-top: 80px;
  }

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

  .advantages__buttons {
    right: calc(100% - 10px);
  }

  .advantages__slider {
    -webkit-transform: translateX(15%);
        -ms-transform: translateX(15%);
            transform: translateX(15%);
  }

  .advantages__slide {
    min-width: 155px;
    width: 155px;
    margin-left: -75px;
  }

  .collaboration__item {
    padding-left: 16px;
  }

  .collaboration__num {
    margin-bottom: 16px;
  }

  .collaboration__title {
    margin-bottom: 58px;
  }

  .collaboration {
    margin-top: 80px;
  }

  .cooperation.cooperation-page {
    margin-top: 0;
    padding-top: 0;
  }

  .application {
    margin-top: 80px;
  }

  .application h2 {
    margin-bottom: 16px;
  }

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

  .application__inner ul {
    margin-bottom: 24px;
  }

  .application .form__inner {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    gap: 24px;
  }

  .article__download img {
    width: 24px;
    height: 24px;
  }

  .article__images {
    gap: 16px;
  }

  .article__images a {
    width: 100%;
  }
  .article__inner ol,
  .article__inner ul {
    margin-bottom: 32px;
  }

  .article__description-accordion ul {
    margin-bottom: 0;
  }

  .article__inner h2 {
    scroll-margin-top: 30px;
    margin: 40px 0 16px;
  }

  .article__author img {
    width: 55px;
    height: 55px;
  }

  .article__info-item {
    font-size: 14px;
    padding: 10px;
    gap: 8px;
  }

  .article__info {
    margin-bottom: 24px;
    gap: 8px;
  }

  .article h1 {
    margin-bottom: 16px;
    scroll-margin-top: 30px;
  }

  .news__sort {
    margin-bottom: 22px;
  }

  .news__items {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }

  .comparison__reset {
    -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
            transform: translateY(-20px);
  }

  .card__fixed.active::before {
    top: calc(50% + 11px);
  }

  .comparison__list {
    margin-top: 60px;
  }

  .comparison__slider {
    max-width: 1280px;
  }

  .comparison__list li,
  .comparison__reset,
  .comparison__check-link {
    font-size: 14px;
  }

  .comparison__check {
    margin-right: 16px;
  }

  .comparison__inner {
    max-width: 200px;
    min-width: 200px;
  }

  .empty img {
    width: 24px;
    height: 24px;
  }

  .order textarea {
    border-radius: 8px;
  }

  .order {
    margin-bottom: 0;
  }

  .order__address .select {
    width: 100%;
  }

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

  .order__address-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }

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

  .order__address,
  .order__consignee {
    padding: 20px;
  }

  .order__inputs {
    gap: 16px;
    margin-bottom: 16px;
  }

  .order__consignee-content .order__inputs {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .cart .counter {
    margin-bottom: 4px;
  }

  .cart__descr {
    gap: 12px;
  }

  .cart__wrap {
    width: 400px;
  }

  .cart__card label {
    top: 0px;
    left: 0;
  }

  .cart__cards {
    padding: 10px;
  }

  .cart__card {
    padding-top: 26px;
  }

  .cart__card img {
    height: 70px;
    width: 70px;
  }

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

  .work {
    padding-top: 80px;
  }

  .system__img {
    padding: 8px;
  }

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

  .product-other .product__tag {
    left: 10px;
    top: 10px;
  }

  .product-other .swiper-inner {
    bottom: 10px;
  }

  .product-swiper .swiper-slide {
    width: 64px;
  }

  .product-swiper {
    height: 64px;
  }

  .product__slides {
    padding: 10px;
  }

  .product-other .product__description-wrap {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }

  .product-other .product__description-title {
    margin-bottom: 16px;
  }

  .card__tag {
    top: 10px;
    left: 10px;
    padding: 3px 12px;
  }

  .paneli {
    margin-bottom: 40px;
  }

  .modal-overlay .modal-delivery .modal__wrapper,
  .modal-overlay .modal-guarantee .modal__wrapper,
  .modal-overlay .modal-payment .modal__wrapper {
    padding: 24px 24px 40px;
  }

  .modal-overlay .modal__subtitle {
    margin-bottom: 24px;
  }

  .modal-overlay .modal ul {
    margin-bottom: 32px;
  }

  .product__img {
    max-width: 522px;
    width: 100%;
  }

  .reviews {
    padding-top: 80px;
  }

  .reviews__item-inner {
    margin-bottom: 30px;
    gap: 16px;
  }

  .reviews__item-inner img {
    width: 56px;
    height: 56px;
  }

  .reviews__item-raiting img {
    width: 16px;
    height: 16px;
  }

  .work__slider {
    margin-bottom: 40px;
  }

  .work__title {
    margin-bottom: 40px;
  }

  .work__num {
    margin-bottom: 16px;
  }

  .work ul {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .work ul li {
    gap: 24px;
  }

  .models {
    margin-top: 80px;
    padding: 40px 0;
  }

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

  .collection {
    padding-top: 80px;
  }

  .collection h2 {
    margin-bottom: 16px;
  }

  .system {
    padding-top: 80px;
  }

  .specification {
    padding-top: 40px;
  }

  .specification h2 {
    margin-bottom: 24px;
  }

  .product__check label img,
  .product__check label span {
    width: 45px;
    height: 45px;
  }

  .product__check {
    gap: 8px;
  }

  .product__check:not(:last-child) {
    margin-bottom: 32px;
  }

  .control {
    margin-top: 40px;
  }

  .control-grey {
    margin-top: 24px;
  }

  .product__models p {
    margin-bottom: 25px;
  }

  .product__tabs-btns {
    gap: 10px;
  }

  .product__tabs-btn {
    padding: 14px 24px;
  }

  .counter__count {
    font-size: 16px;
    min-width: 18px;
  }

  .counter__minus::before,
  .counter__plus::before {
    width: 18px;
    height: 18px;
  }

  .counter__minus,
  .counter__plus {
    min-width: 32px;
    width: 32px;
    height: 32px;
  }

  .product__description-btns {
    width: 100%;
    margin: 0;
  }

  .product__description-wrap {
    position: absolute;
    top: 20px;
    left: 20px;
    width: calc(100% - 40px);
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .product__description-title {
    margin-bottom: 16px;
  }

  .product__description-title + p {
    font-size: 14px;
  }

  .product__description-inner a {
    margin: 12px 0 32px;
  }

  .product__description-inner {
    max-width: 100%;
  }

  .product__description {
    position: relative;
    padding: 64px 20px 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 24px;
  }

  .catalog__slider:not(:last-child) {
    margin-bottom: 40px;
  }

  .modal-overlay .modal-click .form__btn + p {
    text-align: left;
    font-size: 14px;
  }

  .form__card {
    margin: 24px 0;
  }

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

  .form__card-old-price {
    font-size: 12px;
  }

  .modal-overlay .counter {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-bottom: 16px;
  }

  .form__card-title {
    margin-bottom: 14px;
  }

  .form__card-img {
    min-width: 80px;
    width: 80px;
    height: 80px;
    padding: 4px;
  }

  .form__card-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
  }

  .form__content label textarea {
    height: 212px;
  }

  .modal-overlay .modal h2 + p {
    margin-bottom: 24px;
  }

  .form__inputs-inner {
    gap: 16px;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .modal-overlay .modal-click .modal__wrapper {
    padding: 32px 20px;
  }

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

  .description__types ul {
    gap: 24px;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .catalog__tags.active {
    height: 125px;
  }

  .catalog .card__control {
    position: absolute;
    top: 10px;
    right: 10px;
    gap: 6px;
  }

  .catalog .card__compare,
  .catalog .card__favorite {
    width: 16px;
    height: 16px;
  }

  .catalog .card {
    padding: 35px 10px 10px;
  }

  .catalog-izbranoe .cards .swiper-wrapper,
  .catalog .swiper-wrapper {
    gap: 16px;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }

  .contacts-section__inner ul li ul {
    gap: 0;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .contacts-section__inner ul li ul li {
    padding-bottom: 12px !important;
    border-bottom: 1px solid var(--grey3) !important;
  }

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

  .select__label {
    padding: 9px 10px;
  }

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

  .modal-overlay .modal h2 {
    margin-bottom: 12px;
  }

  .search-drop__item a {
    padding: 10px 10px 16px;
  }

  .search-drop__tag {
    position: absolute;
    right: 12px;
    bottom: 16px;
  }

  .footer__copyright-inner,
  .footer__copyright {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }

  .footer__copyright {
    padding: 24px 0 32px;
  }

  .footer__accordion.open .nav {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    opacity: 1;
    visibility: visible;
    padding: 2px 0 12px;
  }

  .footer__accordion.open .footer__title {
    border-bottom: none;
  }

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

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

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

  .footer__accordion .nav__item a {
    opacity: 0.6;
  }

  .footer__title,
  .nav__title {
    display: block;
    padding: 16px 0 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .footer__title {
    margin-bottom: 0;
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
  }

  .footer__title::after {
    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='M6 9L12 15L18 9' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 24px;
    height: 24px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }

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

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

  .footer__contacts {
    padding-top: 0;
    margin-top: 40px;
    border-top: none;
  }

  .footer {
    margin-top: 40px;
    padding-top: 32px;
  }

  .about-section__item {
    gap: 16px;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .about-section__wrapper ul {
    max-width: 100%;
  }

  .about-section__wrapper {
    margin-bottom: 32px;
  }

  .about-section h2 {
    margin-bottom: 16px;
  }

  .materials {
    padding: 40px 0;
    margin-top: 80px;
  }

  .materials__item {
    gap: 16px;
  }


  .trends__inner {
    margin-bottom: 24px;
  }

  .showroom h2 {
    margin-bottom: 16px;
  }

  .showroom__inner p {
    margin-bottom: 24px;
  }

  .news h2 {
    margin-bottom: 16px;
  }

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

  .contacts-section__inner ul li:not(:last-child) {
    margin-bottom: 16px;
    padding-bottom: 12px;
  }

  .contacts-section__inner ul {
    max-width: 100%;
    margin-bottom: 24px;
  }

  .catalog .empty {
    margin-bottom: 80px;
  }

  .contacts-section {
    margin-bottom: 0;
  }

  .contacts-section,
  .projects,
  .category {
    margin-top: 80px;
  }

  .product-slider-grey {
    padding: 40px 0;
  }

  .product-slider {
    margin-top: 80px;
  }

  .showroom,
  .trends {
    padding: 40px 0;
    margin-top: 80px;
  }

  .trends__item-img,
  .trends__item img {
    height: 364px;
  }

  .cooperation {
    padding: 40px 0 0;
    margin-top: 80px;
  }

  .about-section,
  .solutions {
    margin-top: 86px;
  }

  .popular {
    padding-top: 80px;
  }

  .category__inner {
    margin-bottom: 32px;
  }

  .news {
    margin-top: 80px;
  }

  .contacts-section .subtitle,
  .about-section .subtitle,
  .showroom .subtitle,
  .news .subtitle,
  .trends .subtitle,
  .projects .subtitle,
  .materials .subtitle,
  .category .subtitle,
  .cooperation .subtitle,
  .solutions .subtitle,
  .product-slider .subtitle,
  .popular .subtitle {
    margin-bottom: 40px;
  }

  .cooperation__list {
    padding: 32px 0 40px;
  }

  .popular__slider {
    margin-left: 20px;
  }

  .popular__slide {
    min-width: 125px;
    width: 125px;
    margin-left: -54px;
  }

  .main .container {
    margin-top: 0;
  }

  .main {
    height: 640px;
  }
}

@media (max-width: 769px) and (max-width: 1400px) {
  .comparison__slider {
    max-width: calc(
            130px + 1150 *
                ((100vw - 320px) / 1080)
        );
  }

  .popular__slider {
    margin-left: calc(
            60px + -40 *
                ((100vw - 320px) / 1080)
        );
  }
}

@media (max-width: 640px) {
  .article__images-circle {
    display: -ms-grid;
    display: grid;
    gap: 16px;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }

  .comparison__inner {
    max-width: 172px;
    min-width: 172px;
  }

  .details__total {
    margin-bottom: 24px;
  }

  .details__inner {
    padding: 20px;
    position: static;
  }

  .cart__wrap {
    width: 100%;
  }

  .cart__descr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

@media (max-width: 550px) {
  .order__apartment-info p {
    left: -20px;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    width: calc(100% + 40px);
  }

  .order__apartment-info {
    position: static;
  }

  .order__apartment {
    position: relative;
  }

  .advantages__buttons {
    right: 110%;
  }

  .advantages__slider {
    -webkit-transform: translateX(30%);
        -ms-transform: translateX(30%);
            transform: translateX(30%);
  }

  .advantages__slide {
    min-width: 113px;
    width: 113px;
    margin-left: -55px;
  }

  .news__items {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    gap: 24px;
  }

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

@media (max-width: 470px) {
  .news__inner {
    min-width: 200px;
    width: 100%;
  }

  .advantages__buttons {
    right: 113%;
  }

  .advantages__slider {
    -webkit-transform: translateX(38%);
        -ms-transform: translateX(38%);
            transform: translateX(38%);
  }
}

@media (max-width: 376px) {
  .advantages__buttons {
    right: 114%;
  }

  .advantages__slider {
    -webkit-transform: translateX(40%);
        -ms-transform: translateX(40%);
            transform: translateX(40%);
  }
}

@media (max-width: 359px) {
  .catalog .card__cart,
  .catalog .card__click {
    gap: 8px;
    padding: 12px 14px;
  }

  .pagination__num {
    width: 24px;
  }

  .pagination {
    gap: 10px;
  }
}
/* End */


/* Start:/local/templates/main/css/custom.css?177126084542*/
.legacy-cookie__text{
    color: #fff;
}
/* End */


/* Start:/local/templates/main/template_styles.css?1741624728832*/
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: ""; }

.errortext {
    color: red;
}

div.empty {
    width: auto !important;
    height: auto !important;
}

.custom_h2 {
  font-size: 40px;
  line-height: 110%;
  font-family: var(--second-family);
}

.modal-overlay .modal .custom_h2 {
  font-weight: 400;
  font-size: 40px;
  margin-top: 0;
  margin-bottom: 16px;
}
/* End */
/* /local/templates/main/css/style.css?1779712126379867 */
/* /local/templates/main/css/custom.css?177126084542 */
/* /local/templates/main/template_styles.css?1741624728832 */