@charset "UTF-8";

@keyframes fadeInTop {
  0% {
    translate: 0 -100%
  }

  to {
    translate: 0 0
  }
}

@keyframes fadeOutTop {
  0% {
    translate: 0 0
  }

  to {
    translate: 0 -200%
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes rotation {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(359deg)
  }
}

@keyframes scaleIn {
  0% {
    scale: 0
  }

  to {
    scale: 1
  }
}

@keyframes shimmer {
  0% {
    transform: translateX(-150%) rotate(25deg)
  }

  to {
    transform: translateX(100%) rotate(25deg)
  }
}

@keyframes pulse {

  0%,
  to {
    transform: scale(1)
  }

  50% {
    transform: scale(1.02)
  }
}

.container {
  position: relative;
  margin: 0 auto;
  max-width: 430px;
  width: 100%;
  padding: 0 12px
}

.container-right {
  position: relative;
  width: 100vw;
  max-width: calc(100vw - (100vw - 430px)/2);
  margin-left: auto;
  margin-right: 0;
  padding-left: 12px
}

* {
  box-sizing: border-box;
  outline: 0
}

:focus {
  outline: 0
}

html {
  display: flex;
  flex-direction: column
}

.menu-item:not(.menu-item-has-children) .menu-item-arrow,
html:not(.loaded) ._dynamic_adapt_,
html:not(.loaded) .sub-menu-wrapper,
html:not(.loaded) [data-da*=header__] {
  display: none
}

html.safari {
  -webkit-text-size-adjust: 100%
}

html.safari input,
html.safari textarea {
  -webkit-appearance: none;
  appearance: none;
  font-size: 16px !important
}

@supports not (-webkit-hyphens:none) {
  body {
    padding-right: 0 !important
  }
}

.header__mobile,
body,
html {
  scrollbar-gutter: stable
}

.header__mobile.scrollbar-auto,
body.scrollbar-auto,
html.scrollbar-auto {
  scrollbar-gutter: auto
}

.wrapper,
body,
html {
  min-height: 100%
}

body,
input,
strong,
textarea {
  font-family: "RFDewiExtended"
}

body {
  position: relative;
  margin: 0;
  color: #000;
  padding-top: 164px;
  font-size: 15px;
  line-height: 1.428
}

body.no-scroll {
  overflow-y: hidden
}

.wrapper,
body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow-x: clip
}

.text-block a[data-gallery] img,
.wrapper>* {
  width: 100%
}

.main {
  flex: 1 1 auto
}

sup {
  font-size: .5em
}

svg {
  transition: all .4s
}

a,
button,
fieldset,
figure,
iframe,
li {
  padding: 0;
  margin: 0;
  border: 0;
  background: 0 0;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  font-family: inherit
}

a:active,
button:active,
fieldset:active,
figure:active,
iframe:active,
input:active,
li:active,
textarea:active {
  outline: 0
}

button {
  font-size: inherit
}

ul li {
  list-style: none;
  cursor: default
}

input,
strong,
textarea {
  font-weight: 700
}

input,
textarea {
  text-decoration: none;
  color: inherit;
  outline: 0;
  border: 0;
  background: 0 0;
  -webkit-appearance: none;
  appearance: none;
  font-weight: 400
}

input::placeholder,
textarea::placeholder {
  color: inherit;
  font: inherit;
  transition: all .4s
}

textarea {
  resize: none;
  max-height: 100%;
  padding-right: 28px;
  overflow-y: auto;
  overflow-x: hidden
}

@supports (-moz-appearance:none) {
  textarea {
    scrollbar-color: #00c180 #dedede;
    scrollbar-width: thin
  }
}

textarea::-webkit-scrollbar {
  width: 8px
}

textarea::-webkit-scrollbar-track-piece {
  background-color: #dedede;
  border-radius: 8px
}

textarea::-webkit-scrollbar-thumb {
  background-color: #00c180;
  border-radius: 8px
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none
}

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

input[type=button],
input[type=submit] {
  cursor: pointer
}

input:focus-visible,
textarea:focus-visible {
  outline: 1px solid #00c180
}

b {
  font-weight: 400
}

h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
ul {
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-size: inherit
}

img {
  max-width: 100%;
  object-fit: contain;
  border: 0
}

[height],
[width] {
  width: auto;
  height: auto
}

[class*=-img] picture,
[class*=__img] picture {
  width: 100%;
  height: 100%
}

picture {
  display: flex;
  justify-content: center
}

[data-digits-counter] {
  display: inline-block;
  white-space: nowrap
}

.input-wrapper,
.input-wrapper p {
  display: grid
}

.logo {
  display: flex
}

.button,
.menu li,
.submit,
.tel,
a {
  transition: color .3s, background .3s, opacity .3s
}

.menu li:not(.menu-item-has-children) a {
  transition: none
}

.link-button {
  display: inline-flex;
  justify-content: center;
  align-items: center
}

.hover-translate {
  transition: translate .4s
}

.hover-translate:focus-visible {
  translate: 0 -4px
}

.hover-scale,
.hover-scale img {
  transition: all .5s
}

.hover-scale:focus-visible {
  background-size: 103%
}

.hover-scale:focus-visible img {
  scale: 1.02
}

.underline {
  position: relative
}

.underline:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 1px;
  background: 0 0;
  transition: all .4s
}

[hidden] {
  display: none !important
}

.more-line {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical
}

.flex,
.section button.section__button,
.text-block a[data-gallery] {
  display: flex
}

.flex-wrap {
  flex-wrap: wrap
}

.justify-center {
  justify-content: center
}

.justify-end {
  justify-content: end
}

.justify-start {
  justify-content: start;
  justify-items: start
}

.justify-between {
  width: 100%;
  justify-content: space-between
}

.align-center {
  align-items: center
}

.align-start {
  align-items: start;
  align-content: start
}

.col {
  justify-items: start
}

.col,
.grid {
  display: grid;
  grid-template-columns: 100%
}

.checkbox {
  display: flex;
  align-items: center;
  gap: 11px;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer
}

.checkbox.error {
  color: #f03
}

.checkbox.error .checkbox__input:before {
  border-color: #f03
}

.checkbox__input {
  display: flex;
  margin: 0;
  cursor: pointer
}

.checkbox__input:before {
  content: "";
  width: 14px;
  height: 14px;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 2px;
  transition: background-color .3s, border-color .3s;
  box-sizing: border-box
}

.checkbox__input:not(:checked):before {
  border-color: #fff
}

.checkbox__input:checked:before {
  content: "";
  background: url(/local/templates/el.2.0/assets/img/icons/check.svg) center no-repeat;
  background-size: 75%
}

.checkbox__input:disabled~span {
  opacity: .4;
  cursor: not-allowed
}

.checkbox__input:focus-visible {
  outline: 0
}

.checkbox__input:focus-visible:before {
  border-color: #005b3c
}

.checkbox__input[type=radio] {
  position: absolute;
  inset: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  clip: auto;
  cursor: pointer
}

.checkbox-text {
  position: relative;
  border-radius: 5px
}

.checkbox-text .checkbox__text {
  transition: all .4s
}

.checkbox-text .checkbox__input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(0 0 0 0);
  overflow: hidden
}

.checkbox-text .checkbox__input:before {
  display: none
}

.checkbox-text .checkbox__input:checked~.checkbox__text {
  color: #00c180
}

.crumbs {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
  white-space: nowrap;
  font-size: 12px
}

.crumbs-wrapper {
  position: relative;
  z-index: 3
}

.crumbs li:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none
}

.crumbs li:last-child a {
  cursor: default
}

.crumbs li:not(:last-child) {
  position: relative;
  color: #878787
}

.crumbs li:not(:last-child):after {
  content: "-"
}

.pagination,
.pagination__items li,
.pagination__items li a {
  display: flex;
  align-items: center;
  justify-content: center
}

.pagination__items {
  display: flex;
  gap: 2px
}

.pagination__items li,
.pagination__items li a {
  width: 28px;
  height: 28px;
  border-radius: 4px
}

.pagination__items li.active {
  color: #fff;
  background: #00c180
}

.pagination__items li a {
  width: 100%;
  height: 100%
}

.pagination__items li a:focus-visible {
  background: rgba(0, 193, 128, .6);
  color: #fff
}

.contact__map {
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #fff;
  overflow: hidden
}

.loader,
.map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.map {
  object-fit: cover
}

.loader {
  z-index: 2;
  background-color: rgba(0, 193, 128, .4);
  opacity: 0;
  transition: opacity .3s;
  pointer-events: none
}

.loader.is-active {
  opacity: 1
}

.loader:after {
  content: "";
  position: absolute;
  top: calc(50% - 24px);
  left: calc(50% - 24px);
  width: 48px;
  height: 48px;
  border: solid 8px #fff;
  border-left-color: transparent;
  border-radius: 50%;
  animation: rotation .7s linear infinite
}

.search {
  width: 100%;
  max-width: 376px
}

.search__input {
  position: relative;
  font-size: 14px
}

.search__input input {
  width: 100%;
  height: 40px;
  padding: 0 4.2142857143em 0 1.7142857143em;
  border-radius: 8px;
  background: #eee
}

.search__input input::placeholder {
  color: #a9a9a9
}

.search__input input::-webkit-search-cancel-button {
  position: absolute;
  right: 2.6428571429em;
  top: 50%;
  translate: 0 -50%;
  width: .8571428571em;
  height: .8571428571em;
  background: #00c180;
  mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzLjM2MTUgMjEuMTQ5N0wxNC4wNTkyIDExLjg2TDIzLjM2MTUgMi42NzU5MUMyMy40NjcyIDIuNTcwMzQgMjMuNTcyOSAyLjQ2NDc4IDIzLjY3ODYgMi4zNTkyMUMyMy45OTU3IDEuOTM2OTUgMjQuMTAxNCAxLjQwOTEzIDIzLjg5IDAuOTg2ODY5QzIzLjY3ODYgMC41NjQ2MSAyMy4zNjE1IDAuMTQyMzUxIDIyLjgzMjkgMC4wMzY3ODYxQzIyLjMwNDQgLTAuMDY4Nzc4NyAyMS43NzU4IDAuMDM2Nzg2MSAyMS4yNDczIDAuNTY0NjFMMTEuOTQ1IDkuODU0MzFMNS4yODU0IDMuMjAzNzNDNC40Mzk3NCAyLjM1OTIxIDMuNDg4MzYgMS40MDkxMyAyLjY0MjcgMC41NjQ2MUMyLjIxOTg3IDAuMDM2Nzg2MSAxLjY5MTMzIC0wLjA2ODc3ODcgMS4xNjI3OSAwLjAzNjc4NjFDMC42MzQyNDggMC4xNDIzNTEgMC4yMTE0MTYgMC41NjQ2MSAwIDEuMDkyNDNWMS44MzEzOUMwLjEwNTcwOCAyLjI1MzY1IDAuNDIyODMyIDIuNTcwMzQgMC43Mzk5NTYgMi44ODcwNEw5LjgzMDg0IDExLjk2NTZMMC43Mzk5NTYgMjEuMDQ0MkMwLjQyMjgzMiAyMS4zNjA5IDAuMTA1NzA4IDIxLjY3NzYgMCAyMi4wOTk4VjIyLjczMzJDMC4yMTE0MTYgMjMuMzY2NiAwLjUyODU0IDIzLjc4ODkgMS4xNjI3OSAyNEgxLjc5NzA0QzIuMjE5ODcgMjMuODk0NCAyLjUzNjk5IDIzLjU3NzcgMi44NTQxMiAyMy4zNjY2TDExLjk0NSAxNC4yODhMMjEuMDM1OSAyMy4zNjY2QzIxLjM1MyAyMy42ODMzIDIxLjU2NDQgMjMuODk0NCAyMS45ODczIDI0SDIyLjYyMTVMMjIuODMyOSAyMy44OTQ0QzIzLjM2MTUgMjMuNjgzMyAyMy43ODQzIDIzLjE1NTUgMjMuNzg0MyAyMi41MjIxQzIzLjg5IDIxLjg4ODcgMjMuNjc4NiAyMS41NzIgMjMuMzYxNSAyMS4xNDk3WiIgLz4KPC9zdmc+Cg==) center/contain no-repeat;
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzLjM2MTUgMjEuMTQ5N0wxNC4wNTkyIDExLjg2TDIzLjM2MTUgMi42NzU5MUMyMy40NjcyIDIuNTcwMzQgMjMuNTcyOSAyLjQ2NDc4IDIzLjY3ODYgMi4zNTkyMUMyMy45OTU3IDEuOTM2OTUgMjQuMTAxNCAxLjQwOTEzIDIzLjg5IDAuOTg2ODY5QzIzLjY3ODYgMC41NjQ2MSAyMy4zNjE1IDAuMTQyMzUxIDIyLjgzMjkgMC4wMzY3ODYxQzIyLjMwNDQgLTAuMDY4Nzc4NyAyMS43NzU4IDAuMDM2Nzg2MSAyMS4yNDczIDAuNTY0NjFMMTEuOTQ1IDkuODU0MzFMNS4yODU0IDMuMjAzNzNDNC40Mzk3NCAyLjM1OTIxIDMuNDg4MzYgMS40MDkxMyAyLjY0MjcgMC41NjQ2MUMyLjIxOTg3IDAuMDM2Nzg2MSAxLjY5MTMzIC0wLjA2ODc3ODcgMS4xNjI3OSAwLjAzNjc4NjFDMC42MzQyNDggMC4xNDIzNTEgMC4yMTE0MTYgMC41NjQ2MSAwIDEuMDkyNDNWMS44MzEzOUMwLjEwNTcwOCAyLjI1MzY1IDAuNDIyODMyIDIuNTcwMzQgMC43Mzk5NTYgMi44ODcwNEw5LjgzMDg0IDExLjk2NTZMMC43Mzk5NTYgMjEuMDQ0MkMwLjQyMjgzMiAyMS4zNjA5IDAuMTA1NzA4IDIxLjY3NzYgMCAyMi4wOTk4VjIyLjczMzJDMC4yMTE0MTYgMjMuMzY2NiAwLjUyODU0IDIzLjc4ODkgMS4xNjI3OSAyNEgxLjc5NzA0QzIuMjE5ODcgMjMuODk0NCAyLjUzNjk5IDIzLjU3NzcgMi44NTQxMiAyMy4zNjY2TDExLjk0NSAxNC4yODhMMjEuMDM1OSAyMy4zNjY2QzIxLjM1MyAyMy42ODMzIDIxLjU2NDQgMjMuODk0NCAyMS45ODczIDI0SDIyLjYyMTVMMjIuODMyOSAyMy44OTQ0QzIzLjM2MTUgMjMuNjgzMyAyMy43ODQzIDIzLjE1NTUgMjMuNzg0MyAyMi41MjIxQzIzLjg5IDIxLjg4ODcgMjMuNjc4NiAyMS41NzIgMjMuMzYxNSAyMS4xNDk3WiIgLz4KPC9zdmc+Cg==) center/contain no-repeat;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  -webkit-transition: all .4s;
  transition: all .4s
}

.search__input input::-webkit-search-cancel-button:focus-visible {
  background: #00c180
}

.search__input.active+.search__content {
  opacity: 1;
  pointer-events: auto
}

.search__button {
  position: absolute;
  right: 1.2857142857em;
  top: 50%;
  translate: 0 -50%;
  display: flex
}

.search__button svg {
  width: 1em;
  height: 1em;
  fill: none;
  stroke: #00c180
}

.search__button:focus-visible {
  outline: 0
}

.slider {
  position: relative
}

.slider-scrollbar {
  position: static !important;
  width: 100%;
  height: 8px !important;
  margin-top: 30px !important;
  border-radius: 8px !important;
  background: #dedede !important;
  cursor: pointer
}

.slider-scrollbar .swiper-scrollbar-drag {
  background: #00c180
}

.slider__navigation {
  display: flex;
  align-items: center;
  gap: 12px
}

.slider__arrow {
  width: 28px;
  height: 28px;
  aspect-ratio: 1;
  border-radius: 4px;
  border: 1px solid #00c180;
  background: #fff;
  transition: all .4s;
  cursor: pointer
}

.slider__arrow:focus-visible {
  background: #00c180
}

.slider__arrow:focus-visible svg {
  fill: #fff
}

.slider__arrow svg {
  max-width: 50%;
  max-height: 50%;
  fill: #00c180
}

.swiper {
  transition: all .4s
}

.swiper-pagination {
  position: static !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 12px;
  row-gap: 5px;
  width: 100%
}

.swiper-pagination-bullet {
  width: 32px !important;
  height: 4px !important;
  background: #567e64 !important;
  cursor: pointer;
  border-radius: 0 !important;
  margin: 0 !important;
  transition: all .4s
}

.swiper-pagination-bullet-active,
li.menu-item-has-children.active li:hover>a .menu-item-arrow {
  background: #fff
}

.swiper-pagination-bullet-active:last-child:first-child {
  display: none
}

.swiper-pagination-lock {
  display: none
}

.swiper-wrapper {
  display: grid;
  grid-auto-flow: column;
  justify-content: start
}

.swiper-slide {
  display: grid
}

.swiper-button-lock {
  display: none
}

.input-date input:not([value=""])+span,
html:not(.loaded) .swiper {
  opacity: 0
}

html .loaded {
  opacity: 1
}

body:before {
  content: "1";
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(0 0 0 0);
  overflow: hidden
}

.sub-menu-wrapper .sub-menu {
  position: relative;
  display: grid;
  gap: 20px;
  padding: 20px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 8px 0 rgba(68, 83, 113, .05), 0 0 16px 0 rgba(68, 83, 113, .1)
}

.sub-menu-wrapper li {
  display: flex;
  align-items: center
}

.sub-menu-wrapper li a {
  transition: color .3s, background .3s !important
}

.text-block ul>li,
li.menu-item-has-children {
  position: relative
}

li.menu-item-has-children_not-relative {
  position: static !important
}

li.menu-item-has-children.active>a .menu-item-arrow {
  rotate: -180deg
}

li.menu-item-has-children.active>.sub-menu-wrapper {
  z-index: 4;
  pointer-events: auto;
  opacity: 1
}

li.menu-item-has-children li.menu-item-has-children .sub-menu-wrapper {
  top: 0
}

li.menu-item-has-children a {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%
}

li.menu-item-has-children .sub-menu>li:first-child>a {
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important
}

li.menu-item-has-children .sub-menu>li:last-child>a {
  border-bottom-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important
}

.menu-item-arrow {
  display: inline-block;
  flex-grow: 0;
  flex-shrink: 0;
  transition: all .4s;
  background: #00c180;
  -webkit-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzMjAgMTkyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMjAgMTkyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cjxwb2x5Z29uIHBvaW50cz0iMzAwLjYsMCAzMjAsMjAuNyAxNjAsMTkyIDAsMjAuNyAxOS4zLDAgMTYwLDE1MC41ICIvPgo8L3N2Zz4K) center/contain no-repeat;
  mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzMjAgMTkyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMjAgMTkyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cjxwb2x5Z29uIHBvaW50cz0iMzAwLjYsMCAzMjAsMjAuNyAxNjAsMTkyIDAsMjAuNyAxOS4zLDAgMTYwLDE1MC41ICIvPgo8L3N2Zz4K) center/contain no-repeat
}

.menu-item-arrow.active {
  rotate: 180deg
}

.menu-link {
  position: relative;
  order: 10;
  flex: 0 0 32px;
  width: 32px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  background: rgba(37, 34, 34, .04)
}

.menu-link.active .menu-lines {
  background: 0 0
}

.menu-link.active .menu-lines:after {
  top: 0;
  rotate: -135deg
}

.menu-link.active .menu-lines:before {
  top: 0;
  rotate: 135deg
}

.menu-lines,
.menu-lines:after,
.menu-lines:before {
  position: absolute;
  width: 20px;
  height: 2px;
  background-color: #00c180;
  transition: .4s;
  pointer-events: none
}

.menu-lines:after,
.menu-lines:before {
  content: "";
  right: 50%;
  translate: 50% 0
}

.menu-lines:before {
  top: -6px
}

.menu-lines:after {
  top: 6px
}

.text-block {
  color: #000
}

.text-block b,
.text-block h1,
.text-block h2,
.text-block h3,
.text-block strong {
  font-family: "RFDewiExtended-Bold", "RFDewiExtended-SemiBold", "RFDewiExtended-Medium", "RFDewiExtended-Regular"
}

.text-block h2 {
  margin-bottom: 20px;
  font-weight: 800;
  line-height: .97
}

.text-block ol,
.text-block ul {
  display: grid;
  gap: 0
}

.text-block ol:not(:first-of-type),
.text-block ul:not(:first-of-type) {
  padding-top: 0
}

.text-block ol:not(:last-child),
.text-block ul:not(:last-child) {
  padding-bottom: 0
}

.text-block ol ol,
.text-block ol ul,
.text-block ul ol,
.text-block ul ul {
  padding-top: 10px
}

.text-block ul>li:before {
  content: "";
  position: absolute;
  left: 0;
  top: .5em;
  flex-grow: 0;
  flex-shrink: 0;
  background: #00c180;
  background: url(/local/templates/el.2.0/assets/img/icons/circle.svg) center/contain no-repeat;
  border-radius: 50%
}

.text-block ol {
  list-style: none;
  counter-reset: number
}

.text-block ol>li:before {
  counter-increment: number;
  content: counters(number, ".") ". ";
  font: inherit
}

.text-block ol ol {
  padding-left: 20px
}

.text-block h2+ol,
.text-block h2+ul,
.text-block h3+ol,
.text-block h3+ul,
.text-block h4+ol,
.text-block h4+ul,
.text-block h5+ol,
.text-block h5+ul,
.text-block h6+ol,
.text-block h6+ul,
.text-block p+ol,
.text-block p+ul {
  padding-top: 0
}

.text-block blockquote {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr auto;
  margin-inline: 0;
  margin-top: 0;
  border-radius: 8px;
  background: rgba(0, 193, 128, .12)
}

.text-block blockquote:after,
.text-block blockquote:before {
  content: "";
  position: absolute;
  width: 21px;
  height: 18px
}

.text-block blockquote:before {
  top: 0;
  translate: 0 -50%;
  mask: url(/local/templates/el.2.0/assets/img/icons/quotes-left.svg) center/contain no-repeat;
  -webkit-mask: url(/local/templates/el.2.0/assets/img/icons/quotes-left.svg) center/contain no-repeat;
  background: #00c180
}

.text-block blockquote:after {
  bottom: 0;
  translate: 0 50%;
  mask: url(/local/templates/el.2.0/assets/img/icons/quotes-right.svg) center/contain no-repeat;
  -webkit-mask: url(/local/templates/el.2.0/assets/img/icons/quotes-right.svg) center/contain no-repeat;
  background: #00c180;
  align-self: end
}

.text-block mark {
  background: #00e598
}

.text-block a {
  text-decoration: underline
}

.text-block table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  line-height: 1.2307692308;
  color: #386051
}

.text-block table tr:nth-child(odd) {
  background: #e6f9f2
}

.text-block table tr:nth-child(even) {
  background: #d5f0e6
}

.text-block table td {
  font-weight: 700;
  color: #000
}

.text-block table td,
.text-block table th {
  padding-block: 10px;
  text-align: inherit
}

summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  width: 100%;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  transition: all .4s
}

summary::-webkit-details-marker {
  display: none
}

.select__value:after,
summary:after {
  content: "";
  width: 8px;
  height: 8px;
  transition: all .4s
}

summary:after {
  flex-basis: 8px;
  flex-grow: 0;
  flex-shrink: 0;
  background: #878787;
  -webkit-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzMjAgMTkyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMjAgMTkyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cjxwb2x5Z29uIHBvaW50cz0iMzAwLjYsMCAzMjAsMjAuNyAxNjAsMTkyIDAsMjAuNyAxOS4zLDAgMTYwLDE1MC41ICIvPgo8L3N2Zz4K) center/contain no-repeat;
  mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzMjAgMTkyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMjAgMTkyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cjxwb2x5Z29uIHBvaW50cz0iMzAwLjYsMCAzMjAsMjAuNyAxNjAsMTkyIDAsMjAuNyAxOS4zLDAgMTYwLDE1MC41ICIvPgo8L3N2Zz4K) center/contain no-repeat;
  rotate: -90deg
}

summary.active:after {
  rotate: 0deg
}

summary[disabled]:after {
  display: none
}

.select {
  width: 100%
}

.select,
.select__body {
  position: relative
}

.select__title {
  width: 100%
}

.select__title[disabled] {
  opacity: .6
}

.select__value {
  display: flex;
  align-items: center;
  min-height: 2.8571428571em;
  padding: .7142857143em 3.2857142857em .7142857143em 1.1428571429em;
  gap: .625rem;
  text-align: left;
  background-color: #f7f7f7;
  border-radius: 8px;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.42857;
  color: #a9a9a9
}

.select__value:after {
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  background: #00c180;
  mask: url(/local/templates/el.2.0/assets/img/icons/arrow.svg) center/contain no-repeat;
  -webkit-mask: url(/local/templates/el.2.0/assets/img/icons/arrow.svg) center/contain no-repeat
}

.select_open .select__value:after {
  translate: 0 -50%;
  rotate: -180deg
}

.select__input {
  width: 100%;
  height: 100%;
  font-size: inherit
}

.select__input:focus {
  outline: 0;
  border-bottom: 1px solid #00c180
}

.select__scroll {
  max-height: 0;
  padding-right: 28px;
  overflow-y: auto;
  overflow-x: hidden
}

@supports (-moz-appearance:none) {
  .select__scroll {
    scrollbar-color: #00c180 #dedede;
    scrollbar-width: thin
  }
}

.select__scroll::-webkit-scrollbar {
  width: 8px
}

.select__scroll::-webkit-scrollbar-track-piece {
  background-color: #dedede;
  border-radius: 8px
}

.select__scroll::-webkit-scrollbar-thumb {
  background-color: #00c180;
  border-radius: 8px
}

.select__options {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .08);
  overflow: hidden;
  font-size: .95em
}

.select__option {
  width: 100%;
  padding: 12px 20px;
  text-align: left;
  transition: all .4s;
  color: #878787
}

.select__row {
  display: inline-flex;
  align-items: center
}

.select_open {
  z-index: 5
}

.select_open .select__value {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.select_open .select__input::placeholder {
  opacity: .5
}

.select-tags .select__content {
  display: flex;
  flex-wrap: wrap;
  gap: 5px
}

.select-tags__item {
  cursor: pointer
}

.select-tags__item:not(:only-of-type) {
  font-size: .7em
}

.video {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 16/9;
  background: #000;
  cursor: pointer
}

.video-wrapper {
  width: 100%;
  max-width: 500px
}

.video__link {
  top: 0;
  left: 0
}

.video__button,
.video__link,
.video__media {
  position: absolute;
  width: 100%;
  height: 100%
}

.video__media {
  top: 0;
  left: 0;
  border: 0;
  object-fit: cover
}

.video__button {
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  display: flex;
  justify-content: center;
  align-items: center
}

.video__icon {
  position: relative;
  width: 39px;
  height: 43px;
  transition: .25s cubic-bezier(0, 0, .2, 1);
  background: url(/local/templates/el.2.0/assets/img/play.svg) center/contain no-repeat
}

.lg-item .video-wrapper {
  position: relative;
  left: 50%;
  top: 50%;
  translate: -50% -50%
}

.lg-item .lg-img-wrap:before {
  display: none !important
}

.section__bg img,
.video-js picture,
[data-video] {
  width: 100%;
  height: 100%
}

[data-video] .video,
[data-video] .video-wrapper {
  height: 100%
}

.lg-has-video .lg-img-wrap {
  scale: 0
}

.lg-has-video .lg-visible .lg-img-wrap {
  animation: scaleIn .3s .5s forwards
}

.video-js {
  position: relative;
  display: flex;
  aspect-ratio: 16/9;
  overflow: hidden
}

.video-js picture {
  position: absolute;
  left: 0;
  top: 0
}

.video-js__thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #000
}

.video-js__play {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  z-index: 2;
  width: 100%;
  height: 100%
}

.video-js__play:focus-visible:before {
  background: #00c180
}

.video-js__play:focus-visible:after {
  background: #fff
}

.video-js__play:after,
.video-js__play:before {
  content: "";
  position: absolute;
  top: 50%;
  z-index: 2;
  translate: -50% -50%;
  transition: all .4s
}

.video-js__play:before {
  left: 50%;
  width: clamp(32px, 16%, 60px);
  aspect-ratio: 1;
  background: #fff;
  border-radius: 50%
}

