@charset "UTF-8";
:root {
  --container-width: 1356px;
  --container-padding: 60px;
  --black: #141414;
  --fon: #f1f3f5;
  --white: #fff;
  --line: #dce3eb;
  --gray: #707d89;
  --text-black: #141414;
  --text-white: #fff;
  --text-gray: #707d89;
  --font-family: "Montserrat", sans-serif;
  --second-family: "Raleway", sans-serif;
}

/*
Псевдоэлемент-расширитель для кнопок:
1. Помогает попадать по небольшим кнопкам
2. Помогает отлавливать событие нажатия на кнопку при наличии в ней различных элементов
*/
@font-face {
  font-family: Raleway;
  src: url("../fonts/Raleway-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Montserrat;
  src: url("../fonts/Montserrat-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Montserrat;
  src: url("../fonts/Montserrat-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Montserrat;
  src: url("../fonts/Montserrat-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Montserrat;
  src: url("../fonts/Montserrat-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

* {
  margin: 0;
}

input,
button,
textarea {
  padding: 0;
  background: none;
  border: none;
  outline: none;
  color: inherit;
}

html,
body {
  height: 100%;
  padding: 0;
  scroll-behavior: smooth;
  scrollbar-gutter: stable;
}

body {
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

p {
  text-wrap: pretty;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  text-wrap: balance;
}

ul,
ol {
  list-style-type: none;
  padding: 0;
}

a {
  text-decoration: none;
}

.main-wrapper-outer {
  width: 100%;
  min-height: 100%;
  max-width: var(--main-outer-width);
  margin-left: auto;
  margin-right: auto;
  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;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  overflow: hidden;
}

.main {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  margin: 176px 0px 0px 0px;
}
@media (max-width: 992px) {
  .main {
    margin: 98px 0px 0px 0px;
  }
}
@media (max-width: 768px) {
  .main {
    margin: 74px 0px 0px 0px;
  }
}
@media (max-width: 359px) {
  .main {
    margin: 57px 0px 0px 0px;
  }
}

.container {
  margin: 0 auto;
  width: 100%;
  max-width: var(--container-width);
  padding: 0px 30px;
}
@media (max-width: 768px) {
  .container {
    padding: 0px 16px;
  }
}

[data-simplebar] {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  -webkit-box-sizing: inherit !important;
          box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  max-width: 100%; /* Not required for horizontal scroll to trigger */
  max-height: 100%; /* Needed for vertical scroll to trigger */
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.simplebar-content:before,
.simplebar-content:after {
  content: " ";
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  -webkit-box-sizing: inherit !important;
          box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  -webkit-box-flex: inherit;
      -ms-flex-positive: inherit;
          flex-grow: inherit;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
}

.simplebar-height-auto-observer {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 16px;
  pointer-events: none;
  overflow: hidden;
  background: transparent;
  border-radius: 20px;
  background: var(--line);
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0px;
  min-height: 10px;
  background: linear-gradient(319deg, #67a420 0%, #c5dd23 100%);
  border-radius: 20px;
}

.simplebar-scrollbar.simplebar-visible:before {
  /* When hovered, remove all transitions from drag handle */
  /*opacity: 0.5;*/
  /*transition: opacity 0s linear;*/
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 4px;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 0;
  bottom: 0;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

/* Rtl support */
[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.hs-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.options1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.options1__item {
  position: relative;
  cursor: pointer;
  min-width: 60px;
}
.options1__input {
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
}
.options1__input:checked + .options1__label {
  border: 1px solid transparent;
}
.options1__input:checked + .options1__label .options1__text {
  color: var(--white);
}
.options1__input:checked + .options1__label::before {
  opacity: 1;
}
.options1__label {
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 10px 20px;
  -webkit-transition: border 0.3s;
  transition: border 0.3s;
  min-height: 46px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 992px) {
  .options1__label {
    min-height: 40px;
  }
}
.options1__label::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-radius: 12px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  background: linear-gradient(319deg, #67a420 0%, #c5dd23 100%);
}
.options1__text {
  position: relative;
  z-index: 10;
  font-weight: 500;
  font-size: 14px;
  line-height: 110%;
  text-align: center;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
@media (max-width: 992px) {
  .options1__text {
    font-size: 12px;
    line-height: 133%;
  }
}

.options2__item {
  cursor: pointer;
}
.options2__input {
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
}
.options2__input:checked + .options2__label .options2__icon {
  background: linear-gradient(319deg, #67a420 0%, #c5dd23 100%);
}
.options2__input:checked + .options2__label .options2__icon::before {
  opacity: 1;
}
.options2__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 13px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.options2__icon {
  margin: 4px 0px 0px 0px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 18px;
          flex: 0 0 18px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--gray);
  position: relative;
}
.options2__icon::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background: var(--white);
  border-radius: 50%;
}
.options2__icon::before {
  content: "";
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 10px;
  border-radius: 50%;
  height: 10px;
  background: linear-gradient(319deg, #67a420 0%, #c5dd23 100%);
}
.options2__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
}

.checkbox__input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}
.checkbox__input:checked + .checkbox__label .checkbox__icon img {
  opacity: 1;
}
.checkbox__input:checked + .checkbox__label .checkbox__icon {
  background: linear-gradient(319deg, #67a420 0%, #c5dd23 100%);
  border: 1px solid transparent;
}
.checkbox__label {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 13px;
}
.checkbox__icon {
  border: 1px solid var(--line);
  border-radius: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 2px 0px 0px 0px;
  width: 18px;
  height: 18px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 18px;
          flex: 0 0 18px;
  -webkit-transition: background-color 0.3s, border 0.3s;
  transition: background-color 0.3s, border 0.3s;
}
.checkbox__icon img {
  opacity: 0;
  width: 12px;
  height: auto;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.checkbox__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 157%;
}

.form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
@media (max-width: 768px) {
  .form {
    gap: 16px;
  }
}
.form .btn {
  width: 100%;
}
.form__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
@media (max-width: 1300px) {
  .form__contents {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.form__inputs {
  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;
}
@media (max-width: 768px) {
  .form__inputs {
    gap: 12px;
  }
}
.form__input input {
  width: 100%;
  height: 56px;
  padding: 0px 16px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--white);
  font-weight: 400;
  font-size: 14px;
  line-height: 157%;
  -webkit-transition: border 0.3s;
  transition: border 0.3s;
}
@media (max-width: 992px) {
  .form__input input {
    height: 52px;
    font-size: 12px;
  }
}
.form__input input::-webkit-input-placeholder {
  color: var(--gray);
}
.form__input input::-moz-placeholder {
  color: var(--gray);
}
.form__input input:-ms-input-placeholder {
  color: var(--gray);
}
.form__input input::-ms-input-placeholder {
  color: var(--gray);
}
.form__input input::placeholder {
  color: var(--gray);
}
.form__input input._form-focus {
  border: 1px solid #67a420;
}
.form__input input._form-error {
  border: 1px solid red;
}
.form__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 157%;
  color: var(--gray);
}
@media (max-width: 992px) {
  .form__text {
    font-size: 12px;
    line-height: 150%;
  }
}
.form__text a {
  background: linear-gradient(319deg, #67a420 0%, #c5dd23 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.form__error {
  font-weight: 400;
  font-size: 12px;
  line-height: 167%;
  color: red;
  margin: 0px 0px 0px 0px;
}

.rating {
  --star-gap: 9px;
  --star-width: 12px;
  --star-height: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: var(--star-height);
}
.rating__items {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: var(--star-gap);
  height: var(--star-height);
}
@media (any-hover: hover) {
  [data-rating=set] .rating__items:hover .rating__item {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMSAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNNS4wNzk5MiAwLjQ4MDQ3OUM1LjIxNDM3IDAuMjA4MDk3IDUuMjgxNTkgMC4wNzE5MDY4IDUuMzcyODYgMC4wMjgzOTM4QzUuNDUyMjYgLTAuMDA5NDY0NjIgNS41NDQ1MSAtMC4wMDk0NjQ2MiA1LjYyMzkxIDAuMDI4MzkzOEM1LjcxNTE3IDAuMDcxOTA2OCA1Ljc4MjQgMC4yMDgwOTcgNS45MTY4NSAwLjQ4MDQ3OEw3LjE5MjQxIDMuMDY0NjNDNy4yMzIxIDMuMTQ1MDQgNy4yNTE5NSAzLjE4NTI1IDcuMjgwOTUgMy4yMTY0NkM3LjMwNjYzIDMuMjQ0MSA3LjMzNzQzIDMuMjY2NSA3LjM3MTY0IDMuMjgyNDFDNy40MTAyOCAzLjMwMDM3IDcuNDU0NjQgMy4zMDY4NiA3LjU0MzM4IDMuMzE5ODNMMTAuMzk2NiAzLjczNjg3QzEwLjY5NzEgMy43ODA3OSAxMC44NDczIDMuODAyNzUgMTAuOTE2OCAzLjg3NjEzQzEwLjk3NzMgMy45Mzk5OCAxMS4wMDU4IDQuMDI3NzIgMTAuOTk0MyA0LjExNDkxQzEwLjk4MSA0LjIxNTEzIDEwLjg3MjMgNC4zMjEwNyAxMC42NTQ3IDQuNTMyOTNMOC41OTA4OCA2LjU0MzEyQzguNTI2NTUgNi42MDU3OCA4LjQ5NDM4IDYuNjM3MTIgOC40NzM2MiA2LjY3NDRDOC40NTUyNCA2LjcwNzQgOC40NDM0NSA2Ljc0MzY3IDguNDM4OTEgNi43ODExN0M4LjQzMzc3IDYuODIzNTMgOC40NDEzNiA2Ljg2Nzc5IDguNDU2NTQgNi45NTYzMUw4Ljk0MzUxIDkuNzk1NjFDOC45OTQ4OCAxMC4wOTUxIDkuMDIwNTYgMTAuMjQ0OCA4Ljk3MjMgMTAuMzMzN0M4LjkzMDMgMTAuNDExIDguODU1NjYgMTAuNDY1MiA4Ljc2OTE2IDEwLjQ4MTJDOC42Njk3NCAxMC40OTk3IDguNTM1MjcgMTAuNDI5IDguMjY2MzUgMTAuMjg3NUw1LjcxNTU5IDguOTQ2MTFDNS42MzYxMiA4LjkwNDMyIDUuNTk2MzggOC44ODM0MiA1LjU1NDUxIDguODc1MjFDNS41MTc0NSA4Ljg2Nzk0IDUuNDc5MzIgOC44Njc5NCA1LjQ0MjI1IDguODc1MjFDNS40MDAzOSA4Ljg4MzQyIDUuMzYwNjUgOC45MDQzMiA1LjI4MTE3IDguOTQ2MTFMMi43MzA0MSAxMC4yODc1QzIuNDYxNDkgMTAuNDI5IDIuMzI3MDMgMTAuNDk5NyAyLjIyNzYxIDEwLjQ4MTJDMi4xNDExIDEwLjQ2NTIgMi4wNjY0NiAxMC40MTEgMi4wMjQ0NyAxMC4zMzM3QzEuOTc2MjEgMTAuMjQ0OCAyLjAwMTg5IDEwLjA5NTEgMi4wNTMyNSA5Ljc5NTYxTDIuNTQwMjIgNi45NTYzMUMyLjU1NTQgNi44Njc3OSAyLjU2MyA2LjgyMzUzIDIuNTU3ODYgNi43ODExN0MyLjU1MzMxIDYuNzQzNjcgMi41NDE1MiA2LjcwNzQgMi41MjMxNCA2LjY3NDRDMi41MDIzOSA2LjYzNzEyIDIuNDcwMjIgNi42MDU3OCAyLjQwNTg4IDYuNTQzMTJMMC4zNDIwMzIgNC41MzI5M0MwLjEyNDUwOSA0LjMyMTA3IDAuMDE1NzQ3NiA0LjIxNTEzIDAuMDAyNTEyNzMgNC4xMTQ5MUMtMC4wMDkwMDIzNyA0LjAyNzcyIDAuMDE5NDQ1MyAzLjkzOTk4IDAuMDc5OTM1MyAzLjg3NjEzQzAuMTQ5NDYgMy44MDI3NSAwLjI5OTY4OSAzLjc4MDc5IDAuNjAwMTQ4IDMuNzM2ODdMMy40NTMzOSAzLjMxOTgzQzMuNTQyMTIgMy4zMDY4NiAzLjU4NjQ5IDMuMzAwMzcgMy42MjUxMiAzLjI4MjQxQzMuNjU5MzMgMy4yNjY1IDMuNjkwMTMgMy4yNDQxIDMuNzE1ODEgMy4yMTY0NkMzLjc0NDgyIDMuMTg1MjUgMy43NjQ2NiAzLjE0NTA0IDMuODA0MzYgMy4wNjQ2M0w1LjA3OTkyIDAuNDgwNDc5WiIgZmlsbD0iI0Y4QjgwOCIgLz4KPC9zdmc+") 0 0/var(--star-width) no-repeat;
  }
}
.rating__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--star-width);
          flex: 0 0 var(--star-width);
  width: var(--star-width);
  height: var(--star-height);
  position: relative;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNNS41Nzk5MiAwLjk4MDQ3OUM1LjcxNDM3IDAuNzA4MDk3IDUuNzgxNTkgMC41NzE5MDcgNS44NzI4NiAwLjUyODM5NEM1Ljk1MjI2IDAuNDkwNTM1IDYuMDQ0NTEgMC40OTA1MzUgNi4xMjM5MSAwLjUyODM5NEM2LjIxNTE3IDAuNTcxOTA3IDYuMjgyNCAwLjcwODA5NyA2LjQxNjg1IDAuOTgwNDc4TDcuNjkyNDEgMy41NjQ2M0M3LjczMjEgMy42NDUwNCA3Ljc1MTk1IDMuNjg1MjUgNy43ODA5NSAzLjcxNjQ2QzcuODA2NjMgMy43NDQxIDcuODM3NDMgMy43NjY1IDcuODcxNjQgMy43ODI0MUM3LjkxMDI4IDMuODAwMzcgNy45NTQ2NCAzLjgwNjg2IDguMDQzMzggMy44MTk4M0wxMC44OTY2IDQuMjM2ODdDMTEuMTk3MSA0LjI4MDc5IDExLjM0NzMgNC4zMDI3NSAxMS40MTY4IDQuMzc2MTNDMTEuNDc3MyA0LjQzOTk4IDExLjUwNTggNC41Mjc3MiAxMS40OTQzIDQuNjE0OTFDMTEuNDgxIDQuNzE1MTMgMTEuMzcyMyA0LjgyMTA3IDExLjE1NDcgNS4wMzI5M0w5LjA5MDg4IDcuMDQzMTJDOS4wMjY1NSA3LjEwNTc4IDguOTk0MzggNy4xMzcxMiA4Ljk3MzYyIDcuMTc0NEM4Ljk1NTI0IDcuMjA3NCA4Ljk0MzQ1IDcuMjQzNjcgOC45Mzg5MSA3LjI4MTE3QzguOTMzNzcgNy4zMjM1MyA4Ljk0MTM2IDcuMzY3NzkgOC45NTY1NCA3LjQ1NjMxTDkuNDQzNTEgMTAuMjk1NkM5LjQ5NDg4IDEwLjU5NTEgOS41MjA1NiAxMC43NDQ4IDkuNDcyMyAxMC44MzM3QzkuNDMwMyAxMC45MTEgOS4zNTU2NiAxMC45NjUyIDkuMjY5MTYgMTAuOTgxMkM5LjE2OTc0IDEwLjk5OTcgOS4wMzUyNyAxMC45MjkgOC43NjYzNSAxMC43ODc1TDYuMjE1NTkgOS40NDYxMUM2LjEzNjEyIDkuNDA0MzIgNi4wOTYzOCA5LjM4MzQyIDYuMDU0NTEgOS4zNzUyMUM2LjAxNzQ1IDkuMzY3OTQgNS45NzkzMiA5LjM2Nzk0IDUuOTQyMjUgOS4zNzUyMUM1LjkwMDM5IDkuMzgzNDIgNS44NjA2NSA5LjQwNDMyIDUuNzgxMTcgOS40NDYxMUwzLjIzMDQxIDEwLjc4NzVDMi45NjE0OSAxMC45MjkgMi44MjcwMyAxMC45OTk3IDIuNzI3NjEgMTAuOTgxMkMyLjY0MTEgMTAuOTY1MiAyLjU2NjQ2IDEwLjkxMSAyLjUyNDQ3IDEwLjgzMzdDMi40NzYyMSAxMC43NDQ4IDIuNTAxODkgMTAuNTk1MSAyLjU1MzI1IDEwLjI5NTZMMy4wNDAyMiA3LjQ1NjMxQzMuMDU1NCA3LjM2Nzc5IDMuMDYzIDcuMzIzNTMgMy4wNTc4NiA3LjI4MTE3QzMuMDUzMzEgNy4yNDM2NyAzLjA0MTUyIDcuMjA3NCAzLjAyMzE0IDcuMTc0NEMzLjAwMjM5IDcuMTM3MTIgMi45NzAyMiA3LjEwNTc4IDIuOTA1ODggNy4wNDMxMkwwLjg0MjAzMiA1LjAzMjkzQzAuNjI0NTA5IDQuODIxMDcgMC41MTU3NDggNC43MTUxMyAwLjUwMjUxMyA0LjYxNDkxQzAuNDkwOTk4IDQuNTI3NzIgMC41MTk0NDUgNC40Mzk5OCAwLjU3OTkzNSA0LjM3NjEzQzAuNjQ5NDYgNC4zMDI3NSAwLjc5OTY4OSA0LjI4MDc5IDEuMTAwMTUgNC4yMzY4N0wzLjk1MzM5IDMuODE5ODNDNC4wNDIxMiAzLjgwNjg2IDQuMDg2NDkgMy44MDAzNyA0LjEyNTEyIDMuNzgyNDFDNC4xNTkzMyAzLjc2NjUgNC4xOTAxMyAzLjc0NDEgNC4yMTU4MSAzLjcxNjQ2QzQuMjQ0ODIgMy42ODUyNSA0LjI2NDY2IDMuNjQ1MDQgNC4zMDQzNiAzLjU2NDYzTDUuNTc5OTIgMC45ODA0NzlaIiBzdHJva2U9IiNGOEI4MDgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgLz4KPC9zdmc+") 0 0/var(--star-width) no-repeat;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.rating__item--active {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMSAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNNS4wNzk5MiAwLjQ4MDQ3OUM1LjIxNDM3IDAuMjA4MDk3IDUuMjgxNTkgMC4wNzE5MDY4IDUuMzcyODYgMC4wMjgzOTM4QzUuNDUyMjYgLTAuMDA5NDY0NjIgNS41NDQ1MSAtMC4wMDk0NjQ2MiA1LjYyMzkxIDAuMDI4MzkzOEM1LjcxNTE3IDAuMDcxOTA2OCA1Ljc4MjQgMC4yMDgwOTcgNS45MTY4NSAwLjQ4MDQ3OEw3LjE5MjQxIDMuMDY0NjNDNy4yMzIxIDMuMTQ1MDQgNy4yNTE5NSAzLjE4NTI1IDcuMjgwOTUgMy4yMTY0NkM3LjMwNjYzIDMuMjQ0MSA3LjMzNzQzIDMuMjY2NSA3LjM3MTY0IDMuMjgyNDFDNy40MTAyOCAzLjMwMDM3IDcuNDU0NjQgMy4zMDY4NiA3LjU0MzM4IDMuMzE5ODNMMTAuMzk2NiAzLjczNjg3QzEwLjY5NzEgMy43ODA3OSAxMC44NDczIDMuODAyNzUgMTAuOTE2OCAzLjg3NjEzQzEwLjk3NzMgMy45Mzk5OCAxMS4wMDU4IDQuMDI3NzIgMTAuOTk0MyA0LjExNDkxQzEwLjk4MSA0LjIxNTEzIDEwLjg3MjMgNC4zMjEwNyAxMC42NTQ3IDQuNTMyOTNMOC41OTA4OCA2LjU0MzEyQzguNTI2NTUgNi42MDU3OCA4LjQ5NDM4IDYuNjM3MTIgOC40NzM2MiA2LjY3NDRDOC40NTUyNCA2LjcwNzQgOC40NDM0NSA2Ljc0MzY3IDguNDM4OTEgNi43ODExN0M4LjQzMzc3IDYuODIzNTMgOC40NDEzNiA2Ljg2Nzc5IDguNDU2NTQgNi45NTYzMUw4Ljk0MzUxIDkuNzk1NjFDOC45OTQ4OCAxMC4wOTUxIDkuMDIwNTYgMTAuMjQ0OCA4Ljk3MjMgMTAuMzMzN0M4LjkzMDMgMTAuNDExIDguODU1NjYgMTAuNDY1MiA4Ljc2OTE2IDEwLjQ4MTJDOC42Njk3NCAxMC40OTk3IDguNTM1MjcgMTAuNDI5IDguMjY2MzUgMTAuMjg3NUw1LjcxNTU5IDguOTQ2MTFDNS42MzYxMiA4LjkwNDMyIDUuNTk2MzggOC44ODM0MiA1LjU1NDUxIDguODc1MjFDNS41MTc0NSA4Ljg2Nzk0IDUuNDc5MzIgOC44Njc5NCA1LjQ0MjI1IDguODc1MjFDNS40MDAzOSA4Ljg4MzQyIDUuMzYwNjUgOC45MDQzMiA1LjI4MTE3IDguOTQ2MTFMMi43MzA0MSAxMC4yODc1QzIuNDYxNDkgMTAuNDI5IDIuMzI3MDMgMTAuNDk5NyAyLjIyNzYxIDEwLjQ4MTJDMi4xNDExIDEwLjQ2NTIgMi4wNjY0NiAxMC40MTEgMi4wMjQ0NyAxMC4zMzM3QzEuOTc2MjEgMTAuMjQ0OCAyLjAwMTg5IDEwLjA5NTEgMi4wNTMyNSA5Ljc5NTYxTDIuNTQwMjIgNi45NTYzMUMyLjU1NTQgNi44Njc3OSAyLjU2MyA2LjgyMzUzIDIuNTU3ODYgNi43ODExN0MyLjU1MzMxIDYuNzQzNjcgMi41NDE1MiA2LjcwNzQgMi41MjMxNCA2LjY3NDRDMi41MDIzOSA2LjYzNzEyIDIuNDcwMjIgNi42MDU3OCAyLjQwNTg4IDYuNTQzMTJMMC4zNDIwMzIgNC41MzI5M0MwLjEyNDUwOSA0LjMyMTA3IDAuMDE1NzQ3NiA0LjIxNTEzIDAuMDAyNTEyNzMgNC4xMTQ5MUMtMC4wMDkwMDIzNyA0LjAyNzcyIDAuMDE5NDQ1MyAzLjkzOTk4IDAuMDc5OTM1MyAzLjg3NjEzQzAuMTQ5NDYgMy44MDI3NSAwLjI5OTY4OSAzLjc4MDc5IDAuNjAwMTQ4IDMuNzM2ODdMMy40NTMzOSAzLjMxOTgzQzMuNTQyMTIgMy4zMDY4NiAzLjU4NjQ5IDMuMzAwMzcgMy42MjUxMiAzLjI4MjQxQzMuNjU5MzMgMy4yNjY1IDMuNjkwMTMgMy4yNDQxIDMuNzE1ODEgMy4yMTY0NkMzLjc0NDgyIDMuMTg1MjUgMy43NjQ2NiAzLjE0NTA0IDMuODA0MzYgMy4wNjQ2M0w1LjA3OTkyIDAuNDgwNDc5WiIgZmlsbD0iI0Y4QjgwOCIgLz4KPC9zdmc+") 0 0/var(--star-width) no-repeat;
}
.rating__item span {
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: var(--star-height);
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMSAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNNS4wNzk5MiAwLjQ4MDQ3OUM1LjIxNDM3IDAuMjA4MDk3IDUuMjgxNTkgMC4wNzE5MDY4IDUuMzcyODYgMC4wMjgzOTM4QzUuNDUyMjYgLTAuMDA5NDY0NjIgNS41NDQ1MSAtMC4wMDk0NjQ2MiA1LjYyMzkxIDAuMDI4MzkzOEM1LjcxNTE3IDAuMDcxOTA2OCA1Ljc4MjQgMC4yMDgwOTcgNS45MTY4NSAwLjQ4MDQ3OEw3LjE5MjQxIDMuMDY0NjNDNy4yMzIxIDMuMTQ1MDQgNy4yNTE5NSAzLjE4NTI1IDcuMjgwOTUgMy4yMTY0NkM3LjMwNjYzIDMuMjQ0MSA3LjMzNzQzIDMuMjY2NSA3LjM3MTY0IDMuMjgyNDFDNy40MTAyOCAzLjMwMDM3IDcuNDU0NjQgMy4zMDY4NiA3LjU0MzM4IDMuMzE5ODNMMTAuMzk2NiAzLjczNjg3QzEwLjY5NzEgMy43ODA3OSAxMC44NDczIDMuODAyNzUgMTAuOTE2OCAzLjg3NjEzQzEwLjk3NzMgMy45Mzk5OCAxMS4wMDU4IDQuMDI3NzIgMTAuOTk0MyA0LjExNDkxQzEwLjk4MSA0LjIxNTEzIDEwLjg3MjMgNC4zMjEwNyAxMC42NTQ3IDQuNTMyOTNMOC41OTA4OCA2LjU0MzEyQzguNTI2NTUgNi42MDU3OCA4LjQ5NDM4IDYuNjM3MTIgOC40NzM2MiA2LjY3NDRDOC40NTUyNCA2LjcwNzQgOC40NDM0NSA2Ljc0MzY3IDguNDM4OTEgNi43ODExN0M4LjQzMzc3IDYuODIzNTMgOC40NDEzNiA2Ljg2Nzc5IDguNDU2NTQgNi45NTYzMUw4Ljk0MzUxIDkuNzk1NjFDOC45OTQ4OCAxMC4wOTUxIDkuMDIwNTYgMTAuMjQ0OCA4Ljk3MjMgMTAuMzMzN0M4LjkzMDMgMTAuNDExIDguODU1NjYgMTAuNDY1MiA4Ljc2OTE2IDEwLjQ4MTJDOC42Njk3NCAxMC40OTk3IDguNTM1MjcgMTAuNDI5IDguMjY2MzUgMTAuMjg3NUw1LjcxNTU5IDguOTQ2MTFDNS42MzYxMiA4LjkwNDMyIDUuNTk2MzggOC44ODM0MiA1LjU1NDUxIDguODc1MjFDNS41MTc0NSA4Ljg2Nzk0IDUuNDc5MzIgOC44Njc5NCA1LjQ0MjI1IDguODc1MjFDNS40MDAzOSA4Ljg4MzQyIDUuMzYwNjUgOC45MDQzMiA1LjI4MTE3IDguOTQ2MTFMMi43MzA0MSAxMC4yODc1QzIuNDYxNDkgMTAuNDI5IDIuMzI3MDMgMTAuNDk5NyAyLjIyNzYxIDEwLjQ4MTJDMi4xNDExIDEwLjQ2NTIgMi4wNjY0NiAxMC40MTEgMi4wMjQ0NyAxMC4zMzM3QzEuOTc2MjEgMTAuMjQ0OCAyLjAwMTg5IDEwLjA5NTEgMi4wNTMyNSA5Ljc5NTYxTDIuNTQwMjIgNi45NTYzMUMyLjU1NTQgNi44Njc3OSAyLjU2MyA2LjgyMzUzIDIuNTU3ODYgNi43ODExN0MyLjU1MzMxIDYuNzQzNjcgMi41NDE1MiA2LjcwNzQgMi41MjMxNCA2LjY3NDRDMi41MDIzOSA2LjYzNzEyIDIuNDcwMjIgNi42MDU3OCAyLjQwNTg4IDYuNTQzMTJMMC4zNDIwMzIgNC41MzI5M0MwLjEyNDUwOSA0LjMyMTA3IDAuMDE1NzQ3NiA0LjIxNTEzIDAuMDAyNTEyNzMgNC4xMTQ5MUMtMC4wMDkwMDIzNyA0LjAyNzcyIDAuMDE5NDQ1MyAzLjkzOTk4IDAuMDc5OTM1MyAzLjg3NjEzQzAuMTQ5NDYgMy44MDI3NSAwLjI5OTY4OSAzLjc4MDc5IDAuNjAwMTQ4IDMuNzM2ODdMMy40NTMzOSAzLjMxOTgzQzMuNTQyMTIgMy4zMDY4NiAzLjU4NjQ5IDMuMzAwMzcgMy42MjUxMiAzLjI4MjQxQzMuNjU5MzMgMy4yNjY1IDMuNjkwMTMgMy4yNDQxIDMuNzE1ODEgMy4yMTY0NkMzLjc0NDgyIDMuMTg1MjUgMy43NjQ2NiAzLjE0NTA0IDMuODA0MzYgMy4wNjQ2M0w1LjA3OTkyIDAuNDgwNDc5WiIgZmlsbD0iI0Y4QjgwOCIgLz4KPC9zdmc+") 0 0/var(--star-width) no-repeat;
}
.rating__item:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: var(--star-gap);
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
[data-rating=set] .rating__item:not(:last-child)::after {
  cursor: pointer;
}
@media (any-hover: hover) {
  [data-rating=set] .rating__item:hover ~ .rating__item {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNNS41Nzk5MiAwLjk4MDQ3OUM1LjcxNDM3IDAuNzA4MDk3IDUuNzgxNTkgMC41NzE5MDcgNS44NzI4NiAwLjUyODM5NEM1Ljk1MjI2IDAuNDkwNTM1IDYuMDQ0NTEgMC40OTA1MzUgNi4xMjM5MSAwLjUyODM5NEM2LjIxNTE3IDAuNTcxOTA3IDYuMjgyNCAwLjcwODA5NyA2LjQxNjg1IDAuOTgwNDc4TDcuNjkyNDEgMy41NjQ2M0M3LjczMjEgMy42NDUwNCA3Ljc1MTk1IDMuNjg1MjUgNy43ODA5NSAzLjcxNjQ2QzcuODA2NjMgMy43NDQxIDcuODM3NDMgMy43NjY1IDcuODcxNjQgMy43ODI0MUM3LjkxMDI4IDMuODAwMzcgNy45NTQ2NCAzLjgwNjg2IDguMDQzMzggMy44MTk4M0wxMC44OTY2IDQuMjM2ODdDMTEuMTk3MSA0LjI4MDc5IDExLjM0NzMgNC4zMDI3NSAxMS40MTY4IDQuMzc2MTNDMTEuNDc3MyA0LjQzOTk4IDExLjUwNTggNC41Mjc3MiAxMS40OTQzIDQuNjE0OTFDMTEuNDgxIDQuNzE1MTMgMTEuMzcyMyA0LjgyMTA3IDExLjE1NDcgNS4wMzI5M0w5LjA5MDg4IDcuMDQzMTJDOS4wMjY1NSA3LjEwNTc4IDguOTk0MzggNy4xMzcxMiA4Ljk3MzYyIDcuMTc0NEM4Ljk1NTI0IDcuMjA3NCA4Ljk0MzQ1IDcuMjQzNjcgOC45Mzg5MSA3LjI4MTE3QzguOTMzNzcgNy4zMjM1MyA4Ljk0MTM2IDcuMzY3NzkgOC45NTY1NCA3LjQ1NjMxTDkuNDQzNTEgMTAuMjk1NkM5LjQ5NDg4IDEwLjU5NTEgOS41MjA1NiAxMC43NDQ4IDkuNDcyMyAxMC44MzM3QzkuNDMwMyAxMC45MTEgOS4zNTU2NiAxMC45NjUyIDkuMjY5MTYgMTAuOTgxMkM5LjE2OTc0IDEwLjk5OTcgOS4wMzUyNyAxMC45MjkgOC43NjYzNSAxMC43ODc1TDYuMjE1NTkgOS40NDYxMUM2LjEzNjEyIDkuNDA0MzIgNi4wOTYzOCA5LjM4MzQyIDYuMDU0NTEgOS4zNzUyMUM2LjAxNzQ1IDkuMzY3OTQgNS45NzkzMiA5LjM2Nzk0IDUuOTQyMjUgOS4zNzUyMUM1LjkwMDM5IDkuMzgzNDIgNS44NjA2NSA5LjQwNDMyIDUuNzgxMTcgOS40NDYxMUwzLjIzMDQxIDEwLjc4NzVDMi45NjE0OSAxMC45MjkgMi44MjcwMyAxMC45OTk3IDIuNzI3NjEgMTAuOTgxMkMyLjY0MTEgMTAuOTY1MiAyLjU2NjQ2IDEwLjkxMSAyLjUyNDQ3IDEwLjgzMzdDMi40NzYyMSAxMC43NDQ4IDIuNTAxODkgMTAuNTk1MSAyLjU1MzI1IDEwLjI5NTZMMy4wNDAyMiA3LjQ1NjMxQzMuMDU1NCA3LjM2Nzc5IDMuMDYzIDcuMzIzNTMgMy4wNTc4NiA3LjI4MTE3QzMuMDUzMzEgNy4yNDM2NyAzLjA0MTUyIDcuMjA3NCAzLjAyMzE0IDcuMTc0NEMzLjAwMjM5IDcuMTM3MTIgMi45NzAyMiA3LjEwNTc4IDIuOTA1ODggNy4wNDMxMkwwLjg0MjAzMiA1LjAzMjkzQzAuNjI0NTA5IDQuODIxMDcgMC41MTU3NDggNC43MTUxMyAwLjUwMjUxMyA0LjYxNDkxQzAuNDkwOTk4IDQuNTI3NzIgMC41MTk0NDUgNC40Mzk5OCAwLjU3OTkzNSA0LjM3NjEzQzAuNjQ5NDYgNC4zMDI3NSAwLjc5OTY4OSA0LjI4MDc5IDEuMTAwMTUgNC4yMzY4N0wzLjk1MzM5IDMuODE5ODNDNC4wNDIxMiAzLjgwNjg2IDQuMDg2NDkgMy44MDAzNyA0LjEyNTEyIDMuNzgyNDFDNC4xNTkzMyAzLjc2NjUgNC4xOTAxMyAzLjc0NDEgNC4yMTU4MSAzLjcxNjQ2QzQuMjQ0ODIgMy42ODUyNSA0LjI2NDY2IDMuNjQ1MDQgNC4zMDQzNiAzLjU2NDYzTDUuNTc5OTIgMC45ODA0NzlaIiBzdHJva2U9IiNGOEI4MDgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgLz4KPC9zdmc+") 0 0/var(--star-width) no-repeat;
  }
  [data-rating=set] .rating__item:hover ~ .rating__item span {
    display: none;
  }
}
.rating__input {
  width: 100%;
  height: 100%;
  opacity: 0;
  display: block;
}
[data-rating=set] .rating__input {
  cursor: pointer;
}
.rating__value {
  font-weight: 500;
  font-size: 18px;
  line-height: 133%;
  display: none;
}

.quantity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 200px;
          flex: 0 0 200px;
  width: 200px;
  height: 56px;
  background: var(--fon);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 12px;
  padding: 16px 32px;
  gap: 10px;
}
@media (max-width: 992px) {
  .quantity {
    height: 50px;
    padding: 16px 24px;
  }
}
@media (max-width: 550px) {
  .quantity {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }
}
.quantity__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 18px;
  height: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 18px;
          flex: 0 0 18px;
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.quantity__button:hover {
  opacity: 0.7;
}
.quantity__button img {
  width: 13px;
  height: auto;
}
.quantity__input {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.quantity__input input {
  height: 100%;
  text-align: center;
  width: 100%;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
}
@media (max-width: 992px) {
  .quantity__input input {
    font-size: 14px;
    line-height: 143%;
  }
}

body {
  background: var(--fon);
  color: var(--black);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  padding: 0px 0px 0px 0px !important;
}
body.hide-scrollbar {
  margin: 0px 0px 0px 0px !important;
}
.lock body {
  overflow: hidden;
}
.popup-show body {
  overflow: hidden;
}
body::before {
  content: "";
  cursor: pointer;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 97;
  background: rgba(20, 20, 20, 0.6);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.menu-open body {
  overflow: hidden;
}
.menu-open body::before {
  content: "";
  opacity: 1;
  pointer-events: auto;
}
@media (max-width: 480px) {
  .menu-open body::before {
    display: none;
  }
}

body.noscroll {
  overflow: hidden;
}

input,
button,
textarea {
  font-family: inherit;
  font-weight: 400;
  font-size: 16px;
}

fieldset,
fieldset legend {
  margin: 0;
  border: none;
  padding: 0;
}

button {
  cursor: pointer;
}

a {
  outline: none;
  color: currentcolor;
}

.btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  color: var(--white);
  border-radius: 12px;
  padding: 10px 32px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-height: 56px;
  background: linear-gradient(319deg, #67a420 0%, #c5dd23 100%);
  overflow: hidden;
  position: relative;
}
@media (max-width: 992px) {
  .btn {
    min-height: 50px;
    font-size: 14px;
    padding: 10px 28px;
  }
}
.btn span {
  position: relative;
  z-index: 10;
}
.btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #67a420;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.btn:hover::before {
  content: "";
  opacity: 1;
}
.btn.btn-transparent {
  color: var(--black);
  gap: 10px;
  border-radius: 200px;
}
.btn.btn-transparent img {
  position: relative;
  z-index: 10;
  width: 24px;
  height: auto;
}
@media (max-width: 992px) {
  .btn.btn-transparent img {
    width: 18px;
  }
}
.btn.btn-transparent::before {
  content: "";
  display: none;
}
.btn.btn-transparent::after {
  content: "";
  position: absolute;
  top: 1px;
  border-radius: 200px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background-color: var(--fon);
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.btn.btn-transparent:hover::after {
  content: "";
  background-color: var(--white);
}

.contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
}
@media (max-width: 1356px) {
  .contacts {
    gap: 24px;
  }
}
.contacts__phone {
  font-weight: 700;
  font-size: 24px;
  line-height: 133%;
  color: #1a1b1c;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.contacts__phone:hover {
  color: #67a420;
}
@media (max-width: 992px) {
  .contacts__phone {
    font-size: 18px;
    line-height: 133%;
  }
}
@media (max-width: 480px) {
  .contacts__phone {
    text-align: center;
    width: 100%;
  }
}

.socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 992px) {
  .socials {
    gap: 12px;
  }
}
@media (max-width: 359px) {
  .socials {
    gap: 8px;
  }
}
.socials a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  border-radius: 50%;
  position: relative;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.socials a img {
  width: 100%;
  height: auto;
}
.socials a:hover {
  opacity: 0.7;
}
@media (max-width: 768px) {
  .socials a {
    width: 32px;
  }
}
.socials__circle {
  position: absolute;
  top: 0px;
  right: 0px;
  background: var(--fon);
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
@media (max-width: 768px) {
  .socials__circle {
    width: 10px;
    height: 10px;
  }
}
.socials__circle::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50%;
  background: linear-gradient(319deg, #67a420 0%, #c5dd23 100%);
}
@media (max-width: 768px) {
  .socials__circle::before {
    width: 6px;
    height: 6px;
  }
}

.title1 {
  font-weight: 700;
  font-size: 48px;
  line-height: 121%;
}
@media (max-width: 992px) {
  .title1 {
    font-size: 40px;
    line-height: 120%;
  }
}
@media (max-width: 700px) {
  .title1 {
    font-size: 26px;
    line-height: 123%;
  }
}

.title2 {
  font-weight: 700;
  font-size: 40px;
  line-height: 120%;
  margin: 0px 0px 32px 0px;
}
@media (max-width: 992px) {
  .title2 {
    font-size: 28px;
    line-height: 121%;
  }
}
@media (max-width: 768px) {
  .title2 {
    font-size: 22px;
    line-height: 118%;
    margin: 0px 0px 24px 0px;
  }
}

.block1 {
  margin: 0px 0px 88px 0px;
}
@media (max-width: 992px) {
  .block1 {
    margin: 0px 0px 64px 0px;
  }
}
@media (max-width: 768px) {
  .block1 {
    margin: 0px 0px 48px 0px;
  }
}

.tabs__top {
  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: 30px;
  margin: 0px 0px 32px 0px;
}
@media (max-width: 768px) {
  .tabs__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    margin: 0px 0px 24px 0px;
    gap: 16px;
  }
}
.tabs__top .btn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
@media (max-width: 768px) {
  .tabs__top .btn {
    width: 100%;
  }
}
.tabs__top .tabs__scroll {
  padding: 0px 0px 0px 0px;
  width: auto;
  margin: 0px 0px 0px 0px;
}
@media (max-width: 768px) {
  .tabs__top .tabs__scroll {
    margin: 0px -16px 0px -16px;
    padding: 0px 16px;
    width: calc(100% + 32px);
  }
}
.tabs__scroll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  margin: 0px 0px 32px 0px;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.tabs__scroll::-webkit-scrollbar {
  display: none;
}
@media (max-width: 992px) {
  .tabs__scroll {
    margin: 0px -30px 24px -30px;
    padding: 0px 30px;
    width: calc(100% + 60px);
  }
}
@media (max-width: 768px) {
  .tabs__scroll {
    margin: 0px -16px 24px -16px;
    padding: 0px 16px;
    width: calc(100% + 32px);
  }
}
.tabs__navigation {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  border-radius: 200px;
  background: var(--white);
  padding: 4px;
}
@media (max-width: 530px) {
  .tabs__navigation {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
  }
}
.tabs__title {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  border-radius: 200px;
  padding: 10px 28px;
  min-height: 48px;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  color: var(--gray);
  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: relative;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 992px) {
  .tabs__title {
    min-height: 42px;
    font-size: 14px;
    line-height: 129%;
  }
}
.tabs__title span {
  position: relative;
  z-index: 10;
}
.tabs__title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(319deg, #67a420 0%, #c5dd23 100%);
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.tabs__title:hover {
  color: #67a420;
}
.tabs__title._tab-active {
  color: var(--white);
}
.tabs__title._tab-active::before {
  content: "";
  opacity: 1;
}
.tabs-filter {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
  margin: 0px 0px 24px 0px;
}
@media (max-width: 992px) {
  .tabs-filter {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    padding: 0px 30px;
    width: calc(100% + 60px);
    margin: 0px -30px 24px -30px;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .tabs-filter::-webkit-scrollbar {
    display: none;
  }
}
@media (max-width: 768px) {
  .tabs-filter {
    padding: 0px 16px;
    width: calc(100% + 32px);
    margin: 0px -16px 24px -16px;
    gap: 8px;
  }
}
.tabs-filter__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 200px;
  padding: 5px 28px;
  min-height: 46px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
@media (max-width: 992px) {
  .tabs-filter__title {
    padding: 5px 24px;
    min-height: 40px;
  }
}
.tabs-filter__title span {
  font-weight: 500;
  font-size: 14px;
  line-height: 157%;
  color: var(--gray);
}
@media (max-width: 992px) {
  .tabs-filter__title span {
    font-size: 12px;
    line-height: 133%;
  }
}
.tabs-filter__title:hover {
  background-color: var(--white);
}
.tabs-filter__title.active {
  background-color: var(--white);
}
.tabs-filter__title.active span {
  background: linear-gradient(319deg, #67a420 0%, #c5dd23 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.arrow-prev {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0px, -50%);
          transform: translate(0px, -50%);
  left: -18px;
  width: 36px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  -webkit-box-shadow: 0 4px 16px 0 rgba(20, 20, 20, 0.1);
          box-shadow: 0 4px 16px 0 rgba(20, 20, 20, 0.1);
  background: var(--white);
  cursor: pointer;
  z-index: 20;
}
.arrow-prev img {
  width: 6px;
  height: auto;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
@media (max-width: 992px) {
  .arrow-prev {
    display: none;
  }
}

.arrow-next {
  position: absolute;
  z-index: 20;
  top: 50%;
  -webkit-transform: translate(0px, -50%);
          transform: translate(0px, -50%);
  right: -18px;
  width: 36px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  -webkit-box-shadow: 0 4px 16px 0 rgba(20, 20, 20, 0.1);
          box-shadow: 0 4px 16px 0 rgba(20, 20, 20, 0.1);
  background: var(--white);
  cursor: pointer;
}
.arrow-next img {
  width: 6px;
  height: auto;
}
@media (max-width: 992px) {
  .arrow-next {
    display: none;
  }
}

.pagination {
  z-index: 10;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2px;
  display: none;
  margin: 16px 0px 0px 0px;
}
@media (max-width: 768px) {
  .pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.pagination .swiper-pagination-bullet {
  margin: 0px !important;
  opacity: 1 !important;
  position: relative;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: transparent;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16px;
          flex: 0 0 16px;
}
.pagination .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border-radius: 50%;
  background: var(--fon);
}
.pagination .swiper-pagination-bullet::after {
  content: "";
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 5;
  width: 6px;
  height: 6px;
  background: #d6dbe4;
}
.pagination .swiper-pagination-bullet-active {
  background: linear-gradient(319deg, rgba(103, 164, 32, 0.3) 0%, rgba(197, 221, 35, 0.3) 100%);
}
.pagination .swiper-pagination-bullet-active::after {
  content: "";
  background: linear-gradient(319deg, #67a420 0%, #c5dd23 100%);
}

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

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

.swiper-button-disabled {
  display: none;
}

.block-intro {
  padding: 80px 0px 104px 0px;
  overflow: hidden;
}
@media (max-width: 992px) {
  .block-intro {
    padding: 48px 0px 0px 0px;
  }
}
@media (max-width: 700px) {
  .block-intro {
    padding: 24px 0px 20px 0px;
  }
}
.block-intro__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
@media (max-width: 1200px) {
  .block-intro__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (max-width: 700px) {
  .block-intro__content {
    gap: 18px;
  }
}
.block-intro__body {
  position: relative;
  z-index: 20;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 695px;
          flex: 0 1 695px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}
@media (max-width: 1200px) {
  .block-intro__body {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}
@media (max-width: 992px) {
  .block-intro__body {
    gap: 24px;
  }
}
@media (max-width: 768px) {
  .block-intro__body {
    max-width: 100%;
  }
}
.block-intro__body .btn {
  margin: 8px 0px 0px 0px;
}
@media (max-width: 550px) {
  .block-intro__body .btn {
    width: 100%;
  }
}
.block-intro__body ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.block-intro__body ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 12px;
}
.block-intro__icon {
  position: relative;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: linear-gradient(319deg, rgba(103, 164, 32, 0.3) 0%, rgba(197, 221, 35, 0.3) 100%);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16px;
          flex: 0 0 16px;
  margin: 6px 0px 0px 0px;
}
@media (max-width: 992px) {
  .block-intro__icon {
    margin: 4px 0px 0px 0px;
  }
}
.block-intro__icon::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border-radius: 50%;
  background: var(--fon);
}
.block-intro__icon::after {
  content: "";
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 5;
  width: 6px;
  height: 6px;
  background: linear-gradient(319deg, #67a420 0%, #c5dd23 100%);
}
.block-intro__text {
  font-weight: 400;
  font-size: 18px;
  line-height: 156%;
}
@media (max-width: 992px) {
  .block-intro__text {
    font-size: 16px;
    line-height: 150%;
  }
}
.block-intro__text strong {
  font-weight: 700;
}
.block-intro__image {
  position: absolute;
  height: 535px;
  right: -130px;
  top: -47px;
  mix-blend-mode: darken;
}
@media (max-width: 1200px) {
  .block-intro__image {
    position: relative;
    right: -66px;
    top: 0;
    width: auto;
    margin-top: -100px;
    margin-left: auto;
  }
}
@media (max-width: 992px) {
  .block-intro__image {
    height: 412px;
  }
}
@media (max-width: 700px) {
  .block-intro__image {
    width: 100%;
    height: auto;
    right: auto;
    left: 50%;
    margin-top: 0px;
    margin-left: 0px;
    -webkit-transform: translate(-50%, 0px);
            transform: translate(-50%, 0px);
  }
}
.block-intro__pic1 {
  height: 100%;
  width: auto;
  mix-blend-mode: darken;
}
@media (max-width: 700px) {
  .block-intro__pic1 {
    width: 100%;
    height: auto;
  }
}
.block-intro__pic2 {
  width: 180px;
  height: auto;
  position: absolute;
  left: 23%;
  top: 3%;
}
@media (max-width: 992px) {
  .block-intro__pic2 {
    left: auto;
    top: -30px;
    right: 135px;
  }
}
@media (max-width: 700px) {
  .block-intro__pic2 {
    width: 120px;
    right: 51px;
    top: 0;
  }
}
@media (max-width: 359px) {
  .block-intro__pic2 {
    width: 100px;
  }
}

.block-catalog__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.block-catalog__content .btn-transparent {
  margin: 32px 0px 0px 0px;
}
@media (max-width: 768px) {
  .block-catalog__content .btn-transparent {
    margin: 24px 0px 0px 0px;
  }
}
@media (max-width: 650px) {
  .block-catalog__content .btn-transparent {
    width: 100%;
  }
}
.block-catalog__cards {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px 24px;
}
@media (max-width: 1300px) {
  .block-catalog__cards {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .block-catalog__cards {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px 12px;
  }
}

.product-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
@media (max-width: 768px) {
  .product-card {
    gap: 16px;
  }
}
@media (max-width: 359px) {
  .product-card .btn {
    width: 100%;
  }
}
.product-card.hide {
  display: none;
}
.product-card__images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 8px;
  border-radius: 24px;
  height: 306px;
  background: var(--white);
}
@media (max-width: 992px) {
  .product-card__images {
    height: 220px;
  }
}
@media (max-width: 768px) {
  .product-card__images {
    border-radius: 16px;
    padding: 4px;
    height: 158px;
  }
}
.product-card__image {
  border: 1px solid #dfe6f0;
  border-radius: 16px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  .product-card__image {
    border-radius: 12px;
  }
}
.product-card__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.product-card__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.product-card__item p {
  font-weight: 400;
  font-size: 14px;
  line-height: 157%;
  color: var(--gray);
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 992px) {
  .product-card__item p {
    font-size: 12px;
    line-height: 150%;
  }
}
@media (max-width: 768px) {
  .product-card__item p {
    -webkit-line-clamp: 3;
  }
}
.product-card__item ul {
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px;
}
@media (max-width: 550px) {
  .product-card__item ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5px 2px;
  }
}
.product-card__item ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
@media (max-width: 550px) {
  .product-card__item ul li {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2px 5px;
  }
}
.product-card__titles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.product-card__title {
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
}
@media (max-width: 992px) {
  .product-card__title {
    font-size: 14px;
    line-height: 143%;
  }
}
.product-card__name {
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
}
@media (max-width: 992px) {
  .product-card__name {
    font-size: 14px;
    line-height: 143%;
  }
}
.product-card__name span {
  font-size: 20px;
}
@media (max-width: 992px) {
  .product-card__name span {
    font-size: 16px;
  }
}
.product-card__value {
  font-weight: 400;
  font-size: 14px;
  line-height: 157%;
  color: var(--gray);
}
@media (max-width: 992px) {
  .product-card__value {
    font-size: 12px;
    line-height: 143%;
  }
}
@media (max-width: 550px) {
  .product-card__value {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}

.block-guarantee__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px;
}
@media (max-width: 768px) {
  .block-guarantee__body {
    gap: 12px;
  }
}
@media (max-width: 650px) {
  .block-guarantee__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.block-guarantee__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 24px;
  padding: 8px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc(33.3333% - 16px);
          flex: 1 1 calc(33.3333% - 16px);
  background: var(--white);
}
@media (max-width: 1100px) {
  .block-guarantee__column {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(50% - 24px);
            flex: 1 1 calc(50% - 24px);
  }
}
@media (max-width: 768px) {
  .block-guarantee__column {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(50% - 12px);
            flex: 1 1 calc(50% - 12px);
  }
}
@media (max-width: 650px) {
  .block-guarantee__column {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}
.block-guarantee__items {
  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-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 30px;
  border: 1px solid #dfe6f0;
  border-radius: 16px;
  padding: 24px;
}
.block-guarantee__icon {
  width: 80px;
  height: auto;
}
@media (max-width: 650px) {
  .block-guarantee__icon {
    width: 64px;
  }
}
.block-guarantee__icon img {
  width: 100%;
  height: auto;
}
.block-guarantee__item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 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: 12px;
}
.block-guarantee__item p {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
}
@media (max-width: 992px) {
  .block-guarantee__item p {
    font-size: 14px;
    line-height: 143%;
  }
}
.block-guarantee__title {
  font-weight: 700;
  font-size: 24px;
  line-height: 133%;
}
@media (max-width: 992px) {
  .block-guarantee__title {
    font-size: 18px;
    line-height: 133%;
  }
}
.block-guarantee__number {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  background: linear-gradient(319deg, #67a420 0%, #c5dd23 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 992px) {
  .block-guarantee__number {
    font-size: 14px;
    line-height: 143%;
    margin-top: -5px;
  }
}

.block-about-color__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
}
@media (max-width: 992px) {
  .block-about-color__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    gap: 0px;
  }
}
@media (max-width: 768px) {
  .block-about-color__content {
    gap: 24px;
  }
}
.block-about-color__body {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 532px;
          flex: 0 1 532px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
  margin: 50px 0px 0px 0px;
}
@media (max-width: 992px) {
  .block-about-color__body {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin: 0px 0px 0px 0px;
  }
}
@media (max-width: 768px) {
  .block-about-color__body {
    gap: 24px;
  }
}
.block-about-color__body .title2 {
  font-weight: 700;
  font-size: 48px;
  line-height: 121%;
  margin: 0px 0px 0px 0px;
}
@media (max-width: 992px) {
  .block-about-color__body .title2 {
    font-size: 32px;
    line-height: 131%;
  }
}
@media (max-width: 768px) {
  .block-about-color__body .title2 {
    font-size: 24px;
    line-height: 117%;
  }
}
@media (max-width: 550px) {
  .block-about-color__body .btn {
    width: 100%;
  }
}
.block-about-color__body p {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
}
@media (max-width: 992px) {
  .block-about-color__body p {
    font-size: 14px;
    line-height: 143%;
  }
}
.block-about-color__image {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 712px;
          flex: 0 1 712px;
  margin-top: -48px;
  margin-bottom: -386px;
}
@media (max-width: 992px) {
  .block-about-color__image {
    margin-top: -56px;
    margin-left: 77px;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    margin-bottom: -342px;
  }
}
@media (max-width: 768px) {
  .block-about-color__image {
    margin-top: 0px;
    margin: 0 auto;
    margin-left: 0px;
    margin-bottom: -195px;
  }
}
.block-about-color__image img {
  width: 100%;
  height: auto;
}

.block-forms1 {
  position: relative;
  z-index: 10;
}
.block-forms1 .container {
  max-width: 1516px;
}
.block-forms1__content {
  background: var(--black);
  border-radius: 24px;
  padding: 48px 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 50px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: hidden;
}
@media (max-width: 1456px) {
  .block-forms1__content {
    padding: 40px;
  }
}
@media (max-width: 1300px) {
  .block-forms1__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    gap: 60px;
  }
}
@media (max-width: 768px) {
  .block-forms1__content {
    padding: 24px;
    gap: 33px;
    border-radius: 16px;
  }
}
.block-forms1__form {
  position: relative;
  z-index: 10;
  max-width: 710px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}
@media (max-width: 1300px) {
  .block-forms1__form {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .block-forms1__form {
    gap: 24px;
  }
}
@media (max-width: 768px) {
  .block-forms1__form .form {
    gap: 24px;
  }
}
.block-forms1__form .form .btn {
  width: auto;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
@media (max-width: 1300px) {
  .block-forms1__form .form .btn {
    width: 100%;
  }
}
.block-forms1__form .form__inputs {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 550px) {
  .block-forms1__form .form__inputs {
    grid-template-columns: 1fr;
  }
}
.block-forms1__top {
  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;
  color: var(--white);
}
.block-forms1__top .title2 {
  margin: 0px 0px 0px 0px;
}
.block-forms1__top p {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: var(--white);
}
@media (max-width: 992px) {
  .block-forms1__top p {
    font-size: 14px;
    line-height: 143%;
  }
}
.block-forms1__image {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 479px;
          flex: 0 1 479px;
  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: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: -48px;
  margin-right: -14px;
}
@media (max-width: 1300px) {
  .block-forms1__image {
    width: 479px;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    margin: 0 auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: -60px;
  }
}
@media (max-width: 768px) {
  .block-forms1__image {
    width: 100%;
    max-width: 479px;
    margin-bottom: -24px;
  }
}
.block-forms1__image .gradient1 {
  position: absolute;
  top: -50%;
  left: 20%;
  -webkit-transform: translate(-50%, 0px);
          transform: translate(-50%, 0px);
  width: 822px;
  height: 822px;
  z-index: 3;
}
@media (max-width: 1300px) {
  .block-forms1__image .gradient1 {
    top: -100%;
    left: 50%;
  }
}
.block-forms1__pic1 {
  position: relative;
  z-index: 4;
  width: 100%;
  height: auto;
}
.block-forms1__pic2 {
  position: relative;
  z-index: 4;
  width: 180px;
  height: auto;
  position: absolute;
  left: -50px;
  bottom: 110px;
}
@media (max-width: 768px) {
  .block-forms1__pic2 {
    width: 100px;
    right: 30px;
    left: auto;
    top: -30px;
    bottom: auto;
  }
}
@media (max-width: 359px) {
  .block-forms1__pic2 {
    width: 100px;
  }
}

.block-cooperation .title2 {
  margin: 0px 0px 40px 0px;
}
@media (max-width: 992px) {
  .block-cooperation .title2 {
    margin: 0px 0px 32px 0px;
  }
}
@media (max-width: 768px) {
  .block-cooperation .title2 {
    margin: 0px 0px 24px 0px;
  }
}
@media (max-width: 768px) {
  .block-cooperation__slider {
    margin: 0px -16px;
    padding: 0px 16px;
    width: calc(100% + 32px);
  }
}
.block-cooperation__wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
@media (max-width: 1100px) {
  .block-cooperation__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .block-cooperation__wrapper {
    gap: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.block-cooperation__slide {
  position: relative;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 24px;
  padding: 8px;
  overflow: hidden;
  min-height: 320px;
  background: var(--white);
}
.block-cooperation__slide.column-long {
  grid-column: span 2;
}
@media (max-width: 992px) {
  .block-cooperation__slide {
    min-height: 248px;
  }
}
@media (max-width: 768px) {
  .block-cooperation__slide {
    min-height: 100%;
  }
}
.block-cooperation__items {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  border: 1px solid #dfe6f0;
  border-radius: 16px;
  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;
  gap: 24px;
}
.block-cooperation__item {
  position: relative;
  z-index: 10;
  max-width: 384px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 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: 12px;
}
.block-cooperation__item p {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
}
@media (max-width: 992px) {
  .block-cooperation__item p {
    font-size: 14px;
    line-height: 143%;
  }
}
.block-cooperation__title {
  font-weight: 700;
  font-size: 24px;
  line-height: 133%;
}
@media (max-width: 992px) {
  .block-cooperation__title {
    font-size: 18px;
    line-height: 133%;
  }
}
.block-cooperation__number {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  background: linear-gradient(319deg, #67a420 0%, #c5dd23 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 992px) {
  .block-cooperation__number {
    font-size: 14px;
    line-height: 143%;
  }
}
.block-cooperation__pic1 {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: auto;
}
@media (max-width: 768px) {
  .block-cooperation__pic1 {
    display: none;
  }
}
.block-cooperation__pagination {
  display: none;
  margin: 16px 0px 0px 0px;
  border-radius: 20px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .block-cooperation__pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.block-cooperation__pagination .swiper-pagination-bullet {
  margin: 0px !important;
  opacity: 1 !important;
  position: relative;
  height: 4px;
  width: auto;
  border-radius: 0px !important;
  background: transparent;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  background: var(--line);
}
.block-cooperation__pagination .swiper-pagination-bullet-active {
  background: linear-gradient(319deg, #67a420 0%, #c5dd23 100%);
}

.block-delivery__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 32px;
}
@media (max-width: 992px) {
  .block-delivery__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
}
@media (max-width: 768px) {
  .block-delivery__content {
    gap: 24px;
  }
}
.block-delivery__image {
  border-radius: 24px;
  overflow: hidden;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 600px;
          flex: 0 1 600px;
}
@media (max-width: 992px) {
  .block-delivery__image {
    max-height: 358px;
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }
}
.block-delivery__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.block-delivery__body {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 638px;
          flex: 0 1 638px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
  margin: 35px 0px;
}
@media (max-width: 992px) {
  .block-delivery__body {
    margin: 0px 0px 0px 0px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}
@media (max-width: 768px) {
  .block-delivery__body {
    gap: 24px;
  }
}
.block-delivery__body .title2 {
  margin: 0px 0px 0px 0px;
}
@media (max-width: 550px) {
  .block-delivery__body .btn {
    width: 100%;
  }
}
.block-delivery__body p {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
}
@media (max-width: 992px) {
  .block-delivery__body p {
    font-size: 14px;
    line-height: 143%;
  }
}

.block-gallery__body {
  position: relative;
}
@media (max-width: 1356px) {
  .block-gallery__slider {
    margin: 0px -30px;
    padding: 0px 30px;
    width: calc(100% + 60px);
  }
}
@media (max-width: 768px) {
  .block-gallery__slider {
    margin: 0px -16px;
    padding: 0px 16px;
    width: calc(100% + 32px);
  }
}
.block-gallery__slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 248px;
  border-radius: 24px;
  overflow: hidden;
  position: relative;
}
.block-gallery__slide::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(20, 20, 20, 0.4);
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.block-gallery__slide:hover::before {
  content: "";
  opacity: 1;
}
.block-gallery__slide:hover .block-gallery__zoom {
  opacity: 1;
}
.block-gallery__zoom {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 30px;
  height: auto;
  opacity: 0;
  z-index: 4;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.block-gallery__pic1 {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.block-gallery__play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 30px;
  height: auto;
}
.block-gallery__arrow-prev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.block-gallery__arrow-prev.swiper-pagination-lock {
  display: none;
}
.block-gallery__arrow-prev.swiper-button-lock {
  display: none;
}
.block-gallery__arrow-prev.swiper-button-disabled {
  display: none;
}
@media (max-width: 768px) {
  .block-gallery__arrow-prev {
    display: none;
  }
}
.block-gallery__arrow-next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.block-gallery__arrow-next.swiper-pagination-lock {
  display: none;
}
.block-gallery__arrow-next.swiper-button-lock {
  display: none;
}
.block-gallery__arrow-next.swiper-button-disabled {
  display: none;
}
@media (max-width: 768px) {
  .block-gallery__arrow-next {
    display: none;
  }
}
.block-forms2 {
  background: var(--black);
}
@media (max-width: 992px) {
  .block-forms2 {
    overflow: hidden;
  }
}
.block-forms2__content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 50px;
  padding: 88px 0px;
}
@media (max-width: 992px) {
  .block-forms2__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    gap: 64px;
    padding: 64px 0px;
  }
}
@media (max-width: 768px) {
  .block-forms2__content {
    padding: 48px 0px 0px 0px;
    gap: 24px;
  }
}
.block-forms2__content .gradient1 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
}
@media (max-width: 992px) {
  .block-forms2__content .gradient1 {
    display: none;
  }
}
.block-forms2__content .gradient2 {
  display: none;
  position: absolute;
  width: 822px;
  height: 882px;
  right: -180px;
  bottom: -180px;
}
@media (max-width: 992px) {
  .block-forms2__content .gradient2 {
    display: block;
  }
}
@media (max-width: 768px) {
  .block-forms2__content .gradient2 {
    left: 50%;
    right: auto;
    -webkit-transform: translate(-50%, 0px);
            transform: translate(-50%, 0px);
    bottom: -450px;
  }
}
.block-forms2__body {
  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;
  gap: 32px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  z-index: 10;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 480px;
          flex: 0 1 480px;
}
@media (max-width: 992px) {
  .block-forms2__body {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    max-width: 390px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
}
.block-forms2__title {
  font-weight: 700;
  font-size: 48px;
  line-height: 121%;
  color: var(--white);
}
@media (max-width: 992px) {
  .block-forms2__title {
    font-size: 28px;
  }
}
@media (max-width: 768px) {
  .block-forms2__title {
    font-size: 22px;
    line-height: 118%;
  }
}
.block-forms2__socials {
  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;
}
.block-forms2__socials .socials {
  gap: 16px;
}
.block-forms2__socials .socials a {
  width: 48px;
}
.block-forms2__socials-title {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: var(--white);
}
@media (max-width: 992px) {
  .block-forms2__socials-title {
    font-size: 14px;
    line-height: 143%;
  }
}
.block-forms2__form {
  position: relative;
  z-index: 10;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 414px;
          flex: 0 1 414px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
@media (max-width: 992px) {
  .block-forms2__form {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 100%;
    background: #1d1d1d;
    border-radius: 16px;
    padding: 24px;
  }
}
@media (max-width: 768px) {
  .block-forms2__form {
    background: transparent;
    border-radius: 0px;
    padding: 0px 0px 0px 0px;
  }
}
@media (max-width: 992px) {
  .block-forms2__form .form {
    gap: 12px;
  }
}
@media (max-width: 550px) {
  .block-forms2__form .form {
    gap: 24px;
  }
}
.block-forms2__form .form__inputs {
  gap: 12px;
}
@media (max-width: 992px) {
  .block-forms2__form .form__inputs {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 550px) {
  .block-forms2__form .form__inputs {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 992px) {
  .block-forms2__form .form__text {
    margin: 12px 0px 0px 0px;
  }
}
@media (max-width: 550px) {
  .block-forms2__form .form__text {
    margin: 0px 0px 0px 0px;
  }
}
.block-forms2__title2 {
  font-weight: 700;
  font-size: 20px;
  line-height: 150%;
  color: var(--white);
}
@media (max-width: 992px) {
  .block-forms2__title2 {
    font-size: 16px;
  }
}
.block-forms2__pic1 {
  position: absolute;
  top: -44px;
  height: calc(100% + 44px);
  left: 47%;
  -webkit-transform: translate(-50%, 0px);
          transform: translate(-50%, 0px);
  z-index: 2;
}
@media (max-width: 992px) {
  .block-forms2__pic1 {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    top: 0;
    left: auto;
    right: -150px;
    height: 100%;
  }
}
@media (max-width: 768px) {
  .block-forms2__pic1 {
    position: relative;
    right: auto;
    height: auto;
    left: 50%;
    -webkit-transform: translate(-50%, 0px);
            transform: translate(-50%, 0px);
    max-width: 360px;
  }
}

.block-reviews .title2 {
  margin: 0px 0px 40px 0px;
}
@media (max-width: 992px) {
  .block-reviews .title2 {
    margin: 0px 0px 32px 0px;
  }
}
@media (max-width: 768px) {
  .block-reviews .title2 {
    margin: 0px 0px 24px 0px;
  }
}
.block-reviews__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
@media (max-width: 768px) {
  .block-reviews__content {
    gap: 16px;
  }
}
.block-reviews__body {
  position: relative;
}
@media (max-width: 1356px) {
  .block-reviews__slider {
    margin: 0px -30px;
    padding: 0px 30px;
    width: calc(100% + 60px);
  }
}
@media (max-width: 768px) {
  .block-reviews__slider {
    margin: 0px -16px;
    padding: 0px 16px;
    width: calc(100% + 32px);
  }
}
.block-reviews__slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  min-height: 398px;
  gap: 12px;
  border-radius: 16px;
  padding: 32px;
  background: var(--white);
}
@media (max-width: 992px) {
  .block-reviews__slide {
    padding: 24px;
    min-height: 380px;
  }
}
.block-reviews__item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 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: 12px;
}
.block-reviews__item p {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
@media (max-width: 992px) {
  .block-reviews__item p {
    font-size: 14px;
    line-height: 143%;
  }
}
.block-reviews__item .rating {
  margin: 2px 0px;
  --star-gap: 6px;
  --star-width: 16px;
  --star-height: 15px;
}
.block-reviews__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.block-reviews__pic1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.block-reviews__name {
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
}
@media (max-width: 992px) {
  .block-reviews__name {
    font-size: 14px;
    line-height: 143%;
  }
}
.block-reviews__data {
  font-weight: 400;
  font-size: 14px;
  line-height: 157%;
  color: var(--gray);
}
@media (max-width: 992px) {
  .block-reviews__data {
    font-size: 12px;
    line-height: 150%;
  }
}
.block-reviews__logo1 {
  height: 16px;
  width: auto;
}
.block-reviews__arrow-prev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.block-reviews__arrow-prev.swiper-pagination-lock {
  display: none;
}
.block-reviews__arrow-prev.swiper-button-lock {
  display: none;
}
.block-reviews__arrow-prev.swiper-button-disabled {
  display: none;
}
@media (max-width: 768px) {
  .block-reviews__arrow-prev {
    display: none;
  }
}
.block-reviews__arrow-next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.block-reviews__arrow-next.swiper-pagination-lock {
  display: none;
}
.block-reviews__arrow-next.swiper-button-lock {
  display: none;
}
.block-reviews__arrow-next.swiper-button-disabled {
  display: none;
}
@media (max-width: 768px) {
  .block-reviews__arrow-next {
    display: none;
  }
}
.block-reviews-top {
  border-radius: 16px;
  padding: 20px 32px;
  background: var(--white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
@media (max-width: 768px) {
  .block-reviews-top {
    padding: 20px 16px;
  }
}
.block-reviews-top__body {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  .block-reviews-top__body {
    gap: 24px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}
@media (max-width: 359px) {
  .block-reviews-top__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    gap: 16px;
  }
}
@media (max-width: 768px) {
  .block-reviews-top__left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 24px;
  }
}
@media (max-width: 359px) {
  .block-reviews-top__left {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
  }
}
.block-reviews-top__title {
  font-weight: 700;
  font-size: 20px;
  line-height: 150%;
  color: #131d25;
}
@media (max-width: 992px) {
  .block-reviews-top__title {
    font-size: 16px;
  }
}
.block-reviews-top__rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  .block-reviews-top__rating {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 154px;
            flex: 0 1 154px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}
@media (max-width: 359px) {
  .block-reviews-top__rating {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 100%;
  }
}
.block-reviews-top__rating img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 32px;
          flex: 0 0 32px;
  width: 32px;
  height: auto;
}
.block-reviews-top__value {
  font-weight: 700;
  font-size: 28px;
  line-height: 114%;
}
.block-reviews-top__text {
  margin: 0px 0px 0px 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 157%;
  color: var(--gray);
}
@media (max-width: 992px) {
  .block-reviews-top__text {
    font-size: 12px;
    line-height: 150%;
  }
}
@media (max-width: 768px) {
  .block-reviews-top__text {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    margin: 0px 0px 0px 0px;
  }
}
.block-reviews-top__logo1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: 28px;
  width: auto;
}
@media (max-width: 359px) {
  .block-reviews-top__logo1 {
    height: 24px;
  }
}

.block-about__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 992px) {
  .block-about__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    gap: 32px;
  }
}
@media (max-width: 768px) {
  .block-about__content {
    gap: 24px;
  }
}
.block-about__body {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 636px;
          flex: 0 1 636px;
  margin: 20px 0px 27px 0px;
}
@media (max-width: 992px) {
  .block-about__body {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin: 0px 0px 0px 0px;
  }
}
.block-about__text {
  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;
}
.block-about__text p {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
}
@media (max-width: 992px) {
  .block-about__text p {
    font-size: 14px;
    line-height: 143%;
  }
}
.block-about__image {
  overflow: hidden;
  border-radius: 24px;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 600px;
          flex: 0 1 600px;
}
@media (max-width: 992px) {
  .block-about__image {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 100%;
    max-height: 358px;
  }
}
.block-about__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.block-contacts .container {
  max-width: 1516px;
}
.block-contacts__contents {
  position: relative;
  height: 600px;
}
@media (max-width: 992px) {
  .block-contacts__contents {
    display: grid;
    gap: 24px;
    height: 412px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 700px) {
  .block-contacts__contents {
    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: 12px;
    height: 100%;
  }
}
.block-contacts__contents .map {
  height: 100%;
  width: 100%;
  border-radius: 24px;
  overflow: hidden;
}
@media (max-width: 700px) {
  .block-contacts__contents .map {
    height: 412px;
  }
}
.block-contacts__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  right: 80px;
  top: 50%;
  -webkit-transform: translate(0px, -50%);
          transform: translate(0px, -50%);
  border-radius: 24px;
  padding: 8px;
  background: var(--white);
  width: 416px;
}
@media (max-width: 1200px) {
  .block-contacts__content {
    right: 30px;
  }
}
@media (max-width: 992px) {
  .block-contacts__content {
    position: relative;
    right: 0;
    top: 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    width: 100%;
  }
}
.block-contacts__body {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 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: 24px;
  border: 1px solid #dfe6f0;
  border-radius: 16px;
  padding: 32px;
}
@media (max-width: 992px) {
  .block-contacts__body {
    padding: 24px;
  }
}
@media (max-width: 359px) {
  .block-contacts__body {
    padding: 24px 15px;
  }
}
.block-contacts__body .btn {
  width: 100%;
}
.block-contacts__body .socials {
  gap: 16px;
  margin: 16px 0px 0px 0px;
}
@media (max-width: 992px) {
  .block-contacts__body .socials {
    margin-top: auto;
  }
}
.block-contacts__body .socials a {
  width: 40px;
}
.block-contacts__title {
  font-weight: 700;
  font-size: 32px;
  line-height: 131%;
}
@media (max-width: 992px) {
  .block-contacts__title {
    font-size: 22px;
    line-height: 118%;
  }
}
.block-contacts__phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.block-contacts__phone a {
  font-weight: 700;
  font-size: 24px;
  line-height: 133%;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.block-contacts__phone a:hover {
  color: #67a420;
}
@media (max-width: 992px) {
  .block-contacts__phone a {
    font-size: 18px;
  }
}
.block-contacts__phone span {
  font-weight: 400;
  font-size: 14px;
  line-height: 157%;
  color: var(--gray);
}
@media (max-width: 992px) {
  .block-contacts__phone span {
    font-size: 12px;
    line-height: 150%;
  }
}
.block-contacts__address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.block-contacts__address span {
  font-weight: 400;
  font-size: 14px;
  line-height: 157%;
  color: var(--gray);
}
@media (max-width: 992px) {
  .block-contacts__address span {
    font-size: 12px;
    line-height: 150%;
  }
}
.block-contacts__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
}
@media (max-width: 992px) {
  .block-contacts__text {
    font-size: 14px;
    line-height: 143%;
  }
}

.fixed-text {
  position: fixed;
  left: calc((100% - 1356px) / 2 - 120px);
  top: 200px;
  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: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1650px) {
  .fixed-text {
    left: calc((100% - 1356px) / 2 - 90px);
  }
}
@media (max-width: 1550px) {
  .fixed-text {
    display: none;
  }
}
.fixed-text ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 12px;
}
.fixed-text ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #c9c9d0;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.fixed-text ul li::after {
  content: "";
  width: 13px;
  height: 1px;
  display: block;
  background: #c9c9d0;
  margin: 12px 0px 0px 0px;
}
.fixed-text ul li:last-child {
  padding: 0px 0px 0px 0px;
}
.fixed-text ul li:last-child::after {
  content: "";
  display: none;
}
.fixed-text ul li strong {
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  color: #141417;
}
.fixed-text__line {
  height: 40px;
  width: 1px;
  background: #141417;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  background-color: transparent;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.header._header-scroll {
  background-color: var(--fon);
}
.menu-open .header {
  background-color: #fff;
}
.header__top {
  padding: 20px 0px;
  position: relative;
}
@media (max-width: 992px) {
  .header__top {
    padding: 24px 0px;
  }
}
@media (max-width: 768px) {
  .header__top {
    padding: 16px 0px;
  }
}
@media (max-width: 359px) {
  .header__top {
    padding: 10px 0px;
  }
}
.header__top::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 60px;
  height: 1px;
  background: #d6dbe4;
  width: calc(100% - 120px);
}
@media (max-width: 1500px) {
  .header__top::after {
    left: 30px;
    width: calc(100% - 60px);
  }
}
@media (max-width: 768px) {
  .header__top::after {
    left: 16px;
    width: calc(100% - 32px);
  }
}
.header__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
}
@media (max-width: 992px) {
  .header__content {
    gap: 20px;
  }
}
.header__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 68px;
}
@media (max-width: 1356px) {
  .header__left {
    gap: 24px;
  }
}
.header__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 152px;
          flex: 0 0 152px;
  height: auto;
}
.header__logo img {
  width: 100%;
  height: auto;
}
@media (max-width: 992px) {
  .header__logo {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
            flex: 0 0 120px;
  }
}
@media (max-width: 768px) {
  .header__logo {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 102px;
            flex: 0 0 102px;
  }
}
@media (max-width: 359px) {
  .header__logo {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 90px;
            flex: 0 0 90px;
  }
}
.header__right {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
}
@media (max-width: 1356px) {
  .header__right {
    gap: 24px;
  }
}
@media (max-width: 359px) {
  .header__right {
    gap: 16px;
  }
}
/* Не сжимать кнопки в шапке: иначе .btn{overflow:hidden} обрезает «Заказать звонок» */
.header__right > .btn {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

/* стили гамбургера и .main-nav — components/bitrix/menu/main_nav/style.css */

.main > .container {
 /* padding: 24px 0 48px;*/
}
.main > .container .page-title {
  font-weight: 700;
  font-size: 32px;
  line-height: 1.2;
  margin: 0 0 16px;
}
@media (max-width: 992px) {
  .main > .container .page-title {
    font-size: 24px;
  }
}

.header__icon {
  cursor: pointer;
  display: none;
}
@media (max-width: 992px) {
  .header__icon {
    width: 24px;
    height: 24px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 24px;
            flex: 0 0 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.header-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
@media (max-width: 1200px) {
  .header-rating {
    display: none;
  }
}
.header-rating__value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60px;
          flex: 0 0 60px;
  position: relative;
  font-weight: 600;
  font-size: 20px;
  line-height: 120%;
  color: var(--white);
}
.header-rating__value span {
  position: relative;
  z-index: 10;
}
.header-rating__value::before {
  content: "";
  position: absolute;
  top: -26px;
  left: 0;
  width: 60px;
  height: 81px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iODEiIHZpZXdCb3g9IjAgMCA2MCA4MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNNjAgNzguMzY2QzYwIDc5Ljk0MjIgNTguMjYxNSA4MC44OTkgNTYuOTI5OSA4MC4wNTU2TDMxLjA3MDEgNjMuNjc3N0MzMC40MTY3IDYzLjI2MzkgMjkuNTgzMyA2My4yNjM5IDI4LjkyOTkgNjMuNjc3N0wzLjA3MDEgODAuMDU1NkMxLjczODQ2IDgwLjg5OSAwIDc5Ljk0MjIgMCA3OC4zNjZWLTRDMCAtNS4xMDQ1NyAwLjg5NTQzMSAtNiAyIC02SDU4QzU5LjEwNDYgLTYgNjAgLTUuMTA0NTcgNjAgLTRWNzguMzY2WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzUxNjFfMzE0OCkiIC8+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfNTE2MV8zMTQ4IiB4MT0iNjAiIHkxPSI4Ny41NjY2IiB4Mj0iLTI1LjUwMjciIHkyPSIxOC4yNjg5IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CiAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiM2N0E0MjAiIC8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0M1REQyMyIgLz4KICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgPC9kZWZzPgo8L3N2Zz4=");
  background-repeat: no-repeat;
  background-size: contain;
}
.header-rating__body {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 170px;
          flex: 0 1 170px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.header-rating__title {
  font-weight: 400;
  font-size: 14px;
  line-height: 129%;
}
.header-rating__title span {
  font-weight: 700;
}

.icon-menu {
  position: relative;
  width: 20px;
  height: 14px;
  cursor: pointer;
  z-index: 5;
}
.icon-menu span, .icon-menu::before, .icon-menu::after {
  content: "";
  -webkit-transition: background-color 0.3s ease 0s;
  transition: background-color 0.3s ease 0s;
  right: 0;
  position: absolute;
  width: 100%;
  height: 2px;
  border-radius: 10px;
  background: linear-gradient(319deg, #67a420 0%, #c5dd23 100%);
}
.icon-menu::before {
  top: 0;
}
.icon-menu::after {
  bottom: 0;
}
.icon-menu span {
  top: calc(50% - 1px);
}
.menu-open .icon-menu::before {
  top: calc(50% - 1px);
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.menu-open .icon-menu span {
  width: 0;
}
.menu-open .icon-menu::after {
  content: "";
  bottom: calc(50% - 1px);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

body::after {
  content: "";
  background: rgba(20, 20, 20, 0.6);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.8s ease 0s;
  transition: opacity 0.8s ease 0s;
  pointer-events: none;
  z-index: 149;
}

.popup-show body::after {
  opacity: 1;
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 20px;
  -webkit-transition: visibility 0.8s ease 0s;
  transition: visibility 0.8s ease 0s;
  visibility: hidden;
  pointer-events: none;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.popup::-webkit-scrollbar {
  display: none;
}
@media (max-width: 390px) {
  .popup {
    padding: 20px 16px;
  }
}

.popup_show {
  z-index: 150;
  visibility: visible;
  overflow: auto;
  pointer-events: auto;
}

.popup_show .popup__content {
  visibility: visible;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.popup__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 100%;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  align-items: center;
}

.popup__content {
  position: relative;
  visibility: hidden;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  transition: -webkit-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  width: 100%;
  border-radius: 24px;
  padding: 8px;
  background: var(--white);
  max-width: 600px;
  overflow: hidden;
}
.lock .popup__content {
  visibility: visible;
}
@media (max-width: 992px) {
  .popup__content {
    max-width: 520px;
  }
}

.popup__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
  position: relative;
  border: 1px solid #dfe6f0;
  border-radius: 16px;
  padding: 48px;
}
@media (max-width: 992px) {
  .popup__body {
    padding: 40px;
  }
}
@media (max-width: 768px) {
  .popup__body {
    gap: 24px;
    padding: 24px;
  }
}
@media (max-width: 359px) {
  .popup__body {
    padding: 24px 15px;
  }
}
.popup__body .btn {
  width: 100%;
}
.popup__top {
  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;
}
@media (max-width: 768px) {
  .popup__top {
    gap: 12px;
  }
}
.popup__top p {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
}
@media (max-width: 992px) {
  .popup__top p {
    font-size: 14px;
    line-height: 143%;
  }
}
.popup__title {
  font-weight: 700;
  font-size: 32px;
  padding: 0px 10px 0px 0px;
  line-height: 131%;
}
@media (max-width: 992px) {
  .popup__title {
    font-size: 22px;
    line-height: 118%;
  }
}
.popup__close {
  cursor: pointer;
  position: absolute;
  top: 18px;
  right: 18px;
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: 20;
}
@media (max-width: 768px) {
  .popup__close {
    top: 8px;
    right: 8px;
  }
}
.popup__close img {
  width: 100%;
  height: auto;
}
.popup__close:hover {
  opacity: 0.7;
}
.popup__back {
  display: none;
}
@media (max-width: 768px) {
  .popup__back {
    z-index: 10;
    position: absolute;
    top: 20px;
    left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    font-weight: 500;
    font-size: 14px;
    line-height: 129%;
    color: var(--gray);
  }
  .popup__back img {
    width: 18px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 18px;
            flex: 0 0 18px;
    height: auto;
  }
}

@media (max-width: 768px) {
  .popup-product-card {
    padding: 0px 0px 0px 0px;
  }
}
@media (max-width: 768px) {
  .popup-product-card .popup__wrapper {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
}
@media (max-width: 768px) {
  .popup-product-card .popup__close {
    top: 18px;
    right: 18px;
  }
}
.popup-product-card .popup__content {
  max-width: 1456px;
  padding: 48px 80px;
  max-height: 800px;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.popup-product-card .popup__content::-webkit-scrollbar {
  display: none;
}
@media (max-width: 1356px) {
  .popup-product-card .popup__content {
    padding: 48px 24px;
  }
}
@media (max-width: 992px) {
  .popup-product-card .popup__content {
    max-width: 640px;
    max-height: 100%;
    padding: 32px;
  }
}
@media (max-width: 768px) {
  .popup-product-card .popup__content {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    max-width: 100%;
    border-radius: 0px;
    padding: 54px 16px 24px 16px;
  }
}
.popup-product-card__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 48px;
}
@media (max-width: 992px) {
  .popup-product-card__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }
}
.popup-product-card__body {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 748px;
          flex: 0 1 748px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}
@media (max-width: 992px) {
  .popup-product-card__body {
    gap: 24px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}
.popup-product-card__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.popup-product-card__title {
  font-weight: 700;
  font-size: 32px;
  line-height: 131%;
}
@media (max-width: 992px) {
  .popup-product-card__title {
    font-size: 22px;
    line-height: 118%;
  }
}
@media (max-width: 768px) {
  .popup-product-card__title {
    font-size: 20px;
    line-height: 130%;
  }
}
.popup-product-card__descr {
  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;
}
.popup-product-card__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 8px;
}
.popup-product-card__options-title {
  font-weight: 400;
  font-size: 14px;
  line-height: 157%;
  color: var(--gray);
}
.popup-product-card__price {
  font-weight: 700;
  font-size: 40px;
  line-height: 120%;
}
@media (max-width: 992px) {
  .popup-product-card__price {
    font-size: 28px;
    line-height: 121%;
  }
}
@media (max-width: 768px) {
  .popup-product-card__price {
    font-size: 22px;
    line-height: 118%;
  }
}
.popup-product-card__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
@media (max-width: 992px) {
  .popup-product-card__buttons {
    gap: 24px;
  }
}
.popup-product-card__buttons .btn {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
}
@media (min-width: 551px) {
  .popup-product-card__buttons .btn {
    width: 100%;
  }
}
@media (max-width: 550px) {
  .popup-product-card__buttons {
    gap: 8px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .popup-product-card__buttons .quantity {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    min-width: 0;
    max-width: 168px;
    height: 48px;
    padding: 10px 14px;
    gap: 8px;
  }
  .popup-product-card__buttons .btn {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0;
            flex: 1 1 0;
    width: auto;
  }
}
.popup-product-card__center {
  font-weight: 400;
  font-size: 14px;
  line-height: 157%;
  color: var(--gray);
}
@media (max-width: 992px) {
  .popup-product-card__center {
    font-size: 12px;
    line-height: 150%;
  }
}

.images-product {
  min-width: 0;
  width: 100%;
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 500px;
          flex: 0 1 500px;
}
@media (max-width: 992px) {
  .images-product {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }
}
.images-product__body {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
@media (max-width: 992px) {
  .images-product__body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}
@media (max-width: 768px) {
  .images-product__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.images-product__slider {
  width: 100%;
}
@media (max-width: 992px) {
  .images-product__slider {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 484px;
            flex: 0 1 484px;
    min-width: 0;
    height: 484px;
  }
}
@media (max-width: 768px) {
  .images-product__slider {
    height: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    min-height: 328px;
    margin: 0px -16px;
    padding: 0px 16px;
    width: calc(100% + 32px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.images-product__slide {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 500px;
  border-radius: 16px;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .images-product__slide {
    height: 400px;
  }
}
@media (max-width: 992px) {
  .images-product__slide {
    height: 100%;
  }
}
@media (max-width: 768px) {
  .images-product__slide {
    width: 100%;
    height: 100%;
  }
}
.images-product__slide img {
  background: var(--white);
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.images-product__thumbs {
  width: 100%;
  position: relative;
}
@media (max-width: 992px) {
  .images-product__thumbs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
            flex: 0 0 80px;
    height: 484px;
  }
}
@media (max-width: 768px) {
  .images-product__thumbs {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    height: auto;
  }
}
.images-product__thumb {
  min-width: 0;
}
@media (max-width: 992px) {
  .images-product__thumb {
    height: 100%;
  }
}
@media (max-width: 768px) {
  .images-product__thumb {
    margin: 0px -16px;
    padding: 0px 16px;
    width: calc(100% + 32px);
  }
}
.images-product__thumb .images-product__slide {
  cursor: pointer;
  position: relative;
  width: 93px;
  max-height: 93px;
  border-radius: 8px;
  background: var(--white);
  padding: 1px;
}
@media (max-width: 992px) {
  .images-product__thumb .images-product__slide {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
            flex: 0 0 80px;
    width: 80px;
    height: 80px;
  }
}
@media (max-width: 550px) {
  .images-product__thumb .images-product__slide {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60px;
            flex: 0 0 60px;
    height: 60px;
    width: 60px;
  }
}
.images-product__thumb .images-product__slide::after {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 1px);
  height: calc(100% + 1px);
  background: var(--line);
}
.images-product__thumb .images-product__slide::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 1px);
  height: calc(100% + 1px);
  background: linear-gradient(319deg, #67a420 0%, #c5dd23 100%);
  opacity: 0;
}
.images-product__thumb .images-product__slide.swiper-slide-thumb-active::after {
  content: "";
  opacity: 0;
}
.images-product__thumb .images-product__slide.swiper-slide-thumb-active::before {
  content: "";
  opacity: 1;
}
.images-product__thumb .images-product__slide img {
  border-radius: 8px;
  position: relative;
  z-index: 10;
  background: var(--white);
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.popup-product-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.popup-product-tabs__scroll {
  margin: 0px 0px 32px 0px;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.popup-product-tabs__scroll::-webkit-scrollbar {
  display: none;
}
@media (max-width: 992px) {
  .popup-product-tabs__scroll {
    margin: 0px 0px 24px 0px;
  }
}
@media (max-width: 530px) {
  .popup-product-tabs__scroll {
    margin: 0px -16px 24px -16px;
    padding: 0px 16px;
    width: calc(100% + 32px);
  }
}
.popup-product-tabs__navigation {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  border-radius: 200px;
  background: var(--fon);
  padding: 4px;
}
@media (max-width: 530px) {
  .popup-product-tabs__navigation {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
  }
}
.popup-product-tabs__title {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  border-radius: 200px;
  padding: 10px 28px;
  min-height: 48px;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  color: var(--gray);
  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: relative;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 992px) {
  .popup-product-tabs__title {
    min-height: 42px;
    font-size: 14px;
    line-height: 129%;
  }
}
.popup-product-tabs__title span {
  position: relative;
  z-index: 10;
}
.popup-product-tabs__title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(319deg, #67a420 0%, #c5dd23 100%);
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.popup-product-tabs__title:hover {
  color: #67a420;
}
.popup-product-tabs__title._tab-active {
  color: var(--white);
}
.popup-product-tabs__title._tab-active::before {
  content: "";
  opacity: 1;
}
.popup-product-descr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}
@media (max-width: 992px) {
  .popup-product-descr {
    gap: 24px;
  }
}
.popup-product-descr__column {
  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;
}
.popup-product-descr__title {
  font-weight: 700;
  font-size: 20px;
  line-height: 150%;
}
@media (max-width: 992px) {
  .popup-product-descr__title {
    font-size: 16px;
  }
}
.popup-product-descr__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
}
@media (max-width: 992px) {
  .popup-product-descr__text {
    font-size: 14px;
    line-height: 143%;
  }
}
.popup-product-descr__blockquoite {
  background: var(--fon);
  border-radius: 12px;
  padding: 20px 32px;
  font-weight: 400;
  font-size: 14px;
  line-height: 157%;
  color: var(--gray);
}
@media (max-width: 992px) {
  .popup-product-descr__blockquoite {
    padding: 16px;
    font-size: 12px;
    line-height: 150%;
  }
}

.popup-product-spollers {
  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;
}
.popup-product-spollers__item {
  border-radius: 12px;
  padding: 24px 28px 24px 24px;
  background: var(--fon);
}
@media (max-width: 992px) {
  .popup-product-spollers__item {
    padding: 16px;
  }
}
.popup-product-spollers__title {
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  text-align: left;
  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;
  width: 100%;
}
@media (max-width: 992px) {
  .popup-product-spollers__title {
    gap: 10px;
    font-size: 14px;
  }
}
.popup-product-spollers__title::after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 11px;
          flex: 0 0 11px;
  width: 11px;
  height: 7px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTEgMUw1LjUgNS41TDEwIDEiIHN0cm9rZT0iIzcwN0Q4OSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+Cjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-transition: background-image 0.3s;
  transition: background-image 0.3s;
}
.popup-product-spollers__title._spoller-active::after {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTEwIDUuNUw1LjUgMUwxIDUuNSIgc3Ryb2tlPSJ1cmwoI3BhaW50MF9saW5lYXJfNzEwMl8xMTI3KSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfNzEwMl8xMTI3IiB4MT0iMTAiIHkxPSI1Ljg3NSIgeDI9IjYuNzAyNTkiIHkyPSItMS44MTg5NyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjNjdBNDIwIiAvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNDNUREMjMiIC8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogIDwvZGVmcz4KPC9zdmc+");
}
.popup-product-spollers__text {
  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;
  margin: 24px 0px 0px 0px;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: var(--gray);
}
@media (max-width: 992px) {
  .popup-product-spollers__text {
    gap: 10px;
    font-size: 14px;
    margin: 16px 0px 0px 0px;
  }
}

.popup-product-cert {
  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;
}
.popup-product-cert__column {
  border-radius: 12px;
  padding: 24px;
  background: var(--fon);
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 16px;
}
.popup-product-cert__column:hover {
  opacity: 0.7;
}
.popup-product-cert__column img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48px;
          flex: 0 0 48px;
  width: 48px;
  height: auto;
}
@media (max-width: 992px) {
  .popup-product-cert__column img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
            flex: 0 0 40px;
    width: 40px;
  }
}
@media (max-width: 992px) {
  .popup-product-cert__column {
    padding: 16px;
    gap: 10px;
  }
}
.popup-product-cert__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.popup-product-cert__title {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
}
@media (max-width: 992px) {
  .popup-product-cert__title {
    font-size: 14px;
  }
}
.popup-product-cert__subtitle {
  font-weight: 400;
  font-size: 14px;
  line-height: 157%;
  color: var(--gray);
}
@media (max-width: 992px) {
  .popup-product-cert__subtitle {
    font-size: 12px;
  }
}

.popup-product-select {
  position: relative;
}
.popup-product-select.active .popup-product-button__arrow::before {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTEwIDUuNUw1LjUgMUwxIDUuNSIgc3Ryb2tlPSJ1cmwoI3BhaW50MF9saW5lYXJfNzE0M18xMDU0KSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfNzE0M18xMDU0IiB4MT0iMTAiIHkxPSI1Ljg3NSIgeDI9IjYuNzAyNTkiIHkyPSItMS44MTg5NyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjNjdBNDIwIiAvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNDNUREMjMiIC8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogIDwvZGVmcz4KPC9zdmc+");
}
.popup-product-select.active .popup-product-select__dropdown {
  opacity: 1;
  pointer-events: auto;
}
.popup-product-select__dropdown {
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  width: 100%;
  -webkit-box-shadow: 0 6px 16px 0 rgba(20, 20, 20, 0.1);
          box-shadow: 0 6px 16px 0 rgba(20, 20, 20, 0.1);
  background: var(--white);
  position: absolute;
  top: 100%;
  margin: 12px 0px 0px 0px;
  border-radius: 12px;
  padding: 16px 16px 0px 16px;
  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;
  z-index: 20;
}
.popup-product-select__column {
  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;
}
.popup-product-select__name {
  font-weight: 400;
  font-size: 14px;
  line-height: 157%;
  color: var(--gray);
}
.popup-product-select__options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px 24px;
}
.popup-product-select__search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
@media (max-width: 500px) {
  .popup-product-select__search {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.popup-product-select__search input {
  font-weight: 400;
  font-size: 14px;
  line-height: 157%;
  width: 100%;
}
.popup-product-select__search input::-webkit-input-placeholder {
  color: var(--gray);
}
.popup-product-select__search input::-moz-placeholder {
  color: var(--gray);
}
.popup-product-select__search input:-ms-input-placeholder {
  color: var(--gray);
}
.popup-product-select__search input::-ms-input-placeholder {
  color: var(--gray);
}
.popup-product-select__search input::placeholder {
  color: var(--gray);
}
.popup-product-select__search1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 0px 16px;
  height: 56px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
@media (max-width: 768px) {
  .popup-product-select__search1 {
    height: 50px;
  }
}
.popup-product-select__search2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 229px;
          flex: 0 0 229px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 0px 16px;
  height: 56px;
}
@media (max-width: 768px) {
  .popup-product-select__search2 {
    height: 50px;
  }
}
@media (max-width: 550px) {
  .popup-product-select__search2 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}
.popup-product-select__icon {
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 18px;
          flex: 0 0 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.popup-product-select__icon img {
  width: 18px;
  height: auto;
}
.popup-product-select__simplebar {
  max-height: 280px;
}
.popup-product-select__checkboxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 13px;
  padding: 0px 10px 16px 0px;
}

.popup-product-button {
  background: var(--fon);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 12px;
  padding: 10px 16px;
  height: 56px;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  .popup-product-button {
    height: 50px;
  }
}
.popup-product-button__titles {
  min-width: 0;
  overflow: hidden;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  .popup-product-button__titles {
    gap: 10px;
  }
}
.popup-product-button__titles span {
  font-weight: 400;
  font-size: 14px;
  line-height: 157%;
  color: var(--gray);
}
.popup-product-button__palette {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 24px;
  border-radius: 200px;
  padding: 2px 8px;
  font-weight: 500;
  font-size: 12px;
  line-height: 133%;
  color: var(--white);
  background: linear-gradient(319deg, #67a420 0%, #c5dd23 100%);
}
.popup-product-button__colors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.popup-product-button__color {
  font-weight: 400;
  font-size: 14px;
  line-height: 157%;
}
.popup-product-button__icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
@media (max-width: 768px) {
  .popup-product-button__icons {
    gap: 10px;
  }
}
.popup-product-button__trash {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 18px;
          flex: 0 0 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.popup-product-button__trash img {
  width: 100%;
  height: auto;
}
.popup-product-button__arrow {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 18px;
          flex: 0 0 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.popup-product-button__arrow::before {
  content: "";
  display: block;
  width: 11px;
  height: 7px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTEgMUw1LjUgNS41TDEwIDEiIHN0cm9rZT0iIzcwN0Q4OSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+Cjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.footer__top {
  position: relative;
  padding: 0px 0px 33px 0px;
}
@media (max-width: 992px) {
  .footer__top {
    padding: 0px 0px 24px 0px;
  }
}
.footer__top::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 60px;
  height: 1px;
  background: var(--line);
  width: calc(100% - 120px);
}
@media (max-width: 1500px) {
  .footer__top::after {
    left: 30px;
    width: calc(100% - 60px);
  }
}
@media (max-width: 768px) {
  .footer__top::after {
    left: 16px;
    width: calc(100% - 32px);
  }
}
.footer__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}
@media (max-width: 768px) {
  .footer__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    gap: 24px;
  }
}
.footer__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  .footer__left {
    width: 100%;
  }
}
.footer__logo {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 152px;
          flex: 0 0 152px;
  display: block;
}
@media (max-width: 992px) {
  .footer__logo {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
            flex: 0 0 120px;
  }
}
@media (max-width: 480px) {
  .footer__logo {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 102px;
            flex: 0 0 102px;
  }
}
.footer__logo img {
  width: 100%;
  height: auto;
}
.footer__right {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 46px;
}
@media (max-width: 992px) {
  .footer__right {
    gap: 30px;
  }
}
@media (max-width: 768px) {
  .footer__right {
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 20px;
  }
}
.footer__up {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media (max-width: 992px) {
  .footer__up {
    font-size: 14px;
    line-height: 129%;
  }
}
@media (max-width: 359px) {
  .footer__up {
    gap: 10px;
  }
}
.footer__up img {
  width: 14px;
  height: auto;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 14px;
          flex: 0 0 14px;
}
.footer__up:hover {
  opacity: 0.7;
}
.footer__bottom {
  padding: 24px 0px;
  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: 8px 20px;
}
@media (max-width: 768px) {
  .footer__bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}
.footer__bottom a {
  font-weight: 400;
  font-size: 14px;
  line-height: 157%;
  color: var(--gray);
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.footer__bottom a:hover {
  color: #67a420;
}
@media (max-width: 992px) {
  .footer__bottom a {
    font-size: 12px;
    line-height: 150%;
  }
}
.footer__copy {
  font-weight: 400;
  font-size: 14px;
  line-height: 157%;
  color: var(--gray);
}
@media (max-width: 992px) {
  .footer__copy {
    font-size: 12px;
    line-height: 150%;
  }
}
/* Якоря главной: запас под шапку при переходе по ссылке с # */
#kraska,
#gruntovka,
#aksessuary,
#block-guarantee,
#block-about-color,
#block-cooperation,
#block-delivery,
#block-gallery,
#block-reviews {
  scroll-margin-top: 96px;
}
@media (max-width: 992px) {
  #kraska,
  #gruntovka,
  #aksessuary,
  #block-guarantee,
  #block-about-color,
  #block-cooperation,
  #block-delivery,
  #block-gallery,
  #block-reviews {
    scroll-margin-top: 72px;
  }
}

/*# sourceMappingURL=maps/styles.css.map */