.video-js__play:after {
  left: calc(50% + 1px);
  width: clamp(16px, 8%, 20px);
  aspect-ratio: 1;
  mask: url("data:image/svg+xml,%3Csvg width='320' height='384' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cpath id='svg_1' d='m309.20001,168.89999l-278.40001,-165.7c-3.4,-2 -6.9,-3.2 -10.9,-3.2c-10.9,0 -19.8,9 -19.8,20l-0.1,0l0,344l0.1,0c0,11 8.9,20 19.8,20c4.1,0 7.5,-1.39999 11.2,-3.39999l278.10001,-165.5c6.60001,-5.5 10.79999,-13.80002 10.79999,-23.10001s-4.19998,-17.5 -10.79999,-23.10001z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='320' height='384' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cpath id='svg_1' d='m309.20001,168.89999l-278.40001,-165.7c-3.4,-2 -6.9,-3.2 -10.9,-3.2c-10.9,0 -19.8,9 -19.8,20l-0.1,0l0,344l0.1,0c0,11 8.9,20 19.8,20c4.1,0 7.5,-1.39999 11.2,-3.39999l278.10001,-165.5c6.60001,-5.5 10.79999,-13.80002 10.79999,-23.10001s-4.19998,-17.5 -10.79999,-23.10001z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
  background: #00c180
}

.video-js iframe,
.video-js video {
  width: 100%;
  height: 100%;
  object-fit: cover
}

[data-tooltip] {
  position: relative;
  cursor: pointer
}

.tooltip,
[data-tooltip]>* {
  pointer-events: none
}

.tooltip {
  position: absolute;
  z-index: 15;
  padding: 12px 40px 12px 12px;
  background: #00c180;
  border-radius: 12px;
  color: #fff;
  opacity: 0;
  transition: all .4s;
  cursor: default
}

.tooltip_active {
  opacity: 1;
  pointer-events: auto
}

.tooltip__close {
  position: absolute;
  right: 17px;
  top: 17px;
  width: 10px;
  height: 10px;
  mask: url(/local/templates/el.2.0/assets/img/icons/close.svg) center/contain no-repeat;
  -webkit-mask: url(/local/templates/el.2.0/assets/img/icons/close.svg) center/contain no-repeat;
  background: #fff
}

.tooltip__text {
  pointer-events: auto
}

.notify {
  position: fixed;
  right: 10px;
  bottom: 15px;
  z-index: 10;
  width: min(472px, 100%);
  max-height: 100%;
  padding-right: 9px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-left: 9px
}

@supports (-moz-appearance:none) {
  .notify {
    scrollbar-color: #00c180 #dedede;
    scrollbar-width: thin
  }
}

.notify::-webkit-scrollbar {
  width: 4px
}

.notify::-webkit-scrollbar-track-piece {
  background-color: #dedede;
  border-radius: 8px
}

.notify::-webkit-scrollbar-thumb {
  background-color: #00c180;
  border-radius: 8px
}

.notify__item {
  position: relative;
  display: grid;
  grid-template: 1fr 1fr/100%;
  justify-items: start;
  justify-content: start;
  width: 100%;
  font-size: 20px;
  color: #fff;
  border-radius: 12px
}

.notify__item_success {
  background: #10694b
}

.notify__item_success .notify__item-left {
  background: #0d533b
}

.notify__item_success .notify__item-icon {
  outline: 1px solid #06271c;
  mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiBoZWlnaHQ9IjQ4cHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA0OCA0OCIgd2lkdGg9IjQ4cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnIGlkPSJMYXllcl8zIj48cGF0aCBkPSJNMjQsMEMxMC43NDUsMCwwLDEwLjc0NSwwLDI0czEwLjc0NSwyNCwyNCwyNHMyNC0xMC43NDUsMjQtMjRTMzcuMjU1LDAsMjQsMHogTTMwLjYyNywyMi45NTdsLTkuNTQsOS41NCAgIGwtMC4wMDUtMC4wMDVsLTAuNTMxLDAuNTI5bC0wLjAwNy0wLjAwNmwtMC4wMDcsMC4wMDZsLTEuMTktMS4xODhsMC4wMDctMC4wMDhsLTcuNzU5LTcuNzU5bDIuMTk1LTIuMTk1bDYuNzY4LDYuNzdsNy44NzUtNy44NzYgICBsLTAuMDA5LTAuMDA5bDUuNzc2LTUuNzc3bDIuMjAxLDIuMjAyTDMwLjYyNywyMi45NTd6IiBmaWxsPSIjMjQxRjIwIi8+PC9nPjwvc3ZnPg==) center/contain no-repeat;
  -webkit-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiBoZWlnaHQ9IjQ4cHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA0OCA0OCIgd2lkdGg9IjQ4cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnIGlkPSJMYXllcl8zIj48cGF0aCBkPSJNMjQsMEMxMC43NDUsMCwwLDEwLjc0NSwwLDI0czEwLjc0NSwyNCwyNCwyNHMyNC0xMC43NDUsMjQtMjRTMzcuMjU1LDAsMjQsMHogTTMwLjYyNywyMi45NTdsLTkuNTQsOS41NCAgIGwtMC4wMDUtMC4wMDVsLTAuNTMxLDAuNTI5bC0wLjAwNy0wLjAwNmwtMC4wMDcsMC4wMDZsLTEuMTktMS4xODhsMC4wMDctMC4wMDhsLTcuNzU5LTcuNzU5bDIuMTk1LTIuMTk1bDYuNzY4LDYuNzdsNy44NzUtNy44NzYgICBsLTAuMDA5LTAuMDA5bDUuNzc2LTUuNzc3bDIuMjAxLDIuMjAyTDMwLjYyNywyMi45NTd6IiBmaWxsPSIjMjQxRjIwIi8+PC9nPjwvc3ZnPg==) center/contain no-repeat;
  background: #10694b
}

.notify__item_info {
  background: #83b4ff
}

.notify__item_info .notify__item-left {
  background: #5095ff
}

.notify__item_info .notify__item-icon {
  outline: 1px solid #3786ff;
  mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMGg0OHY0OGgtNDh6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTI0IDRjLTExLjA1IDAtMjAgOC45NS0yMCAyMHM4Ljk1IDIwIDIwIDIwIDIwLTguOTUgMjAtMjAtOC45NS0yMC0yMC0yMHptMiAzMGgtNHYtMTJoNHYxMnptMC0xNmgtNHYtNGg0djR6Ii8+PC9zdmc+) center/contain no-repeat;
  -webkit-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMGg0OHY0OGgtNDh6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTI0IDRjLTExLjA1IDAtMjAgOC45NS0yMCAyMHM4Ljk1IDIwIDIwIDIwIDIwLTguOTUgMjAtMjAtOC45NS0yMC0yMC0yMHptMiAzMGgtNHYtMTJoNHYxMnptMC0xNmgtNHYtNGg0djR6Ii8+PC9zdmc+) center/contain no-repeat;
  background: #83b4ff
}

.notify__item_warning {
  background: #ffc201
}

.notify__item_warning .notify__item-left {
  background: #cd9c00
}

.notify__item_warning .notify__item-icon {
  outline: 1px solid #b48800;
  mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMGg0OHY0OGgtNDh6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTI0IDRjLTExLjA1IDAtMjAgOC45NS0yMCAyMHM4Ljk1IDIwIDIwIDIwIDIwLTguOTUgMjAtMjAtOC45NS0yMC0yMC0yMHptMiAzMGgtNHYtMTJoNHYxMnptMC0xNmgtNHYtNGg0djR6Ii8+PC9zdmc+) center/contain no-repeat;
  -webkit-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMGg0OHY0OGgtNDh6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTI0IDRjLTExLjA1IDAtMjAgOC45NS0yMCAyMHM4Ljk1IDIwIDIwIDIwIDIwLTguOTUgMjAtMjAtOC45NS0yMC0yMC0yMHptMiAzMGgtNHYtMTJoNHYxMnptMC0xNmgtNHYtNGg0djR6Ii8+PC9zdmc+) center/contain no-repeat;
  background: #ffc201
}

.notify__item_danger {
  background: #efa3aa
}

.notify__item_danger .notify__item-left {
  background: #e77882
}

.notify__item_danger .notify__item-icon {
  outline: 1px solid #e4626e;
  mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIyNCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGUvPjxwYXRoIGQ9Ik0xOC4zMjggMTYuOTIyYzEuMDc4LTEuMzU5IDEuNjg4LTMuMDk0IDEuNjg4LTQuOTIyIDAtNC40MDYtMy42MDktOC4wMTYtOC4wMTYtOC4wMTYtMS44MjggMC0zLjU2MyAwLjYwOS00LjkyMiAxLjY4OHpNMTIgMjAuMDE2YzEuODI4IDAgMy41NjMtMC42MDkgNC45MjItMS42ODhsLTExLjI1LTExLjI1Yy0xLjA3OCAxLjM1OS0xLjY4OCAzLjA5NC0xLjY4OCA0LjkyMiAwIDQuNDA2IDMuNjA5IDguMDE2IDguMDE2IDguMDE2ek0xMiAyLjAxNmM1LjUzMSAwIDkuOTg0IDQuNDUzIDkuOTg0IDkuOTg0cy00LjQ1MyA5Ljk4NC05Ljk4NCA5Ljk4NC05Ljk4NC00LjQ1My05Ljk4NC05Ljk4NCA0LjQ1My05Ljk4NCA5Ljk4NC05Ljk4NHoiLz48L3N2Zz4=) center/contain no-repeat;
  -webkit-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIyNCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGUvPjxwYXRoIGQ9Ik0xOC4zMjggMTYuOTIyYzEuMDc4LTEuMzU5IDEuNjg4LTMuMDk0IDEuNjg4LTQuOTIyIDAtNC40MDYtMy42MDktOC4wMTYtOC4wMTYtOC4wMTYtMS44MjggMC0zLjU2MyAwLjYwOS00LjkyMiAxLjY4OHpNMTIgMjAuMDE2YzEuODI4IDAgMy41NjMtMC42MDkgNC45MjItMS42ODhsLTExLjI1LTExLjI1Yy0xLjA3OCAxLjM1OS0xLjY4OCAzLjA5NC0xLjY4OCA0LjkyMiAwIDQuNDA2IDMuNjA5IDguMDE2IDguMDE2IDguMDE2ek0xMiAyLjAxNmM1LjUzMSAwIDkuOTg0IDQuNDUzIDkuOTg0IDkuOTg0cy00LjQ1MyA5Ljk4NC05Ljk4NCA5Ljk4NC05Ljk4NC00LjQ1My05Ljk4NC05Ljk4NCA0LjQ1My05Ljk4NCA5Ljk4NC05Ljk4NHoiLz48L3N2Zz4=) center/contain no-repeat;
  background: #efa3aa
}

.notify__item:not(:last-child) {
  margin-bottom: 5px
}

.notify__item-close {
  position: absolute;
  right: 19px;
  top: 19px;
  display: flex;
  -webkit-user-select: none;
  user-select: none
}

.notify__item-close svg {
  width: 10;
  height: 10;
  fill: #fff;
  pointer-events: none
}

.notify__item-content {
  max-width: calc(100% - 10px - 27px);
  width: 100%;
  height: 100%;
  padding: 12px;
  grid-row: span 2;
  display: grid;
  gap: 5px;
  line-height: 1.7
}

.notify__item-title {
  font-size: 1.2em;
  font-weight: 700
}

.notify__item-text:empty,
.notify__item-title:empty {
  display: none
}

.notify__item-text {
  font-size: 1em
}

.notify__item-show {
  display: grid
}

.main {
  padding-top: 35px
}

.main>:last-child {
  margin-bottom: 0
}

body.checkout-page {
  padding-top: 76px
}

body.checkout-page .main {
  padding-top: 30px
}

.home-page_dark .header-fixed,
.home-page_dark .hero {
  background: #141212
}

.home-page_dark .header__bottom-wrapper,
.home-page_dark .header__item,
.home-page_dark .header__mobile,
.home-page_dark .header__tel {
  color: #fff
}

.home-page_dark .header__mobile {
  background: #141212
}

.home-page_dark .header__menu {
  color: #fff
}

.home-page_dark .count {
  background: #ededec
}

.home-page_dark .hero,
.section {
  position: relative
}

.home-page_dark .hero:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: 200vh;
  pointer-events: none;
  background: #141212
}

.page-bg:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100vw;
  height: 100%;
  background: #f5faff
}

.section {
  z-index: 1
}

.section-small {
  padding-block: 20px
}

.section-small-top {
  padding-top: 20px
}

.section-small-bottom {
  padding-bottom: 20px
}

.section-gray {
  background: #f6f6f6
}

.section__bg {
  position: absolute;
  left: 50%;
  top: 0;
  z-index: -1;
  width: 80%;
  translate: -50% -40%;
  pointer-events: none
}

.section .section__button {
  min-width: 196px;
  display: table;
  margin-inline: auto
}

.section .section__button_big {
  min-width: 256px;
  font-size: 20px;
  font-weight: 700
}

.section .section__button svg {
  width: 16px;
  height: 16px;
  margin-right: 14px;
  margin-bottom: -1px
}

.section .section__button>span {
  vertical-align: sub
}

.section__text {
  border: 1px solid #f2f2f2;
  line-height: 1.4;
  color: #878787
}

.section__row,
.section__top {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.section__row {
  gap: 10px;
  margin-bottom: 30px
}

.section__row a {
  white-space: nowrap
}

.section .section__link {
  color: #00c180;
  font-size: 11px
}

.section .section__link svg {
  width: 22px;
  height: 10px;
  max-width: none;
  max-height: none
}

.section__top {
  gap: 12px
}

.section__top .title {
  margin-bottom: 0 !important
}

.section__top-center {
  justify-content: center
}

.title {
  font-weight: 800;
  line-height: .97
}

.title span {
  color: #00c180
}

.title span img {
  vertical-align: middle
}

.title-2 {
  position: relative;
  z-index: 1;
  display: inline-flex;
  font-weight: 900;
  line-height: 1.5;
  text-transform: uppercase
}

.title-2 span::first-line {
  text-underline-offset: -2px;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-decoration-color: #00c180
}

.title-3 {
  font-weight: 700;
  line-height: 1.4
}

.title-4,
.title-5 {
  font-size: 18px;
  font-weight: 700;
  color: #333
}

.title-5 {
  font-size: 16px;
  line-height: 1.25;
  color: #252222
}

.title_center {
  text-align: center
}

.text-light {
  font-weight: 300;
  color: #878787
}

.text-active {
  color: #00c180
}

.text-black {
  font-weight: 900
}

.button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  padding: .3846153846em .7692307692em;
  min-height: 30px;
  background: #00c180;
  border-radius: 10px;
  border: 1px solid #00c180;
  text-align: center;
  font-weight: 700;
  font-size: 13px;
  color: #fff
}

.button svg {
  max-width: 12.5px;
  max-height: 12.5px;
  fill: #fff
}

.button:focus-visible:not(.active) {
  border-color: #009d68;
  background: #009d68
}

.button:focus-visible:not(.active) svg {
  fill: #fff
}

.button_border {
  background: 0 0;
  color: #00c180
}

.button_border svg {
  fill: #00c180
}

.button_border:focus-visible {
  background: #00c180;
  color: #fff
}

.button_border.button_white {
  color: #fff;
  background: 0 0;
  border-color: #fff
}

.button_border.button_white:focus-visible {
  background: #fff;
  color: #00c180
}

.button_border.button_gray:focus-visible {
  background: #00c180;
  color: #fff;
  border-color: #00c180
}

.button[disabled] {
  opacity: .4;
  cursor: not-allowed
}

.button_small {
  padding-inline: 12px;
  min-width: auto;
  justify-self: start
}

.button_white {
  color: #00c180;
  background: #fff;
  border-color: #fff
}

.button_white:focus-visible {
  border-color: #eee;
  background: #eee
}

.button_white:focus-visible svg {
  fill: #567e64
}

.button_light {
  border-color: #878787;
  color: #878787
}

.button_light svg {
  stroke: currentColor;
  transition: none
}

.button_dark {
  background: #000;
  border-color: #000;
  color: #fff
}

.button_gray {
  border-color: #f2f2f2;
  color: #878787;
  font-weight: 400
}

.button-icon svg {
  max-width: 17px;
  max-height: 17px
}

.button-icon:focus-visible svg {
  fill: #00c180
}

.fixed-button {
  position: fixed;
  right: 0;
  top: 38%;
  z-index: 3;
  padding: 16px 8px;
  rotate: 180deg;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  writing-mode: vertical-rl;
  color: #252222;
  cursor: pointer;
  transition: all .4s
}

.fixed-button:focus-visible {
  color: #fff
}

.logo img {
  object-fit: contain
}

.call {
  align-items: center;
  gap: 8px;
  white-space: nowrap
}

.call,
.call a,
.social a {
  display: flex
}

.call a:not(.header__tel) {
  flex-basis: 20px;
  flex-grow: 0;
  flex-shrink: 0
}

.call img {
  width: 20px;
  height: 20px;
  transition: all .4s
}

.call img:focus-visible {
  filter: brightness(90%);
  translate: 0 -2px
}

.email,
.social,
.tel {
  display: flex;
  align-items: center;
  gap: 9px
}

.email svg,
.tel svg {
  max-width: 14px;
  max-height: 14px;
  fill: #00c180
}

.social {
  gap: 8px
}

.social img,
.social svg {
  width: 24px;
  height: 24px
}

.social__tel,
.social__whatsapp {
  align-items: center;
  justify-content: center
}

.social__tel {
  padding: 4px;
  width: 30px;
  height: 30px;
  background: #fa6b46;
  border-radius: 50%
}

.social__tel svg {
  width: 14px;
  height: 14px;
  fill: #fff
}

.social__whatsapp {
  padding: 5px 10px;
  display: flex;
  gap: 8px;
  min-height: 30px;
  background-color: #00c180;
    border: 1px solid #00c180;
  border-radius: 8px;
  font-size: 12px;
  color: #fff;
  white-space: nowrap
}

.social__whatsapp svg {
  /*flex: 0 0 13px;*/
  aspect-ratio: 1
}

.labels {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  justify-content: flex-end
}

.label {
  padding: 3px 11px;
  border-radius: 40px;
  color: #fff;
  font-size: 10px;
  font-weight: 700
}

.label_green {
  background: #83c696
}

.label_orange {
  background: #d99b4b
}

.label_blue {
  background: #0070c1
}

.price {
  display: flex;
  align-items: center;
  gap: 4px
}

.price-new {
  font-weight: 700
}

.price-old {
  opacity: .7;
  font-weight: 600
}

.count,
.count__button {
  display: flex;
  align-items: center
}

.count__button {
  justify-content: center;
  border-radius: 50%;
  transition: all .4s;
  border: 1px solid #000
}

.count__button.remove {
  border: 0
}

.count__button.remove svg {
  width: 12px;
  height: 14px;
  fill: none
}

.count__button.remove:focus-visible {
  background: 0 0
}

.count__button svg {
  width: 10px;
  height: 10px;
  stroke: #000;
  transition: all .4s
}

.count__button:focus-visible {
  background: #000
}

.count__button:focus-visible svg {
  stroke: #fff
}

.count__value {
  font-weight: 600;
  text-align: center
}

.promo {
  display: grid;
  gap: 12px
}

.promo__input,
.promo__title {
  display: flex;
  align-items: center
}

.promo__title {
  gap: 11px;
  font-weight: 600;
  font-size: 13px;
  line-height: 1.53846;
  color: #00c180
}

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

.promo__input {
  gap: 8px
}

.promo__input input {
  padding: 8px 15px;
  height: 40px;
  min-height: auto;
  background: #f7f7f7;
  font-weight: 300;
  font-size: 13px;
  line-height: 1.53846
}

.promo__input input::placeholder {
  color: #a9a9a9
}

.promo__button {
  min-height: 40px;
  padding: 10px 12px
}

.promo__text {
  padding: 8px 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(0, 193, 128, .12);
  border-radius: 8px;
  font-size: 10px;
  line-height: 1.6;
  letter-spacing: .01em
}

.promo__text img {
  width: 13px;
  height: 13px
}

.promo__text a {
  color: #00c180;
  font-weight: 700
}

.button-animate {
  animation: pulse 2s infinite;
  overflow: hidden
}

.button-animate:before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 130%;
  height: 50%;
  background: linear-gradient(120deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, 0) 100%);
  transform: rotate(25deg);
  animation: shimmer 2s infinite;
  pointer-events: none
}

.box {
  padding: 20px;
  border: 1px solid #f2f2f2;
  border-radius: 20px;
  background: #fff
}

.box-wrapper {
  display: grid;
  gap: 20px
}

.box__title {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap
}

.box__title:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  margin-top: 12px;
  flex: 1 1 auto;
  border-radius: 4px;
  background: #e3edf5
}

.box__title-not-border {
  margin-bottom: 20px
}

.box__title-not-border:after {
  display: none
}

.box__date {
  color: #00c180
}

.tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 40px
}

.tabs .active {
  background: #00c180;
  color: #fff;
  border-color: #00c180
}

.navigation {
  width: 100%;
  padding-block: 13px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-content: center;
  gap: 20px;
  background: #fff
}

.navigation-wrapper {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 10;
  box-shadow: 0 4px 8px 0 rgba(68, 83, 113, .05), 0 0 16px 0 rgba(68, 83, 113, .1);
  background: #fff
}

.navigation__item {
  display: grid;
  justify-items: center;
  gap: 9px;
  font-size: 10px;
  font-weight: 600;
  color: #878787;
  transition: all .4s
}

.header__menu li:focus-visible,
.navigation__item:focus-visible {
  color: #00c180
}

.navigation__item svg {
  max-width: 2em;
  max-height: 2em;
  fill: currentColor;
  transition: none
}

.navigation__item-content {
  position: fixed;
  left: 0;
  bottom: 69.3px;
  padding: 20px;
  display: grid;
  gap: 20px;
  width: 100%;
  background: #fff;
  box-shadow: 0 4px 8px 0 rgba(68, 83, 113, .05), 0 0 16px 0 rgba(68, 83, 113, .1);
  color: #878787;
  font-size: 14px;
  text-align: left;
  opacity: 0;
  transition: all .4s;
  pointer-events: none
}

.navigation__item-content.active {
  opacity: 1;
  pointer-events: auto
}

.form__text a,
.navigation__item.active {
  color: #00c180
}

.navigation__item.active svg {
  fill: #00c180
}

.zaglushka-page {
  padding: 0 !important;
  background: url(/local/templates/el.2.0/assets/img/zagslushka.webp) center/cover no-repeat
}

.zaglushka-page .main,
.zaglushka-wrapper {
  display: grid;
  align-items: center;
  align-content: center
}

.zaglushka-page .main {
  color: #fff
}

.zaglushka .container {
  width: 85vw
}

.zaglushka-wrapper {
  justify-items: start;
  justify-content: start;
  height: 100%;
  gap: 30px;
  line-height: 1.3
}

.zaglushka-wrapper h1 {
  line-height: 1;
  font-weight: 900
}

.zaglushka .product__timer {
  position: static;
  color: #000;
  font-size: 20px
}

.zaglushka__text {
  font-weight: 700
}

.tags {
  display: flex;
  flex-wrap: wrap
}

.tag {
  border-radius: 4px;
  background: rgba(0, 193, 128, .2);
  transition: all .4s
}

.tag:focus-visible {
  background: #00c180;
  color: #fff
}

.tag.active {
  background: #00c180;
  font-weight: 700;
  color: #fff
}

.input-wrapper {
  gap: 16px
}

.input-item {
  display: grid;
  gap: 4px;
  font-size: 10px;
  font-weight: 600
}

.input {
  width: 100%
}

.input,
.textarea {
  border-radius: 19px;
  background: #e4f4ef;
  font-size: 15px;
  font-weight: 600;
  color: #878787
}

.input_full,
.textarea,
.textarea_full {
  grid-column: 1/-1
}

.textarea {
  width: 100%
}

.textarea-wrapper {
  position: relative;
  width: 100%;
  height: 124px;
  background: #eee;
  border-radius: 8px
}

.textarea-wrapper:focus-within {
  outline: 1px solid #00c180
}

.textarea-wrapper .textarea {
  height: 70%;
  border: 0
}

.textarea-wrapper .textarea:focus-visible {
  outline: 0
}

.textarea-counter {
  position: absolute;
  right: 16px;
  bottom: 8px;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.42857;
  color: #a9a9a9
}

.textarea textarea {
  height: 88px
}

.input[disabled],
.select[disabled],
.textarea[disabled] {
  opacity: .6
}

.input-file {
  position: relative;
  width: 100%;
  grid-column: 1/-1;
  border: 2px dashed #03c180;
  border-radius: 10px;
  color: #00c180;
  font-weight: 600;
  pointer-events: none
}

.input-file input,
.input-file-text {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer
}

.input-file input {
  opacity: 0;
  pointer-events: auto
}

.input-file-text {
  top: 0;
  left: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  padding-left: 61px;
  background: url(/local/templates/el.2.0/assets/img/icons/file.svg) 37px center/15px no-repeat
}

.input-date {
  position: relative;
  cursor: pointer
}

.input-date:focus-within span {
  opacity: 0
}

.input-date input {
  cursor: pointer;
  color: #878787;
  font-weight: 300
}

.input-date input::-webkit-calendar-picker-indicator {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer
}

.input-date input::-webkit-datetime-edit {
  color: #878787;
  font-weight: 300
}

.input-date input[value=""]::-webkit-datetime-edit {
  opacity: 0
}

.input-date input:focus::-webkit-datetime-edit {
  opacity: 1
}

.input-date input.active::-webkit-datetime-edit,
.input-date.active input::-webkit-datetime-edit {
  opacity: 1
}

.input-date input.active+span,
.input-date.active span {
  opacity: 0
}

.input-date span {
  left: 18px;
  z-index: 1;
  font-size: 14px;
  font-weight: 300;
  color: #878787;
  pointer-events: none
}

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

.input-date span,
.password__icon {
  position: absolute;
  top: 50%;
  translate: 0 -50%
}

.password__icon {
  right: 17px;
  z-index: 3;
  width: 16px;
  height: 16px;
  mask: url(/local/templates/el.2.0/assets/img/icons/password.svg) center/contain no-repeat;
  -webkit-mask: url(/local/templates/el.2.0/assets/img/icons/password.svg) center/contain no-repeat;
  background: #897373;
  transition: all .4s
}

.password__icon:focus-visible {
  background: #00c180
}

.password__icon.active {
  background: #00c180
}

.form__col {
  display: grid;
  gap: 12px
}

.form .checkbox {
  gap: 16px
}

.form .checkbox__input:before {
  width: 16px;
  height: 16px;
  border-color: #333
}

.form__text {
  display: grid;
  grid-template-columns: 1fr 1fr;
  font-weight: 600;
  font-size: 13px;
  color: #878787
}

.form__text_full {
  grid-column: 1/-1
}

.checkbox.form__text {
  display: flex
}

.input-radios {
  display: flex;
  gap: 12px
}

.input-icon {
  padding-left: 36px;
  background-position: left 12px center;
  background-size: 12px;
  background-repeat: no-repeat
}

input[name=address] {
  background-image: url(/local/templates/el.2.0/assets/img/icons/address.svg)
}

.popup,
.popup__dialog {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center
}

.popup {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 11;
  display: none;
  overflow: hidden;
  background: rgba(0, 193, 128, .9)
}

.popup__dialog {
  display: flex;
  flex-direction: column;
  cursor: pointer
}

.popup__content {
  width: 500px;
  max-width: 98%;
  background: #fff;
  transition: all .4s;
  cursor: default;
  max-height: 90vh;
  padding-right: 9px;
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: 20px
}

@supports (-moz-appearance:none) {
  .popup__content {
    scrollbar-color: #00c180 #dedede;
    scrollbar-width: thin
  }
}

.popup__content::-webkit-scrollbar {
  width: 4px
}

.popup__content::-webkit-scrollbar-track-piece {
  background-color: #dedede;
  border-radius: 8px
}

.popup__content::-webkit-scrollbar-thumb {
  background-color: #00c180;
  border-radius: 8px
}

.popup__content-wrapper {
  position: relative;
  display: flex
}

.popup-call .popup__content {
  width: 700px
}

.popup__title {
  line-height: 1.2
}

.popup__subtitle {
  margin-top: -16px;
  color: #897373;
  line-height: 1.4
}

.popup__block {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee
}

.popup__form .checkbox__input:checked+.button {
  background: #00c180;
  color: #fff
}

.popup__form form {
  display: grid;
  justify-content: center;
  grid-template-columns: 100%
}

.popup__form .input-wrapper {
  column-gap: 12px
}

.popup__form .input,
.popup__form .textarea {
  padding: 8px 16px;
  min-height: 40px;
  border-radius: 8px;
  background: #f7f7f7;
  font-size: 14px;
  line-height: 1.42857;
  color: #a9a9a9;
  font-weight: 400
}

.popup__form .input::placeholder,
.popup__form .textarea::placeholder {
  font-weight: 300
}

.popup__form .textarea-wrapper {
  background: #f7f7f7
}

.popup__form .submit {
  min-width: 158px;
  min-height: 40px;
  grid-column: 1/-1;
  justify-self: center;
  padding: 10px 12px;
  width: 100%
}

.popup__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  flex-wrap: wrap
}

.account__form fieldset:not(:last-child),
.popup__row:not(:last-child) {
  margin-bottom: 20px
}

.popup__row span {
  color: #897373
}

.popup .link {
  margin-inline: auto;
  color: #00c180
}

.popup .link:focus-visible {
  color: #009d68
}

.popup__close {
  position: absolute;
  top: 10px;
  cursor: pointer;
  transition: all .4s
}

.popup__close svg {
  width: 14px;
  height: 14px;
  fill: #fff
}

.popup-thank .popup__content {
  display: grid;
  justify-items: center;
  background: #fff;
  color: #000
}

.popup-thank .popup__title {
  margin: 0;
  text-align: center
}

.popup-thank img {
  object-fit: contain
}

.popup-feedback .feedback__item {
  border: 0
}

.popup-feedback .feedback__item-text {
  -webkit-line-clamp: 9999
}

.header__item .count:empty,
.popup-feedback .feedback__item-pos:empty {
  display: none
}

.header {
  font-family: "RFDewi-Regular"
}

.header-fixed {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  animation: fadeInTop .4s ease-in-out;
  background: #fff
}

.header-fixed_fixed {
  min-height: auto !important
}

.header-fixed_fixed .header__top-wrapper {
  height: 0;
  padding: 0;
  opacity: 0;
  font-size: 0
}

.header-fixed_fixed .header__bottom-wrapper {
  padding-block: 8px
}

.header-fixed_fixed .header__row {
  padding-block: 12px
}

.header__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px
}

.header__top-wrapper {
  padding-block: 8px;
  background: #eafaf4;
  overflow: hidden;
  transition: all .4s
}

.header__city,
.header__time,
.header__top-left,
.header__top-right {
  display: flex;
  align-items: center
}

.header__city,
.header__time {
  gap: 12px
}

.header__city svg,
.header__time svg {
  max-width: 13px;
  max-height: 13px;
  fill: #00c180
}

.header__menu {
  display: flex;
  gap: 40px;
  font-size: 14px;
  line-height: 1.53;
  color: #363636
}

.header .menu li {
  list-style: none
}

.header__tel {
  font-size: 15px;
  line-height: 1.428;
  color: #000
}

.header__tel:focus-visible {
  color: #00c180
}

.header__call {
  display: flex;
  align-items: center;
  gap: 24px
}

.social__whatsapp span {
    margin-right: 10px;
    padding-left: 7px;
}
@media (max-width: 991px) {
  .social__whatsapp {
    gap: 0;
}
}
.header__call svg {
  fill: #00c180
}

.header__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.header__bottom-left {
  display: flex;
  align-items: center;
  flex: 1 1 auto
}

.header__bottom-wrapper {
  padding-block: 20px
}

.header__bottom-right {
  display: flex;
  align-items: center
}

.header__bottom .header__row-menu,
.history-product__img picture {
  width: auto
}

.header__item {
  display: grid;
  gap: 7px;
  justify-items: center;
  transition: all .4s;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.53;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  color: #363636
}

.header__item:focus-visible,
.header__row-menu li>a:focus-visible {
  color: #00c180
}

.header__item-fill {
  opacity: 0;
  transition: all .4s
}

.header__item svg {
  max-width: 24px;
  max-height: 20px;
  stroke: none;
  fill: #00c180
}

.header__item span {
  display: flex;
  align-items: center;
  gap: 6px;
  line-height: 1
}

.header__item .count {
  position: absolute;
  right: 0;
  top: 0;
  min-width: 18px;
  translate: 50% 0;
  height: 18px;
  justify-content: center;
  background: #00c180;
  border-radius: 50%;
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.2
}

.header-title {
  display: none
}

.header .header-title {
  display: block;
  font-size: 16px;
  font-weight: 600
}

.header__row {
  padding-block: 20px
}

.header__row-buttons,
.header__row-menu a {
  display: flex;
  align-items: center;
  gap: 12px
}

.header__row,
.header__row-menu {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.header__row-menu {
  width: 100%;
  gap: 10px
}

.header__row-menu a {
  gap: 11px;
  font-size: 16px
}

.header__row-menu svg {
  width: 13px;
  height: 13px;
  fill: #00c180
}

.header__row-menu li>a {
  transition: all .3s !important
}

.header__button {
  min-height: 36px;
  white-space: nowrap
}

.header__social {
  gap: 12px
}

.header__social a {
  flex: none !important
}

.header__social img {
  width: 30px;
  height: 30px
}

.header__account {
  line-height: 1
}

.header__account li.menu-item-has-children.left>.sub-menu-wrapper,
.header__account li.menu-item-has-children.right>.sub-menu-wrapper {
  width: min(200px, 100vw)
}

.header__account>li {
  display: grid;
  gap: 7px;
  justify-items: center
}

.header__account .sub-menu-wrapper {
  top: -6px;
}


.header__account .sub-menu {
  gap: 0;
  padding: 0;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .12);
  background: #fff;
  border-radius: 8px
}

.header__account .sub-menu a {
  padding: 12px
}

.header__account .sub-menu a:focus-visible {
  background: rgba(0, 193, 128, .12)
}

.header__account .sub-menu li:last-child a {
  color: #ff2633
}

.header__account .sub-menu li:last-child a:focus-visible {
  background: rgba(255, 38, 51, .12);
  color: #ff2633
}

.header-main {
  display: grid;
  grid-template: auto auto/66.1016949153% 1fr;
  gap: 20px;
  align-items: start
}

.header-main .block__item {
  background-position: right center;
  background-repeat: no-repeat;
  background-size: cover
}

.header-main .block__item-content {
  max-width: 500px
}

.header-main .block__item-title {
  font-weight: 800;
  line-height: .97
}

.header-main .block__item-text,
.header-main .card .price {
  margin-bottom: 15px
}

.header-main .block__item-button {
  margin-top: 40px
}

.header-main__right {
  display: grid;
  justify-items: start;
  align-content: start;
  grid-row: span 2;
  box-shadow: 0 0 90px 0 rgba(0, 0, 0, .15);
  background: #fff;
  border-radius: 20px
}

.header-main__title {
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 25px
}

.header-main__subtitle {
  padding: 5px 10px;
  border: 1.39px solid #03c180;
  border-radius: 9px;
  font-weight: 700;
  color: #00c180;
  font-size: 12px
}

.header-main__slider {
  min-width: 0;
  width: 100%
}

.header-main-container {
  padding: 15px;
  margin: -15px
}

.header-main__arrow {
  position: absolute;
  top: 40%;
  z-index: 3
}

.header-main__arrow svg {
  width: 13px;
  height: 13px;
  fill: #000
}

.header-main__arrow:focus-visible svg {
  fill: #00c180
}

.header-main__prev {
  translate: -100% -50%
}

.header-main__next {
  translate: 100% -50%
}

.header-main .card__top {
  padding-top: 0
}

.header-main .card__img {
  width: 100%;
  max-height: none
}

.header-main .card__title {
  margin-bottom: 5px
}

.header-main .card .price-new {
  font-weight: 700;
  font-size: 18px
}

.header-bann__content {
  position: relative;
  z-index: 1;
  color: #fff;
  overflow: hidden
}

.header-bann-wrapper {
  display: grid
}

.header-bann__img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1
}

.header-bann__img img {
  width: 100%;
  object-fit: cover
}

.header-bann__top {
  display: flex;
  align-items: center;
  margin-bottom: 37px
}

.header-bann__title {
  font-family: "RFDewiExtended";
  font-weight: 700;
  line-height: 1.04;
  text-transform: uppercase
}

.header-bann__title strong {
  font-family: "RFDewiExtended";
  font-weight: 700;
  color: #fa6b46
}

.header-bann__subtitle {
  max-width: 170px;
  line-height: 1.05
}

.header-bann__button,
.header-bann__text {
  font-family: "RFDewiExtended";
  font-weight: 400
}

.header-bann__text {
  line-height: 1.3;
  color: #fff
}

.header-bann__text strong {
  padding-bottom: 4px;
  background: #fc6c42;
  border-radius: 100px;
  font-weight: 400;
  line-height: 1
}

.header-bann__button {
  justify-self: start;
  background: #3ecd9f;
  border-radius: 15px
}

.header-bann__button svg {
  max-width: 22px;
  max-height: 22px
}

.header-bann__item,
.header-bann__items {
  display: flex;
  align-items: center
}

.header-bann__item {
  gap: 12px;
  flex: 0 0 calc(33% - 12px);
  width: 100%;
  line-height: 1.05;
  color: #fff;
  text-wrap: balance;
  font-family: "RFDewiExtended"
}

.header-bann__item strong {
  font-weight: 700
}

.header-bann__item-icon {
  flex-grow: 0;
  flex-shrink: 0
}

.footer {
  background: #333;
  color: #949494
}

.footer__top {
  display: grid;
  grid-template-columns: minmax(250px, 23.8983050847%) 1fr 23.0508474576%;
  padding-top: 40px
}

.footer__left,
.footer__middle {
  display: grid;
  align-content: start
}

.footer__middle {
  grid-template-columns: 220px 1fr;
  align-items: start
}

.footer__col {
  display: grid;
  gap: 12px
}

.footer__col-list {
  display: grid
}

.footer__bottom a:focus-visible,
.footer__col-list a:focus-visible,
.footer__col-list summary:focus-visible {
  color: #fff
}

.footer__spoller-text ul {
  display: grid;
  gap: 12px;
  margin: 12px 0 0 12px
}

.footer__email,
.footer__tel {
  color: #fff
}

.footer__email:focus-visible,
.footer__tel:focus-visible {
  color: #00c180
}

.footer__email svg,
.footer__tel svg {
  fill: none;
  stroke: #00c180
}

.corporate .block__item-text ul,
.footer__block,
.footer__block-bottom,
.footer__block-top {
  display: grid
}

.footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap
}

.footer__bottom-wrapper {
  padding: 12px 0;
  background: #0e1013
}

.footer__button {
  min-height: 44px;
  color: #fff
}

.block {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 100%;
  overflow: hidden;
  background: url(/local/templates/el.2.0/assets/img/block/bg.webp) center left/cover no-repeat
}

.block-container {
  height: 100%
}

.block .swiper-wrapper {
  display: flex
}

.block .swiper-slide,
.block__item {
  grid-template-columns: 100%
}

.block__item {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-rows: auto 1fr
}

.block__item-img {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  object-fit: cover;
  pointer-events: none
}

.block__item-content {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-rows: auto auto auto 1fr auto;
  grid-template-columns: 100%;
  justify-items: start;
  align-items: start;
  max-width: 430px
}

.block__item-title {
  font-weight: 800;
  line-height: .97
}

.block__item-subtitle {
  margin-bottom: 10px;
  font-weight: 700;
  color: #00c180;
  line-height: 1.2
}

.block__item-timer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 4px;
  font-size: 15px
}

.block__item-timer .timer__items {
  gap: 3px
}

.block__item-timer .timer__item>:first-child {
  min-width: auto
}

.block__item-text {
  line-height: 1.2
}

.block__item-button {
  padding: 12.5px 16px
}

.block__item-button:focus-visible {
  color: #fff
}

.block__item-button svg {
  max-width: 17px;
  max-height: 17px;
  fill: currentColor;
  transition: none
}

.block__pagination {
  position: absolute;
  right: 40px;
  bottom: 40px;
  z-index: 2;
  width: auto
}

.block-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  column-gap: 20px
}

.block-wrapper-3 {
  grid-template-columns: repeat(3, 1fr)
}

.block-wrapper .block__item {
  position: relative;
  padding: 0;
  display: block;
  border-color: #f2f2f2
}

.block-wrapper .block__item-wrapper {
  border: 1px solid #f2f2f2;
  border-radius: 20px;
  overflow: hidden
}

.block-wrapper .block__item_no-image:after {
  background-color: #00c180
}

.block-wrapper .block__item-top {
  position: relative
}

.block-wrapper .block__item-content {
  max-width: 100%;
  grid-template-rows: auto 1fr auto
}

.block-wrapper .block__item-img {
  width: 100%;
  height: 100%;
  filter: saturate(0) brightness(90%) opacity(15%)
}

.block-wrapper .block__item-timer {
  justify-self: start;
  margin-bottom: 0;
  padding: 5px 12px;
  background: #b3ecd9;
  border-radius: 4px;
  font-weight: 700;
  font-size: 15px;
  color: #2e483f
}

.block-wrapper .block__item-title {
  font-weight: 800;
  line-height: .97
}

.block-wrapper .block__item-subtitle {
  margin-bottom: 15px;
  font-weight: 700;
  color: #00c180
}

.block-wrapper .block__item-text {
  font-weight: 400;
  font-size: 15px;
  line-height: 1.2
}

.category__text ul li,
.timer__item,
.timer__items {
  display: flex;
  align-items: center;
  gap: 12px
}

.timer__item {
  gap: 2px
}

.timer__item>:first-child {
  min-width: 29px;
  text-align: center
}

.hero {
  font-family: "RFDewi-Regular"
}

.hero-wrapper {
  display: grid;
  grid-template-columns: 1fr 31.8644067797%
}

.hero__left {
  background: #141212;
  color: #fff
}

.hero__title {
  line-height: 1.125;
  letter-spacing: -.01em;
  color: #fff;
  font-weight: 600;
  font-family: "RFDewiExtended"
}

.hero__title strong {
  font-weight: 900
}

.hero__subtitle {
  line-height: 1.33875
}

.hero__row {
  display: flex;
  align-items: center
}

.hero__row-text {
  font-size: 14px;
  line-height: 1.35714
}

.hero__button {
  font-family: "RFDewiExtended"
}

.hero__img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  object-fit: cover
}

.hero__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px
}

.hero__item,
.hero__item-icon {
  display: flex;
  align-items: center
}

.hero__item {
  gap: 12px;
  line-height: 1.2
}

.hero__item-icon {
  justify-content: center;
  flex-shrink: 0;
  border-radius: 50%;
  background: #000
}

.hero__item-icon img {
  max-width: 80%;
  max-height: 80%
}

.about__top {
  display: grid;
  grid-template-columns: repeat(2, 1fr)
}

.about__text {
  padding: 20px;
  border: 1px solid #f2f2f2;
  border-radius: 20px;
  color: #252222;
  line-height: 1.3
}

.about__blocks,
.about__text {
  display: grid;
  gap: 20px
}

.about__block {
  display: grid;
  gap: 12px
}

.about__block-title {
  display: flex;
  align-items: center;
  gap: 15px;
  font-weight: 700;
  color: #00c180
}

.about__block-title svg {
  fill: none;
  stroke: #00c180
}

.about__block-text {
  line-height: 1.33333
}

.about-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(40%, 300px), 1fr));
  gap: 20px
}

.about__item {
  position: relative;
  display: grid;
  align-content: start;
  border-radius: 20px;
  overflow: hidden
}

.about__item-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none
}

.about__item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px
}

.about__item-text {
  position: relative;
  z-index: 1;
  max-width: 330px;
  font-weight: 300;
  font-size: 15px;
  line-height: 1.3;
  text-wrap: balance;
  -webkit-hyphens: auto;
  hyphens: auto
}

.account-wrapper {
  display: grid;
  grid-template-columns: minmax(200px, 18.1355932203%) 1fr;
  align-items: start
}

.account__header-button {
  padding: 13.5px 20px;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  text-align: left;
  transition: all .4s;
  background: #fff
}

.account__header-button svg {
  max-width: 17px;
  max-height: 17px;
  fill: currentColor;
  transition: none
}

.account__header-button:not(.active):focus-visible {
  background: #eee
}

.account__header-button.active {
  background: rgba(0, 193, 128, .2);
  color: #00c180
}

.account__item-title {
  width: 100%;
  margin-bottom: 20px;
  font-weight: 700;
  line-height: .96
}

.account__item-title:after {
  margin-top: 20px
}

.account__item-flex {
  display: grid;
  grid-template-columns: 1fr 34.7639484979%;
  align-items: start
}

.account__form legend {
  cursor: default
}

.account__form .input-wrapper {
  grid-template-columns: 1fr 1fr;
  gap: 12px
}

.account__form .input-wrapper .button-edit {
  border-radius: 4px;
  grid-column: 1/-1;
  margin-top: 8px;
  min-height: 36px;
  font-weight: 400;
  font-size: 14px
}

.account__form-text {
  margin-bottom: 20px
}

.account__form-text.active span:nth-child(1) {
  display: none
}

.account__form-text:not(.active) span:nth-child(2) {
  display: none
}

.account__form .input {
  padding: 8px 16px;
  min-height: 40px;
  border-radius: 8px;
  background: #f7f7f7;
  font-size: 14px;
  line-height: 1.42857;
  color: #a9a9a9;
  font-weight: 400
}

.account__form .input::placeholder {
  font-weight: 300
}

.account__form-button,
.catering__slider picture {
  width: 100%
}

.account__addresses {
  grid-column: 1/-1;
  display: grid;
  gap: 12px
}

.account__addresses-empty {
  padding: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 800;
  color: #878787
}

.account__address {
  grid-template-columns: auto auto;
  align-items: center;
  justify-content: space-between;
  padding: 8px 16px;
  border: 1px solid #00c180;
  border-radius: 8px
}

.account__address,
.account__address-left {
  display: grid;
  gap: 10px
}

.account__address-right {
  display: flex;
  align-items: center;
  gap: 18px
}

.account__address-right .remove-icon {
  fill: #a9a9a9
}

.account__address-title {
  color: #00c180
}

.history__title {
  font-weight: 700;
  line-height: .96
}

.history__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 20px;
  flex-wrap: wrap;
  font-size: 16px;
  font-weight: 800
}

.history__top:after {
  content: "";
  display: block;
  margin-top: 12px;
  flex: 1 1 auto;
  width: 100%;
  height: 2px;
  border-radius: 4px;
  background: #e3edf5
}

.history__total {
  line-height: 1.6;
  text-align: right;
  color: #a9a9a9
}

.history__header {
  display: grid;
  grid-template-columns: 22.5% 21% 28.5% 18% auto;
  gap: 10px;
  margin-bottom: 10px;
  font-weight: 700;
  line-height: 1.6
}

.history__items {
  display: grid;
  gap: 4px
}

.history__item {
  transition: all .4s
}

.history__item summary:after {
  content: "";
  width: 15px;
  height: 15px;
  background: color;
  mask: url(/local/templates/el.2.0/assets/img/icons/arrow-3.svg) center/contain no-repeat;
  -webkit-mask: url(/local/templates/el.2.0/assets/img/icons/arrow-3.svg) center/contain no-repeat;
  rotate: 0deg
}

.history__item-top {
  position: relative;
  display: grid;
  grid-template-columns: 21.8% 19.3% 28.5% 24.5%;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.6;
  color: #a9a9a9
}

.history__item-top:after {
  position: absolute;
  right: 7px;
  top: 50%;
  translate: 0 -50%
}

.history__item-top .price {
  gap: 12px
}

.history__item-top .price-old {
  font-weight: 600
}

.checkout__top strong,
.history__item-top .price-new {
  font-weight: 700
}

.history__item-top .price-old {
  font-size: 10px;
  color: #afadad;
  opacity: 1
}

.history__item .button {
  margin-top: 8px
}

.history__item-content {
  padding-bottom: 20px
}

.history-products {
  display: grid;
  gap: 12px;
  padding-top: 12px
}

.history-product {
  display: grid;
  grid-template-columns: auto 1fr 24.5%;
  justify-items: start;
  align-items: center;
  gap: 20px;
  border: 1px solid #e3edf5;
  border-radius: 15px;
  box-shadow: 0 0 54px 0 rgba(0, 0, 0, .1);
  background: #fff
}

.history-product__img {
  display: flex;
  justify-content: flex-start
}

.history-product__info {
  display: grid;
  grid-template-rows: auto 1fr auto;
  max-width: 390px
}

.history-product__labels {
  justify-content: flex-start;
  margin-bottom: 10px
}

.history-product__title {
  line-height: 1.27778;
  font-weight: 700;
  transition: all .4s
}

.history-product__title:focus-visible {
  color: #00c180
}

.history-product .price {
  gap: 8px
}

.history-product__right {
  display: grid;
  gap: 3px;
  font-weight: 700;
  font-size: 12px;
  white-space: nowrap;
  line-height: 1.91667
}

.history-empty__text {
  display: grid;
  grid-template-columns: 100%;
  gap: 20px;
  justify-items: center;
  align-items: center;
  padding: 20px 0;
  text-align: center;
  color: #8699aa
}

.history-empty__text a {
  font-weight: 700;
  justify-self: center
}

.catering__text {
  font-weight: 300;
  line-height: 1.3
}

.catering-wrapper {
  display: grid;
  gap: var(--gap);
  --gap: min(16px + 4px, 16px + 4 * ((100vw - 320px) / 1600));
  --min-columns-width: 250px;
  --max-columns: 4;
  grid-template-columns: repeat(auto-fill, minmax(clamp(var(--min-columns-width), 30vw, 100%/var(--max-columns) - var(--gap)/var(--max-columns)*(var(--max-columns) - 1)), 1fr))
}

.catering__item {
  position: relative;
  display: grid;
  align-items: center;
  align-content: center;
  justify-items: start
}

.catering__item-img,
.catering__item-img:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}

.catering__item-img {
  z-index: -1;
  border-radius: 12px;
  overflow: hidden
}

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

.catering__item-img:before {
  content: "";
  z-index: 0;
  background: url(/local/templates/el.2.0/assets/img/catering/services/after.webp) center/cover no-repeat
}

.catering__item-title {
  max-width: 190px;
  font-weight: 700
}

.catering__item-button {
  padding: 5px 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1.19px solid #03c180;
  border-radius: 8px;
  font-weight: 700;
  font-size: 11px;
  color: #00c180;
  transition: all .4s
}

.catering__item-button svg {
  width: 20px;
  height: 15px;
  fill: #00c180
}

.catering__item-button:after {
  content: "";
  position: absolute;
  inset: 0
}

.catering__item-button:focus-visible {
  background: #00c180;
  color: #fff
}

.catering__arrow:focus-visible svg,
.catering__item-button:focus-visible svg {
  fill: #fff
}

.catering-menu-wrapper {
  display: grid;
  column-gap: 20px;
  grid-template-columns: repeat(2, 1fr)
}

.catering-menu__item {
  position: relative;
  background: #fff;
  overflow: hidden;
  transition: all .4s;
  border-radius: 20px;
  border: 1px solid #f2f2f2
}

.catering-menu__item:focus-visible {
  box-shadow: 0 0 90px 0 rgba(33, 28, 28, .15)
}

.catering-menu__item-img {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  filter: brightness(1.6) saturate(0) contrast(1.3)
}

.catering-menu__item-title {
  position: relative;
  z-index: 1;
  display: block;
  padding-block: 30px;
  font-weight: 800;
  line-height: .97
}

.catering-menu__item-title:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: rgba(255, 255, 255, .8)
}

.catering-menu__item-title:focus-visible {
  color: #00c180;
  text-decoration-color: transparent
}

.catering-menu__item-title span {
  position: relative;
  z-index: 1
}

.catering-menu__item-content {
  display: grid;
  justify-items: start;
  align-items: start
}

.catering-menu__item-radios {
  display: grid;
  gap: 15px;
  width: 100%
}

.catering-menu__item-radio {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap
}

.catering-menu__item-radio:has(:checked) {
  color: #00c180
}

.catering-menu__item-radio svg {
  max-width: 10px;
  max-height: 10px
}

.catering-menu__item-radio .checkbox {
  gap: 18px
}

.catering-menu__item-radio .checkbox:has(input:checked)+.catering-menu__item-price {
  color: #00c180;
  font-weight: 700
}

.catering-menu__item-radio .checkbox__text {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 20px;
  font-weight: 300;
  color: #6a6a6a;
  transition: all .4s
}

.catering-menu__item-radio .checkbox__input {
  position: relative;
  padding: 3px;
  border: 2px solid #cdcdcd;
  border-radius: 50%
}

.catering-menu__item-radio .checkbox__input:before {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: 0 0;
  border: 0
}

.catering-menu__item-radio .checkbox__input[type=radio] {
  position: static;
  width: auto;
  height: auto
}

.catering-menu__item-radio .checkbox__input:checked {
  border-color: #00c180
}

.catering-menu__item-radio .checkbox__input:checked:before {
  background-color: #00c180
}

.catering-menu__item-radio .checkbox__input:checked+.checkbox__text {
  font-weight: 700;
  color: #00c180
}

.catering-menu__item-radio .checkbox__input:checked+.checkbox__text svg {
  fill: #00c180
}

.catering-menu__item-radio .checkbox__input:checked+.checkbox__text svg.vip-icon {
  fill: none;
  stroke: #00c180
}

.catering-menu__item-price {
  font-weight: 300;
  font-size: 16px;
  line-height: 1.33333;
  color: #6a6a6a;
  transition: all .4s
}

.catering-category__tab {
  display: grid;
  grid-template-columns: 39.406779661% 1fr;
  align-items: start
}

.catering-category__item {
  width: 100%;
  transition: none
}

.catering__slider {
  position: relative
}

.catering__slider .swiper-pagination-bullet {
  background: #bbcbc0
}

.catering__slider .swiper-pagination-bullet-active {
  background: #00c180
}

.catering__slider img {
  width: 100%;
  object-fit: cover
}

.catering__navigation {
  display: flex;
  align-items: center;
  gap: 25px;
  justify-content: center
}

.catering__pagination {
  width: auto
}

.catering__arrow {
  position: absolute;
  z-index: 3;
  top: 50%;
  width: 31px;
  height: 31px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .4s;
  background: #fff;
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, .35);
  border-radius: 50%
}

.catering__arrow:focus-visible {
  background: #00c180
}

.catering__arrow svg {
  width: 10px;
  height: 10px;
  fill: #000
}

.catering__prev {
  left: 0;
  translate: -50% -50%
}

.catering__next {
  right: 0;
  translate: 50% -50%
}

.callback-wrapper {
  display: grid;
  grid-template-columns: 56.9491525424% 1fr;
  min-height: 304px;
  border: 1px solid #00c180;
  overflow: hidden
}

.callback__title {
  margin-bottom: 20px;
  font-weight: 700;
  color: #252222
}

.callback__img {
  position: relative
}

.callback__img img {
  position: absolute;
  left: 0;
  top: 50%;
  translate: 0 -50%;
  width: 100%;
  height: 216%;
  object-fit: cover;
  object-position: 79% 0;
  pointer-events: none
}

.callback__form .input-wrapper {
  grid-template-columns: 1fr 1fr
}

.callback__form .form__text {
  display: grid;
  grid-template-columns: auto 1fr;
  width: 100%;
  row-gap: 12px;
  grid-column: 1/-1
}

.callback__form .submit {
  white-space: nowrap
}

.callback__form .input,
.callback__form .textarea {
  border-radius: 10px
}

.callback__form-item {
  position: relative;
  display: grid;
  gap: 3px;
  justify-items: start;
  justify-content: center
}

.callback__form-item input {
  padding-left: 15px;
  font-weight: 700;
  font-size: 15px;
  color: #2e483f
}

.callback__form-item input::-webkit-datetime-edit {
  color: #2e483f
}

.callback__form-item-top {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  color: #82a599
}

.callback__form-item-top svg {
  width: 10px;
  height: 10px;
  fill: #82a599
}

.callback__form-item-top svg.people-2-icon {
  fill: none;
  stroke: #82a599
}

.callback__form-top,
.certificate-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr)
}

.callback__form-top {
  grid-column: 1/-1;
  background: #b3ecd9;
  border-radius: 10px
}

.callback__form-top .select {
  position: static;
  padding-left: 15px
}

.callback__form-top .select__body {
  position: static
}

.callback__form-top .select__value {
  padding: 0;
  min-height: auto;
  gap: 10px;
  font-weight: 700;
  font-size: 15px;
  color: #2e483f;
  background: 0 0
}

.callback__form-top .select__value:after {
  position: static;
  translate: 0 0;
  width: 8px;
  height: 8px;
  background: #000
}

.certificate-wrapper {
  gap: 18px
}

.certificate__item img {
  border-radius: 8px
}

.checkout-header__title {
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 900;
  font-size: 24px;
  line-height: 1.16;
  text-transform: uppercase;
  color: #252222
}

.checkout-header__title span:nth-child(2) {
  text-transform: none;
  font-size: 10px;
  font-weight: 700;
  color: #878787
}

.checkout-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 76px;
  padding-block: 14px
}

.checkout-top__link {
  order: -2;
  display: flex;
  align-items: center;
  gap: 13px;
  font-size: 14px
}

.checkout-top__link svg {
  width: 18px;
  height: 12px;
  fill: currentColor;
  transition: none
}

.checkout__steps {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, auto);
  align-items: center;
  justify-items: start;
  column-gap: 50px;
  counter-reset: number
}

.checkout__step {
  display: grid;
  grid-template: repeat(2, auto)/repeat(2, auto);
  column-gap: 12px;
  padding-bottom: 8px;
  counter-increment: number;
  font-weight: 700;
  color: #878787;
  font-size: 16px
}

.checkout__step:after {
  content: "Шаг " counter(number);
  order: -1;
  font-weight: 400;
  font-size: 10px;
  line-height: 1.6;
  letter-spacing: .01em
}

.checkout__step:before {
  order: -2;
  content: counter(number);
  grid-row: span 2;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #00c180;
  color: #00c180;
  box-sizing: border-box
}

.checkout-result__policy a,
.checkout__step.active {
  color: #000
}

.checkout__step.active:before {
  background: #00c180;
  color: #fff
}

.checkout__top {
  display: grid;
  align-items: center;
  grid-template-columns: auto 1fr auto;
  padding: 12px 12px 12px 20px;
  gap: 20px;
  order: -1;
  background: #b3ecd9;
  border-radius: 15px;
  line-height: 1.33333;
  color: #2e483f
}

.checkout__top span {
  font-size: 18px
}

.checkout__top svg {
  width: 18px;
  height: 18px;
  fill: none;
  color: #00c180;
  stroke: #00c180
}

.checkout__top .button {
  padding-inline: 24px
}

.checkout-wrapper {
  grid-template-columns: 66.1016949153% 1fr;
  align-items: start
}

.checkout-wrapper,
.checkout__left {
  display: grid;
  gap: 20px
}

.checkout__left-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 12px;
  border-bottom: 1px solid #f2f2f2
}

.checkout__left .checkout__form {
  margin-top: 8px
}

.checkout__left-title {
  font-weight: 700
}

.checkout__info {
  display: grid;
  gap: 10px;
  background: rgba(0, 193, 128, .12)
}

.checkout__info-title {
  display: flex;
  align-items: center;
  gap: 14px;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.33333;
  color: #2e483f
}

.checkout__info-title svg {
  width: 20px;
  height: 20px
}

.checkout__info-text {
  font-size: 13px;
  line-height: 1.42857;
  color: #2e483f
}

.checkout__items {
  display: grid;
  gap: 10px
}

.checkout__item {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 20px;
  box-shadow: 0 0 54px 0 rgba(0, 0, 0, .1);
  background: #fff;
  border-radius: 15px
}

.checkout__item-left {
  display: grid;
  grid-template-columns: 160px 1fr;
  gap: 20px;
  align-items: center
}

.checkout__item-img {
  display: flex;
  align-items: center;
  justify-content: center
}

.checkout__item-img img {
  width: 100%
}

.checkout__item-content {
  display: grid;
  grid-template-columns: 100%;
  align-content: start
}

.checkout__item-labels {
  position: static;
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  justify-content: flex-start;
  margin-bottom: 10px
}

.checkout__item-title {
  max-width: max(60%, 430px);
  margin-bottom: 4px;
  font-weight: 700;
  line-height: 1.27778
}

.checkout__item-title:focus-visible {
  color: #00c180
}

.checkout__item-weight {
  margin-bottom: 12px;
  color: #878787;
  font-size: 14px
}

.checkout__item-price {
  gap: 5px;
  font-size: 12px
}

.checkout__item-price>*,
.corporate-features__item strong {
  font-weight: 700
}

.checkout__item-price .price-new {
  font-size: 12px
}

.checkout__item-price .price-old {
  font-size: 8px;
  font-weight: 400;
  color: #878787
}

.checkout__item-row {
  display: grid;
  grid-template-columns: 28% 1fr;
  gap: 5px
}

.checkout__item-right {
  display: grid;
  justify-items: end;
  align-self: end;
  align-content: space-between;
  row-gap: 42px;
  column-gap: 10px
}

.checkout__item-close svg {
  width: 13px;
  height: 13px;
  fill: #00c180
}

.checkout__item-wishlist {
  position: absolute;
  top: 20px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #878787
}

.checkout__item-wishlist:focus-visible {
  color: #536372
}

.checkout__item-wishlist:focus-visible svg {
  fill: #536372
}

.checkout__item-wishlist img {
  width: 25px;
  height: 19px
}

.checkout__remove {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  gap: 8px;
  align-items: center;
  font-size: 14px;
  transition: all .4s
}

.checkout__remove:focus-visible {
  color: #00c180
}

.checkout__remove svg {
  width: 14px;
  height: 14px;
  fill: #000;
  transition: none
}

.checkout__count {
  margin-left: 35px
}

.checkout__right {
  position: sticky;
  right: 0;
  top: 100px;
  display: grid;
  gap: 20px;
  align-content: start
}

.checkout__right a:focus-visible {
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none
}

.checkout-result {
  display: grid;
  gap: 20px
}

.checkout-result .checkout__title {
  margin-bottom: 0
}

.checkout-result__title {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%
}

.checkout-result__price {
  display: grid;
  justify-items: end;
  gap: 4px
}

.checkout-result__price .price-new {
  font-size: 20px;
  font-weight: 700
}

.checkout-result__price .price-old,
.checkout__form select[disabled]+.select__body .select__value {
  color: #878787
}

.checkout-result__rows {
  display: grid;
  gap: 5px
}

.checkout-result__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  font-size: 13px
}

.checkout-result__button {
  width: 100%
}

.checkout-result__policy {
  letter-spacing: .01em;
  font-size: 10px;
  color: #878787;
  line-height: 1.6
}

.checkout-result__return {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 10px;
  line-height: 1.6
}

.checkout-result__return svg {
  max-width: 16px;
  max-height: 16px;
  stroke: #000;
  fill: none
}

.checkout-result__buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center
}

.checkout-result__buttons>* {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 18px;
  border-radius: 8px;
  font-weight: 700;
  font-size: 10px;
  line-height: 2;
  text-align: center
}

.checkout-result__buttons>:last-child {
  background: #b3ecd9;
  color: #00c180
}

.checkout-result__buttons>:focus-visible {
  text-decoration: none !important;
  background: #00c180;
  color: #fff
}

.checkout-result__buttons>:focus-visible svg {
  fill: #fff
}

.checkout-result__buttons>:focus-visible svg.save-icon {
  fill: none;
  stroke: #fff
}

.checkout-result__buttons>* svg {
  max-width: 9px;
  max-height: 9px;
  fill: currentColor
}

.checkout-result__buttons>* svg.save-icon {
  fill: none;
  stroke: #00c180
}

.checkout__title {
  font-size: 20px;
  font-weight: 700
}

.checkout__title:after {
  margin-top: 20px
}

.checkout__header {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap
}

.checkout__tab {
  display: grid;
  gap: 20px
}

.checkout__address {
  display: flex;
  align-items: center;
  gap: 11px;
  font-weight: 600;
  color: #536372
}

.checkout__address img {
  width: 1em;
  height: 1em
}

.checkout__form {
  display: grid;
  gap: 20px
}

.checkout__form-title {
  font-size: 16px;
  font-weight: 800;
  line-height: 1.5
}

.checkout__form .textarea-wrapper {
  grid-column: 1/-1;
  height: 80px
}

.checkout__form textarea {
  padding: 8px 16px
}

.checkout__form .input {
  min-height: 48px;
  padding: 8px 16px;
  border-radius: 8px;
  background: #f7f7f7;
  font-weight: 300;
  font-size: 13px;
  line-height: 1.53846;
  color: #a9a9a9
}

.checkout__form .input[name=address] {
  padding-left: 36px;
  background: #f7f7f7 url(/local/templates/el.2.0/assets/img/icons/address.svg) left 12px center/15px no-repeat
}

.checkout__form .textarea,
.checkout__form .textarea-wrapper {
  background: #f7f7f7
}

.checkout__form .textarea::placeholder {
  font-weight: 300;
  font-size: 13px;
  line-height: 1.53846;
  color: #a9a9a9
}

.checkout__form .input-date span {
  left: 36px
}

.checkout__form .input-date input {
  background-image: url(/local/templates/el.2.0/assets/img/icons/calendar.svg)
}

.checkout__form .select__value,
.corporate-features__title span,
.kit__title strong {
  color: #00c180
}

.checkout__form .input-wrapper {
  gap: 10px
}

.checkout .checkbox-address .checkbox__input {
  align-items: center
}

.checkout .checkbox-address .checkbox__input:before {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid #8699aa
}

.checkout .checkbox-address .checkbox__input:checked:before {
  background: url(/local/templates/el.2.0/assets/img/icons/circle.svg) center no-repeat;
  background-size: 50%
}

.checkout .checkbox-address .checkbox__text {
  display: grid;
  gap: 4px;
  padding-left: 30px
}

.checkout .checkbox-address__title {
  color: #00c180;
  font-weight: 600
}

.checkout .checkbox-address__text {
  font-weight: 600;
  line-height: 1.33333;
  color: #536372
}

.checkout__price {
  font-size: 13px;
  line-height: 1.53846;
  color: #333
}

.checkout-2 .box__title {
  margin-bottom: 0
}

.checkout-radios {
  display: flex;
  gap: 12px;
  flex-wrap: wrap
}

.checkout-radios .checkbox__input:checked+.checkbox__text {
  background: #00c180;
  color: #fff
}

.checkout-radios .checkbox__text {
  border-radius: 5px
}

.checkout-errors {
  position: sticky;
  left: 0;
  top: 76px;
  z-index: 4;
  padding: 8px;
  background: #fff;
  color: #f03
}

.checkout-errors ul>li:before {
  background: 0 0;
  mask: url(/local/templates/el.2.0/assets/img/icons/circle.svg) center/contain no-repeat;
  -webkit-mask: url(/local/templates/el.2.0/assets/img/icons/circle.svg) center/contain no-repeat;
  background: #f03
}

.corporate .block__item-content {
  grid-template-rows: auto 1fr
}

.corporate .block__item-img {
  max-width: 1090px
}

.corporate-menu .block__item-text {
  margin-top: 0
}

.corporate-menu .block__item:after {
  opacity: .8
}

.corporate-menu .block__item-subtitle {
  margin-bottom: 0
}

.corporate-features {
  background: #e6f9f2
}

.corporate-features__title {
  text-align: center
}

.corporate-features-wrapper {
  display: grid;
  gap: var(--gap);
  --gap: min(16px + 4px, 16px + 4 * ((100vw - 320px) / 1600));
  --min-columns-width: 270px;
  --max-columns: 4;
  grid-template-columns: repeat(auto-fill, minmax(clamp(var(--min-columns-width), 30vw, 100%/var(--max-columns) - var(--gap)/var(--max-columns)*(var(--max-columns) - 1)), 1fr))
}

.corporate-features__item {
  display: grid;
  justify-items: center;
  align-content: start;
  background: #fff;
  border-radius: 20px;
  text-align: center;
  font-weight: 300;
  line-height: 1.2222222222
}

.corporate-features__item img {
  justify-self: center;
  align-self: center
}

.categories-wrapper {
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  --gap: 40px;
  gap: var(--gap)
}

.categories__item {
  display: grid;
  grid-template-rows: auto 1fr;
  justify-items: center;
  width: calc(33.3333333333% - var(--gap)/3*2);
  text-align: center;
  color: #252222
}

.categories__item:focus-visible .categories__item-img img {
  scale: 1.06
}

.categories__item-title {
  font-family: "RFDewiExpanded-Black"
}

.categories__item-img {
  padding: 10px;
  background: url(/local/templates/el.2.0/assets/img/icons/circles.webp) top center/contain no-repeat;
  box-sizing: content-box
}

.categories__item-img img {
  width: 100%;
  height: 100%;
  transition: all .5s
}

.category {
  position: relative;
  z-index: 1;
  background: #fff
}

.category-block {
  background: #e6f9f2
}

.category-block__button {
  margin-top: 20px
}

.category-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px
}

.category__img,
.category__img:after {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%
}

.category__img:after {
  content: "";
  z-index: 0;
  background: url(/local/templates/el.2.0/assets/img/card/after.webp) center/cover no-repeat
}

.category__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center
}

.category__content {
  display: grid;
  align-content: start;
  width: 100%;
  height: 100%
}

.category__title {
  position: relative;
  font-weight: 700;
  display: flex;
  align-items: center
}

.category__title img {
  position: absolute;
  top: 50%;
  translate: -100% -50%
}

.category__text {
  font-size: 15px
}

.category__text ul li:before {
  content: "";
  width: 5px;
  height: 5px;
  flex: 0 0 5px;
  border-radius: 50%;
  background: #00c180
}

.categories-page__header {
  gap: 10px;
  flex-wrap: wrap;
  margin-top: -24px;
  max-width: calc(100% - 100px - 12px);
  margin-bottom: 28px
}

.categories-page__header .button {
  min-height: 30px;
  padding: 7px 10px;
  border: 1px solid #f2f2f2;
  border-radius: 5px;
  font-size: 13px;
  color: #878787;
  font-weight: 400
}

.categories-page__header .button.active {
  color: #fff;
  font-weight: 700
}

.categories-page__top {
  display: contents;
  margin-bottom: 40px
}

.categories-page__select {
  width: 100%;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .08)
}

.categories-page__select .select__value {
  width: 100%;
  background: #00c180;
  color: #fff
}

.categories-page__select .select__value:after {
  background: #fff
}

.categories-page__select .select_open .select__value {
  background: #fff;
  color: #00c180
}

.categories-page__select .select_open .select__value:after {
  background: #00c180
}

.categories-page__tags {
  position: relative;
  z-index: 2
}

.filter {
  position: sticky;
  right: 0;
  top: 142px;
  z-index: 3;
  display: flex;
  justify-content: flex-end
}

.filter__button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-weight: 700;
  font-size: 15px;
  transition: all .4s
}

.filter__button:focus-visible {
  color: #00c180
}

.filter__button svg {
  width: 15px;
  height: 15px;
  fill: currentColor;
  transition: none;
  pointer-events: none
}

.filter__button span {
  pointer-events: none
}

.filter__content,
.filter__count {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  transition: all .4s
}

.filter__count {
  left: 3px;
  bottom: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 16px;
  height: 16px;
  translate: -50% 50%;
  border-radius: 50%;
  background: #eb5757;
  color: #fff;
  font-size: 8px;
  font-weight: 700
}

.filter__content.active,
.filter__count.active {
  opacity: 1;
  pointer-events: auto
}

.filter__content {
  right: calc((100vw - 1166px)/2*-1);
  top: 0;
  z-index: 3;
  min-width: 265px;
  display: grid;
  align-content: start;
  align-items: start;
  gap: 20px;
  border-radius: 10px 0 0 10px;
  background: #b3ecd9;
  color: #2e483f;
  translate: 100% 0
}

.filter__content.active {
  translate: 0 0
}

.filter__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px
}

.card__img picture,
.filter__close {
  display: flex;
  align-items: center;
  justify-content: center
}

.filter__close svg {
  width: 9px;
  height: 9px;
  fill: #000
}

.filter__item-title {
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 12px;
  color: #2e483f
}

.filter__item-checkboxes {
  display: grid;
  gap: 5px
}

.filter__item .checkbox__text {
  opacity: .8;
  transition: all .4s
}

.filter__item .checkbox__input:before {
  background: 0 0;
  border-color: #82a599;
  border-radius: 3px;
  opacity: .6;
  transition: opacity .3s, border-color .3s
}

.filter__item .checkbox__input:checked:before {
  opacity: 1;
  border-color: #00c180;
  background: #00c180 url(/local/templates/el.2.0/assets/img/icons/check-white.svg) center no-repeat
}

.filter__item .checkbox__input:checked+.checkbox__text {
  opacity: 1
}

.filter__buttons {
  display: flex;
  align-items: center;
  gap: 20px
}

.filter__reset {
  opacity: .6;
  transition: all .4s
}

.filter__reset:focus-visible {
  opacity: 1
}

.filter__submit {
  transition: all .4s
}

.card {
  display: grid;
  grid-template-rows: auto 1fr;
  flex-shrink: 0;
  border: 1px solid #f2f2f2;
  border-radius: 15px;
  color: #252222
}

.card-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 17px
}

.card-wrapper-3 {
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr))
}

.card-wrapper:has(>:nth-child(5)) {
  padding-bottom: 40px
}

.card-wrapper[data-scrolling] {
  display: flex;
  max-width: 100%;
  padding-bottom: 8px;
  overflow-x: auto;
  overflow-y: hidden;
  cursor: grabbing
}

@supports (-moz-appearance:none) {
  .card-wrapper[data-scrolling] {
    scrollbar-color: #00c180 #dedede;
    scrollbar-width: thin
  }
}

.card-wrapper[data-scrolling]::-webkit-scrollbar {
  height: 8px
}

.card-wrapper[data-scrolling]::-webkit-scrollbar-track-piece {
  background: #dedede;
  border-radius: 8px
}

.card-wrapper[data-scrolling]::-webkit-scrollbar-thumb {
  background: #00c180;
  border-radius: 8px
}

.card__top {
  position: relative;
  display: grid;
  justify-items: center;
  align-items: center
}

.card__img {
  width: 100%
}

.card__img:focus-visible img {
  scale: 1.02
}

.card__img img {
  width: 100%;
  height: 100%;
  max-height: 194px;
  transition: all .4s
}

.card__row {
  margin-bottom: 10px;
  justify-content: space-between;
  gap: 10px
}

.card__row,
.card__row-left,
.card__scales {
  display: flex;
  align-items: center
}

.card__row-left {
  gap: 10px;
  flex-wrap: wrap
}

.card__scales {
  gap: 5px;
  color: #878787;
  font-size: 12px;
  font-weight: 600
}

.card__scales svg {
  width: 7px;
  height: 7px;
  fill: currentColor;
  transition: none
}

.card__wishlist svg {
  width: 14px;
  height: 14px;
  fill: #fff;
  stroke: #000;
  transition: all .4s
}

.card__wishlist:focus-visible svg {
  fill: #00c180
}

.card__wishlist.active svg {
  fill: #00c180;
  stroke: #00c180
}

.card__labels {
  position: absolute;
  right: 10px;
  top: 10px
}

.card__content {
  display: grid;
  grid-template-rows: repeat(2, auto) 1fr repeat(2, auto)
}

.card__title:focus-visible {
  color: #00c180
}

.card__price .price-new {
  font-weight: 700
}

.card__button {
  width: 100%
}

.card__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  margin-bottom: 10px
}

.card__bottom-left {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 12px;
  color: #878787
}

.card__bottom-left span {
  margin-right: 20px
}

.card__bottom-left svg {
  max-width: 13px;
  max-height: 13px;
  fill: none;
  stroke: #878787
}

.card__bottom-left svg.weight-2-icon {
  max-width: 7px;
  max-height: 7px
}

.card__bottom-left svg:not(:last-child) {
  margin-right: 7px
}

.card__bottom-left svg.pepper-icon.active {
  stroke: #00c180;
  fill: #00c180
}

.card__bottom-right {
  display: flex;
  align-items: center
}

.card__bottom-right svg {
  width: 17px;
  height: 17px;
  fill: #00c180;
  stroke: #fff
}

.card__count {
  justify-content: space-between;
  padding-inline: 20px;
  border-radius: 15px;
  border: 1px solid #00c180
}

.card__count .count__button {
  height: 100%;
  border: 0
}

.card__count .count__button:focus-visible {
  background: 0 0
}

.card__count .count__button:focus-visible svg {
  stroke: #00c180
}

.card__count .count__value {
  color: #000
}

.card__count .count__minus svg {
  stroke: #878787
}

.card__title-bold {
  margin-bottom: 10px;
  display: block;
  font-weight: 700;
  line-height: 1.2222222222
}

.card__text {
  line-height: 1.2307692308;
  font-size: 13px;
  color: #000
}

.kit .card {
  border-color: #eafaf4;
  border-radius: 0
}

.kit .card-wrapper {
  grid-template-columns: repeat(auto-fill, minmax(289px, 1fr))
}

.kit .card__top {
  padding: 0
}

.kit .card__img {
  aspect-ratio: 1
}

.kit .card__img img {
  width: 100%;
  max-height: none;
  object-fit: cover
}

.kit .card__title {
  display: block
}

.kit .card__price {
  gap: 13px;
  margin-bottom: 19px
}

.kit .card__price .price-new {
  color: #ea3c3c
}

.kit .card__price .price-old {
  line-height: 1.83571;
  color: #252222;
  text-decoration: none;
  position: relative
}

.kit .card__price .price-old:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  translate: 0 -50%;
  width: 100%;
  height: 1px;
  background: #000;
  transform: rotate(9deg)
}

.features {
  background: url(/local/templates/el.2.0/assets/img/features/bg.webp) center top/100% no-repeat
}

.features-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))
}

.features__item-title {
  margin-bottom: 28px;
  line-height: 1.3;
  font-family: "RFDewiExpanded-Black";
  color: #00c180
}

.features__item-list {
  display: grid;
  gap: 28px
}

.features__item-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  line-height: 1.33
}

.features__item-list li img {
  max-width: 20px;
  max-height: 20px
}

.features__text {
  padding: 20px;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 23px;
  border: 1px solid #00c180;
  color: #949494
}

.features__text:before {
  content: "";
  width: 26px;
  height: 26px;
  background: url(/local/templates/el.2.0/assets/img/icons/info.svg) center/contain no-repeat
}

.features-home .section__row {
  display: grid;
  grid-template-columns: 1fr 1fr
}

.features-home ul {
  gap: 10px;
  color: #000
}

.features-home__info {
  display: flex;
  align-items: center;
  border: 1px solid #b1ebd6;
  border-radius: 10px;
  font-size: 13px;
  color: #386051
}

.feedback__header {
  column-gap: 10px
}

.feedback__items {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr))
}

.feedback__item {
  display: grid;
  gap: 3px 24px;
  grid-template-columns: 100%;
  grid-template-rows: auto 1fr;
  border: 1px solid #f2f2f2;
  border-radius: 15px;
  background: #fff
}

.feedback__item-button:focus-visible,
.feedback__item:focus-visible .feedback__item-name {
  color: #00c180
}

.feedback__item-top {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center
}

.feedback__item-img img {
  max-width: 76px;
  max-height: 76px;
  transition: all .4s
}

.feedback__item-right {
  display: grid;
  gap: 3px
}

.feedback__item-pos {
  font-weight: 300;
  font-size: 13px
}

.feedback__item-content {
  display: grid;
  align-content: start
}

.feedback__item-name {
  transition: all .4s
}

.feedback__item-text {
  display: grid;
  gap: 12px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 12;
  font-weight: 300;
  font-size: 15px;
  line-height: 1.5
}

.feedback__item-button {
  position: relative;
  text-align: left;
  font-weight: 700;
  font-size: 11px;
  color: #03c180;
  transition: all .4s
}

.feedback__item-button svg {
  width: 18px;
  height: 15px;
  fill: currentColor;
  transition: none
}

.feedback__item-button span:after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%
}

.feedback-video {
  display: grid;
  grid-template-columns: 1fr 1fr
}

.feedback-video__item {
  width: 100%
}

.feedback-video__item-img {
  position: relative;
  margin-bottom: 20px;
  overflow: hidden;
  cursor: pointer
}

.feedback-video__item-img .video-wrapper {
  max-width: 100%
}

.feedback-video__item-img .video-wrapper:not(:has(.video_enabled)):focus-visible .feedback-video__item-hover {
  opacity: 1
}

.feedback-video__item-img .video {
  aspect-ratio: 580/326
}

.feedback-video__item-title {
  margin-bottom: 10px;
  color: #000;
  line-height: 1.2222222222
}

.feedback-video__item-text {
  font-weight: 300;
  font-size: 15px;
  line-height: 1.2
}

.feedback-video__item-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(0, 0, 0, .2);
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  transition: all .4s
}

.feedback-video__item-icon:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  width: 30%;
  height: 30%;
  background: #fff;
  mask: url(/local/templates/el.2.0/assets/img/icons/play-2.svg) center/contain no-repeat;
  -webkit-mask: url(/local/templates/el.2.0/assets/img/icons/play-2.svg) center/contain no-repeat
}

.feedback-video__item-hover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: grid;
  gap: 18px;
  justify-items: center;
  align-content: center;
  transition: all .4s;
  pointer-events: none
}

.feedback-video__item-hover svg {
  width: 28px;
  height: 34px;
  fill: #fff
}

.feedback-video__item-hover button {
  padding: 5px 20px;
  border-radius: 30px;
  background: #fff;
  color: #00c180
}

.reviews__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px
}

.reviews__row .title {
  margin-bottom: 0
}

.reviews__button {
  color: #00c180;
  font-size: 11px
}

.reviews__button svg {
  width: 22px;
  height: 10px;
  max-width: none;
  max-height: none
}

.reviews-wrapper {
  display: flex;
  overflow-x: auto
}

.reviews__item {
  flex: 0 0 214px;
  color: #252222;
  font-size: 14px
}

.reviews__item-icon {
  margin-bottom: 20px
}

.reviews__item-icon img {
  width: 100%;
  height: 100%;
  max-width: 76px
}

.reviews__item-title {
  margin-bottom: 12px;
  font-family: "RFDewiCondensed-Bold"
}

.reviews__item-text {
  margin-bottom: 12px
}

.reviews__item-button {
  color: #00c180
}

.reviews-brands .reviews__item {
  border: 1px solid #f2f2f2;
  border-radius: 15px
}

.reviews-brands .reviews__arrow,
.reviews-brands .reviews__item-icon {
  display: flex;
  justify-content: center
}

.reviews-brands .reviews__item-icon img {
  max-width: 60%
}

.reviews-brands .reviews__arrow {
  position: absolute;
  top: 50%;
  z-index: 3;
  align-items: center;
  width: 31px;
  height: 31px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, .35)
}

.reviews-brands .reviews__arrow svg {
  width: 50%;
  height: 50%
}

.reviews-brands .reviews__arrow.swiper-button-disabled {
  display: none
}

.reviews-brands .reviews__next {
  right: 0;
  translate: 50% -50%
}

.reviews-brands .reviews__prev {
  left: 0;
  translate: -50% -50%
}

.reviews-brands .reviews__prev svg {
  rotate: 180deg
}

.reviews-brands .reviews__pagination .swiper-pagination-bullet-active {
  background: #00c180
}

.reviews__widget {
  display: grid;
  max-width: 560px;
  aspect-ratio: 560/800
}

.product__sliders .slider a,
.video-feedback .swiper-wrapper {
  display: flex
}

.video-feedback .swiper-slide {
  width: auto !important
}

.video-feedback__item {
  flex-grow: 0;
  flex-shrink: 0;
  aspect-ratio: 270/484;
  overflow: hidden
}

.video-feedback__item .video-wrapper {
  display: grid;
  grid-template-columns: 100%;
  height: 100%
}

.video-feedback__item .video {
  height: 100%
}

.video-feedback__item:focus-visible .feedback-video__item-icon {
  background-color: #00c180 !important
}

.video-feedback__item:focus-visible .feedback-video__item-icon-hover {
  background: rgba(0, 193, 128, .6)
}

.swiper-scrollbar {
  border-radius: 4px;
  position: relative;
  touch-action: none;
  background: #e1ebf5
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  width: 100%
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: #003876;
  border-radius: 4px;
  left: 0;
  top: 0
}

.swiper-scrollbar-cursor-drag {
  cursor: move
}

.swiper-scrollbar-lock {
  display: none
}

.contact-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px
}

.contact__left {
  display: grid;
  gap: 20px;
  align-items: start
}

.contact__right {
  width: 100%;
  display: grid
}

.contact__blocks {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px
}

.contact__blocks .contact__block:last-child:nth-child(odd) {
  grid-column: 1/-1
}

.contact__block {
  display: grid;
  gap: 12px;
  align-content: start;
  width: 100%;
  border: 1px solid #f2f2f2;
  border-radius: 15px
}

.contact__block-title {
  font-size: 12px;
  color: #878787;
  text-transform: lowercase
}

.contact__block-items,
.payment__item .text-block ul {
  display: grid;
  gap: 3px
}

.contact__block-item {
  display: flex;
  align-items: center;
  gap: 12px;
  line-height: 1.375
}

.contact__block-item svg {
  width: 17px;
  height: 17px;
  fill: #00c180
}

.contact__block-address {
  color: #878787
}

.contact__download {
  display: flex;
  align-items: center;
  gap: 13px;
  color: #00c180
}

.contact__download svg {
  width: 17px;
  height: 17px;
  stroke: currentColor;
  fill: none;
  transition: none
}

.contact__download:focus-visible {
  color: #00c180
}

.contact__time {
  align-items: baseline
}

.contact__time span {
  line-height: 2
}

.contact__time svg {
  translate: 0 3px
}

.contact__map {
  border-radius: 20px
}

.contact__map [class*=ymaps-2][class*=-ground-pane] {
  filter: saturate(0) grayscale(90%)
}

.contact__form {
  display: grid;
  gap: 16px;
  padding-block: 20px;
  background: #fcfcfc;
  border-radius: 15px
}

.contact__form .input-wrapper {
  grid-template-columns: 1fr 1fr;
  gap: 10px
}

.contact__form .input {
  padding: 5px 20px;
  min-height: 38px;
  border-radius: 7px;
  font-weight: 600;
  font-size: 13px;
  color: #878787
}

.contact__form .form__text {
  display: flex;
  width: 100%
}

.contact__form .submit {
  min-height: 38px
}

.contact__form .checkbox {
  gap: 12px;
  font-weight: 600;
  font-size: 10px;
  color: #878787
}

.contact__form .checkbox__input:before {
  width: 12px;
  height: 12px
}

.offer__title {
  font-weight: 900
}

.offer__subtitle {
  font-size: 14px;
  line-height: 1.28571
}

.offer__subtitle span {
  color: #00c180
}

.offer__form .input-wrapper {
  grid-template-columns: 1fr 1fr;
  align-items: start;
  gap: 10px
}

.offer__form .input-wrapper-3 {
  grid-template-columns: repeat(3, 1fr)
}

.offer__form .input-wrapper-big-textarea {
  grid-template-columns: 37.3848987109% 1fr
}

.offer__form .textarea {
  height: 100%;
  min-height: 116px
}

.offer__form .input {
  min-height: auto;
  font-weight: 600;
  font-size: 12px;
  color: #878787
}

.offer__form .form__text {
  gap: 20px;
  grid-column: 1/-1;
  order: 2
}

.offer__form .submit {
  min-height: 50px
}

.offer__img {
  position: absolute;
  right: 0;
  top: 50%;
  translate: 34% -50%
}

.product__img {
  width: 100%
}

.product__img-one {
  position: relative
}

.product-wrapper {
  display: grid;
  grid-template-columns: auto 48.3050847458%;
  align-items: start
}

.product-wrapper-one {
  grid-template-columns: 1.5fr 1fr
}

.product__sliders {
  display: grid;
  grid-template-columns: 84px 1fr;
  align-items: start;
  justify-content: space-between;
  gap: 12px
}

.product__sliders-col {
  position: relative;
  display: grid;
  grid-template-columns: 100%;
  gap: 12px;
  justify-items: center;
  height: 100%
}

.product__sliders-col:after,
.product__sliders-col:before {
  content: "";
  position: absolute;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 80px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url(/local/templates/el.2.0/assets/img/product/after.webp);
  pointer-events: none
}

.product__sliders-col:before {
  top: -1px;
  background-position: center top
}

.product__sliders-col:after {
  bottom: -1px;
  background-position: center bottom;
  rotate: 180deg
}

.product__sliders .slider,
.product__sliders picture {
  width: 100%;
  height: 100%
}

.product__sliders .slider img {
  height: 100%;
  width: 100%;
  max-height: 482px;
  border-radius: 15px;
  object-fit: contain
}

.product__sliders .slider img.cover {
  object-fit: cover
}

.product__sliders .thumb {
  width: 100%;
  height: 452px;
  padding: 0
}

.product__sliders .thumb .swiper-wrapper {
  grid-auto-flow: row;
  align-items: start;
  align-content: start;
  grid-template-columns: 100%
}

.product__sliders .thumb .swiper-slide-thumb-active .thumb__item img,
.product__sliders .thumb .swiper-slide-thumb-active .video-wrapper {
  border-color: #00c180
}

.product__sliders .thumb__item {
  position: relative;
  z-index: 1;
  cursor: pointer;
  transition: all .4s;
  overflow: hidden
}

.product__sliders .thumb__item img {
  width: 100%;
  height: 100%;
  border: 1px solid transparent;
  object-fit: contain
}

.product__sliders .thumb__pagination-2 .swiper-pagination-bullet {
  border: 1px solid #00c180
}

.product__arrow {
  position: absolute;
  left: 50%;
  translate: -50% 0;
  z-index: 3
}

.product__arrow svg {
  width: 32px;
  height: 32px;
  fill: #00c180
}

.product__prev {
  top: 0
}

.product__next {
  bottom: 0
}

.product__labels,
.product__timer {
  position: absolute;
  left: 20px;
  z-index: 3
}

.product__labels {
  top: 20px;
  max-width: 300px;
  justify-content: flex-start;
  gap: 8px
}

.product__labels .label {
  padding-inline: 14px;
  font-size: 11px;
  font-weight: 700
}

.product__timer {
  bottom: 20px;
  display: flex;
  align-items: center;
  gap: 20px;
  background: #fff;
  border-radius: 8px
}

.product__timer svg {
  width: 24px;
  height: 24px;
  fill: #000
}

.product__timer .timer__item {
  display: flex;
  align-items: baseline;
  gap: 4px
}

.product__timer .timer__item>:first-child {
  font-size: 20px;
  line-height: 1.1;
  font-weight: 700
}

.product__title {
  margin-bottom: 15px;
  font-weight: 800;
  line-height: 1.2
}

.product__text {
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 14px
}

.product__text svg {
  flex-shrink: 0
}

.product__block {
  padding-bottom: 20px;
  border: 1px solid #f2f2f2;
  border-radius: 15px
}

.product__block-top {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: flex-end
}

.product__block-top_small {
  row-gap: 4px;
  max-width: 300px;
  flex-wrap: wrap
}

.product__block-item {
  display: flex;
  align-items: center;
  gap: 5px;
  font-weight: 600;
  font-size: 12px;
  color: #878787
}

.product__block-item svg {
  max-width: 7px;
  max-height: 7px;
  fill: none;
  stroke: currentColor
}

.product__block-content {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 15px;
  padding-block: 9px
}

.product__block-price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px
}

.product__block-price-title {
  opacity: .4;
  font-size: 20px;
  font-weight: 700
}

.product__block-price .price {
  gap: 10px
}

.product__block-price .price-new {
  font-weight: 700
}

.product__block-price .price-old {
  font-size: 15px;
  font-weight: 600;
  color: #878787
}

.product__block-row {
  display: flex;
  align-items: inherit;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  grid-column: 1/-1
}

.product__block-buttons {
  display: flex;
  align-items: center
}

.product__block .tooltip {
  background: #fff;
  border: 1px solid #00c180;
  color: #000
}

.product__block .tooltip__close {
  background: #00c180
}

.product__block-2 {
  display: grid
}

.product__block-2 .product__block-top {
  order: 1;
  padding-block: 12px;
  border-radius: 0 0 20px 20px
}

.product__block-2 .product__block-price {
  justify-content: flex-start
}

.product__block-2 .count__button {
  border-color: #fff
}

.product__block-2 .count__button svg {
  stroke: #fff
}

.product__block-2 .count__value {
  color: #fff
}

.product__block-2 .product__button {
  color: #00c180;
  background: #fff
}

.product__block-2 .product__button svg {
  fill: #00c180
}

.product__block-2 .product__wishlist {
  border-color: #fff
}

.product__block-2 .product__wishlist svg {
  stroke: #fff
}

.product__block-ofs {
  display: grid;
  grid-template-columns: 100%;
  gap: 20px;
  padding-block: 15px;
  width: 100%
}

.product__block-of {
  display: flex;
  align-items: center;
  width: 100%
}

.product__block-of:first-child .product__block-of-close {
  opacity: 0;
  pointer-events: none
}

.product__block-of-title {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.33333
}

.product__block-of-title:before {
  content: "";
  width: 20px;
  height: 20px;
  margin-right: 14px;
  background: url(/local/templates/el.2.0/assets/img/icons/of.svg) center/contain no-repeat
}

.product__block-of-title span {
  margin-left: 2px
}

.product__block-of .count__button {
  width: 28px;
  height: 28px
}

.product__block-of .count__value {
  width: 45px !important
}

.product__block-of .count__plus {
  position: relative
}

.product__block-of .count__plus:before {
  content: "ч";
  position: absolute;
  right: calc(100% + 6px);
  top: 50%;
  translate: 0 -50%;
  font-size: 20px;
  font-weight: 800;
  color: #fff
}

.product__block-of-close svg {
  width: 7px;
  height: 7px;
  stroke: #000
}

.product__block-bottom {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(40%, 165px), 1fr));
  width: 100%;
  gap: 10px;
  margin-top: 15px
}

.product__block-bottom .button {
  min-height: 50px;
  width: 100%;
  font-weight: 700
}

.product__block-add svg {
  stroke: currentColor;
  transition: none
}

.product__button:focus-visible {
  background: #eee
}

.product__wishlist svg {
  width: 26px;
  height: 21px;
  stroke: #000;
  fill: transparent
}

.product .count__value {
  width: 50px
}

.product__payment {
  display: grid;
  padding-block: 20px;
  margin-top: 20px;
  border: 1px solid #f2f2f2
}

.payment__block-title strong,
.product__payment-title {
  font-weight: 700
}

.product__payment-items {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 20px
}

.product__payment-item {
  display: flex;
  align-items: center;
  gap: 14px
}

.product__payment-item svg {
  max-width: 16px;
  max-height: 16px;
  fill: none;
  stroke: #00c180
}

.product__payment-item.grid {
  display: grid;
  gap: 4px;
  font-weight: 700;
  font-size: 10px;
  color: #03c180
}

.product__payment-item.grid svg {
  max-width: 22px;
  max-height: 15px;
  stroke: #00c180
}

.product__compound {
  font-size: 14px
}

.product__compound summary {
  width: auto;
  justify-content: flex-start;
  gap: 15px
}

.product__compound summary:after {
  flex-basis: 12px;
  width: 12px;
  height: 12px;
  background: #000;
  mask: url(/local/templates/el.2.0/assets/img/icons/arrow-2.svg) center/contain no-repeat;
  -webkit-mask: url(/local/templates/el.2.0/assets/img/icons/arrow-2.svg) center/contain no-repeat
}

.product__compound-text {
  row-gap: 4px;
  margin-top: 11px
}

.product__compound-text img {
  margin-right: 12px
}

.product__compound-text span:not(:last-child):after {
  content: "/";
  margin-inline: 4px;
  color: #00c180
}

.product .video {
  height: 100%;
  background: 0 0
}

.product .video-wrapper {
  border: 1px solid transparent;
  border-radius: 8px
}

.product .video-wrapper img {
  object-fit: contain
}

.product .video__icon {
  max-width: 30%;
  max-height: 30%;
  background: url(/local/templates/el.2.0/assets/img/icons/play-2.svg) center/contain no-repeat
}

.services-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr)
}

.services__item {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: start;
  align-items: center;
  align-content: center;
  gap: 15px;
  padding-block: 20px;
  overflow: hidden
}

.services__item:before {
  content: "";
  background: #f6f6f6
}

.services__item_big {
  grid-column: span 2
}

.services__item-img,
.services__item:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1
}

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

.services__item-title {
  max-width: 190px;
  font-weight: 700;
  line-height: 1.1851851852
}

.services__item-link {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 25px;
  padding-inline: 8px;
  border: 1.19px solid #03c180;
  border-radius: 8px;
  line-height: 1;
  color: #00c180;
  font-weight: 700;
  font-size: 11px
}

.services__item-link svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
  transition: none
}

.why-wrapper {
  display: flex;
  gap: 24px;
  max-width: 100%;
  padding-bottom: 28px;
  overflow-x: auto;
  overflow-y: hidden
}

@supports (-moz-appearance:none) {
  .why-wrapper {
    scrollbar-color: #00c180 #dedede;
    scrollbar-width: thin
  }
}

.why-wrapper::-webkit-scrollbar {
  height: 8px
}

.why-wrapper::-webkit-scrollbar-track-piece {
  background: #dedede;
  border-radius: 8px
}

.why-wrapper::-webkit-scrollbar-thumb {
  background: #00c180;
  border-radius: 8px
}

.why__item {
  flex-basis: 214px;
  flex-shrink: 0;
  display: grid;
  gap: 20px;
  justify-items: center;
  justify-content: center;
  grid-template-rows: auto 1fr;
  text-align: center;
  line-height: 1.3
}

.why__item-text {
  max-width: 264px
}

.wherefore-wrapper {
  display: grid
}

.wherefore__item {
  display: flex;
  align-items: flex-end;
  gap: 30px;
  justify-content: space-between
}

.wherefore__item-start {
  align-items: flex-start
}

.wherefore__item-center {
  align-items: center
}

.wherefore__item-img {
  border-radius: 20px;
  min-width: 200px
}

.wherefore__item-content {
  display: grid;
  max-width: 372px
}

.wherefore__item-content:nth-child(3) {
  align-self: start
}

.wherefore__item-title {
  font-weight: 700;
  line-height: 1.18519;
  color: #000
}

.wherefore__item-text {
  line-height: 1.33875;
  color: #000;
  font-family: "RFDewi-Regular"
}

.wherefore__item-text ul {
  display: grid;
  gap: 12px
}

.wherefore__item-text ul li {
  display: flex;
  align-items: flex-start;
  gap: 8px
}

.wherefore__item-text ul li:before {
  content: "";
  width: 3px;
  height: 3px;
  flex-shrink: 0;
  margin-top: .5lh;
  background: currentColor;
  border-radius: 50%
}

.payment-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 20px
}

.payment__item {
  display: grid;
  align-content: start;
  align-items: start;
  border: 1px solid #f2f2f2;
  color: #252222
}

.payment__item-title {
  margin-bottom: 15px;
  line-height: 1;
  font-weight: 700
}

.payment__item>p {
  max-width: 370px;
  margin-bottom: 20px;
  font-size: 13px;
  color: #a9a9a9
}

.payment__item .text-block {
  font-size: 15px
}

.payment__blocks {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(30%, 140px), 1fr));
  gap: 10px
}

.payment__block {
  display: grid;
  gap: 12px;
  align-content: start;
  justify-items: center;
  background: rgba(0, 193, 128, .12);
  border-radius: 10px;
  text-align: center;
  font-size: 13px
}

.payment__block-icon {
  flex-grow: 0;
  flex-shrink: 0
}

.delivery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(40%, 200px), 1fr));
  gap: 10px;
  margin-bottom: 24px;
  align-content: start
}

.delivery__item {
  display: flex;
  align-items: center;
  padding-block: 16px;
  background: rgba(0, 193, 128, .12);
  border-radius: 10px;
  font-size: 15px
}

.delivery__item span {
  font-weight: 700;
  color: #00c180
}

.main-action-container {
  overflow: visible !important
}

.main-action .swiper-wrapper {
  display: flex
}

.main-action .swiper-slide {
  width: auto !important;
  flex: 1 1 100%
}

.main-action-wrapper {
  display: flex;
  align-items: center;
  max-width: 100%;
  padding-bottom: 9px;
  overflow-x: auto;
  overflow-y: hidden
}

@supports (-moz-appearance:none) {
  .main-action-wrapper {
    scrollbar-color: #00c180 #dedede;
    scrollbar-width: thin
  }
}

.main-action-wrapper::-webkit-scrollbar {
  height: 4px
}

.main-action-wrapper::-webkit-scrollbar-track-piece {
  background: #dedede;
  border-radius: 8px
}

.main-action-wrapper::-webkit-scrollbar-thumb {
  background: #00c180;
  border-radius: 8px
}

.main-action__item {
  aspect-ratio: 366/142;
  position: relative;
  z-index: 1;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-radius: 15px;
  overflow: hidden;
  transition: translate .4s
}

.main-action__item-left {
  display: grid;
  gap: 4px
}

.main-action__item-title {
  font-weight: 700
}

.main-action__item-subtitle {
  padding: 5px;
  border: 1.19px solid #000;
  border-radius: 8px;
  font-weight: 700;
  line-height: 1.1;
  text-align: center;
  color: #000
}

.main-action__item-img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover
}

.main-action__pagination .swiper-pagination-bullet-active {
  background: #00c180
}

.news-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr))
}

.news__item {
  display: grid;
  grid-template-rows: auto 1fr;
  overflow: hidden;
  border: 1px solid #f2f2f2;
  border-radius: 15px
}

.news__item:focus-visible {
  outline: 0
}

.news__item:focus-visible .news__item-title,
.other__item:focus-visible .other__item-title {
  color: #00c180
}

.news__item-has-video .news__item-img:after {
  background-image: url(/local/templates/el.2.0/assets/img/icons/play.svg);
  background-position: center;
  background-size: 33px;
  background-repeat: no-repeat
}

.news__item-img {
  position: relative;
  overflow: hidden
}

.news__item-img img {
  width: 100%;
  object-fit: cover
}

.news__item-title {
  margin-bottom: 8px;
  font-weight: 700;
  transition: all .4s;
  line-height: 1.2222222222
}

.news__item-content {
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  color: #878787
}

.news__item-date {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 10px;
  font-size: 12px;
  color: #878787
}

.news__item-date svg {
  width: 7px;
  height: 7px;
  fill: currentColor;
  transition: none
}

.news__item-text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-weight: 300;
  font-size: 13px;
  line-height: 1.5
}

.single-news-wrapper {
  display: grid;
  grid-template-columns: 1fr minmax(330px, 32.2033898305%)
}

.single-news__left {
  display: grid;
  align-content: start;
  grid-template-columns: 100%
}

.single-news__date {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  font-weight: 600;
  color: #878787
}

.single-news__date svg {
  width: 7px;
  height: 7px
}

.single-news__pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px
}

.single-news__pagination-button {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 50px;
  text-align: left
}

.single-news__pagination-button svg {
  max-width: 16px;
  max-height: 13px
}

.single-news__pagination-button:nth-child(2) {
  text-align: right
}

.other {
  width: 100%;
  padding-block: 20px;
  border: 1px solid #f2f2f2;
  border-radius: 15px
}

.other__items {
  display: grid;
  gap: 12px
}

.other__item {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 15px;
  row-gap: 20px;
  max-width: 265px
}

.other__item-img {
  aspect-ratio: 1;
  object-fit: cover
}

.other__item-img picture {
  height: 100%
}

.other__item-img img {
  border-radius: 10px;
  object-fit: cover
}

.other__item-title {
  margin-bottom: 5px;
  line-height: 1.2;
  font-size: 15px;
  font-weight: 600;
  transition: all .4s
}

.other__item-text {
  font-size: 11px;
  font-weight: 300;
  line-height: 1.5
}

.other__item-date {
  display: flex;
  gap: 3px;
  align-items: center;
  margin-bottom: 10px;
  font-size: 9px;
  color: #878787;
  font-weight: 600
}

.other__item-date svg {
  width: 6px;
  height: 6px;
  fill: #878787
}

.home-page .news-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr)
}

.filter__items {
  display: grid;
  gap: 20px;
  align-items: flex-start;
  align-content: start
}

.filter__item-container:has(.bx-ui-slider-track) {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: min(22px, 16px + 6*(100vw - 320px)/1600)
}

.filter__item-container-block.bx-left::after {
  content: "-";
  position: absolute;
  left: calc(100% + 6px);
  bottom: 4px;
  color: #fff;
  font-size: 14px
}

.bx-filter .bx-filter-parameters-box.bx-active .bx-filter-block i.bx-ft-sub {
  font-size: 10px;
  line-height: 1.2
}

.bx-retina .bx-filter .bx-filter-input-container input {
  padding: 4px 8px;
  height: 28px;
  border: 1px solid #fff;
  border-radius: 8px;
  background: 0 0;
  border-image: none !important;
  -webkit-border-image: none !important;
  font-size: 14px
}

.bx-retina .bx-filter .bx-filter-input-container input:focus {
  border-color: #fff
}

.bx-ui-slider-part {
  display: none
}

.bx-ui-slider-track-container {
  grid-column: 1/-1
}

.bx-filter .bx-ui-slider-track-container {
  padding: 0 !important;
  margin-top: 17px;
  margin-bottom: 20px
}

.bx-filter.bx-blue .bx-ui-slider-pricebar-v {
  background: #fff
}

.bx-filter .bx-ui-slider-track {
  height: 2px;
  border-radius: 3px
}

.bx-filter .bx-ui-slider-range {
  margin: 0 4px;
  border-radius: 3px;
  z-index: 70
}

body:has(.filter__content.active) .fixed-button {
  opacity: 0;
  pointer-events: none
}

.bx-filter.bx-blue .bx-ui-slider-pricebar-vn {
  background: #45ce9f
}

.bx-filter.bx-blue .bx-ui-slider-handle {
  width: 12px;
  height: 12px;
  margin: 0 !important;
  z-index: 80;
  background: #fff !important;
  border-radius: 50%
}

.bx-filter.bx-blue .bx-ui-slider-handle.left {
  translate: -50% calc(-50% - 1px)
}

.bx-filter.bx-blue .bx-ui-slider-handle.right {
  translate: 50% calc(-50% - 1px)
}

.smartfilter {
  display: grid;
  gap: 20px;
  align-items: flex-start;
  align-content: start
}

@media (min-width:576px) {
  .container-right {
    width: calc(520px + (100vw - 520px)/2);
    max-width: none;
    padding-left: 0
  }

  .container {
    width: 520px;
    max-width: none;
    padding: 0
  }

  .show-xs {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    clip: rect(0 0 0 0);
    overflow: hidden
  }

  body:before {
    content: "576"
  }

  .title-2_small {
    line-height: 1.2
  }

  .popup-call .popup__form .submit {
    width: auto
  }

  .popup__form .input-wrapper-2 {
    grid-template-columns: 1fr 1fr
  }

  .header-bann__subtitle br {
    display: none
  }
}

@media (min-width:768px) {
  .container-right {
    width: calc(720px + (100vw - 720px)/2)
  }

  .container {
    width: 720px
  }

  .show-sm {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    clip: rect(0 0 0 0);
    overflow: hidden
  }

  body:before {
    content: "786"
  }

  .home-page_dark .hero-wrapper {
    padding-bottom: 45px
  }

  .home-page_dark .hero {
    padding-bottom: 90px
  }

  .home-page_dark .hero+* {
    position: relative;
    z-index: 2;
    margin-top: -90px;
    padding-top: clamp(54px, 73.6923076923px + -1.0256410256vw, 70px);
    background: #fff;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px
  }

  .social__whatsapp {
    min-height: 36px
  }

  .checkout__top {
    margin-bottom: 20px
  }

  .checkout__item:nth-child(1 of .checkout__item) {
    margin-top: 15px
  }

  .categories-page__tags {
    margin-bottom: 36px;
    max-width: calc(100% - 100px - 12px);
    margin-top: -24px
  }

  .reviews-brands .reviews__item-icon {
    margin-top: 20px
  }

  .offer__form .input-wrapper-big-textarea .textarea,
  .offer__form .textarea {
    grid-column: 1/-1
  }
}

@media (min-width:992px) {
  .container-right {
    width: calc(940px + (100vw - 940px)/2)
  }

  .container {
    width: 940px
  }

  .show-md {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    clip: rect(0 0 0 0);
    overflow: hidden
  }

  body:before {
    content: "992"
  }

  .navigation-wrapper {
    display: none
  }

  .account__header {
    border: 1px solid #eee;
    border-radius: 20px;
    overflow: hidden;
    position: sticky;
    left: 0;
    top: 174px
  }

  .account__form-right {
    position: sticky;
    left: 0;
    top: 164px
  }

  .callback__form-item:not(:last-child) {
    border-right: 1px solid #8dc7a1
  }

  .video-feedback .container-right {
    display: contents
  }

  .main-action__pagination {
    display: none
  }
}

@media (min-width:1200px) {
  .show-lg {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    clip: rect(0 0 0 0);
    overflow: hidden
  }

  body:before {
    content: "1200"
  }

  .sub-menu-wrapper {
    position: absolute;
    top: 0;
    z-index: -1;
    width: max-content;
    padding: 15px;
    margin-top: 35px;
    pointer-events: none;
    opacity: 0;
    transition: opacity .3s ease-in-out, margin .3s ease-in-out;
    box-sizing: content-box
  }

  .sub-menu-wrapper .sub-menu {
    border-radius: 10px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1)
  }

  .sub-menu-wrapper li:hover>a {
    color: #00c180
  }

  li.menu-item-has-children.right .sub-menu-wrapper {
    right: 0;
    translate: 15px -15px;
    text-align: right
  }

  li.menu-item-has-children.right .sub-menu-wrapper a {
    flex-direction: row-reverse
  }

  li.menu-item-has-children.right .sub-menu-wrapper .sub-menu-wrapper {
    right: 100%;
    translate: 10px -15px
  }

  li.menu-item-has-children.right .sub-menu-wrapper .menu-item-arrow+a {
    padding: .625em .9375em .625em 1.875em
  }

  li.menu-item-has-children.right .top .sub-menu-wrapper {
    right: 0 !important;
    translate: 15px -10px
  }

  li.menu-item-has-children.left .sub-menu-wrapper {
    left: 0;
    translate: -15px -15px
  }

  li.menu-item-has-children.left .sub-menu-wrapper .sub-menu-wrapper {
    left: 100%;
    translate: -10px -15px
  }

  li.menu-item-has-children.left .sub-menu-wrapper .menu-item-arrow+a {
    padding: .625em 1.875em .625em .9375em
  }

  li.menu-item-has-children.left .top .sub-menu-wrapper {
    left: 0 !important;
    translate: -15px -10px
  }

  li.menu-item-has-children.left>.sub-menu-wrapper,
  li.menu-item-has-children.right>.sub-menu-wrapper {
    width: min(250px, 100vw)
  }

  li.menu-item-has-children.left .top,
  li.menu-item-has-children.right .top {
    position: relative
  }

  li.menu-item-has-children.left .top .sub-menu-wrapper,
  li.menu-item-has-children.right .top .sub-menu-wrapper {
    top: 100% !important
  }

  .menu-link {
    display: none
  }

  .header-fixed {
    min-height: 164px
  }

  .header__row {
    border-top: 1px solid #e8e8e8
  }

  .checkout-header {
    min-height: auto
  }
}

@media (min-width:1301px) {
  .container {
    width: 1180px
  }

  .flex {
    gap: 15px
  }

  .grid {
    gap: 18px
  }

  .show-xl {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    clip: rect(0 0 0 0);
    overflow: hidden
  }

  .crumbs-wrapper {
    margin-bottom: -25px
  }

  .pagination,
  .swiper-pagination {
    margin-top: 30px
  }

  .menu-item-arrow {
    flex-basis: 12px;
    width: 12px;
    height: 12px
  }

  .text-block h2 {
    font-size: 50px
  }

  .text-block h3 {
    margin-bottom: 25px;
    font-size: 26px
  }

  .text-block p:not(:last-child) {
    margin-bottom: 30px
  }

  .text-block ul>li {
    padding-left: 21px
  }

  .text-block ul>li:before {
    width: 9px;
    height: 9px;
    flex-basis: 9px
  }

  .text-block blockquote {
    gap: 34px;
    margin-bottom: 40px;
    padding-inline: 30px;
    padding-block: 40px;
    font-size: 19px
  }

  .text-block blockquote:before {
    left: 30px
  }

  .text-block blockquote:after {
    right: 30px
  }

  .text-block img {
    border-radius: 20px
  }

  .text-block table {
    font-size: 13px
  }

  .text-block table tbody>tr:first-child td:first-child,
  .text-block table tbody>tr:first-child th:first-child {
    border-top-left-radius: 20px
  }

  .text-block table tbody>tr:first-child td:last-child,
  .text-block table tbody>tr:first-child th:last-child {
    border-top-right-radius: 20px
  }

  .text-block table tbody>tr:last-child td:first-child,
  .text-block table tbody>tr:last-child th:first-child {
    border-bottom-left-radius: 20px
  }

  .text-block table tbody>tr:last-child td:last-child,
  .text-block table tbody>tr:last-child th:last-child {
    border-bottom-right-radius: 20px
  }

  .text-block table td,
  .text-block table th {
    padding-inline: 20px
  }

  .select__value:after {
    right: 22px
  }

  .select__options {
    min-width: 160px
  }

  .video-js {
    border-radius: 20px
  }

  .tooltip {
    min-width: 275px
  }

  .notify__item,
  .tooltip {
    font-size: 14px
  }

  .notify__item-close svg {
    width: 10px;
    height: 10px
  }

  .main,
  .section {
    padding-bottom: 50px
  }

  .section {
    padding-top: 50px
  }

  .section-bg {
    margin-bottom: 50px;
    margin-top: 50px
  }

  .section-bottom {
    padding-bottom: 50px
  }

  .section-top {
    padding-top: 50px
  }

  .section-bg+.section-bg {
    margin-top: -50px
  }

  .section .section__button {
    margin-top: 40px
  }

  .section__text {
    padding: 20px;
    border-radius: 20px;
    font-size: 18px
  }

  .section__top,
  .title {
    margin-bottom: 40px
  }

  .title {
    font-size: 50px
  }

  .title_small {
    margin-bottom: 20px
  }

  .title-2 {
    margin-bottom: 40px;
    font-size: 36px
  }

  .title-3 {
    font-size: 20px
  }

  .title-4_mobile {
    font-size: 18px
  }

  .button_big {
    min-height: 50px;
    padding-inline: 40px;
    min-width: 240px
  }

  .logo img {
    max-width: 200px
  }

  .price-new {
    font-size: 14px
  }

  .price-old {
    font-size: 10px
  }

  .count__button {
    width: 32px;
    height: 32px
  }

  .count__value {
    width: 50px;
    font-size: 20px
  }

  .zaglushka-wrapper img {
    width: 300px
  }

  .zaglushka-wrapper h1 {
    font-size: 80px
  }

  .zaglushka .product__timer .timer__item>:first-child {
    font-size: 30px
  }

  .zaglushka__text {
    margin-top: 40px;
    font-size: 40px
  }

  .tags {
    gap: 10px
  }

  .tag {
    padding: 8px;
    font-size: 13px
  }

  .input,
  .textarea {
    padding-block: 27px;
    padding-inline: 38px
  }

  .input {
    min-height: 76px
  }

  .textarea {
    height: 100px
  }

  .input-file {
    min-height: 76px;
    font-size: 15px
  }

  .popup__content {
    padding: 40px
  }

  .popup__block {
    padding-block: 20px;
    margin-block: 20px
  }

  .popup__form .input-wrapper {
    row-gap: 20px
  }

  .popup__close {
    right: -55px
  }

  .popup-thank .popup__content {
    gap: 20px;
    width: 650px
  }

  .popup-thank img {
    width: 161px;
    height: 161px
  }

  .popup-feedback .popup__content {
    padding: 20px
  }

  .header__top-left {
    gap: 48px
  }

  .header__top-right {
    gap: 40px
  }

  .header__menu {
    gap: 44px
  }

  .header__bottom {
    gap: 20px
  }

  .header__bottom-left {
    gap: 44px
  }

  .header__bottom-right {
    gap: 22px
  }

  .header__logo img {
    width: 92px;
    flex-basis: 92px
  }

  .header__row {
    gap: 60px
  }

  .header-main .block {
    min-height: 414px;
    border-radius: 20px
  }

  .header-main .block__item {
    padding-block: 58px;
    padding-inline: 50px
  }

  .header-main .block__item-title {
    margin-bottom: 20px;
    font-size: 50px
  }

  .header-main .block__pagination {
    bottom: 40px
  }

  .header-main__right {
    padding-top: 25px;
    padding-bottom: 30px;
    padding-inline: 30px
  }

  .header-main__title {
    font-size: 25px
  }

  .header-main__subtitle {
    margin-bottom: 25px
  }

  .header-main__prev {
    left: -20px
  }

  .header-main__next {
    right: -20px
  }

  .header-main .card {
    padding: 20px
  }

  .header-main .card__img img {
    max-height: 225px
  }

  .header-bann__content {
    padding-block: 30px;
    padding-inline: 30px
  }

  .header-bann__top {
    column-gap: 65px
  }

  .header-bann__title {
    font-size: 66px
  }

  .header-bann__subtitle {
    font-size: 26px
  }

  .header-bann__text {
    margin-bottom: 50px;
    max-width: 460px;
    font-size: 30px
  }

  .header-bann__text strong {
    padding-inline: 26px;
    font-size: 30px
  }

  .header-bann__button {
    min-width: 475px;
    min-height: 70px;
    font-size: 26px
  }

  .header-bann__items {
    column-gap: 30px;
    row-gap: 20px;
    margin-top: 40px
  }

  .header-bann__item {
    font-size: 18px
  }

  .header-bann__item-icon {
    flex-basis: 70px
  }

  .header-bann__item-icon img {
    max-width: 70px;
    max-height: 70px
  }

  .footer__top {
    gap: 40px;
    padding-bottom: 40px
  }

  .footer__left {
    gap: 20px
  }

  .footer__middle {
    gap: 40px
  }

  .footer__col-list {
    gap: 12px
  }

  .footer__block {
    gap: 40px
  }

  .footer__block-bottom,
  .footer__block-top {
    gap: 12px
  }

  .block {
    min-height: 473px;
    border-radius: 40px
  }

  .block:has(.swiper-slide:nth-child(2)) .block__item {
    padding-bottom: 53px
  }

  .block__item {
    padding-top: 58px;
    padding-left: 50px;
    padding-bottom: 53px
  }

  .block__item-title {
    margin-bottom: 20px;
    font-size: 40px
  }

  .block__item-title_small {
    font-size: 36px
  }

  .block__item-subtitle {
    font-size: 20px
  }

  .block__item-timer {
    margin-bottom: 30px
  }

  .block__item-text {
    margin-bottom: 36px;
    font-size: 20px
  }

  .block-wrapper {
    row-gap: 18px
  }

  .block-wrapper .block__item {
    border-radius: 20px
  }

  .block-wrapper .block__item-top {
    padding-top: 24px;
    padding-bottom: 30px;
    padding-inline: 30px
  }

  .block-wrapper .block__item-content {
    padding-block: 20px;
    padding-inline: 30px
  }

  .block-wrapper .block__item-title {
    font-size: 40px
  }

  .block-wrapper .block__item-subtitle {
    margin-top: 20px;
    font-size: 20px
  }

  .block-wrapper .block__item-text {
    margin-bottom: 25px
  }

  .block-wrapper .block__item-button {
    min-width: 240px
  }

  .hero-wrapper {
    gap: 25px
  }

  .hero__left {
    padding-block: 70px;
    padding-left: 61px;
    padding-right: 48px;
    border-radius: 20px
  }

  .hero__title {
    margin-bottom: 23px;
    font-size: 37px
  }

  .hero__subtitle {
    margin-bottom: 55px;
    font-size: 16px
  }

  .hero__row {
    gap: 26px;
    margin-bottom: 60px
  }

  .hero__button {
    min-height: 63px;
    min-width: 390px;
    font-size: 23px
  }

  .hero__item {
    font-size: 14px
  }

  .hero__item-icon {
    width: 40px;
    height: 40px
  }

  .about__top {
    gap: 40px
  }

  .about__block-title {
    font-size: 20px
  }

  .about__item {
    padding-block: 30px;
    padding-inline: 33px;
    min-height: 250px
  }

  .account-wrapper {
    gap: 20px
  }

  .account__item-title {
    font-size: 25px
  }

  .account__item-flex,
  .corporate .block__item-text ul {
    gap: 20px
  }

  .history__title {
    font-size: 25px
  }

  .history__header,
  .history__total {
    font-size: 15px
  }

  .catering__slider .swiper,
  .history__item {
    border-radius: 20px
  }

  .history-product {
    padding: 20px
  }

  .history-product__img img {
    width: 140px;
    height: 140px
  }

  .history-product__title {
    margin-bottom: 24px;
    font-size: 18px
  }

  .catering__text {
    font-size: 20px
  }

  .catering__item {
    gap: 20px;
    min-height: 166px;
    padding: 20px
  }

  .catering__item-title {
    font-size: 22px
  }

  .catering-menu-wrapper {
    row-gap: 20px
  }

  .catering-menu__item-title {
    padding-inline: 40px;
    font-size: 40px
  }

  .catering-menu__item-content {
    gap: 40px;
    padding-block: 30px;
    padding-inline: 40px
  }

  .catering-menu__item-radios {
    padding-left: 9px
  }

  .catering-category__tab {
    gap: 35px
  }

  .catering__slider img {
    height: 252px;
    border-radius: 20px
  }

  .callback {
    margin-top: 92px
  }

  .callback-wrapper {
    border-radius: 20px
  }

  .callback__left {
    padding-block: 30px;
    padding-inline: 40px
  }

  .callback__title {
    font-size: 20px
  }

  .callback__form {
    max-width: 663px
  }

  .callback__form .form__text {
    column-gap: 50px
  }

  .callback__form-top {
    padding-block: 20px
  }

  .callback .offer__left {
    max-width: 848px
  }

  .checkout__left-title {
    font-size: 20px
  }

  .checkout__info {
    padding-inline: 20px;
    padding-block: 20px;
    border-radius: 20px
  }

  .checkout__item {
    min-height: 180px;
    padding-block: 16px;
    padding-left: 20px;
    padding-right: 30px
  }

  .checkout__item-title {
    font-size: 18px
  }

  .checkout__item-wishlist {
    right: 24px
  }

  .checkout-result__buttons {
    gap: 12px
  }

  .corporate .block {
    min-height: 473px
  }

  .corporate .block__item {
    padding-top: 58px;
    padding-bottom: 53px
  }

  .corporate .block__item-title {
    margin-bottom: 40px
  }

  .corporate .block__item-text {
    font-size: 20px
  }

  .corporate .block__pagination {
    bottom: 40px
  }

  .corporate-features__item {
    gap: 20px;
    padding-block: 30px;
    padding-inline: 20px;
    font-size: 18px
  }

  .corporate-features__item img {
    height: 52px
  }

  .categories__item {
    gap: 40px
  }

  .categories__item-title {
    font-size: 24px
  }

  .categories__item-img {
    max-width: 160px;
    height: 126px
  }

  .category {
    min-height: 257px;
    border-radius: 20px
  }

  .category-block__button {
    min-width: 240px
  }

  .category__content {
    gap: 30px;
    padding-left: 91px;
    padding-block: 35px;
    padding-right: 35px
  }

  .category__title {
    font-size: 22px
  }

  .category__title img {
    left: -20px;
    width: 33px
  }

  .filter__content {
    padding-block: 40px;
    padding-inline: 40px
  }

  .card {
    flex-basis: 272px
  }

  .card__top {
    gap: 14px;
    padding-top: 36px
  }

  .card__content {
    padding: 20px
  }

  .card__price .price-new,
  .card__title {
    font-size: 18px
  }

  .card__price {
    margin-bottom: 20px
  }

  .card__text,
  .kit .card__price .price-old {
    font-size: 14px
  }

  .card__count {
    min-height: 50px
  }

  .card__count .count__button {
    width: 33px;
    height: 33px
  }

  .card__count .count__button svg {
    width: 10px;
    height: 10px
  }

  .card__count .count__value {
    width: 30px;
    font-size: 16px
  }

  .card__title-bold,
  .features__item-list li {
    font-size: 18px
  }

  .kit {
    padding-top: 44px
  }

  .kit__top {
    margin-bottom: 60px
  }

  .kit .card-wrapper {
    row-gap: 60px
  }

  .kit .card__scales {
    font-size: 12px
  }

  .kit .card__content {
    padding: 20px
  }

  .kit .card__title {
    margin-bottom: 32px
  }

  .kit .card__button {
    font-size: 13px
  }

  .features-wrapper {
    gap: 80px;
    margin-bottom: 40px
  }

  .features__item-title {
    font-size: 24px
  }

  .features__text {
    border-radius: 20px;
    font-size: 18px
  }

  .features-home__info {
    gap: 28px;
    padding-block: 18px;
    padding-inline: 25px
  }

  .features-home__info img {
    width: 35px;
    height: 35px
  }

  .feedback__title {
    margin-bottom: 24px
  }

  .feedback__items {
    gap: 20px
  }

  .feedback__item {
    padding-block: 30px;
    padding-inline: 30px
  }

  .feedback__item-top {
    gap: 20px
  }

  .feedback__item-content {
    gap: 30px
  }

  .feedback__item-button {
    margin-top: 20px
  }

  .feedback-video {
    row-gap: 40px;
    column-gap: 20px
  }

  .feedback-video__item-img {
    border-radius: 20px
  }

  .feedback-video__item-icon {
    padding: 34px
  }

  .reviews__row {
    margin-bottom: 40px
  }

  .reviews-wrapper {
    gap: 24px
  }

  .reviews-brands .reviews__item {
    padding: 22px;
    flex-basis: 214px
  }

  .video-feedback__item {
    width: 270px;
    flex-basis: 270px;
    border-radius: 20px
  }

  .contact__right {
    gap: 32px
  }

  .contact__block {
    padding: 18px
  }

  .contact__map {
    min-height: 593px
  }

  .contact__form {
    padding-inline: 20px
  }

  .offer__left {
    max-width: 663px
  }

  .offer__title {
    margin-bottom: 15px
  }

  .offer__subtitle {
    margin-bottom: 40px
  }

  .offer__form .input {
    height: 54px;
    padding-block: 8px
  }

  .product-wrapper {
    gap: 30px
  }

  .product__sliders .thumb__item,
  .product__sliders .thumb__item img {
    border-radius: 12px
  }

  .product__timer {
    padding: 12px
  }

  .product__timer .timer__items {
    gap: 12px
  }

  .product__title {
    font-size: 30px
  }

  .product__text {
    margin-bottom: 20px
  }

  .product__block-content {
    padding-inline: 30px
  }

  .product__block-price .price-new {
    font-size: 40px
  }

  .product__block-buttons {
    gap: 20px
  }

  .product__block-of {
    column-gap: 50px
  }

  .product__block-bottom,
  .product__block-of {
    padding-inline: 30px
  }

  .product__button {
    min-width: 157px
  }

  .product__payment {
    gap: 12px;
    padding-inline: 30px;
    border-radius: 20px
  }

  .product__payment-title {
    font-size: 20px
  }

  .product__compound {
    margin-bottom: 25px
  }

  .services-wrapper {
    gap: 20px
  }

  .services__item {
    padding-inline: 32px;
    min-height: 166px;
    border-radius: 22px
  }

  .services__item-title {
    font-size: 27px
  }

  .why__item {
    font-size: 18px
  }

  .why__item-icon {
    height: 62px
  }

  .wherefore-wrapper {
    gap: 80px
  }

  .wherefore__title {
    margin-bottom: -120px
  }

  .wherefore__item-content {
    gap: 22px
  }

  .wherefore__item-title {
    font-size: 27px
  }

  .wherefore__item-text {
    font-size: 16px
  }

  .wherefore__item-button {
    margin-top: 28px
  }

  .payment-wrapper {
    row-gap: 40px
  }

  .payment__item {
    padding-block: 25px;
    padding-inline: 30px;
    border-radius: 20px
  }

  .payment__item-title {
    font-size: 25px
  }

  .payment__block {
    padding: 22px
  }

  .payment__block-icon {
    flex-basis: 48px;
    width: 48px;
    height: 36px
  }

  .delivery__item {
    gap: 20px;
    padding-inline: 20px
  }

  .action .block-wrapper {
    margin-top: 20px
  }

  .main-action .swiper-wrapper {
    gap: 24px
  }

  .main-action-wrapper {
    gap: 16px
  }

  .main-action__item {
    min-width: 366px
  }

  .main-action__item-title {
    font-size: 31px
  }

  .main-action__item-subtitle {
    max-width: 168px;
    font-size: 18px
  }

  .news-wrapper {
    gap: 20px
  }

  .news__item-img img {
    height: 150px
  }

  .news__item-title {
    font-size: 18px
  }

  .news__item-content {
    padding-block: 20px;
    padding-inline: 20px
  }

  .news__item-text {
    margin-bottom: 20px
  }

  .single-news-wrapper,
  .single-news__left {
    gap: 40px
  }

  .single-news__title {
    margin-bottom: -20px
  }

  .single-news__pagination {
    gap: 15px
  }

  .single-news__pagination-button {
    padding-inline: 30px
  }

  .other {
    padding-inline: 25px
  }

  .other__item-img {
    width: 95px
  }
}

@media (min-width:1401px) {
  body:before {
    content: "1401"
  }
}

@media (max-width:1430px) {
  .offer__img {
    translate: 0 -50%;
    max-width: 400px
  }
}

@media (max-width:1300px) {
  .flex {
    gap: clamp(10px, 8.8461538462px + .3205128205vw, 15px)
  }

  .grid {
    gap: clamp(12px, 10.6153846154px + .3846153846vw, 18px)
  }

  .hide-xl {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    clip: rect(0 0 0 0);
    overflow: hidden
  }

  .crumbs-wrapper {
    margin-bottom: clamp(-25px, -.3846153846px + -1.2820512821vw, -5px)
  }

  .pagination,
  .swiper-pagination {
    margin-top: clamp(20px, 17.6923076923px + .641025641vw, 30px)
  }

  .menu-item-arrow {
    flex-basis: clamp(12px, 20.8615384615px + -.4615384615vw, 19.2px);
    width: clamp(12px, 20.8615384615px + -.4615384615vw, 19.2px);
    height: clamp(12px, 20.8615384615px + -.4615384615vw, 19.2px)
  }

  .text-block h2 {
    font-size: clamp(24px, 18px + 1.6666666667vw, 50px)
  }

  .text-block h3 {
    margin-bottom: clamp(15px, 12.6923076923px + .641025641vw, 25px);
    font-size: clamp(18px, 16.1538461538px + .5128205128vw, 26px)
  }

  .text-block p:not(:last-child) {
    margin-bottom: clamp(16px, 12.7692307692px + .8974358974vw, 30px)
  }

  .text-block ul>li {
    padding-left: clamp(16px, 14.8461538462px + .3205128205vw, 21px)
  }

  .text-block ul>li:before {
    width: clamp(6px, 5.3076923077px + .1923076923vw, 9px);
    height: clamp(6px, 5.3076923077px + .1923076923vw, 9px);
    flex-basis: clamp(6px, 5.3076923077px + .1923076923vw, 9px)
  }

  .text-block blockquote {
    gap: clamp(15px, 10.6153846154px + 1.2179487179vw, 34px);
    margin-bottom: clamp(20px, 15.3846153846px + 1.2820512821vw, 40px);
    padding-inline: clamp(16px, 12.7692307692px + .8974358974vw, 30px);
    padding-block: clamp(20px, 15.3846153846px + 1.2820512821vw, 40px);
    font-size: clamp(16px, 15.3076923077px + .1923076923vw, 19px)
  }

  .text-block blockquote:before {
    left: clamp(16px, 12.7692307692px + .8974358974vw, 30px)
  }

  .text-block blockquote:after {
    right: clamp(16px, 12.7692307692px + .8974358974vw, 30px)
  }

  .text-block img {
    border-radius: clamp(16px, 15.0769230769px + .2564102564vw, 20px)
  }

  .text-block table {
    font-size: clamp(12px, 11.7692307692px + .0641025641vw, 13px)
  }

  .text-block table tbody>tr:first-child td:first-child,
  .text-block table tbody>tr:first-child th:first-child {
    border-top-left-radius: clamp(12px, 10.1538461538px + .5128205128vw, 20px)
  }

  .text-block table tbody>tr:first-child td:last-child,
  .text-block table tbody>tr:first-child th:last-child {
    border-top-right-radius: clamp(12px, 10.1538461538px + .5128205128vw, 20px)
  }

  .text-block table tbody>tr:last-child td:first-child,
  .text-block table tbody>tr:last-child th:first-child {
    border-bottom-left-radius: clamp(12px, 10.1538461538px + .5128205128vw, 20px)
  }

  .text-block table tbody>tr:last-child td:last-child,
  .text-block table tbody>tr:last-child th:last-child {
    border-bottom-right-radius: clamp(12px, 10.1538461538px + .5128205128vw, 20px)
  }

  .text-block table td,
  .text-block table th {
    padding-inline: clamp(12px, 10.1538461538px + .5128205128vw, 20px)
  }

  .select__value:after {
    right: clamp(14px, 12.1538461538px + .5128205128vw, 22px)
  }

  .select__options {
    min-width: clamp(150px, 147.6923076923px + .641025641vw, 160px)
  }

  .video-js {
    border-radius: clamp(16px, 15.0769230769px + .2564102564vw, 20px)
  }

  .tooltip {
    min-width: clamp(190px, 170.3846153846px + 5.4487179487vw, 275px);
    font-size: clamp(12px, 11.5384615385px + .1282051282vw, 14px)
  }

  .notify__item {
    font-size: clamp(14px, 14px + 0vw, 14px)
  }

  .notify__item-close svg {
    width: clamp(10px, 10px + 0vw, 10px);
    height: clamp(10px, 10px + 0vw, 10px)
  }

  .main,
  .section {
    padding-bottom: clamp(20px, 13.0769230769px + 1.9230769231vw, 50px)
  }

  .section {
    padding-top: clamp(20px, 13.0769230769px + 1.9230769231vw, 50px)
  }

  .section-bg {
    margin-bottom: clamp(33.3333333333px, 29.4871794872px + 1.0683760684vw, 50px);
    margin-top: clamp(33.3333333333px, 29.4871794872px + 1.0683760684vw, 50px)
  }

  .section-bottom {
    padding-bottom: clamp(40px, 37.6923076923px + .641025641vw, 50px)
  }

  .section-top {
    padding-top: clamp(40px, 37.6923076923px + .641025641vw, 50px)
  }

  .section-bg+.section-bg {
    margin-top: clamp(-50px, -19.2307692308px + -1.6025641026vw, -25px)
  }

  .section .section__button {
    margin-top: clamp(20px, 15.3846153846px + 1.2820512821vw, 40px)
  }

  .section__text {
    padding: clamp(12px, 10.1538461538px + .5128205128vw, 20px);
    border-radius: clamp(12px, 10.1538461538px + .5128205128vw, 20px);
    font-size: clamp(16px, 15.5384615385px + .1282051282vw, 18px)
  }

  .section__top,
  .title {
    margin-bottom: clamp(20px, 15.3846153846px + 1.2820512821vw, 40px)
  }

  .title {
    font-size: clamp(24px, 18px + 1.6666666667vw, 50px)
  }

  .title_small {
    margin-bottom: clamp(20px, 20.0123076923px + -.0006410256vw, 20.01px)
  }

  .title-2 {
    margin-bottom: clamp(20px, 15.3846153846px + 1.2820512821vw, 40px);
    font-size: clamp(16px, 11.3846153846px + 1.2820512821vw, 36px)
  }

  .title-3 {
    font-size: clamp(18px, 17.5384615385px + .1282051282vw, 20px)
  }

  .title-4_mobile {
    font-size: clamp(16px, 15.5384615385px + .1282051282vw, 18px)
  }

  .button_big {
    min-height: clamp(42px, 40.1538461538px + .5128205128vw, 50px);
    padding-inline: clamp(20px, 15.3846153846px + 1.2820512821vw, 40px);
    min-width: clamp(200px, 190.7692307692px + 2.5641025641vw, 240px)
  }

  .logo img {
    max-width: clamp(140px, 126.1538461538px + 3.8461538462vw, 200px)
  }

  .price-new {
    font-size: clamp(10px, 9.0769230769px + .2564102564vw, 14px)
  }

  .price-old {
    font-size: clamp(8px, 7.5384615385px + .1282051282vw, 10px)
  }

  .count__button {
    width: clamp(26px, 24.6153846154px + .3846153846vw, 32px);
    height: clamp(26px, 24.6153846154px + .3846153846vw, 32px)
  }

  .count__value {
    width: clamp(35px, 31.5384615385px + .9615384615vw, 50px);
    font-size: clamp(16px, 15.0769230769px + .2564102564vw, 20px)
  }

  .zaglushka-wrapper img {
    width: clamp(200px, 176.9230769231px + 6.4102564103vw, 300px)
  }

  .zaglushka-wrapper h1 {
    font-size: clamp(40px, 30.7692307692px + 2.5641025641vw, 80px)
  }

  .zaglushka .product__timer .timer__item>:first-child {
    font-size: clamp(26px, 25.0769230769px + .2564102564vw, 30px)
  }

  .zaglushka__text {
    margin-top: clamp(20px, 15.3846153846px + 1.2820512821vw, 40px);
    font-size: clamp(25px, 21.5384615385px + .9615384615vw, 40px)
  }

  .tags {
    gap: clamp(6px, 5.0769230769px + .2564102564vw, 10px)
  }

  .tag {
    padding: clamp(6px, 5.5384615385px + .1282051282vw, 8px);
    font-size: clamp(12px, 11.7692307692px + .0641025641vw, 13px)
  }

  .input,
  .textarea {
    padding-block: clamp(16px, 13.4615384615px + .7051282051vw, 27px);
    padding-inline: clamp(20px, 15.8461538462px + 1.1538461538vw, 38px)
  }

  .input {
    min-height: clamp(55px, 50.1538461538px + 1.3461538462vw, 76px)
  }

  .textarea {
    height: clamp(75px, 69.2307692308px + 1.6025641026vw, 100px)
  }

  .input-file {
    min-height: clamp(55px, 50.1538461538px + 1.3461538462vw, 76px);
    font-size: clamp(13px, 12.5384615385px + .1282051282vw, 15px)
  }

  .popup__content {
    padding: clamp(12px, 5.5384615385px + 1.7948717949vw, 40px)
  }

  .popup__block {
    padding-block: clamp(12px, 10.1538461538px + .5128205128vw, 20px);
    margin-block: clamp(12px, 10.1538461538px + .5128205128vw, 20px)
  }

  .popup__form .input-wrapper {
    row-gap: clamp(12px, 10.1538461538px + .5128205128vw, 20px)
  }

  .popup__close {
    right: clamp(-55px, .3846153846px + -2.8846153846vw, -10px)
  }

  .popup-thank .popup__content {
    gap: clamp(10px, 7.6923076923px + .641025641vw, 20px);
    width: clamp(300px, 219.2307692308px + 22.4358974359vw, 650px)
  }

  .popup-thank img {
    width: clamp(100px, 85.9230769231px + 3.9102564103vw, 161px);
    height: clamp(100px, 85.9230769231px + 3.9102564103vw, 161px)
  }

  .popup-feedback .popup__content {
    padding: clamp(5px, 1.5384615385px + .9615384615vw, 20px)
  }

  .header__top-left {
    gap: clamp(20px, 13.5384615385px + 1.7948717949vw, 48px)
  }

  .header__top-right {
    gap: clamp(20px, 15.3846153846px + 1.2820512821vw, 40px)
  }

  .header__menu {
    gap: clamp(20px, 14.4615384615px + 1.5384615385vw, 44px)
  }

  .header__bottom {
    gap: clamp(10px, 7.6923076923px + .641025641vw, 20px)
  }

  .header__bottom-left {
    gap: clamp(10px, 2.1538461538px + 2.1794871795vw, 44px)
  }

  .header__bottom-right {
    gap: clamp(10px, 7.2307692308px + .7692307692vw, 22px)
  }

  .header__logo img {
    width: clamp(56px, 47.6923076923px + 2.3076923077vw, 92px);
    flex-basis: clamp(56px, 47.6923076923px + 2.3076923077vw, 92px)
  }

  .header__row {
    gap: clamp(10px, -1.5384615385px + 3.2051282051vw, 60px)
  }

  .header-main .block {
    min-height: clamp(288px, 258.9230769231px + 8.0769230769vw, 414px);
    border-radius: clamp(12px, 10.1538461538px + .5128205128vw, 20px)
  }

  .header-main .block__item {
    padding-block: clamp(20px, 11.2307692308px + 2.4358974359vw, 58px);
    padding-inline: clamp(20px, 13.0769230769px + 1.9230769231vw, 50px)
  }

  .header-main .block__item-title {
    margin-bottom: clamp(16px, 15.0769230769px + .2564102564vw, 20px);
    font-size: clamp(30px, 25.3846153846px + 1.2820512821vw, 50px)
  }

  .header-main .block__pagination {
    bottom: clamp(20px, 15.3846153846px + 1.2820512821vw, 40px)
  }

  .header-main__right {
    padding-top: clamp(20px, 18.8461538462px + .3205128205vw, 25px);
    padding-bottom: clamp(20px, 17.6923076923px + .641025641vw, 30px);
    padding-inline: clamp(16px, 12.7692307692px + .8974358974vw, 30px)
  }

  .header-main__title {
    font-size: clamp(20px, 18.8461538462px + .3205128205vw, 25px)
  }

  .header-main__subtitle {
    margin-bottom: clamp(15px, 12.6923076923px + .641025641vw, 25px)
  }

  .header-main__prev {
    left: clamp(-20px, -7.6923076923px + -.641025641vw, -10px)
  }

  .header-main__next {
    right: clamp(-20px, -7.6923076923px + -.641025641vw, -10px)
  }

  .header-main .card {
    padding: clamp(16px, 15.0769230769px + .2564102564vw, 20px)
  }

  .header-main .card__img img {
    max-height: clamp(180px, 169.6153846154px + 2.8846153846vw, 225px)
  }

  .header-main {
    grid-template-columns: 61% 1fr
  }

  .header-main .block__item:after {
    display: none
  }

  .header__bottom-wrapper {
    padding-block: 16px
  }

  .header__bottom-left,
  .header__bottom-right {
    gap: 14px
  }

  .header__search {
    width: auto;
    flex: 1 1 auto
  }

  .header-bann__content {
    padding-block: clamp(30px, 54.6153846154px + -1.2820512821vw, 50px);
    padding-inline: clamp(20px, 17.6923076923px + .641025641vw, 30px)
  }

  .header-bann__top {
    column-gap: clamp(40px, 34.2307692308px + 1.6025641026vw, 65px)
  }

  .header-bann__title {
    font-size: clamp(46px, 41.3846153846px + 1.2820512821vw, 66px)
  }

  .header-bann__subtitle {
    font-size: clamp(22px, 21.0769230769px + .2564102564vw, 26px)
  }

  .header-bann__text {
    margin-bottom: clamp(20px, 13.0769230769px + 1.9230769231vw, 50px);
    max-width: clamp(300px, 263.0769230769px + 10.2564102564vw, 460px);
    font-size: clamp(20px, 17.6923076923px + .641025641vw, 30px)
  }

  .header-bann__text strong {
    padding-inline: clamp(8px, 3.8461538462px + 1.1538461538vw, 26px);
    font-size: clamp(24px, 22.6153846154px + .3846153846vw, 30px)
  }

  .header-bann__button {
    min-width: clamp(353px, 324.8461538462px + 7.8205128205vw, 475px);
    min-height: clamp(70px, 73.6923076923px + -.1923076923vw, 73px);
    font-size: clamp(19px, 17.3846153846px + .4487179487vw, 26px)
  }

  .header-bann__items {
    column-gap: clamp(20px, 17.6923076923px + .641025641vw, 30px);
    row-gap: clamp(16px, 15.0769230769px + .2564102564vw, 20px);
    margin-top: clamp(20px, 15.3846153846px + 1.2820512821vw, 40px)
  }

  .header-bann__item {
    font-size: clamp(14px, 13.0769230769px + .2564102564vw, 18px)
  }

  .header-bann__item-icon {
    flex-basis: clamp(20px, 8.4615384615px + 3.2051282051vw, 70px)
  }

  .header-bann__item-icon img {
    max-width: clamp(20px, 8.4615384615px + 3.2051282051vw, 70px);
    max-height: clamp(20px, 8.4615384615px + 3.2051282051vw, 70px)
  }

  .footer__top {
    gap: clamp(15px, 9.2307692308px + 1.6025641026vw, 40px);
    padding-bottom: clamp(20px, 15.3846153846px + 1.2820512821vw, 40px)
  }

  .footer__left {
    gap: clamp(15px, 13.8461538462px + .3205128205vw, 20px)
  }

  .footer__middle {
    gap: clamp(15px, 9.2307692308px + 1.6025641026vw, 40px)
  }

  .footer__col-list {
    gap: clamp(10px, 9.5384615385px + .1282051282vw, 12px)
  }

  .footer__block {
    gap: clamp(15px, 9.2307692308px + 1.6025641026vw, 40px)
  }

  .footer__block-bottom,
  .footer__block-top {
    gap: clamp(10px, 9.5384615385px + .1282051282vw, 12px)
  }

  .block {
    min-height: clamp(300px, 260.0769230769px + 11.0897435897vw, 473px);
    border-radius: clamp(12px, 5.5384615385px + 1.7948717949vw, 40px)
  }

  .block:has(.swiper-slide:nth-child(2)) .block__item {
    padding-bottom: clamp(53px, 93.6153846154px + -2.1153846154vw, 86px)
  }

  .block__item {
    padding-top: clamp(20px, 11.2307692308px + 2.4358974359vw, 58px);
    padding-left: clamp(20px, 13.0769230769px + 1.9230769231vw, 50px);
    padding-bottom: clamp(20px, 12.3846153846px + 2.1153846154vw, 53px)
  }

  .block__item-title {
    margin-bottom: clamp(16px, 15.0769230769px + .2564102564vw, 20px);
    font-size: clamp(24px, 20.3076923077px + 1.0256410256vw, 40px)
  }

  .block__item-title_small {
    font-size: clamp(16px, 11.3846153846px + 1.2820512821vw, 36px)
  }

  .block__item-title_big {
    font-size: 36px
  }

  .block__item-subtitle {
    font-size: clamp(18px, 17.5384615385px + .1282051282vw, 20px)
  }

  .block__item-timer {
    margin-bottom: clamp(20px, 17.6923076923px + .641025641vw, 30px)
  }

  .block__item-text {
    margin-bottom: clamp(20px, 16.3076923077px + 1.0256410256vw, 36px);
    font-size: clamp(16px, 15.0769230769px + .2564102564vw, 20px)
  }

  .block-wrapper {
    row-gap: clamp(18px, 45.0769230769px + -1.4102564103vw, 40px)
  }

  .block-wrapper .block__item {
    border-radius: clamp(12px, 10.1538461538px + .5128205128vw, 20px)
  }

  .block-wrapper .block__item-top {
    padding-top: clamp(16px, 14.1538461538px + .5128205128vw, 24px);
    padding-bottom: clamp(16px, 12.7692307692px + .8974358974vw, 30px);
    padding-inline: clamp(16px, 12.7692307692px + .8974358974vw, 30px)
  }

  .block-wrapper .block__item-content {
    padding-block: clamp(16px, 15.0769230769px + .2564102564vw, 20px);
    padding-inline: clamp(16px, 12.7692307692px + .8974358974vw, 30px)
  }

  .block-wrapper .block__item-title {
    font-size: clamp(24px, 20.3076923077px + 1.0256410256vw, 40px)
  }

  .block-wrapper .block__item-subtitle {
    margin-top: clamp(15px, 13.8461538462px + .3205128205vw, 20px);
    font-size: clamp(18px, 17.5384615385px + .1282051282vw, 20px)
  }

  .block-wrapper .block__item-text {
    margin-bottom: clamp(15px, 12.6923076923px + .641025641vw, 25px)
  }

  .block-wrapper .block__item-button {
    min-width: clamp(200px, 190.7692307692px + 2.5641025641vw, 240px)
  }

  .block__item {
    padding-right: 20px
  }

  .hero-wrapper {
    gap: clamp(16px, 13.9230769231px + .5769230769vw, 25px)
  }

  .hero__left {
    padding-block: clamp(45px, 39.2307692308px + 1.6025641026vw, 70px);
    padding-left: clamp(20px, 10.5384615385px + 2.6282051282vw, 61px);
    padding-right: clamp(20px, 13.5384615385px + 1.7948717949vw, 48px);
    border-radius: clamp(10px, 7.6923076923px + .641025641vw, 20px)
  }

  .hero__title {
    margin-bottom: clamp(20px, 19.3076923077px + .1923076923vw, 23px);
    font-size: clamp(22px, 17.8461538462px + 1.1538461538vw, 40px)
  }

  .hero__subtitle {
    margin-bottom: clamp(40px, 36.5384615385px + .9615384615vw, 55px);
    font-size: clamp(13px, 12.3076923077px + .1923076923vw, 16px)
  }

  .hero__row {
    gap: clamp(16px, 13.6923076923px + .641025641vw, 26px);
    margin-bottom: clamp(42px, 37.8461538462px + 1.1538461538vw, 60px)
  }

  .hero__button {
    min-height: clamp(47px, 43.3076923077px + 1.0256410256vw, 63px);
    min-width: clamp(200px, 156.1538461538px + 12.1794871795vw, 390px);
    font-size: clamp(18px, 16.8461538462px + .3205128205vw, 23px)
  }

  .hero__item {
    font-size: clamp(13px, 12.7692307692px + .0641025641vw, 14px)
  }

  .hero__item-icon {
    width: clamp(30px, 27.6923076923px + .641025641vw, 40px);
    height: clamp(30px, 27.6923076923px + .641025641vw, 40px)
  }

  .about__top {
    gap: clamp(20px, 15.3846153846px + 1.2820512821vw, 40px)
  }

  .about__block-title {
    font-size: clamp(16px, 15.0769230769px + .2564102564vw, 20px)
  }

  .about__item {
    padding-block: clamp(20px, 17.6923076923px + .641025641vw, 30px);
    padding-inline: clamp(16px, 12.0769230769px + 1.0897435897vw, 33px);
    min-height: clamp(200px, 188.4615384615px + 3.2051282051vw, 250px)
  }

  .account-wrapper {
    gap: clamp(10px, 7.6923076923px + .641025641vw, 20px)
  }

  .account__item-title {
    font-size: clamp(20px, 18.8461538462px + .3205128205vw, 25px)
  }

  .account__item-flex,
  .corporate .block__item-text ul {
    gap: clamp(10px, 7.6923076923px + .641025641vw, 20px)
  }

  .history__title {
    font-size: clamp(20px, 18.8461538462px + .3205128205vw, 25px)
  }

  .history__header,
  .history__total {
    font-size: clamp(13px, 12.5384615385px + .1282051282vw, 15px)
  }

  .catering__slider .swiper,
  .history__item {
    border-radius: clamp(12px, 10.1538461538px + .5128205128vw, 20px)
  }

  .history-product {
    padding: clamp(16px, 15.0769230769px + .2564102564vw, 20px)
  }

  .history-product__img img {
    width: clamp(40px, 16.9230769231px + 6.4102564103vw, 140px);
    height: clamp(40px, 16.9230769231px + 6.4102564103vw, 140px)
  }

  .history-product__title {
    margin-bottom: clamp(16px, 14.1538461538px + .5128205128vw, 24px);
    font-size: clamp(15px, 14.3076923077px + .1923076923vw, 18px)
  }

  .catering__text {
    font-size: clamp(16px, 15.0769230769px + .2564102564vw, 20px)
  }

  .catering__item {
    gap: clamp(16px, 15.0769230769px + .2564102564vw, 20px);
    min-height: clamp(140px, 134px + 1.6666666667vw, 166px);
    padding: clamp(12px, 10.1538461538px + .5128205128vw, 20px)
  }

  .catering__item-title {
    font-size: clamp(18px, 17.0769230769px + .2564102564vw, 22px)
  }

  .catering-menu-wrapper {
    row-gap: clamp(20px, 44.6153846154px + -1.2820512821vw, 40px)
  }

  .catering-menu__item-content,
  .catering-menu__item-title {
    padding-inline: clamp(20px, 15.3846153846px + 1.2820512821vw, 40px)
  }

  .catering-menu__item-title {
    font-size: clamp(22px, 17.8461538462px + 1.1538461538vw, 40px)
  }

  .catering-menu__item-content {
    gap: clamp(20px, 15.3846153846px + 1.2820512821vw, 40px);
    padding-block: clamp(20px, 17.6923076923px + .641025641vw, 30px)
  }

  .catering-menu__item-price {
    display: block;
    flex: 1 1 100%;
    margin-left: 62px
  }

  .catering-category__tab {
    gap: clamp(20px, 16.5384615385px + .9615384615vw, 35px)
  }

  .catering__slider img {
    height: clamp(203px, 191.6923076923px + 3.141025641vw, 252px)
  }

  .callback {
    margin-top: clamp(10px, -8.9230769231px + 5.2564102564vw, 92px)
  }

  .callback-wrapper,
  .catering__slider img {
    border-radius: clamp(12px, 10.1538461538px + .5128205128vw, 20px)
  }

  .callback__left {
    padding-block: clamp(20px, 17.6923076923px + .641025641vw, 30px);
    padding-inline: clamp(20px, 15.3846153846px + 1.2820512821vw, 40px)
  }

  .callback__title {
    font-size: clamp(16px, 15.0769230769px + .2564102564vw, 20px)
  }

  .callback__form {
    max-width: clamp(500px, 462.3846153846px + 10.4487179487vw, 663px)
  }

  .callback__form .form__text {
    column-gap: clamp(20px, 13.0769230769px + 1.9230769231vw, 50px)
  }

  .callback__form-top {
    padding-block: clamp(15px, 13.8461538462px + .3205128205vw, 20px)
  }

  .callback .offer__left {
    max-width: clamp(400px, 296.6153846154px + 28.7179487179vw, 848px)
  }

  .checkout__left-title {
    font-size: clamp(18px, 17.5384615385px + .1282051282vw, 20px)
  }

  .checkout__info {
    padding-inline: clamp(16px, 15.0769230769px + .2564102564vw, 20px);
    padding-block: clamp(10px, 7.6923076923px + .641025641vw, 20px);
    border-radius: clamp(12px, 10.1538461538px + .5128205128vw, 20px)
  }

  .checkout__item {
    min-height: clamp(160px, 155.3846153846px + 1.2820512821vw, 180px);
    padding-block: clamp(12px, 11.0769230769px + .2564102564vw, 16px);
    padding-left: clamp(12px, 10.1538461538px + .5128205128vw, 20px);
    padding-right: clamp(12px, 7.8461538462px + 1.1538461538vw, 30px)
  }

  .checkout__item-title {
    font-size: clamp(14px, 13.0769230769px + .2564102564vw, 18px)
  }

  .checkout__item-price .price-new {
    font-size: 14px
  }

  .checkout__item-price .price-old {
    font-size: 10px
  }

  .checkout__item-wishlist {
    right: clamp(20px, 19.0769230769px + .2564102564vw, 24px)
  }

  .checkout-result__buttons {
    gap: clamp(8px, 7.0769230769px + .2564102564vw, 12px);
    grid-template-columns: 100%
  }

  .corporate .block {
    min-height: clamp(300px, 260.0769230769px + 11.0897435897vw, 473px)
  }

  .corporate .block__item {
    padding-top: clamp(20px, 11.2307692308px + 2.4358974359vw, 58px);
    padding-bottom: clamp(40px, 37px + .8333333333vw, 53px)
  }

  .corporate .block__item-title {
    margin-bottom: clamp(20px, 15.3846153846px + 1.2820512821vw, 40px)
  }

  .corporate .block__item-text {
    font-size: clamp(16px, 15.0769230769px + .2564102564vw, 20px)
  }

  .corporate .block__pagination {
    bottom: clamp(20px, 15.3846153846px + 1.2820512821vw, 40px)
  }

  .corporate-features__item {
    gap: clamp(16px, 15.0769230769px + .2564102564vw, 20px);
    padding-block: clamp(20px, 17.6923076923px + .641025641vw, 30px);
    padding-inline: clamp(16px, 15.0769230769px + .2564102564vw, 20px);
    font-size: clamp(16px, 15.5384615385px + .1282051282vw, 18px)
  }

  .corporate-features__item img {
    height: clamp(40px, 37.2307692308px + .7692307692vw, 52px)
  }

  .categories__item {
    gap: clamp(20px, 15.3846153846px + 1.2820512821vw, 40px)
  }

  .categories__item-title {
    font-size: clamp(16px, 14.1538461538px + .5128205128vw, 24px)
  }

  .categories__item-img {
    max-width: clamp(112px, 100.9230769231px + 3.0769230769vw, 160px);
    height: clamp(88.2px, 79.4769230769px + 2.4230769231vw, 126px)
  }

  .category {
    min-height: clamp(200px, 186.8461538462px + 3.6538461538vw, 257px);
    border-radius: clamp(16px, 15.0769230769px + .2564102564vw, 20px)
  }

  .category-block__button {
    min-width: clamp(200px, 190.7692307692px + 2.5641025641vw, 240px)
  }

  .category__content {
    gap: clamp(20px, 17.6923076923px + .641025641vw, 30px);
    padding-left: clamp(50px, 40.5384615385px + 2.6282051282vw, 91px);
    padding-block: clamp(20px, 16.5384615385px + .9615384615vw, 35px);
    padding-right: clamp(20px, 16.5384615385px + .9615384615vw, 35px)
  }

  .category__title {
    font-size: clamp(18px, 17.0769230769px + .2564102564vw, 22px)
  }

  .category__title img {
    left: clamp(-20px, -7.6923076923px + -.641025641vw, -10px);
    width: clamp(25px, 23.1538461538px + .5128205128vw, 33px)
  }

  .filter__content {
    right: calc((100vw - 940px)/2*-1);
    padding-block: clamp(24px, 20.3076923077px + 1.0256410256vw, 40px);
    padding-inline: clamp(12px, 5.5384615385px + 1.7948717949vw, 40px)
  }

  .card {
    flex-basis: clamp(162px, 136.6153846154px + 7.0512820513vw, 272px)
  }

  .card__top {
    gap: clamp(14px, 21.3846153846px + -.3846153846vw, 20px);
    padding-top: clamp(20px, 16.3076923077px + 1.0256410256vw, 36px)
  }

  .card__content {
    padding: clamp(16px, 15.0769230769px + .2564102564vw, 20px)
  }

  .card__price .price-new,
  .card__title {
    font-size: clamp(16px, 15.5384615385px + .1282051282vw, 18px)
  }

  .card__price {
    margin-bottom: clamp(16px, 15.0769230769px + .2564102564vw, 20px)
  }

  .card__text,
  .kit .card__price .price-old {
    font-size: clamp(12px, 11.5384615385px + .1282051282vw, 14px)
  }

  .card__count {
    min-height: clamp(42px, 40.1538461538px + .5128205128vw, 50px)
  }

  .card__count .count__button {
    width: clamp(19px, 15.7692307692px + .8974358974vw, 33px);
    height: clamp(19px, 15.7692307692px + .8974358974vw, 33px)
  }

  .card__count .count__button svg {
    width: clamp(8px, 7.5384615385px + .1282051282vw, 10px);
    height: clamp(8px, 7.5384615385px + .1282051282vw, 10px)
  }

  .card__count .count__value {
    width: clamp(20px, 17.6923076923px + .641025641vw, 30px);
    font-size: clamp(12px, 11.0769230769px + .2564102564vw, 16px)
  }

  .card__title-bold,
  .features__item-list li {
    font-size: clamp(16px, 15.5384615385px + .1282051282vw, 18px)
  }

  .kit {
    padding-top: clamp(40px, 39.0769230769px + .2564102564vw, 44px)
  }

  .kit__top {
    margin-bottom: clamp(20px, 10.7692307692px + 2.5641025641vw, 60px)
  }

  .kit .card-wrapper {
    row-gap: clamp(20px, 10.7692307692px + 2.5641025641vw, 60px)
  }

  .kit .card__scales {
    font-size: clamp(10px, 9.5384615385px + .1282051282vw, 12px)
  }

  .kit .card__content {
    padding: clamp(17px, 16.3076923077px + .1923076923vw, 20px)
  }

  .kit .card__title {
    margin-bottom: clamp(28px, 27.0769230769px + .2564102564vw, 32px)
  }

  .kit .card__button {
    font-size: clamp(11px, 10.5384615385px + .1282051282vw, 13px)
  }

  .features-wrapper {
    gap: clamp(40px, 30.7692307692px + 2.5641025641vw, 80px);
    margin-bottom: clamp(20px, 15.3846153846px + 1.2820512821vw, 40px)
  }

  .features__item-title {
    font-size: clamp(16px, 14.1538461538px + .5128205128vw, 24px)
  }

  .features__text {
    border-radius: clamp(12px, 10.1538461538px + .5128205128vw, 20px);
    font-size: clamp(16px, 15.5384615385px + .1282051282vw, 18px)
  }

  .features-home__info {
    gap: clamp(16px, 13.2307692308px + .7692307692vw, 28px);
    padding-block: clamp(12px, 10.6153846154px + .3846153846vw, 18px);
    padding-inline: clamp(16px, 13.9230769231px + .5769230769vw, 25px)
  }

  .features-home__info img {
    width: clamp(20px, 16.5384615385px + .9615384615vw, 35px);
    height: clamp(20px, 16.5384615385px + .9615384615vw, 35px)
  }

  .feedback__title {
    margin-bottom: clamp(20px, 19.0769230769px + .2564102564vw, 24px)
  }

  .feedback__items {
    gap: clamp(16px, 15.0769230769px + .2564102564vw, 20px)
  }

  .feedback__item {
    padding-block: clamp(20px, 17.6923076923px + .641025641vw, 30px);
    padding-inline: clamp(16px, 12.7692307692px + .8974358974vw, 30px)
  }

  .feedback__item-top {
    gap: clamp(12px, 10.1538461538px + .5128205128vw, 20px)
  }

  .feedback__item-content {
    gap: clamp(16px, 12.7692307692px + .8974358974vw, 30px)
  }

  .feedback__item-button {
    margin-top: clamp(16px, 15.0769230769px + .2564102564vw, 20px)
  }

  .feedback-video {
    row-gap: clamp(16px, 10.4615384615px + 1.5384615385vw, 40px);
    column-gap: clamp(16px, 15.0769230769px + .2564102564vw, 20px)
  }

  .feedback-video__item-img {
    border-radius: clamp(16px, 15.0769230769px + .2564102564vw, 20px)
  }

  .feedback-video__item-icon {
    padding: clamp(24px, 21.6923076923px + .641025641vw, 34px)
  }

  .reviews__row {
    margin-bottom: clamp(20px, 15.3846153846px + 1.2820512821vw, 40px)
  }

  .reviews-wrapper {
    gap: clamp(20px, 19.0769230769px + .2564102564vw, 24px)
  }

  .reviews-brands .reviews__item {
    padding: clamp(16px, 14.6153846154px + .3846153846vw, 22px);
    flex-basis: clamp(100px, 73.6923076923px + 7.3076923077vw, 214px)
  }

  .video-feedback__item {
    width: clamp(180px, 159.2307692308px + 5.7692307692vw, 270px);
    flex-basis: clamp(180px, 159.2307692308px + 5.7692307692vw, 270px);
    border-radius: clamp(16px, 15.0769230769px + .2564102564vw, 20px)
  }

  .contact__right {
    gap: clamp(20px, 17.2307692308px + .7692307692vw, 32px)
  }

  .contact__block {
    padding: clamp(12px, 10.6153846154px + .3846153846vw, 18px)
  }

  .contact__map {
    min-height: clamp(248px, 168.3846153846px + 22.1153846154vw, 593px)
  }

  .contact__form {
    padding-inline: clamp(12px, 10.1538461538px + .5128205128vw, 20px)
  }

  .contact__blocks {
    grid-template-columns: 100%
  }

  .offer__left {
    max-width: clamp(430px, 376.2307692308px + 14.9358974359vw, 663px)
  }

  .offer__title {
    margin-bottom: clamp(10px, 8.8461538462px + .3205128205vw, 15px)
  }

  .offer__subtitle {
    margin-bottom: clamp(24px, 20.3076923077px + 1.0256410256vw, 40px)
  }

  .offer__form .input {
    height: clamp(53px, 52.7692307692px + .0641025641vw, 54px);
    padding-block: clamp(4px, 3.0769230769px + .2564102564vw, 8px)
  }

  .offer__left {
    max-width: 60% !important
  }

  .offer__img {
    max-width: 40%
  }

  .offer__form .form__text {
    grid-template-columns: 100%
  }

  .product-wrapper {
    gap: clamp(20px, 17.6923076923px + .641025641vw, 30px)
  }

  .product__sliders .thumb__item,
  .product__sliders .thumb__item img {
    border-radius: clamp(8px, 7.0769230769px + .2564102564vw, 12px)
  }

  .product__timer {
    padding: clamp(7px, 5.8461538462px + .3205128205vw, 12px)
  }

  .product__timer .timer__items {
    gap: clamp(12px, 21.8461538462px + -.5128205128vw, 20px)
  }

  .product__title {
    font-size: clamp(22px, 20.1538461538px + .5128205128vw, 30px)
  }

  .product__text {
    margin-bottom: clamp(15px, 13.8461538462px + .3205128205vw, 20px)
  }

  .product__block-content {
    padding-inline: clamp(20px, 17.6923076923px + .641025641vw, 30px)
  }

  .product__block-price .price-new {
    font-size: clamp(20px, 18.085106383px + .5319148936vw, 25px)
  }

  .product__block-buttons {
    gap: clamp(8px, 5.2307692308px + .7692307692vw, 20px)
  }

  .product__block-of {
    column-gap: clamp(15px, 6.9230769231px + 2.2435897436vw, 50px)
  }

  .product__block-bottom,
  .product__block-of {
    padding-inline: clamp(20px, 17.6923076923px + .641025641vw, 30px)
  }

  .product__button {
    min-width: clamp(100px, 86.8461538462px + 3.6538461538vw, 157px)
  }

  .product__payment {
    gap: clamp(12px, 21.8461538462px + -.5128205128vw, 20px);
    padding-inline: clamp(16px, 12.7692307692px + .8974358974vw, 30px);
    border-radius: clamp(12px, 10.1538461538px + .5128205128vw, 20px)
  }

  .product__payment-title {
    font-size: clamp(18px, 17.5384615385px + .1282051282vw, 20px)
  }

  .product__compound {
    margin-bottom: clamp(15px, 12.6923076923px + .641025641vw, 25px)
  }

  .product-wrapper {
    grid-template-columns: 1.4fr 1fr
  }

  .product__block-content {
    grid-template-columns: 100%
  }

  .product__block-top {
    order: -1;
    justify-content: flex-start
  }

  .product__block-row {
    display: grid
  }

  .product__block-of {
    column-gap: 10px
  }

  .services-wrapper {
    gap: clamp(8px, 5.2307692308px + .7692307692vw, 20px)
  }

  .services__item {
    padding-inline: clamp(16px, 12.3076923077px + 1.0256410256vw, 32px);
    min-height: clamp(120px, 109.3846153846px + 2.9487179487vw, 166px);
    border-radius: clamp(16px, 14.6153846154px + .3846153846vw, 22px)
  }

  .services__item-title {
    font-size: clamp(18px, 15.9230769231px + .5769230769vw, 27px)
  }

  .why__item {
    font-size: clamp(16px, 15.5384615385px + .1282051282vw, 18px)
  }

  .why__item-icon {
    height: clamp(62px, 89.0769230769px + -1.4102564103vw, 84px)
  }

  .wherefore-wrapper {
    gap: clamp(40px, 30.7692307692px + 2.5641025641vw, 80px)
  }

  .wherefore__title {
    margin-bottom: clamp(-120px, 64.6153846154px + -9.6153846154vw, 30px)
  }

  .wherefore__item-content {
    gap: clamp(16px, 14.6153846154px + .3846153846vw, 22px)
  }

  .wherefore__item-title {
    font-size: clamp(20px, 18.3846153846px + .4487179487vw, 27px)
  }

  .wherefore__item-text {
    font-size: clamp(14px, 13.5384615385px + .1282051282vw, 16px)
  }

  .wherefore__item-button {
    margin-top: clamp(20px, 18.1538461538px + .5128205128vw, 28px)
  }

  .payment-wrapper {
    row-gap: clamp(20px, 15.3846153846px + 1.2820512821vw, 40px);
    grid-template-columns: 100%
  }

  .payment__item {
    padding-block: clamp(20px, 18.8461538462px + .3205128205vw, 25px);
    padding-inline: clamp(12px, 7.8461538462px + 1.1538461538vw, 30px);
    border-radius: clamp(12px, 10.1538461538px + .5128205128vw, 20px)
  }

  .payment__item-title {
    font-size: clamp(20px, 18.8461538462px + .3205128205vw, 25px)
  }

  .payment__block {
    padding: clamp(16px, 14.6153846154px + .3846153846vw, 22px)
  }

  .payment__block-icon {
    flex-basis: clamp(28px, 23.3846153846px + 1.2820512821vw, 48px);
    width: clamp(28px, 23.3846153846px + 1.2820512821vw, 48px);
    height: clamp(24px, 21.2307692308px + .7692307692vw, 36px)
  }

  .delivery__item {
    gap: clamp(16px, 15.0769230769px + .2564102564vw, 20px);
    padding-inline: clamp(12px, 10.1538461538px + .5128205128vw, 20px)
  }

  .action .block-wrapper {
    margin-top: clamp(20px, 44.6153846154px + -1.2820512821vw, 40px)
  }

  .main-action .swiper-wrapper {
    gap: clamp(16px, 14.1538461538px + .5128205128vw, 24px)
  }

  .main-action-wrapper {
    gap: clamp(16px, 20.9230769231px + -.2564102564vw, 20px)
  }

  .main-action__item {
    min-width: clamp(280px, 260.1538461538px + 5.5128205128vw, 366px)
  }

  .main-action__item-title {
    font-size: clamp(18px, 15px + .8333333333vw, 31px)
  }

  .main-action__item-subtitle {
    max-width: clamp(140px, 133.5384615385px + 1.7948717949vw, 168px);
    font-size: clamp(12px, 10.6153846154px + .3846153846vw, 18px)
  }

  .news-wrapper {
    gap: clamp(12px, 10.1538461538px + .5128205128vw, 20px)
  }

  .news__item-img img {
    height: clamp(130px, 125.3846153846px + 1.2820512821vw, 150px)
  }

  .news__item-title {
    font-size: clamp(15px, 14.3076923077px + .1923076923vw, 18px)
  }

  .news__item-content {
    padding-block: clamp(16px, 15.0769230769px + .2564102564vw, 20px);
    padding-inline: clamp(12px, 10.1538461538px + .5128205128vw, 20px)
  }

  .news__item-text {
    margin-bottom: clamp(16px, 15.0769230769px + .2564102564vw, 20px)
  }

  .news__item-button {
    min-width: auto;
    padding-inline: 12px
  }

  .single-news-wrapper,
  .single-news__left {
    gap: clamp(20px, 15.3846153846px + 1.2820512821vw, 40px)
  }

  .single-news__title {
    margin-bottom: clamp(-20px, -7.6923076923px + -.641025641vw, -10px)
  }

  .single-news__pagination {
    gap: clamp(15px, 24.8461538462px + -.5128205128vw, 23px)
  }

  .single-news__pagination-button {
    padding-inline: clamp(20px, 17.6923076923px + .641025641vw, 30px)
  }

  .other {
    padding-inline: clamp(16px, 13.9230769231px + .5769230769vw, 25px)
  }

  .other__item-img {
    width: clamp(80px, 76.5384615385px + .9615384615vw, 95px)
  }
}

@media (max-width:1199px) {
  .hide-lg {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    clip: rect(0 0 0 0);
    overflow: hidden
  }

  li.menu-item-has-children {
    width: 100%
  }

  .sub-menu-wrapper .sub-menu {
    display: grid;
    gap: 15px;
    padding: 15px 0 0 15px;
    background: 0 0;
    box-shadow: none
  }

  .sub-menu-wrapper.active {
    opacity: 1;
    margin-top: 0;
    pointer-events: auto
  }

  .sub-menu-wrapper li {
    display: grid
  }

  .sub-menu-wrapper a {
    padding: 0
  }

  body:not(.checkout-page) {
    padding-top: 72px
  }

  .form__text {
    grid-template-columns: 1fr auto
  }

  .header__mobile {
    height: calc(100dvh - 72px);
    position: fixed;
    right: -100vw;
    top: 0;
    z-index: 5;
    padding: 1px;
    display: grid;
    grid-template-columns: 100%;
    justify-items: start;
    align-content: start;
    height: 100dvh;
    gap: 20px;
    width: 100%;
    padding-block: 40px;
    background: #fff;
    opacity: 0;
    transition: right .3s, opacity .3s;
    max-height: 100vh;
    overflow-y: auto;
    overflow-x: hidden
  }

  @supports (-moz-appearance:none) {
    .header__mobile {
      scrollbar-color: #00c180 #dedede;
      scrollbar-width: thin
    }
  }

  .header__mobile::-webkit-scrollbar {
    width: 4px
  }

  .header__mobile::-webkit-scrollbar-track-piece {
    background-color: #dedede;
    border-radius: 8px
  }

  .header__mobile::-webkit-scrollbar-thumb {
    background-color: #00c180;
    border-radius: 8px
  }

  .header__mobile.active {
    right: 0;
    opacity: 1
  }

  .header__top-wrapper {
    padding: 0
  }

  .header__row {
    display: grid;
    margin-inline: auto;
    max-width: 350px;
    padding: 0;
    gap: 20px
  }

  .header__row,
  .header__row-menu {
    grid-template-columns: 100%
  }

  .header__menu,
  .header__row-menu {
    display: grid;
    gap: 20px
  }

  .header__search {
    max-width: 100%
  }

  .about__item {
    position: relative;
    z-index: 1
  }

  .about__item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: rgba(255, 255, 255, .7);
    pointer-events: none
  }

  .history__header {
    grid-template-columns: 23.5% 21.5% 30.5% 19% auto
  }

  .categories-wrapper {
    --gap: 30px
  }

  .filter {
    top: 82px
  }

  .reviews .feedback__item:last-child:nth-child(odd) {
    grid-column: 1/-1
  }
}

@media (max-width:991px) {
  .hide-md {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    clip: rect(0 0 0 0);
    overflow: hidden
  }

  body:not(.checkout-page) {
    padding-top: 64px
  }

  .section__bg {
    display: none
  }

  .fixed-button {
    top: 20%
  }

  .box-wrapper {
    gap: 24px
  }

  .header__mobile {
    height: calc(100dvh - 64px + 69.3px)
  }

  .header-main {
    grid-template-columns: 100%
  }

  .header-main__right {
    display: none
  }

  .header__bottom-wrapper {
    padding-block: 12px
  }

  .header__social {
    justify-content: flex-start;
    padding-left: 10px;
    width: 100%;
  }

  .header-bann__items {
    flex-wrap: wrap
  }

  .header-bann__item {
    flex: 0 0 100%;
    max-width: 100%
  }

  .block-wrapper .block__item:after,
  .footer__middle {
    display: none
  }

  .block-wrapper-3 {
    grid-template-columns: 100%
  }

  .block__item:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: url(/local/templates/el.2.0/assets/img/block/after.webp) center/cover no-repeat;
    pointer-events: none
  }

  .block__item-subtitle {
    color: #000
  }

  .hero-wrapper {
    grid-template-columns: 100%
  }

  .hero__title br:first-of-type {
    display: none
  }

  .hero__title strong {
    display: block
  }

  .hero__subtitle {
    display: flex;
    align-items: center;
    gap: clamp(15px, 9.294770206px + 1.5847860539vw, 25px)
  }

  .hero__img {
    max-width: 50%;
    width: auto;
    height: auto;
    aspect-ratio: 405 / 720 
    
  }

  .about__top,
  .account-wrapper {
    grid-template-columns: 100%
  }

  .account-wrapper {
    justify-items: start;
    gap: 40px
  }

  .account__content,
  .callback__form form {
    width: 100%
  }

  .account__item-flex {
    grid-template-columns: 100%;
    gap: 40px
  }

  .account__header {
    display: flex;
    justify-content: flex-start;
    gap: 12px
  }

  .account__header-button {
    width: auto;
    min-height: 36px;
    padding: 8px 16px;
    border: 1px solid #00c180;
    border-radius: 8px
  }

  .history__header,
  .history__item-top {
    grid-template-columns: 19.5% 19.5% 29% 23% auto
  }

  .catering-category__tab {
    grid-template-columns: 100%
  }

  .catering__slider img {
    height: clamp(203px, 159.0697305864px + 12.2028526149vw, 280px)
  }

  .callback__form {
    justify-items: center;
    margin-inline: auto
  }

  .callback__form .input-wrapper {
    grid-template-columns: 100%;
    gap: 12px
  }

  .callback__form-top {
    grid-template-columns: 100%;
    padding: 0 16px;
    margin-bottom: 8px
  }

  .callback__form-top .select__content {
    width: 100%
  }

  .callback__form-item {
    width: 100%;
    display: grid;
    grid-template-columns: 90px 1fr;
    justify-content: space-between;
    padding: 12px 0
  }

  .callback__form-item-top {
    white-space: nowrap
  }

  .callback__form-item:not(:last-child) {
    border-bottom: 1px solid #8dc7a1
  }

  .callback__form .form__text {
    display: grid;
    margin-top: 8px
  }

  .checkout-wrapper {
    grid-template-columns: 100%;
    gap: 40px
  }

  .corporate .block__item-text {
    color: #000;
    font-size: 16px;
    line-height: 1.5
  }

  .corporate-features-wrapper_big {
    gap: 20px
  }

  .categories-wrapper {
    --gap: 20px
  }

  .category-wrapper {
    grid-template-columns: 100%
  }

  .filter {
    top: 74px
  }

  .filter__content {
    right: calc((100vw - 720px)/2*-1)
  }

  .features-home .section__row {
    grid-template-columns: 100%;
    gap: 20px
  }

  .feedback-video {
    grid-template-columns: 100%
  }

  .video-feedback-container-wrapper {
    display: contents
  }

  .contact-wrapper {
    grid-template-columns: 100%
  }

  .contact__blocks {
    grid-template-columns: repeat(auto-fill, minmax(max(40%, 200px), 1fr))
  }

  .contact__top,
  .offer-wrapper,
  .offer__form .input-wrapper-3 {
    grid-template-columns: 100%
  }

  .offer-wrapper {
    display: grid;
    justify-items: center;
    justify-content: center;
    text-align: center
  }

  .offer__img {
    position: static;
    translate: 0 0;
    margin-bottom: 30px;
    max-width: 280px
  }

  .offer__left {
    order: 1;
    max-width: 100% !important
  }

  .offer__subtitle {
    max-width: 500px
  }

  .product-wrapper {
    grid-template-columns: 100%;
    align-items: center;
    gap: clamp(20px, 17.6923076923px + .641025641vw, 30px)
  }

  .product__sliders,
  .product__sliders-col {
    position: relative;
    grid-template-columns: 100%;
    gap: 0
  }

  .product__sliders-col {
    position: absolute;
    top: 50%;
    right: 20px;
    z-index: 3;
    height: auto;
    display: grid;
    gap: 50px;
    align-items: center;
    justify-content: center;
    translate: 0 -50%
  }

  .product__sliders .thumb,
  .product__sliders-col:after,
  .product__sliders-col:before {
    display: none
  }

  .product__sliders .thumb__pagination {
    display: grid;
    gap: 12px;
    margin-top: 0
  }

  .product__sliders .thumb__pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 2px;
    background: #fff
  }

  .product__sliders .thumb__pagination .swiper-pagination-bullet-active {
    background: #00c180
  }

  .product__sliders .slider {
    grid-area: 1;
    padding: 0
  }

  .product__sliders .slider__item img {
    aspect-ratio: 1/1;
    border-radius: 12px
  }

  .product__arrow {
    position: static;
    translate: 0 0
  }

  .product__labels .label {
    padding: 2px 8px;
    font-size: 10px
  }

  .product__title {
    order: -2
  }

  .product__block {
    order: -1
  }

  .wherefore__title {
    margin-bottom: 40px
  }

  .payment-wrapper {
    grid-template-columns: 100%
  }

  .news-wrapper {
    grid-template-columns: repeat(2, 1fr)
  }

  .single-news-wrapper {
    grid-template-columns: 100%;
    gap: 40px
  }

  .other {
    order: 3
  }

  .other__items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px
  }

  .home-page .news-wrapper {
    grid-template-columns: repeat(auto-fill, minmax(max(40%, 185px), 1fr))
  }
}

@media (max-width:767px) {
  .hide-sm {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    clip: rect(0 0 0 0);
    overflow: hidden
  }

  .text-block table {
    display: block;
    max-width: 100%;
    padding-bottom: 7px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
  }

  @supports (-moz-appearance:none) {
    .text-block table {
      scrollbar-color: #00c180 #dedede;
      scrollbar-width: thin
    }
  }

  .text-block table::-webkit-scrollbar {
    height: 3px
  }

  .text-block table::-webkit-scrollbar-track-piece {
    background: #dedede;
    border-radius: 8px
  }

  .text-block table::-webkit-scrollbar-thumb {
    background: #00c180;
    border-radius: 8px
  }

  .notify {
    bottom: 85px;
    max-height: 70vh
  }

  body:not(.checkout-page) {
    padding-top: 57px
  }

  body.checkout-page {
    padding-top: 110px
  }

  body {
    padding-bottom: 70px
  }

  .section .section__link {
    width: 240px;
    margin-top: 20px;
    margin-inline: auto
  }

  .zaglushka-page {
    background-position: left;
    background-size: auto
  }

  .zaglushka .container {
    width: 95vw
  }

  .zaglushka-wrapper .title {
    font-size: clamp(33px, 26.8083538084px + 1.7199017199vw, 40px)
  }

  .form__text {
    grid-template-columns: 100%
  }

  .header__mobile {
    height: calc(100dvh - 57px + 69.3px);
    padding-bottom: 82px
  }

  .header__mobile-top {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center
  }

  .header__mobile-title {
    font-size: 16px;
    font-weight: 900;
    line-height: 1.5;
    text-transform: uppercase;
    color: #252222
  }

  .header__row {
    max-width: 100%
  }

  .header__bottom {
    row-gap: 12px;
    column-gap: clamp(12px, 4.9238329238px + 1.9656019656vw, 20px)
  }

  .header__bottom-wrapper {
    padding-block: 12px
  }

  .header__search {
    flex: 1 1 100%;
    width: 100%;
    max-width: none;
    order: 10
  }

  .header-bann__top {
    display: grid;
    row-gap: 25px;
    margin-bottom: 100px
  }

  .header-bann__subtitle {
    max-width: 240px
  }

  .header-bann__text {
    line-height: 1.5
  }

  .header-bann__button {
    min-width: auto;
    width: 100%;
    max-width: 353px;
    justify-self: center
  }

  .block__pagination {
    right: 50%;
    translate: 50% 0
  }

  .block-wrapper {
    grid-template-columns: 100%
  }

  .hero__row-text {
    display: none
  }

  .hero__button,
  .wherefore__item picture {
    width: 100%
  }

  .hero__items {
    grid-template-columns: repeat(2, 1fr)
  }

  .hero__item:first-child {
    display: none
  }

  .about-wrapper,
  .about__item {
    grid-template-columns: 100%
  }

  .about__item {
    height: auto;
    align-items: start;
    grid-template-rows: auto 1fr;
    background: linear-gradient(to bottom, #d5f4e9 70%, #fff)
  }

  .about__item-img img {
    width: 100%;
    aspect-ratio: 336/200
  }

  .account__item-title:after {
    opacity: 0
  }

  .history {
    min-width: 892px
  }

  .history__top {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid #eee
  }

  .history__top:after {
    display: none
  }

  .history__top-row {
    display: grid;
    gap: 12px
  }

  .history-wrapper {
    padding: 12px;
    overflow-x: auto
  }

  .history-empty .history {
    min-width: auto
  }

  .history__header {
    grid-template-columns: 211px 193px 280px 150px;
    margin-bottom: 0
  }

  .history__item-top {
    grid-template-columns: 92px 72px 158px 150px
  }

  .catering-menu__item-title {
    text-underline-offset: -2px
  }

  .callback-wrapper,
  .callback__form .form__text,
  .catering-menu-wrapper {
    grid-template-columns: 100%
  }

  .callback__img,
  .checkout-header .social {
    display: none
  }

  .checkout-header .header__bottom-left {
    display: contents
  }

  .checkout-top__link {
    margin-bottom: 20px;
    margin-top: -20px
  }

  .checkout__steps {
    display: none;
    gap: 15px
  }

  .checkout-errors {
    top: 108px
  }

  .checkout__items {
    gap: 0
  }

  .checkout__item {
    grid-template-columns: 100%;
    padding: 20px 0;
    border-radius: 0;
    box-shadow: none
  }

  .checkout__item:not(:last-child) {
    border-bottom: 1px solid #eee
  }

  .checkout__item-right {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between
  }

  .checkout__item-price {
    flex-wrap: wrap;
    row-gap: 12px
  }

  .checkout__item-left {
    gap: clamp(10px, 1.1547911548px + 2.457002457vw, 20px);
    grid-template-columns: auto 1fr
  }

  .checkout__item-img {
    width: 156px;
    height: 156px
  }

  .checkout__item-wishlist {
    position: static
  }

  .checkout__count {
    position: absolute;
    right: 12px;
    bottom: 16px
  }

  .categories-page__top {
    position: sticky;
    left: 0;
    top: 67px;
    z-index: 3;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 20px
  }

  .categories-page__tags {
    flex: 1 1 100%;
    max-width: 100%;
    order: 2;
    margin-bottom: 40px
  }

  .categories-page__select {
    width: auto;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: clamp(180px, 109.2383292383px + 19.656019656vw, 260px)
  }

  .filter__content {
    right: calc((100vw - 520px)/2*-1)
  }

  .filter {
    position: relative;
    top: 0;
    order: 1
  }

  .reviews__button {
    width: 240px;
    margin-top: 20px;
    margin-inline: auto
  }

  .contact__top,
  .kit .card-wrapper {
    padding-bottom: 0
  }

  .contact-wrapper,
  .contact__form .input-wrapper,
  .offer__form .input-wrapper {
    grid-template-columns: 100%
  }

  .contact__map {
    height: 248px;
    border-radius: 12px
  }

  .contact__form {
    padding-block: 0
  }

  .offer-wrapper {
    background-position: left
  }

  .offer__form .input-file {
    order: 1
  }

  .offer__form .submit {
    width: 100%;
    order: -1
  }

  .offer__form .form__text {
    margin-top: 8px
  }

  .services__item_big:not(:first-child) {
    grid-column: initial
  }

  .services-wrapper {
    grid-template-columns: repeat(2, 1fr)
  }

  .services__item {
    align-items: start;
    align-content: start;
    grid-template-rows: 1fr auto
  }

  .services__item:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .5)
  }

  .wherefore__item {
    display: grid;
    grid-template-columns: 100%
  }

  .wherefore__item-img {
    width: 100%
  }

  .wherefore__item-button {
    width: 100%;
    margin-top: 0
  }

  .wherefore__item-content {
    max-width: 100%
  }

  .other__item {
    grid-template-columns: 100%
  }

  .other__item-img,
  .other__item-img img {
    width: 100%
  }
}

@media (max-width:575px) {
  .hide-xs {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    clip: rect(0 0 0 0);
    overflow: hidden
  }

  .pagination {
    flex-direction: column;
    align-items: center
  }

  .search__input {
    font-size: 12px
  }

  .text-block h2 {
    font-weight: 600;
    text-transform: none
  }

  .select__value:after {
    background: #000
  }

  .notify {
    left: 50%;
    translate: -50% 0
  }

  body:not(.checkout-page) {
    padding-top: 60px
  }

  .section__text {
    line-height: 1.5
  }

  .title-2 {
    display: flex;
    justify-content: center;
    text-align: center
  }

  .title-2_left {
    justify-content: flex-start;
    text-align: left
  }

  .features__item-list li,
  .title-4 {
    line-height: 1.5
  }

  .social__whatsapp {
    padding-inline: 8px;
    padding-block: 0;
    min-height: 30px;
    font-size: 10px
  }

  .box-wrapper {
    gap: 12px
  }

  .tabs {
    display: grid;
    grid-template-columns: 1fr 1fr
  }

  .input-file-text {
    padding-left: 40px;
    background-position: 20px center;
    background-size: 12px
  }

  .popup__title {
    text-align: left;
    justify-content: flex-start
  }

  .popup__close {
    left: 50%;
    bottom: -30px;
    translate: -50% 100%;
    top: auto
  }

  .popup__dialog {
    width: 400px;
    max-width: 100%;
    padding: 0 10px;
    margin: 0 auto
  }

  .header-fixed.active {
    z-index: 0
  }

  .header__mobile {
    height: calc(100dvh - 60px + 69.3px)
  }

  .header-bann {
    position: relative
  }

  .header-bann .container {
    position: static;
    padding-inline: 16px
  }

  .header-bann__img {
    position: absolute;
    left: 0;
    top: 0
  }

  .header-bann__content {
    position: static;
    display: grid;
    min-height: 532px;
    padding-inline: 0;
    border-radius: 0
  }

  .header-bann-wrapper {
    display: grid;
    grid-template-rows: auto 1fr auto auto;
    height: 100%
  }

  .home-page .main {
    padding-top: 0
  }

  .footer__middle,
  .footer__top {
    grid-template-columns: 100%;
    gap: 20px
  }

  .footer__col {
    gap: 0;
    border-bottom: none
  }

  .footer__col-title {
    padding: 10px 0;
    border: 0
  }

  .footer__col-list {
    padding: 5px 0 15px
  }

  .footer__bottom {
    grid-template-columns: 100%;
    display: grid;
    text-align: center
  }

  .block__item-subtitle {
    line-height: 1.25
  }

  .account__form .input-wrapper .button-edit,
  .block__item-button {
    width: 100%
  }

  .block-wrapper .block__item-subtitle {
    margin-bottom: 24px;
    font-size: 18px;
    font-weight: 600
  }

  .block-wrapper .block__item-button {
    width: auto
  }

  .hero__title {
    line-height: 1.13636
  }

  .hero__item {
    align-items: flex-start
  }

  .hero__item-icon img {
    max-width: 50%;
    max-height: 50%
  }

  .account__form fieldset:not(:last-child) {
    padding-bottom: 20px;
    border-bottom: 2px solid #eee
  }

  .account__form .input-wrapper {
    grid-template-columns: 100%
  }

  .account__form-text {
    font-size: 16px
  }

  .account__header {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    width: 100%;
    background: 0 0;
    border: 0
  }

  .account__header-button {
    justify-content: center
  }

  .account__header-button svg {
    display: none
  }

  .account__item-title {
    margin-bottom: 12px
  }

  .account__item-title:after {
    margin-top: 12px
  }

  .history__top:after {
    margin-top: 10px
  }

  .history-empty__text {
    font-weight: 600
  }

  .history-empty {
    margin-right: 0;
    border-radius: 8px
  }

  .history__title {
    font-size: 16px
  }

  .catering-wrapper {
    grid-template-columns: repeat(2, 1fr)
  }

  .catering__item-title {
    line-height: 1.2
  }

  .catering__item-button {
    width: 100%;
    justify-self: center
  }

  .catering-menu__title {
    justify-content: flex-start
  }

  .catering-menu__item-title {
    width: 100%;
    justify-self: center;
    text-align: center
  }

  .catering-menu__item-button {
    justify-self: center
  }

  .certificate-wrapper {
    grid-template-columns: 1fr 1fr;
    gap: 16px
  }

  .checkout {
    padding-bottom: 20px
  }

  .checkout__top {
    grid-template-columns: auto 1fr
  }

  .checkout__top .button {
    grid-column: 1/-1
  }

  .checkout__header {
    margin-bottom: 12px;
    gap: 7px
  }

  .checkout__header button {
    padding: 7.5px 15px
  }

  .checkout__tabs {
    padding: 20px
  }

  .checkout__tab {
    gap: 12px
  }

  .checkout__address {
    font-size: 12px;
    font-weight: 500
  }

  .checkout__form {
    gap: 12px
  }

  .checkout__form .select__value {
    min-height: 40px
  }

  .checkout__form .checkout-radios {
    margin-bottom: 8px
  }

  .checkout .checkbox-address .checkbox__text {
    padding-left: 25px
  }

  .checkout-radios {
    display: grid;
    grid-template-columns: 1fr 1fr
  }

  .checkout-radios:has(>:nth-child(3)) {
    grid-template-columns: 100%
  }

  .checkout-radios .button {
    width: 100%
  }

  .checkout__items {
    padding: 12px
  }

  .checkout__item-labels {
    max-width: calc(100% - 30px);
    flex-wrap: wrap
  }

  .checkout__item-labels .label {
    padding: 0 8px;
    font-size: 10px
  }

  .checkout__item-info {
    font-size: 12px
  }

  .checkout__item-row {
    grid-template-columns: 39% 1fr
  }

  .corporate-features__item-title {
    line-height: 1.3
  }

  .categories__item {
    width: calc(50% - var(--gap)/2*1)
  }

  .categories-page__top {
    top: 70px
  }

  .filter {
    top: 0
  }

  .filter__content {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    right: auto;
    max-width: 100%;
    padding-top: 12px;
    border-radius: 0
  }

  .card-wrapper {
    grid-template-columns: repeat(2, 1fr)
  }

  .card-wrapper-3,
  .feedback__header {
    grid-template-columns: 100%
  }

  .card__bottom-left span {
    font-size: 10px;
    font-weight: 700
  }

  .feedback-video__item-img .video {
    aspect-ratio: 338/236
  }

  .feedback-video+.section-small-top {
    padding-top: 0
  }

  .feedback__header {
    display: grid
  }

  .feedback-video__item-text,
  .feedback-video__item-title {
    display: none
  }

  .reviews__item {
    text-align: center
  }

  .offer__subtitle,
  .offer__title {
    text-align: left
  }

  .product__payment-items {
    grid-template-columns: 100%
  }

  .wherefore__item-title {
    line-height: 1.05
  }

  .wherefore__item-text {
    line-height: 1.28571
  }

  .payment__blocks {
    grid-template-columns: 100%
  }

  .payment__block {
    display: flex;
    align-items: center;
    text-align: left
  }

  .delivery {
    grid-template-columns: 100%
  }

  .main-action__item {
    width: 253px;
    min-height: 117px
  }

  .news-wrapper {
    grid-template-columns: repeat(auto-fill, minmax(max(40%, 190px), 1fr))
  }

  .news__item-img img {
    aspect-ratio: 280/150;
    height: auto
  }

  .news__item {
    width: 100%
  }

  .single-news__pagination-button {
    width: 100%;
    gap: 10px
  }

  .filter__content {
    width: 100% !important;
    height: 100%
  }
}

@media (max-width:575px) and (max-height:1000px) {
  .header-bann__content {
    min-height: max(532px, 100dvh - 60px - 70px)
  }
}

@media (max-width:430px) {
  .catering__slider .swiper {
    overflow: visible
  }

  .categories-wrapper {
    gap: 45px
  }

  .categories__item {
    width: 100%;
    gap: 30px
  }

  .categories__item-img {
    max-width: 180px;
    height: 150px
  }

  .why__item {
    padding-top: 10px
  }

  .why__item:first-child {
    flex-basis: calc(100vw - 24px)
  }

  .other__items {
    display: flex;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    cursor: grabbing;
    gap: 20px
  }

  @supports (-moz-appearance:none) {
    .other__items {
      scrollbar-color: #00c180 #dedede;
      scrollbar-width: thin
    }
  }

  .other__items::-webkit-scrollbar {
    height: 8px
  }

  .other__items::-webkit-scrollbar-track-piece {
    background: #dedede;
    border-radius: 8px
  }

  .other__items::-webkit-scrollbar-thumb {
    background: #00c180;
    border-radius: 8px
  }

  .other__item {
    flex-basis: calc(100vw - 24px);
    flex-grow: 0;
    flex-shrink: 0
  }

  .other__title {
    text-align: center
  }
}

@media (max-width:430px) and (max-width:1300px) {
  .other__items {
    padding-bottom: clamp(20px, 15.3846153846px + 1.2820512821vw, 40px)
  }
}

@media (max-width:350px) {
  .social__whatsapp {
    border-radius: 50%;
    padding: 0;
    width: 30px;
    aspect-ratio: 1
  }

  .social__whatsapp span {
    display: none
  }

  .social__whatsapp svg {
    flex-basis: 50%
  }

  .header-bann__title {
    font-size: 40px
  }
}

@media (min-width:1301px) or (max-width:1300px) {
  .section-not-margin {
    margin: 0
  }
}

@media (max-width:1300px) or (min-width:1301px) {

  .section__row .title,
  .title_not-margin {
    margin-bottom: 0
  }

  .popup__title {
    margin-bottom: 20px
  }

  .catering-menu__item-title {
    margin-bottom: 0
  }

  .catering__pagination {
    margin-top: 0
  }

  .other__title {
    margin-bottom: 20px
  }
}

@media (max-width:991px) and (min-width:576px) {
  .footer__top {
    grid-template-columns: 1fr 1.3fr
  }

  .footer__middle {
    grid-column: 1/-1
  }

  .footer__left {
    order: -2
  }

  .footer__right {
    order: -1
  }

  .footer__bottom {
    display: grid;
    grid-template-columns: 1fr 1fr
  }

  .footer__bottom>:nth-child(2n) {
    text-align: right
  }

  .footer__block {
    justify-items: end;
    text-align: right
  }

  .wherefore-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(16px, 2.3074484945px + 3.8034865293vw, 40px)
  }

  .wherefore__item {
    display: contents
  }

  .wherefore__item-content {
    align-items: start;
    align-content: start
  }

  .wherefore__item-img {
    width: 100%;
    height: 100%;
    object-position: top;
    object-fit: cover
  }
}

@media (max-width:1300px) or (min-width:13001px) {
  .reviews__title {
    margin-bottom: 0
  }
}

@media (max-width:430px) and (min-width:1301px) {
  .other__items {
    padding-bottom: 40px
  }
}

@media not all and (-webkit-min-device-pixel-ratio:0),
not all and (min-resolution:.001dpcm) {
  input {
    -webkit-appearance: none;
    appearance: none;
    font-size: 16px
  }
}

@media (any-hover:hover) {
  .hover-active:hover {
    color: #00c180
  }

  .hover-translate:hover {
    translate: 0 -4px
  }

  .hover-scale:hover {
    background-size: 103%
  }

  .hover-scale:hover img {
    scale: 1.02
  }

  .underline:hover:before {
    background: #00c180
  }

  .crumbs li:not(:last-child):hover {
    color: #00c180
  }

  .pagination__items li a:hover {
    background: rgba(0, 193, 128, .6);
    color: #fff
  }

  .search__input input::-webkit-search-cancel-button:hover {
    background: #00c180
  }

  .search__button:hover {
    outline: 0
  }

  .slider__arrow:hover,
  .video-js__play:hover:before {
    background: #00c180
  }

  .slider__arrow:hover svg {
    fill: #fff
  }

  .select__option:hover {
    background: rgba(0, 193, 128, .4);
    color: #fff
  }

  .video-js__play:hover:after {
    background: #fff
  }

  .button:hover:not(.active) {
    border-color: #009d68;
    background: #009d68
  }

  .button:hover:not(.active) svg {
    fill: #fff
  }

  .button_border:hover {
    background: #00c180;
    color: #fff
  }

  .button_border.button_white:hover {
    background: #fff;
    color: #00c180
  }

  .button_border.button_gray:hover {
    background: #00c180;
    color: #fff;
    border-color: #00c180
  }

  .button_white:hover {
    border-color: #eee;
    background: #eee
  }

  .button_white:hover svg {
    fill: #567e64
  }

  .button-icon:hover svg {
    fill: #00c180
  }

  .fixed-button:hover,
  .footer__bottom a:hover,
  .footer__col-list a:hover,
  .footer__col-list summary:hover {
    color: #fff
  }

  .call img:hover {
    filter: brightness(90%);
    translate: 0 -2px
  }

  .count__button.remove:hover {
    background: 0 0
  }

  .count__button:hover {
    background: #000
  }

  .count__button:hover svg {
    stroke: #fff
  }

  .header__menu li:hover,
  .navigation__item:hover {
    color: #00c180
  }

  .tag:hover {
    color: #fff
  }

  .password__icon:hover,
  .tag:hover {
    background: #00c180
  }

  .popup .link:hover {
    color: #009d68
  }

  .popup__close svg:hover {
    fill: #fff
  }

  .footer__email:hover,
  .footer__tel:hover,
  .header__item:hover,
  .header__row-menu li>a:hover,
  .header__tel:hover {
    color: #00c180
  }

  .header__account .sub-menu a:hover {
    background: rgba(0, 193, 128, .12)
  }

  .header__account .sub-menu li:last-child a:hover {
    background: rgba(255, 38, 51, .12);
    color: #ff2633
  }

  .header-main__arrow:hover svg {
    fill: #00c180
  }

  .block__item-button:hover {
    color: #fff
  }

  .account__header-button:not(.active):hover {
    background: #eee
  }

  .history-product__title:hover {
    color: #00c180
  }

  .catering__item-button:hover {
    background: #00c180;
    color: #fff
  }

  .catering__arrow:hover svg,
  .catering__item-button:hover svg {
    fill: #fff
  }

  .catering-menu__item:hover {
    box-shadow: 0 0 90px 0 rgba(33, 28, 28, .15)
  }

  .catering-menu__item-title:hover {
    color: #00c180;
    text-decoration-color: transparent
  }

  .catering__arrow:hover {
    background: #00c180
  }

  .checkout__item-title:hover {
    color: #00c180
  }

  .checkout__item-wishlist:hover {
    color: #536372
  }

  .checkout__item-wishlist:hover svg {
    fill: #536372
  }

  .checkout__remove:hover {
    color: #00c180
  }

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

  .checkout-result__buttons>:hover {
    text-decoration: none !important;
    background: #00c180;
    color: #fff
  }

  .checkout-result__buttons>:hover svg {
    fill: #fff
  }

  .checkout-result__buttons>:hover svg.save-icon {
    fill: none;
    stroke: #fff
  }

  .categories__item:hover .categories__item-img img {
    scale: 1.06
  }

  .filter__button:hover {
    color: #00c180
  }

  .filter__reset:hover {
    opacity: 1
  }

  .card__img:hover img {
    scale: 1.02
  }

  .card__wishlist:hover svg {
    fill: #00c180
  }

  .card__count .count__button:hover {
    background: 0 0
  }

  .card__count .count__button:hover svg {
    stroke: #00c180
  }

  .card__title:hover,
  .contact__download:hover,
  .feedback__item-button:hover,
  .feedback__item:hover .feedback__item-name {
    color: #00c180
  }

  .feedback-video__item-img .video-wrapper:not(:has(.video_enabled)):hover .feedback-video__item-hover {
    opacity: 1
  }

  .video-feedback__item:hover .feedback-video__item-icon {
    background-color: #00c180 !important
  }

  .video-feedback__item:hover .feedback-video__item-icon-hover {
    background: rgba(0, 193, 128, .6)
  }

  .product__button:hover {
    background: #eee
  }

  .news__item:hover {
    outline: 0
  }

  .news__item:hover .news__item-title,
  .other__item:hover .other__item-title {
    color: #00c180
  }
}