@charset "UTF-8";
/* COMMON START */
.main-index {
  background: #fff;
}

.mb-page {
  margin-bottom: 5rem;
}

.slider-foot {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.slider-foot .btn {
  flex-shrink: 0;
  margin-left: 1.25rem;
}

.swiper-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  position: relative;
  left: 50%;
  margin: 0 auto;
  transform: translateX(-50%);
}

.swiper-arrow {
  flex-shrink: 0;
  display: block;
  width: 3rem;
  height: 3rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 1.5rem;
  border-radius: 50%;
}

.swiper-dots {
  display: flex;
  align-items: center;
  margin: 0 1rem;
  padding: 0;
  width: auto !important;
}

.swiper-pagination-bullet {
  margin: 0 0.25rem !important;
  width: 0.5rem;
  height: 0.5rem;
  opacity: 1;
}

.swiper-pagination-bullet:first-child {
  margin-left: 0 !important;
}

.swiper-pagination-bullet:last-child {
  margin-right: 0 !important;
}

.swiper--light .swiper-arrow {
  background-color: var(--c-green_medium);
}

.swiper--light .swiper-arrow:hover {
  background-color: #fff;
}

.swiper--light .arrow--prev {
  background-image: url("../img/svg/slide-prev-green.svg");
}

.swiper--light .arrow--next {
  background-image: url("../img/svg/slide-next-green.svg");
}

.swiper--light .swiper-pagination-bullet {
  background: var(--c-green_light);
}

.swiper--light .swiper-pagination-bullet-active {
  background: var(--c-green_medium);
}

.swiper--green .swiper-arrow {
  background-color: var(--c-green);
}

.swiper--green .swiper-arrow:hover {
  background-color: var(--c-light_green);
}

.swiper--green .arrow--prev {
  background-image: url("../img/svg/slide-prev-white.svg");
}

.swiper--green .arrow--next {
  background-image: url("../img/svg/slide-next-white.svg");
}

.swiper--green .swiper-pagination-bullet {
  background: rgba(0, 107, 52, 0.2);
}

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

/* COMMON END */
/* HEADER START */
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 100;
}

header .navbar-expand-lg {
  padding: 0;
  height: 6.25rem;
}

header .navbar-logo {
  display: block;
  position: absolute;
  top: 1.25rem;
  left: 0;
  width: 11.25rem;
}

header .navbar-logo img {
  width: 100%;
}

header .navbar-collapse {
  justify-content: flex-start;
  padding-left: 16.0625rem;
}

header .navbar-collapse .nav-item {
  margin: 0 2.5rem 0 0;
}

header .navbar-collapse .nav-link {
  display: inline-flex;
  align-items: center;
  position: relative;
  padding: 0 !important;
  color: var(--c-green);
  font-weight: 400;
  font-size: 1.25rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

header .navbar-collapse .nav-link .ico {
  margin-left: 0.25rem;
  width: 1.5rem;
  height: 1.5rem;
  transition: 0.3s;
}

header .navbar-collapse .nav-link.show {
  color: #2E6B1F;
}

header .navbar-collapse .nav-link.show .ico {
  transform: rotate(180deg);
}

header .navbar-collapse .nav-link.nav-link:focus-visible {
  box-shadow: none;
}

header .navbar-collapse .nav-link .new {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0.375rem;
  right: 0;
  padding: 0 0.75rem;
  height: 1.625rem;
  color: #2E6B1F;
  font-weight: 400;
  font-size: 0.875rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  background: #FEED01;
  border-radius: 10rem;
  text-align: center;
  transform: translate(100%, -100%);
  pointer-events: none;
}

header .navbar-collapse .dropdown-toggle::after {
  display: none;
}

header .navbar-search {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

header .navbar-search input {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0;
  width: 3rem;
  height: 3rem;
  font-weight: 300;
  font-size: 1rem;
  color: var(--c-black);
  background: var(--c-green_light);
  border: 0;
  border-radius: 50%;
  outline: 0;
  transition: 0.5s;
  cursor: pointer;
}

header .navbar-search input::placeholder {
  opacity: 0;
}

header .navbar-search.active input {
  padding: 0 5rem 0 1.5rem;
  width: 64rem;
  border-radius: 1.5rem;
  cursor: auto;
}

header .navbar-search.active input::placeholder {
  opacity: 1;
}

header .navbar-search .ico-delete {
  position: absolute;
  top: 0.75rem;
  right: 2.75rem;
  width: 1.5rem;
  height: 1.5rem;
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  opacity: 0;
  transition: 0.3s;
  pointer-events: none;
}

header .navbar-search .ico-search {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  width: 1.5rem;
  height: 1.5rem;
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  pointer-events: none;
}

header .navbar-search .ico::before,
header .navbar-search .ico::after {
  background-size: 1.5rem;
}

header .navbar-search.active .ico-search {
  pointer-events: auto;
}

header .navbar-search.has-value .ico-delete {
  opacity: 1;
  pointer-events: auto;
}

header .navbar-search .ico:hover {
  z-index: 2;
}

header .dropdown-menu {
  display: block;
  top: auto;
  bottom: -2.5rem;
  left: 50%;
  padding: 2rem 1.875rem;
  width: 57.5rem;
  color: var(--c-green);
  background: #fff;
  border-radius: 1.875rem;
  opacity: 0;
  transform: translate(-50%, 100%);
  transition: all 0.3s ease;
  visibility: hidden;
  pointer-events: none;
}

header .dropdown-menu::before {
  content: "";
  position: absolute;
  top: -1.5rem;
  left: 50%;
  width: 2.1875rem;
  height: 2.1875rem;
  background: url("../img/svg/dropdown-menu-triangle.svg") no-repeat 50%/contain;
  transform: translate(-50%, 0);
}

header .dropdown-menu.show {
  top: auto;
  bottom: -5rem;
  left: 50%;
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 100%);
  pointer-events: auto;
}

header .dropdown-menu__wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: space-between;
  margin-bottom: -1.125rem;
}

header .dropdown-menu__wrap ul {
  margin-bottom: 1.125rem;
  padding: 0;
  width: 30.333333%;
}

header .dropdown-menu__wrap ul li:not(:last-child) {
  margin-bottom: 0.4375rem;
}

header .dropdown-menu__wrap ul li:first-child {
  margin-bottom: 0.875rem;
}

header .dropdown-menu__wrap ul a {
  color: var(--c-black);
  font-weight: 300;
  font-size: 1.1875rem;
}

header .dropdown-menu__wrap ul a .h3 {
  display: flex;
  /*align-items: center;*/
  align-items: start;
  position: relative;
  margin: 0;
  color: var(--c-green);
  font-size: 1.4375rem;
}

header .dropdown-menu__wrap ul .new .h3::after {
  content: "Новинка";
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.5rem;
  padding: 0 0.75rem;
  position: relative;
  height: 1.5rem;
  color: #fff;
  font-size: 0.75rem;
  text-align: center;
  background: var(--c-light_green);
  border-radius: 10rem;
  pointer-events: none;
}

/* HEADER END */
/* FOOTER START */
footer {
  padding: 3rem 0 1.5rem;
}
footer [class$=__top] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 3rem;
}
footer [class$=__top] [class$=-left] {
  display: flex;
  align-items: center;
}
footer [class$=__top] [class$=-left] [class$=__logo] {
  display: block;
  margin-right: 1.25rem;
  width: 10.625rem;
}
footer [class$=__top] [class$=-left] [class$=__logo] img {
  display: block;
  width: 100%;
}
footer [class$=__top] [class$=-left] [class$=-info] h4 {
  margin-bottom: 1.5rem;
  color: var(--c-green);
}
footer [class$=__top] [class$=-left] [class$=-info] .txt_14 {
  margin-bottom: 1.5rem;
  color: var(--c-gray_medium);
}
footer [class$=__top] [class$=-left] [class$=-info] [class$=__social] {
  display: flex;
  align-items: center;
}
footer [class$=__top] [class$=-left] [class$=-info] [class$=__social] p {
  margin: 0 1.5rem 0 0;
  color: var(--c-green);
}
footer [class$=__top] [class$=-left] [class$=-info] [class$=__social] ul li {
  margin-right: 0.75rem;
}
footer [class$=__top] [class$=-left] [class$=-info] [class$=__social] ul li:last-child {
  margin-right: 0;
}
footer [class$=__top] [class$=-left] [class$=-info] [class$=__social] ul li a {
  display: block;
  width: 1.9375rem;
  height: 1.9375rem;
}
footer [class$=__top] [class$=-left] [class$=-info] [class$=__social] ul li a:hover {
  opacity: 0.75;
}
footer [class$=__top] [class$=-left] [class$=-info] [class$=__social] ul li a img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
footer [class$=__top] [class*=-right] {
  display: flex;
  align-items: flex-start;
}
footer [class$=__top] [class*=-right] ul {
  margin-left: 5rem;
}
footer [class$=__top] [class*=-right] ul li {
  margin-bottom: 0.5rem;
}
footer [class$=__top] [class*=-right] ul li:last-child {
  margin-bottom: 0;
}
footer [class$=__top] [class*=-right] ul li a {
  font-weight: 300;
  font-size: 0.875rem;
}
footer [class$=__mid] {
  margin-bottom: 3rem;
}
footer [class$=__mid] .txt_14 {
  margin: 0;
}
footer [class$=__bot] .txt_14 {
  margin: 0;
  color: var(--c-gray_medium);
}

/* FOOTER END */
/* KV START */
.kv {
  position: relative;
  width: 100%;
  height: 38.125rem;
}

.kv__slider-main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 6.875rem 0 5rem;
  height: 38.125rem;
  pointer-events: none;
}

.kv__slider-main .swiper-controls {
  left: 0;
  margin: auto 0 0;
  justify-content: flex-start;
  transform: translate(0, 0);
  pointer-events: auto;
}

.kv__sub-title {
  display: flex;
  align-items: center;
  margin-bottom: 3.75rem;
  height: 1.4375rem;
  color: #FFFF16;
  font-size: 2rem;
  line-height: 1.18;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}

.kv__title {
  display: flex;
  align-items: center;
  margin-bottom: 2.5rem;
  height: 7.5625rem;
  color: #fff;
  font-size: 4.375rem;
  line-height: 1;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.kv__slider-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #166938;
  z-index: 0;
}

.kv__text {
  margin: 0;
  max-width: 28.75rem;
  color: #fff;
  font-weight: 300;
  font-size: 1.375rem;
  line-height: 1.18;
}

.kv__text span {
  color: #FFFF16;
}

.kv__slider-bg picture,
.kv__slider-bg picture img {
  width: 100%;
  height: 38.125rem;
  object-fit: cover;
}

.kv__bg, .kv__bg img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

/* KV END */
/* PRODUCTS START */
.products {
  position: relative;
  z-index: 0;
}
.products::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 44.0625rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #e2f1c9 54.33%, #e9f5d7 72.95%, rgba(255, 255, 255, 0) 100%);
  z-index: -1;
  pointer-events: none;
}

.products__filter {
  margin-bottom: 1.75rem;
}
.products__filter ul {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.products__filter ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 1.25rem;
  cursor: pointer;
}
.products__filter ul li .img {
  display: block;
  position: relative;
  margin: 0 auto 0.5rem;
  width: 5rem;
  height: 5rem;
  background: #fff;
  border: 0.125rem solid var(--c-green_medium);
  border-radius: 50%;
}
.products__filter ul li .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 50%;
}
.products__filter ul li .img img:nth-child(1) {
  opacity: 1;
}
.products__filter ul li .img img:nth-child(2) {
  opacity: 0;
}
.products__filter ul li.active .img {
  background: var(--c-green_medium);
  border-color: var(--c-green);
}
.products__filter ul li.active .img img:nth-child(1) {
  opacity: 0;
}
.products__filter ul li.active .img img:nth-child(2) {
  opacity: 1;
}
.products__filter ul li p {
  margin: 0;
  color: var(--c-green);
  line-height: 1.5rem;
  white-space: nowrap;
}

.products__selectors {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 2rem;
  padding: 1rem 1.25rem;
  width: 59.75rem;
  background: #6CAE30;
  border-radius: 10rem;
}
.products__selectors form {
  width: 100%;
}
.products__selectors form .form-wrap .width--small {
  width: 10.625rem;
}
.products__selectors form .form-wrap .width--medium {
  width: 13.75rem;
}
.products__selectors form .form-wrap .width--big {
  width: 16.25rem;
}
.products__selectors form .form-selector .sun-select-trigger {
  border-radius: 10rem;
}

.products__slider {
  position: relative;
  margin: 0 auto 2rem;
  width: 59.75rem;
}
.products__slider .products__slider-init {
  position: relative;
  overflow: hidden;
}
.products__slider .arrow {
  position: absolute;
  top: 50%;
  width: 2.5rem;
  height: 2.5rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  transform: translateY(-50%);
}
.products__slider .arrow.arrow--prev {
  left: -5rem;
  background-image: url("../img/svg/slick-prev.svg");
}
.products__slider .arrow.arrow--next {
  right: -5rem;
  background-image: url("../img/svg/slick-next.svg");
}
.products__slider .arrow:hover {
  opacity: 0.6;
}
.products__slider .swiper-slide {
  position: relative;
  margin-right: 1.25rem;
  padding: 2.5rem 1.5rem 1.5rem;
  width: 19.0625rem;
  height: 23.3125rem;
  background: #fff;
  border-radius: 1.5rem;
}
.products__slider .swiper-slide .new {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  padding: 0 0.75rem;
  height: 1.5rem;
  color: #fff;
  font-size: 0.625rem;
  text-align: center;
  background: var(--c-light_green);
  border-radius: 10rem;
}
.products__slider .swiper-slide .img {
  display: block;
  margin-bottom: 1rem;
  position: relative;
  width: 100%;
  height: 16.0625rem;
}
.products__slider .swiper-slide .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.products__slider .swiper-slide p {
  margin: 0;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.1;
  text-align: center;
}

/* PRODUCTS END */
/* WHERE-BUY START */
.where-buy {
  padding: 5rem 0;
  background: #F2F9E5 url("../img/where-buy-bg.webp") no-repeat 50%/cover;
}
.where-buy .where-buy__slider {
  position: relative;
  overflow: hidden;
}
.where-buy .swiper-wrapper {
  margin-bottom: 2rem;
}
.where-buy .swiper-slide {
  position: relative;
  margin-right: 1.25rem;
  width: 19.0625rem;
  height: 12.5rem;
  background: #fff;
  border-radius: 1.5rem;
}
.where-buy .swiper-slide:last-child {
  margin-right: 0;
}
.where-buy .swiper-slide:hover {
  background: rgba(255, 255, 255, 0.75);
}
.where-buy .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* WHERE-BUY END */
/* QUESTION START */
.question {
  padding: 6.5rem 0;
}
.question [class$=__form] {
  padding: 3.75rem 2.5rem 2.5rem;
  background: var(--c-green_medium);
  border-radius: 1.5rem;
}
.question [class$=__form] .h_40 {
  margin-bottom: 2.125rem;
  color: var(--c-green);
  text-transform: uppercase;
}
.question [class$=__quality] {
  position: relative;
  padding: 3.75rem 2.5rem 2.5rem;
  color: #fff;
  background: linear-gradient(135deg, #6fbb2f 0%, #1e850c 73.5%, #16810b 100%);
  border-radius: 1.5rem;
  z-index: 1;
}
.question [class$=__quality]::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 27.3125rem;
  height: 26.25rem;
  background: url("../img/question-quality-img.webp") no-repeat 50%/contain;
  border-radius: 0 0 1.5rem 0;
  z-index: -1;
}
.question [class$=__quality] .h_36 {
  margin-bottom: 2.5rem;
  text-transform: uppercase;
}
.question [class$=__quality] .txt_16 {
  display: block;
  margin-bottom: 4.375rem;
  width: 12.5rem;
}
.question [class$=__quality] a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4.5rem;
  height: 4.5rem;
  border: 0.0625rem solid #fff;
  border-radius: 50%;
}

/* QUESTION END */
/* MATERIALS START */
.materials {
  position: relative;
  padding: 5rem 0;
  z-index: 0;
}
.materials::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 59.375rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #e2f1c9 57%, #e9f5d7 78.53%, rgba(255, 255, 255, 0) 100%);
  z-index: -1;
  pointer-events: none;
}
.materials [class$=__filters] {
  margin-bottom: 2rem;
}
.materials [class$=__filters] ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
.materials [class$=__filters] ul li {
  margin: 0 0.5rem;
}
.materials [class$=__filters] ul li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 1.75rem;
  height: 3rem;
  color: var(--c-green);
  font-size: 1rem;
  white-space: nowrap;
  background: var(--c-green_medium);
  border-radius: 10rem;
}
.materials [class$=__filters] ul li a:hover { color: #fff; text-decoration: none; background: var(--c-green); }
.materials [class*=__slider] {
  position: relative;
  overflow: hidden;
}
.materials [class*=__slider] .swiper-wrapper {
  margin-bottom: 2rem;
}
.materials [class*=__slider] .swiper-slide {
  display: block;
  margin-right: 1.25rem;
  padding: 1.5rem 1.5rem 0;
  width: 25.8125rem;
  height: 33.4375rem;
  text-decoration: none;
  background: #fff;
  border-radius: 1.5rem;
}
.materials [class*=__slider] .swiper-slide:last-child {
  margin-right: 0;
}
.materials [class*=__slider] .swiper-slide .img {
  display: block;
  margin-bottom: 1.25rem;
  width: 100%;
  height: 15.625rem;
}
.materials [class*=__slider] .swiper-slide .img img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
  object-fit: cover;
}
.materials [class*=__slider] .swiper-slide h6 {
  display: inline-flex;
  align-items: center;
  margin-bottom: 1.75rem;
  padding: 0 0.75rem;
  height: 1.5rem;
  color: var(--c-green);
  font-size: 0.75rem;
  background: var(--c-green_medium);
  border-radius: 10rem;
}
.materials [class*=__slider] .swiper-slide .h_20 {
  position: relative;
  margin-bottom: 1.25rem;
  height: 5.75rem;
  color: var(--c-green);
  text-transform: uppercase;
  text-overflow: ellipsis;
  overflow: hidden;
}
.materials [class*=__slider] .swiper-slide .txt_16 {
  position: relative;
  margin-bottom: 0;
  height: 3.625rem;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* MATERIALS END */
/* USEFUL START */
.useful {
  padding: 6.25rem 0 0;
}
.useful [class$=__wrap] {
  display: flex;
  height: 34.5625rem;
}
.useful [class$=__wrap] [class$=__text] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 0;
  position: relative;
  margin-right: -2.5rem;
  padding: 3.75rem;
  width: 41.25rem;
  height: 100%;
  color: #fff;
  background: linear-gradient(135deg, #6fbb2f 0%, #1e850c 73.5%, #16810b 100%);
  border-radius: 1.5rem;
  z-index: 1;
}
.useful [class$=__wrap] [class$=__text]:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 33rem;
  height: 16.4375rem;
  background: url("../img/useful-bg.webp") no-repeat 50%/contain;
  z-index: -1;
  pointer-events: none;
}
.useful [class$=__wrap] [class$=__text] .h_36 {
  margin-bottom: 2.5rem;
  text-transform: uppercase;
}
.useful [class$=__wrap] [class$=__text] .txt_20 {
  margin-bottom: 1.25rem;
  line-height: 1.2;
}
.useful [class$=__wrap] [class$=__text] a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: auto;
  width: 4.5rem;
  height: 4.5rem;
  border: 0.0625rem solid #fff;
  border-radius: 50%;
}
.useful [class$=__wrap] [class$=__img] {
  width: 41.25rem;
  height: 34.5625rem;
}
.useful [class$=__wrap] [class$=__img] img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1.5rem;
}

/* USEFUL END */
/* INTERESTING START */
.interesting {
  position: relative;
  padding: 7.5rem 0;
  z-index: 0;
}
.interesting::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 48.5625rem;
  background: linear-gradient(180deg, rgba(233, 245, 215, 0) 0%, #e2f1c9 40%, #e9f5d7 82.44%, rgba(233, 245, 215, 0) 100%);
  z-index: -1;
  pointer-events: none;
}
.interesting [class$=__list] {
  position: relative;
}
.interesting [class$=__list] .path {
  position: absolute;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}
.interesting [class$=__list] .path-left {
  top: 11.625rem;
  left: -3.875rem;
  width: 3.875rem;
  height: 4.375rem;
}
.interesting [class$=__list] .path-right {
  top: 11.625rem;
  right: -3.875rem;
  width: 3.875rem;
  height: 4.375rem;
}
.interesting [class$=__list] .path-bot {
  bottom: -3.875rem;
  left: 50%;
  width: 4.375rem;
  height: 3.875rem;
  transform: translateX(-50%);
}
.interesting [class*=__slider] .swiper-wrapper {
  justify-content: space-between;
}
.interesting [class*=__slider] .swiper-slide {
  padding: 1.5rem 1.5rem 0;
  width: 25.8125rem;
  height: 27.625rem;
  text-decoration: none;
  background: #fff;
  border-radius: 1.5rem;
}
.interesting [class*=__slider] .swiper-slide .img {
  display: block;
  margin-bottom: 1.75rem;
  width: 100%;
  height: 19.375rem;
}
.interesting [class*=__slider] .swiper-slide .img img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
  object-fit: cover;
}
.interesting [class*=__slider] .swiper-slide .h_20 {
  margin: 0;
  text-transform: uppercase;
}

/* INTERESTING END */
/* OS START */
.os {
  position: relative;
  padding: 5.625rem 0 0;
  height: 37.5rem;
  z-index: 0;
}
.os::before, .os::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  pointer-events: none;
}
.os::before {
  height: 33.6875rem;
  background-image: url("../img/os-path.webp");
  z-index: -1;
}
.os::after {
  height: 37.5rem;
  background-image: url("../img/svg/os-bg.svg");
  z-index: -2;
}
.os [class*=__img] {
  margin: 0 auto;
  width: 18.75rem;
}
.os [class*=__img] img {
  display: block;
  width: 100%;
}
.os [class*=__form] {
  padding-top: 1.25rem;
}
.os [class*=__form] .h_40 {
  margin-bottom: 2.5rem;
  color: var(--c-green);
  text-align: right;
  text-transform: uppercase;
}

/* OS END */
/* GRAPH START */
.graph-calc {
  padding: 2.625rem 1.25rem 1.875rem 3.5rem;
}

.graph-calc .title {
  margin-bottom: 0.75rem;
}

.graph-calc h3, .graph-calc .h3 {
  margin-bottom: 3.125rem;
  padding: 0 3.875rem;
  font-weight: 300;
  font-size: 0.9375rem;
  line-height: 1.4;
  text-align: center;
}

.graph-calc [class$=__wrap] {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1.25rem;
}

.graph-calc [class$=__wrap] > div {
  display: flex;
}

.graph-calc [class$=__wrap] h4, .graph-calc [class$=__wrap] .h4 {
  margin: 0 0.5rem 0 0;
  width: 4.75rem;
  font-size: 0.9375rem;
  line-height: 1.1;
  text-transform: uppercase;
  text-align: right;
}

.graph-calc [class$=__age] {
  margin-right: 2.5rem;
}

.graph-calc [class$=__age] h4, .graph-calc [class$=__age] .h4 {
  margin-right: 1.375rem;
}

.graph-calc [class$=__age] [class*="--range"] {
  position: relative;
  width: 10.5rem;
}

.graph-calc [class$=__age] [class*="--range"] .ui-slider-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 0.4375rem;
  height: 2.0625rem;
}

.graph-calc [class$=__age] [class*="--range"] .ui-slider-wrapper .ui-widget-content {
  margin: 0 auto;
  width: calc(100% - 2.0625rem);
  height: 2.0625rem;
  border: 0;
  border-radius: 0;
}

.graph-calc [class$=__age] [class*="--range"] .ui-slider-wrapper .ui-widget-content::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% + 1.9375rem);
  height: 0.0625rem;
  background: #E4E4E4;
  transform: translate(-50%, -50%);
}

.graph-calc [class$=__age] [class*="--range"] .ui-slider-wrapper .ui-slider-handle {
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  margin: 0;
  width: 2.0625rem;
  height: 2.0625rem;
  color: #fff;
  font-family: SansRounded, Helvetica, sans-serif;
  font-size: 1.125rem;
  background: #6CAE30;
  border: 0;
  border-radius: 50%;
  outline: 0;
  transform: translateX(-50%);
  z-index: 0;
}

.graph-calc [class$=__age] [class*="--range"] .graph-calc__age--labels {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.graph-calc [class$=__age] [class*="--range"] .graph-calc__age--labels p {
  margin: 0;
  font-size: 0.8125rem;
}

.graph-calc [class$=__gender] {
  align-items: center;
  margin-right: auto;
}

.graph-calc [class$=__gender] .graph-calc__gender-nav {
  position: relative;
  z-index: 1;
}

.graph-calc [class$=__gender] .graph-calc__gender-nav * {
  transition: 0.3s;
}

.graph-calc [class$=__gender] .graph-calc__gender-nav ::selection {
  background: rgba(0, 0, 0, 0);
}

.graph-calc [class$=__gender] .graph-calc__gender-nav label {
  display: block;
  position: relative;
  cursor: pointer;
  width: 12rem;
  height: 2.8125rem;
  background: #F3F9D9;
  border-radius: 10rem;
}

.graph-calc [class$=__gender] .graph-calc__gender-nav label:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 6rem;
  height: 2.8125rem;
  background: #6CAE30;
  border-radius: 10rem;
  transform: translate(0, -50%);
  transition: left 0.3s, transform 0.3s, background 0.3s;
  z-index: 0;
}

.graph-calc [class$=__gender] .graph-calc__gender-nav label s {
  position: absolute;
  top: 50%;
  width: 6rem;
  height: 2.8125rem;
  border-radius: 10rem;
  transform: translateY(-50%);
  overflow: hidden;
  z-index: 1;
}

.graph-calc [class$=__gender] .graph-calc__gender-nav label s:nth-child(1) {
  left: 0;
}

.graph-calc [class$=__gender] .graph-calc__gender-nav label s:nth-child(2) {
  right: 0;
}

.graph-calc [class$=__gender] .graph-calc__gender-nav label s i {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: 10rem;
  transition: 0.3s;
  overflow: hidden;
}

.graph-calc [class$=__gender] .graph-calc__gender-nav label s i:nth-child(1) {
  width: 100%;
  z-index: 0;
}

.graph-calc [class$=__gender] .graph-calc__gender-nav label s i:nth-child(2) {
  width: 0;
  z-index: 1;
}

.graph-calc [class$=__gender] .graph-calc__gender-nav label s i b {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  position: absolute;
  inset: 0;
  width: 6rem;
  height: 2.8125rem;
  color: #6CAE30;
  font-style: normal;
  font-weight: 400;
  font-size: 0.8125rem;
  text-align: center;
  border-radius: 50%;
  transition: 0.3s;
}

.graph-calc [class$=__gender] .graph-calc__gender-nav label s i:nth-child(1) b {
  color: #6CAE30;
}

.graph-calc [class$=__gender] .graph-calc__gender-nav label s i:nth-child(2) b {
  color: #fff;
}

.graph-calc [class$=__gender] .graph-calc__gender-nav label s:hover {
  background: #6CAE30;
}

.graph-calc [class$=__gender] .graph-calc__gender-nav label s:hover i b {
  color: #fff !important;
}

.graph-calc [class$=__gender] .graph-calc__gender-nav label s:nth-child(1) i:nth-child(1) {
  width: 0;
}

.graph-calc [class$=__gender] .graph-calc__gender-nav label s:nth-child(1) i:nth-child(2) {
  width: 100%;
}

.graph-calc [class$=__gender] .graph-calc__gender-nav label s:nth-child(1) i:nth-child(2) {
  right: 0;
  left: auto;
}

.graph-calc [class$=__gender] .graph-calc__gender-nav label s:nth-child(1) i:nth-child(2) b {
  right: 0;
  left: auto;
}

.graph-calc [class$=__gender] .graph-calc__gender-nav input:checked + label::before {
  left: 100%;
  transform: translate(-100%, -50%);
}

.graph-calc [class$=__gender] .graph-calc__gender-nav input:checked + label s:nth-child(1) i:nth-child(1) {
  width: 100%;
}

.graph-calc [class$=__gender] .graph-calc__gender-nav input:checked + label s:nth-child(1) i:nth-child(2) {
  width: 0;
}

.graph-calc [class$=__gender] .graph-calc__gender-nav input:checked + label s:nth-child(2) i:nth-child(2) {
  width: 100%;
}

.graph-calc [class$=__weight] h4 {
  padding-top: 0.25rem;
}

.graph-calc [class$=__weight] .graph-calc__weight-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 6.5625rem;
}

.graph-calc [class$=__weight] .graph-calc__weight-wrap .weight-input {
  position: relative;
  margin-bottom: 1.25rem;
  width: 100%;
  height: 2.8125rem;
}

.graph-calc [class$=__weight] .graph-calc__weight-wrap .weight-input input {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1.875rem 0 1.25rem;
  width: 100%;
  height: 100%;
  color: #6CAE30;
  font-size: 1rem;
  text-align: center;
  background: #F3F9D9;
  border: 0;
  border-radius: 10rem;
  outline: 0;
}

.graph-calc [class$=__weight] .graph-calc__weight-wrap .weight-input input::placeholder {
  color: #000;
}

.graph-calc [class$=__weight] .graph-calc__weight-wrap .weight-input .unit {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 1rem;
  transform: translate(-0.25rem, -50%);
  pointer-events: none;
  user-select: none;
  color: #6CAE30;
}

.graph-calc [class$=__weight] .graph-calc__weight-wrap .weight-input .input-ruler {
  position: absolute;
  margin: 0;
  padding: 0;
  height: 0;
  font-size: 1rem;
  white-space: nowrap;
  visibility: hidden;
}

.graph-calc [class$=__weight] .graph-calc__weight-wrap p {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1;
  text-align: right;
  white-space: nowrap;
}

.graph-table {
  padding: 3.125rem 1.875rem 4.5rem 3.125rem;
  text-align: left;
}

.graph-table h3, .graph-table .h3 {
  margin-bottom: 3.125rem;
  font-size: 0.9375rem;
  line-height: 0.6875rem;
}

.graph-table [class*=__wrap] {
  display: flex;
  align-items: flex-start;
  position: relative;
  margin-bottom: 5.375rem;
}

.graph-table [class*=__wrap] ul {
  padding: 0;
}

.graph-table [class*=__wrap] ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 2rem;
}

.graph-table [class*=__wrap] ul li p {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 0;
  height: 2rem;
  font-size: 0.8125rem;
  line-height: 1.1;
  text-align: center;
}

.graph-table [class*=__wrap] [class*=__head] {
  margin-bottom: 0.625rem;
  padding-bottom: 0.3125rem;
  border-bottom: 0.125rem solid #E4E4E4;
  color: #9B9B9B;
}

.graph-table [class*=__wrap] [class*=__left] {
  position: relative;
  width: 12.625rem;
}

.graph-table [class*=__wrap] [class*=__left] p {
  justify-content: flex-start;
  text-align: left;
  width: 100%;
}

.graph-table [class*=__wrap] [class*=__left] [class*=__body] p::before {
  content: "";
  position: absolute;
  top: 0;
  left: -0.625rem;
  width: 0.5rem;
  height: 100%;
  background: #000;
  transform: translateX(-100%);
}

.graph-table [class*=__wrap] [class*=__left] [class*=__body] li:nth-child(1) p {
  color: #307AD8;
}

.graph-table [class*=__wrap] [class*=__left] [class*=__body] li:nth-child(1) p::before {
  background: #307AD8;
}

.graph-table [class*=__wrap] [class*=__left] [class*=__body] li:nth-child(2) p {
  color: #5DB2D4;
}

.graph-table [class*=__wrap] [class*=__left] [class*=__body] li:nth-child(2) p::before {
  background: #5DB2D4;
}

.graph-table [class*=__wrap] [class*=__left] [class*=__body] li:nth-child(3) p {
  color: #76B45C;
}

.graph-table [class*=__wrap] [class*=__left] [class*=__body] li:nth-child(3) p::before {
  background: #76B45C;
}

.graph-table [class*=__wrap] [class*=__left] [class*=__body] li:nth-child(4) p {
  color: #98BC46;
}

.graph-table [class*=__wrap] [class*=__left] [class*=__body] li:nth-child(4) p::before {
  background: #98BC46;
}

.graph-table [class*=__wrap] [class*=__left] [class*=__body] li:nth-child(5) p {
  color: #9EC884;
}

.graph-table [class*=__wrap] [class*=__left] [class*=__body] li:nth-child(5) p::before {
  background: #9EC884;
}

.graph-table [class*=__wrap] [class*=__left] [class*=__body] li:nth-child(6) p {
  color: #D68C41;
}

.graph-table [class*=__wrap] [class*=__left] [class*=__body] li:nth-child(6) p::before {
  background: #D68C41;
}

.graph-table [class*=__wrap] [class*=__left] [class*=__body] li:nth-child(7) p {
  color: #CE3B43;
}

.graph-table [class*=__wrap] [class*=__left] [class*=__body] li:nth-child(7) p::before {
  background: #CE3B43;
}

.graph-table [class*=__wrap] [class*=__right] {
  position: relative;
  flex: 1;
}

.graph-table [class*=__wrap] [class*=__right] p {
  width: 2.8125rem;
}

.graph-table [class*=__wrap] [class*=__right] [class*=__body] li P.bd {
  color: #000;
  border: 0.0625rem solid #000;
}

.graph-table [class*=__wrap] [class*=__right] [class*=__body] li p.top {
  border-radius: 1.25rem 1.25rem 0 0;
}

.graph-table [class*=__wrap] [class*=__right] [class*=__body] li p.mid {
  color: #fff;
  background: #000;
}

.graph-table [class*=__wrap] [class*=__right] [class*=__body] li p.bot {
  border-radius: 0 0 1.25rem 1.25rem;
}

.graph-table [class*=__wrap] [class*=__right] [class*=__body] li:nth-child(1) p.bd {
  color: #307AD8;
  border-color: #307AD8;
}

.graph-table [class*=__wrap] [class*=__right] [class*=__body] li:nth-child(2) p.bd {
  color: #5DB2D4;
  border-color: #5DB2D4;
}

.graph-table [class*=__wrap] [class*=__right] [class*=__body] li:nth-child(3) p.bd {
  color: #76B45C;
  border-color: #76B45C;
}

.graph-table [class*=__wrap] [class*=__right] [class*=__body] li:nth-child(4) p.bd {
  color: #98BC46;
  border-color: #98BC46;
}

.graph-table [class*=__wrap] [class*=__right] [class*=__body] li:nth-child(5) p.bd {
  color: #9EC884;
  border-color: #9EC884;
}

.graph-table [class*=__wrap] [class*=__right] [class*=__body] li:nth-child(6) p.bd {
  color: #D68C41;
  border-color: #D68C41;
}

.graph-table [class*=__wrap] [class*=__right] [class*=__body] li:nth-child(7) p.bd {
  color: #CE3B43;
  border-color: #CE3B43;
}

.graph-table [class*=__wrap] [class*=__right] [class*=__body] li:nth-child(1) p.mid {
  background: #307AD8;
}

.graph-table [class*=__wrap] [class*=__right] [class*=__body] li:nth-child(2) p.mid {
  background: #5DB2D4;
}

.graph-table [class*=__wrap] [class*=__right] [class*=__body] li:nth-child(3) p.mid {
  background: #76B45C;
}

.graph-table [class*=__wrap] [class*=__right] [class*=__body] li:nth-child(4) p.mid {
  background: #98BC46;
}

.graph-table [class*=__wrap] [class*=__right] [class*=__body] li:nth-child(5) p.mid {
  background: #9EC884;
}

.graph-table [class*=__wrap] [class*=__right] [class*=__body] li:nth-child(6) p.mid {
  background: #D68C41;
}

.graph-table [class*=__wrap] [class*=__right] [class*=__body] li:nth-child(7) p.mid {
  background: #CE3B43;
}

.graph-table [class*=__colors] {
  margin-bottom: 1.875rem;
  padding: 0;
  width: 43rem;
}

.graph-table [class*=__colors] li {
  font-size: 0.9375rem;
  line-height: 1.1;
}

.graph-table [class*=__colors] li span {
  text-transform: uppercase;
}

.graph-table [class*=__footnote] {
  width: 36.75rem;
}

.graph-table [class*=__footnote] p {
  margin: 0;
  color: #9B9B9B;
  font-size: 0.6875rem;
  line-height: 1.2;
}

/* GRAPH END */
/* ABOUT START */
.about {
  padding: 2.625rem 4.125rem 8.5625rem 4.0625rem;
}

.about.search-result {
  padding: 2.625rem 2.125rem 3.125rem 2.125rem;
}

.about .title {
  margin-bottom: 2.25rem;
}

.about [class$=__text] {
  max-width: 40.9375rem;
}

.about [class$=__text] h2 {
  margin-bottom: 1.625rem;
  font-size: 1.125rem;
  line-height: 0.8125rem;
  letter-spacing: -0.02em;
}

.about [class$=__text] p {
  margin-bottom: 1.375rem;
  color: #3F3F3F;
  font-weight: 300;
  font-size: 0.9375rem;
  line-height: 1.4;
}

.about [class$=__videos] {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.about [class$=__videos] .video {
  position: relative;
  margin-bottom: 2.0625rem;
  width: 100%;
  height: 28.375rem;
}

.about [class$=__videos] .video:last-child {
  margin-bottom: 0;
}

.about [class$=__videos] .video iframe {
  width: 100%;
  height: 100%;
}

/* ABOUT END */
/* CATALOG START */
.main-page .catalog [class$=__head] {
  margin-bottom: 0.125rem;
}

.main-page .catalog [class$=__list] {
  margin-bottom: 0.625rem;
}

.main-page .catalog [class$=__shops] {
  margin-bottom: 0.625rem;
}

.main-page .catalog section:last-child {
  margin-bottom: 0;
}

.catalog .title {
  margin-bottom: 2rem;
}

.catalog [class$=__head] {
  padding: 2.625rem 3.875rem 3.75rem;
}

.catalog [class$=__head] [class$=__option] {
  display: flex;
  margin-bottom: 2.5rem;
}

.catalog [class$=__head] [class$=__option]:last-child {
  margin-bottom: 0;
}

.catalog [class$=__head] [class$=__option] h4, .catalog [class$=__head] [class$=__option] .h4 {
  flex-shrink: 0;
  margin: 0 2rem 0 0;
  padding-top: 0.5rem;
  width: 10.75rem;
  font-weight: 300;
  font-size: 0.9375rem;
  text-align: right;
}

.catalog [class$=__head] [class$=__age] {
  position: relative;
  width: 100%;
}

.catalog [class$=__head] [class$=__age] .ui-slider-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 0.4375rem;
  height: 2.0625rem;
}

.catalog [class$=__head] [class$=__age] .ui-slider-wrapper .ui-widget-content {
  margin: 0 auto;
  width: calc(100% - 2.0625rem);
  height: 2.0625rem;
  border: 0;
  border-radius: 0;
}

.catalog [class$=__head] [class$=__age] .ui-slider-wrapper .ui-widget-content::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% + 1.9375rem);
  height: 0.0625rem;
  background: #E4E4E4;
  transform: translate(-50%, -50%);
}

.catalog [class$=__head] [class$=__age] .ui-slider-wrapper .ui-slider-handle {
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  margin: 0;
  width: 2.0625rem;
  height: 2.0625rem;
  color: #fff;
  font-family: SansRounded, Helvetica, sans-serif;
  font-size: 1.125rem;
  background: #6CAE30;
  border: 0;
  border-radius: 50%;
  outline: 0;
  transform: translateX(-50%);
  z-index: 0;
}

.catalog [class$=__head] [class$=__age] .catalog__age-labels {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.catalog [class$=__head] [class$=__age] .catalog__age-labels p {
  margin: 0;
  font-size: 0.8125rem;
}

.catalog [class$=__head] [class$=filters] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: flex-start;
  margin-right: -0.3125rem;
  margin-bottom: -0.3125rem;
}

.catalog [class$=__head] [class$=filters] p {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0.3125rem 0.3125rem 0;
  padding: 0.75rem 1rem;
  color: #000;
  font-size: 0.8125rem;
  line-height: 1.075;
  text-align: center;
  background: #F3F9D9;
  border: 0;
  border-radius: 10rem;
}

.catalog [class$=__head] [class$=filters] p i {
  display: block;
  margin-left: 0.75rem;
  width: 0.375rem;
  height: 0.375rem;
  background: url("../img/svg/remove-filter.svg") no-repeat 50%/contain;
  cursor: pointer;
}

.catalog__list {
  margin-bottom: 0.625rem;
  padding: 2.375rem 3.75rem 5.625rem;
}

.catalog__list h3, .catalog__list h2, .catalog__list h1 {
  margin-bottom: 2.25rem;
  color: #2E6B1F;
  font-size: 2.1875rem;
  line-height: 1.18;
  text-align: center;
}

.catalog__list ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -3.125rem;
}

.catalog__list ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 3.125rem 3.625rem 0;
  width: 9.25rem;
  text-align: center;
}

.catalog__list ul li:nth-child(4n+4) {
  margin-right: 0;
}

.catalog__list ul li .img {
  display: block;
  position: relative;
  margin-bottom: 1.75rem;
  width: 7.875rem;
  height: 10.4375rem;
  z-index: 1;
}

/*.catalog__list ul li .img::before {
  content: '';
  position: absolute;
  top: -2.1875rem;
  left: 50%;
  width: 14.1875rem;
  height: 16.6875rem;
  background: url('../img/catalog-shadow2.png') no-repeat 50%/contain;
  transform: translate(-50%, 0);
  z-index: -1;
  pointer-events: none;
}*/
.catalog__list ul li .img .shadow-elem {
  content: "";
  position: absolute;
  top: -2.1875rem;
  left: 50%;
  width: 14.1875rem;
  height: 15.6875rem;
  background: url("../img/catalog-shadow2.png") no-repeat 50%/contain;
  transform: translate(-50%, 0);
  z-index: -1;
  pointer-events: none;
}

.catalog__list ul li .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.catalog__list ul li p {
  margin: auto;
  font-weight: 300;
  font-size: 0.9375rem;
  line-height: 1;
  letter-spacing: 0.03em;
  text-align: center;
}

.catalog__list ul li .btn {
  margin-top: 1.75rem;
  padding: 0;
  width: 7.25rem;
  height: 2.0625rem;
  font-size: 0.8125rem;
}

.catalog__list.new h3 {
  margin: 0 0 4rem;
  font-size: 3.125rem;
  line-height: 1;
  text-transform: uppercase;
}

.catalog__list.new .img::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 4.0625rem;
  height: 4.0625rem;
  background: url("../img/svg/new.svg") no-repeat 50%/contain;
  transform: translate(5%, -50%);
  z-index: 1;
  pointer-events: none;
}

.catalog__shops {
  margin-bottom: 0.625rem;
  padding: 2.375rem 6.25rem 3.5rem;
}

.catalog__shops h3, .catalog__shops h2 {
  margin-bottom: 2.25rem;
  color: #2E6B1F;
  font-size: 2.1875rem;
  line-height: 1.18;
  text-align: center;
}

.catalog__shops ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -2.5rem;
  width: 100%;
  justify-content: center;
  gap: 1rem;
}

.catalog__shops ul li {
  /*margin: 0 5rem 2.5rem 0;*/
  width: 244 0.5rem;
  margin: 0 0rem 2.5rem 0;
}

.catalog__shops ul li:nth-child(3n+3) {
  margin-right: 0;
}

.catalog__shops ul li a {
  display: block;
  width: 15.3125rem;
  height: 53 0.25rem;
  background: #fff;
  border: 0.0625rem solid #eee;
  border-radius: 10rem;
  /*text-align: center;*/
}

.catalog__shops ul li a:hover {
  background: #eee;
}

.catalog__shops ul li a img {
  display: block;
  /*width: 100%;*/
  width: 55%;
  height: 100%;
  object-fit: contain;
  margin: 0 auto;
}

/* CATALOG END */
/* PRODUCT START */
.main-page .catalog .product {
  margin-bottom: 0.625rem;
}

.product {
  padding: 2.625rem 4.0625rem 5.25rem;
}

.product [class$=__title] {
  margin-bottom: 1.625rem;
}

.product [class$=__title] h1 {
  margin-bottom: 0.25rem;
  color: #2E6B1F;
  font-size: 2.1875rem;
}

.product [class$=__title] .h3 {
  margin-bottom: 0.75rem;
  font-size: 0.9375rem;
  letter-spacing: 0.04em;
}

.product [class$=__title] .h4 {
  margin: 0;
  font-weight: 300;
  font-size: 0.9375rem;
}

.product [class$=__card] {
  display: flex;
  align-items: flex-start;
  margin-bottom: 6.25rem;
}

.product [class$=__card] [class$=__sliders] {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 1.875rem;
  width: 21.125rem;
}

.product [class$=__card] [class$=__sliders] .sun-wrapper {
  display: flex;
  position: relative;
}

.product [class$=__card] [class$=__sliders] [class*="--main"] {
  margin: 0 auto 3.75rem;
  width: 9.25rem;
}

.product [class$=__card] [class$=__sliders] [class*="--main"] .sun-slide {
  padding-top: 2.625rem;
}

.product [class$=__card] [class$=__sliders] [class*="--main"] .sun-slide .img {
  display: block;
  position: relative;
  width: 100%;
  height: 11.375rem;
  transition: 0.3s;
  z-index: 1;
}

.product [class$=__card] [class$=__sliders] [class*="--main"] .sun-slide .img::before {
  content: "";
  position: absolute;
  top: -11.25rem;
  left: 50%;
  width: 32.3125rem;
  height: 36.375rem;
  /*background: url('../img/catalog-shadow2.png') no-repeat 50%/contain;*/
  background: url("../img/product-shadow.png") no-repeat 50%/contain;
  transform: translate(-50%, 0);
  z-index: -1;
  pointer-events: none;
}

.product [class$=__card] [class$=__sliders] [class*="--main"] .sun-slide .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.product [class$=__card] [class$=__sliders] [class*="--add"] {
  position: relative;
  padding: 0 2.5rem;
  width: 100%;
  height: 5rem;
}

.product [class$=__card] [class$=__sliders] [class*="--add"] .sun-wrapper {
  overflow-x: auto;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  justify-content: space-around;
}

.product [class$=__card] [class$=__sliders] [class*="--add"].product__slider--add-cnt-small .sun-wrapper {
  justify-content: center;
  gap: 1rem;
}

.product [class$=__card] [class$=__sliders] [class*="--add"] .sun-wrapper::-webkit-scrollbar {
  display: none;
}

.product [class$=__card] [class$=__sliders] [class*="--add"] .sun-slide {
  flex-shrink: 0;
  margin-right: 0.25rem;
  width: 3.8125rem;
  height: 5rem;
  opacity: 0.5;
  user-select: none;
  cursor: pointer;
}

.product [class$=__card] [class$=__sliders] [class*="--add"] .sun-slide:last-child {
  margin-right: 0;
}

.product [class$=__card] [class$=__sliders] [class*="--add"] .sun-slide.sun-slide.active {
  opacity: 1;
}

.product [class$=__card] [class$=__sliders] [class*="--add"] .sun-slide .img {
  display: block;
  width: 100%;
  height: 100%;
}

.product [class$=__card] [class$=__sliders] [class*="--add"] .sun-slide .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.product [class$=__card] [class$=__sliders] [class*="--add"] .sun-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
}

.product [class$=__card] [class$=__sliders] [class*="--add"] .sun-controls .sun-arrow {
  width: 1.9375rem;
  height: 1.9375rem;
  background-color: #6CAE30;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  border-radius: 50%;
  pointer-events: auto;
  cursor: pointer;
}

.product [class$=__card] [class$=__sliders] [class*="--add"] .sun-controls .sun--prev {
  background-image: url("../img/svg/btn-arrow-left.svg");
}

.product [class$=__card] [class$=__sliders] [class*="--add"] .sun-controls .sun--next {
  background-image: url("../img/svg/btn-arrow-right.svg");
}

.product [class$=__card] [class$=__text] {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.product [class$=__card] [class$=__text] .product_description {
  color: #3F3F3F;
  font-weight: 300;
  font-size: 1.125rem;
  letter-spacing: -0.03em;
  background: #F0F6DC;
  padding: 1.375rem;
}

.product [class$=__card] [class$=__text] h2 {
  margin: 0;
  padding: 0.75rem 1.5625rem;
  font-size: 1.125rem;
  letter-spacing: -0.1em;
  text-transform: uppercase;
  background: #F0F6DC;
  border-radius: 0.1875rem 0.1875rem 0 0;
}

.product [class$=__card] [class$=__text] p {
  margin: 0;
  /*padding: 1.375rem;*/
  padding: 0 1.375rem;
  padding: 10 0.25rem 1.375rem;
  width: 100%;
  color: #3F3F3F;
  font-weight: 300;
  font-size: 1.125rem;
  letter-spacing: -0.03em;
  background: #F0F6DC;
  border-radius: 0 0 0.1875rem 0.1875rem;
}

.product [class$=__description] h2 {
  margin-bottom: 0.625rem;
  font-size: 0.9375rem;
  letter-spacing: 0.02em;
}

.product [class$=__description] p {
  margin-bottom: 1.875rem;
  color: #3F3F3F;
  font-weight: 300;
  font-size: 0.9375rem;
  line-height: 1.4;
}

.product [class$=__description] ol {
  list-style: none;
  counter-reset: product__desc;
  margin-bottom: 1.5625rem;
}

.product [class$=__description] ol li {
  counter-increment: product__desc;
  color: #3F3F3F;
  font-weight: 300;
  font-size: 0.9375rem;
  line-height: 1.4;
}

.product [class$=__description] ol li::before {
  content: counter(product__desc) ". ";
}

.zoom-lens {
  position: absolute;
  width: 12.5rem;
  height: 12.5rem;
  background-color: #fff;
  border: 0.125rem solid #E2F1C9;
  border-radius: 0.5rem;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3);
  pointer-events: none;
  z-index: 100;
}

.zoom-lens::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  border-top: 0.75rem solid rgba(0, 0, 0, 0);
  border-bottom: 0.75rem solid rgba(0, 0, 0, 0);
  border-right: 0.75rem solid #E2F1C9;
  transform: translate(-100%, -50%);
}

.zoom-lens.zoom-click {
  transition: background-size 0.3s, background-position 0.3s;
}

.zoom-lens .zoom-message {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0.5rem;
  width: 100%;
  font-size: 0.875rem;
  text-align: center;
  background: #E2F1C9;
  border-radius: 0.5rem;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3);
  pointer-events: none;
  z-index: 100;
}

/* PRODUCT END */
/* SYSTEM START */
.system {
  padding: 2.5rem 3.75rem 0;
  text-align: center;
}

.system h1 {
  margin-bottom: 0.625rem;
}

.system p {
  margin-bottom: 5rem;
  font-weight: 300;
  font-size: 0.9375rem;
  line-height: 1.4;
}

.system-inner {
  position: relative;
  padding: 2.125rem 4.125rem 3.5rem;
  overflow: hidden;
}

.system-inner .system-inner__age {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 2.375rem;
  left: 0;
  width: 6.9375rem;
  height: 4.25rem;
  color: #fff;
  text-align: center;
  background: #000;
  border-radius: 0 2.125rem 2.125rem 0;
}

.system-inner .system-inner__age h3, .system-inner .system-inner__age .h3 {
  display: flex;
  align-items: center;
  margin-bottom: 0.1875rem;
  height: 1.4375rem;
  font-size: 1.875rem;
  letter-spacing: 0.06em;
}

.system-inner .system-inner__age h3 span, .system-inner .system-inner__age .h3 span {
  position: relative;
  bottom: 0.125rem;
  font-weight: 900;
  font-size: 1.5625rem;
}

.system-inner .system-inner__age p {
  margin: 0;
  height: 0.6875rem;
  font-size: 0.9375rem;
}

.system-inner .system-inner__img {
  position: absolute;
  top: -2.875rem;
  right: -2.5rem;
  width: 18.3125rem;
  height: 18.3125rem;
  border-radius: 50%;
}

.system-inner .system-inner__img img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

.system-inner .title {
  padding-left: 4.75rem;
  height: 4.75rem;
  font-size: 3.125rem;
  line-height: 0.8;
  text-align: left;
}

.system-inner .system-inner__text {
  margin-bottom: 3.125rem;
  padding-left: 1.75rem;
  width: 27.625rem;
  font-weight: 300;
  font-size: 0.9375rem;
  line-height: 1.4;
}

.system-inner .system-inner__products {
  display: flex;
  align-items: center;
  margin-bottom: 2.875rem;
  padding: 0 1.75rem;
}

.system-inner .system-inner__products .left {
  margin-right: auto;
  width: 27rem;
}

.system-inner .system-inner__products .left h2 {
  margin-bottom: 1.875rem;
  font-size: 1.5625rem;
  text-transform: uppercase;
}

.system-inner .system-inner__products .left ul li {
  display: flex;
  align-items: center;
  margin-bottom: 2.375rem;
}

.system-inner .system-inner__products .left ul li:last-child {
  margin-bottom: 0;
}

.system-inner .system-inner__products .left ul li img {
  flex-shrink: 0;
  margin-right: 0.875rem;
  width: 3.625rem;
}

.system-inner .system-inner__products .left ul li p {
  margin: 0;
  font-size: 0.9375rem;
  line-height: 1.4;
  letter-spacing: 0.03em;
}

.system-inner .system-inner__products .right img {
  display: block;
  width: 15.25rem;
}

.system-inner .system-inner__osobennosti {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.system-inner .system-inner__osobennosti > div {
  width: 19.75rem;
}

.system-inner .system-inner__osobennosti h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.4375rem;
  margin-left: auto;
  padding: 0.375rem;
  width: 15.25rem;
  color: #fff;
  font-size: 1.125rem;
  text-transform: uppercase;
  text-align: center;
  border-radius: 2rem;
}

.system-inner .system-inner__osobennosti ul li {
  display: flex;
  align-items: center;
  margin-bottom: 1.625rem;
}

.system-inner .system-inner__osobennosti ul li:last-child {
  margin-bottom: 0;
}

.system-inner .system-inner__osobennosti ul li img {
  flex-shrink: 0;
  margin-right: 1.75rem;
  width: 3.625rem;
}

.system-inner .system-inner__osobennosti ul li p {
  margin: 0;
  font-size: 0.9375rem;
  line-height: 1.4;
  letter-spacing: 0.03em;
}

/* SYSTEM END */
/* NUTRITION START */
.nutrition {
  padding: 3.5rem 0 2.5rem;
}

.nutrition h2 {
  margin-bottom: 0;
  padding: 0 3.75rem;
  font-size: 2.1875rem;
  line-height: 1;
  text-align: center;
}

.nutrition h3 {
  margin-bottom: 0;
  padding: 0 3.75rem;
  font-size: 2.1875rem;
  line-height: 1;
  text-align: center;
}

.nutrition [class*=__slider] {
  position: relative;
  margin-bottom: 1.75rem;
  padding: 1.5rem 4.0625rem 3.75rem;
  overflow: hidden;
}

.nutrition [class*=__slider] .swiper-slide {
  display: flex;
  flex-direction: column;
  margin-right: 4.0625rem;
  width: 20.75rem;
  height: 39.875rem;
  box-shadow: 0 0.9375rem 1.875rem #F5F5F5;
  transition: 0.3s;
}

.nutrition [class*=__slider] .swiper-slide.swiper-slide-prev, .nutrition [class*=__slider] .swiper-slide.swiper-slide-next + .swiper-slide {
  opacity: 0;
}

.nutrition [class*=__slider] .swiper-slide picture {
  display: block;
  width: 100%;
  height: 15.5rem;
}

.nutrition [class*=__slider] .swiper-slide picture img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.nutrition [class*=__slider] .swiper-slide .text {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  padding: 2.25rem 2.25rem 2.8125rem;
  text-align: center;
}

.nutrition [class*=__slider] .swiper-slide .text h4, .nutrition [class*=__slider] .swiper-slide .text h3 {
  margin-bottom: 1rem;
  font-size: 1.5625rem;
  line-height: 1;
  letter-spacing: -0.01em;
}

.nutrition [class*=__slider] .swiper-slide .text p {
  margin-bottom: 1.5625rem;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.3;
}

.nutrition [class*=__slider] .swiper-slide .text .btn {
  margin-top: auto;
}

.nutrition [class*=__dots] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.nutrition [class*=__dots] i {
  display: block;
  margin: 0 0.5625rem;
  width: 0.625rem;
  height: 0.625rem;
  background: #E1E1E1;
  border-radius: 50%;
  transition: 0.3s;
  opacity: 1;
  cursor: pointer;
}

.nutrition [class*=__dots] i.dot--active {
  background: #9C9C9C;
}

.nutrition [class*=__arrows] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 1;
}

.nutrition [class*=__arrows] > i {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 4.625rem;
  height: 4.625rem;
  background: #fff;
  border: 0.125rem solid #F5F5F5;
  border-radius: 50%;
  cursor: pointer;
  z-index: 1;
}

.nutrition [class*=__arrows] > i.arrow--prev {
  right: 2.1875rem;
}

.nutrition [class*=__arrows] > i.arrow--next {
  left: 2.1875rem;
}

.nutrition [class*=__arrows] > i > i {
  display: block;
  width: 2.875rem;
  height: 2.875rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  border-radius: 50%;
  pointer-events: auto;
}

.nutrition [class*=__arrows] > i.arrow--prev > i {
  background-image: url("../img/svg/btn-arrow-left.svg");
}

.nutrition [class*=__arrows] > i.arrow--next > i {
  background-image: url("../img/svg/btn-arrow-right.svg");
}

.nutrition [class*=__arrows].arrows--green > i > i {
  background-color: #6CAE30;
}

.nutrition [class*=__arrows].arrows--green > i:hover > i {
  background-color: #2E6B1F;
}

.nutrition [class*=__arrows].arrows--blue > i > i {
  background-color: #38BEEF;
}

.nutrition [class*=__arrows].arrows--blue > i:hover > i {
  background-color: #1694C2;
}

.nutrition [class*=__arrows].arrows--pink > i > i {
  background-color: #EC84B5;
}

.nutrition [class*=__arrows].arrows--pink > i:hover > i {
  background-color: #EF38A6;
}

.nutrition .btns .btn {
  padding: 0;
  width: 11.875rem;
  height: 3rem;
  color: #fff;
  font-size: 1.125rem;
  letter-spacing: -0.01em;
  text-transform: none;
}

/* NUTRITION END */
/* ARTICLES START */
.articles {
  padding: 2.5rem 2.625rem 3.5rem;
}

.articles .articles__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fff;
}

.articles .title {
  margin-bottom: 0.25rem;
}

.articles h2, .articles .h2 {
  margin-bottom: 1.875rem;
  padding: 0 3.75rem;
  font-weight: 300;
  font-size: 0.9375rem;
  line-height: 1.3;
  letter-spacing: 0.04em;
  text-align: center;
}

.articles .nav-tabs {
  display: inline-flex;
  margin: 0 auto;
  justify-content: center;
  margin-bottom: 2.625rem;
  background: #F3F9D9;
  border: 0;
  border-radius: 10rem;
}

.articles .nav-tabs .nav-link {
  padding: 0;
  width: 11.6875rem;
  height: 3rem;
  color: #6CAE30;
  font-weight: 300;
  font-size: 1.125rem;
  text-transform: uppercase;
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 10rem;
}

.articles .nav-tabs .nav-link.active {
  color: #fff;
  background: #6CAE30;
}

.articles .articles__list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  align-content: stretch;
  justify-content: flex-start;
  margin-bottom: -1.875rem;
}

.articles .articles__list .articles__block {
  display: flex;
  flex-direction: column;
  margin-right: 2rem;
  margin-bottom: 4.75rem;
  width: 14.875rem;
  box-shadow: 0 0.9375rem 1.875rem #F5F5F5;
}

.articles .articles__list .articles__block:nth-child(3), .articles .articles__list .articles__block:nth-child(3n) {
  margin-right: 0;
}

.articles .articles__list .articles__block picture {
  display: block;
  width: 100%;
  height: 11.1875rem;
}

.articles .articles__list .articles__block picture img {
  height: 100%;
}

.articles .articles__list .articles__block .text {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2.125rem 1.5rem 2.875rem;
  text-align: center;
}

.articles .articles__list .articles__block .text h2 {
  margin-bottom: 1rem;
  font-weight: 400;
  /*font-size: 1.5625rem;*/
  font-size: 23 0.25rem;
  line-height: 1;
  letter-spacing: -0.01em;
}

.articles .articles__list .articles__block .text p {
  flex: 1;
  display: flex;
  align-items: center;
  margin: auto;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.3;
}

.articles .articles__list .articles__block .text .btn {
  margin-top: 1.5rem;
}

/* ARTICLES END */
/* ARTICLE START */
.article {
  padding: 3rem 4.0625rem 3.75rem;
  font-weight: 300;
  font-size: 0.9375rem;
  line-height: 1.4;
}

.article picture {
  margin-bottom: 3.375rem;
  width: 100%;
}

.article h1 {
  margin-bottom: 1.125rem;
  font-size: 2.1875rem;
  line-height: 1;
  text-transform: uppercase;
}

.article h3, .article h2 {
  /*margin: 2.875rem 0 0.75rem;*/
  margin: 1.75rem 0 1.75rem;
  font-size: 1.5625rem;
  line-height: 1;
  text-transform: uppercase;
}

.article p {
  /*margin-bottom: 2.1875rem;*/
  margin-bottom: 1.1875rem;
  font-weight: 300;
  font-size: 0.9375rem;
  line-height: 1.4;
}

.article .article_content ul {
  list-style: inside;
  margin-bottom: 1.1875rem;
}

.article .article_content ol {
  /*list-style: inside;*/
  margin-bottom: 1.1875rem;
  margin-left: 1rem;
}

.article .social {
  flex-direction: column;
  margin-top: 2.5rem;
}

.article .social p {
  margin-bottom: 1.25rem;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1;
  letter-spacing: -0.04em;
  text-transform: uppercase;
}

.article .social ul {
  display: flex;
  align-items: center;
}

.article .social ul li {
  margin-right: 0.9375rem;
}

.article .social ul .soc {
  width: 2.625rem;
  height: 2.625rem;
}

.article .social ul .soc-vk {
  background: #4C6C91;
}

.article .social ul .soc-ok {
  background: #F6921E;
}

/* ARTICLE END */
/* SEARCH START */
.search {
  padding: 2.8125rem;
}

.search .title {
  margin-bottom: 2.375rem;
}

.search form {
  margin-bottom: 2.5rem;
}

.search .form-group {
  position: relative;
  margin: 0 auto;
  width: 30.625rem;
  height: 3.125rem;
  background: #F3F9D9;
  border-radius: 10rem;
}

.search .form-group::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0.9375rem;
  width: 0.875rem;
  height: 0.875rem;
  background: url("../img/svg/search.svg") no-repeat 50%/contain;
  transform: translate(0, -50%);
}

.search .form-group input {
  padding: 1rem 10rem 0.75rem 2.3125rem;
  width: 100%;
  height: 100%;
  font-size: 1rem;
  background: rgba(0, 0, 0, 0);
  border: 0;
}

.search .form-group .btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 9rem;
  height: 3.125rem;
  font-size: 1.125rem;
  text-transform: none;
}

.search h3 {
  margin: 0;
  font-size: 2.375rem;
  text-align: center;
}

/* SEARCH END */
/* MODAL START */
.modal .modal-dialog {
  max-width: 21rem;
}

.modal .modal-content {
  background: #6CAE30;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.modal .modal-close {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  padding: 0;
  width: 1rem;
  height: 1rem;
  background: url("../img/svg/close.svg") no-repeat 50%/contain;
  border: 0;
  outline: 0;
  z-index: 1;
  cursor: pointer;
}

.modal .modal-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.875rem;
  color: #fff;
  text-align: center;
}

.modal .modal__icon {
  margin: 0 auto 1rem;
  width: 3.375rem;
}

.modal .modal__title {
  margin-bottom: 1.125rem;
  font-size: 1.5rem;
  line-height: 1.1;
}

.modal .modal__text {
  margin-bottom: 1rem;
  font-weight: 300;
  font-size: 0.875rem;
}

/* MODAL END */
/* KV-MEALS START */
.main-meals {
  padding-top: 5.75rem;
}

.kv-meals {
  position: relative;
  margin-bottom: 4.6875rem;
  padding: 6.625rem 9.0625rem 2rem;
  height: 27.9375rem;
  color: #fff;
  z-index: 0;
}

.kv-meals picture, .kv-meals picture img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.kv-meals .text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  height: 100%;
  z-index: 1;
}

.kv-meals .text h2 {
  margin-bottom: 1.375rem;
  color: #FEED01;
  font-size: 2.25rem;
  line-height: 1.18;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}

.kv-meals .text h3 {
  margin-bottom: 1rem;
  font-size: 47 0.375rem;
  line-height: 1;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.meals-game-page .kv-meals .text h3 {
  margin-bottom: 1rem;
  font-size: 64.4rem;
  line-height: 1;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.kv-meals .text p {
  margin-bottom: 1rem;
  font-weight: 300;
  font-size: 22 0.25rem;
  line-height: 1.18;
  letter-spacing: 0.01em;
}

.kv-meals .text p span {
  color: #FEED01;
}

.kv-meals .text small {
  display: inline-flex;
  align-items: center;
  margin-top: auto;
  color: #B1D597;
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.18;
}

.kv-meals .text small img {
  margin-left: 0.625rem;
  width: 8.4375rem;
}

/* KV-MEALS END */
/* MEALS-MENU START */
.meals-menu {
  margin-bottom: 8.125rem;
  border-bottom: 0.0625rem solid #B1D597;
}

.meals-menu ul {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.meals-menu ul li {
  margin: 0 2.3125rem;
}

.meals-menu ul li a {
  display: inline-flex;
  padding: 1rem 2.125rem 0.625rem;
  color: #2E6B1F;
  font-size: 1.625rem;
  text-transform: uppercase;
  border-bottom: 0.375rem solid rgba(0, 0, 0, 0);
}

.meals-menu ul li a:hover {
  text-decoration: none;
  border-bottom-color: #9CC31A;
}

.meals-menu ul li a.active {
  border-bottom-color: #9CC31A !important;
}

/* MEALS-MENU END */
/* MEALS-DETAIL START */
.meals-detail {
  margin-bottom: 8.75rem;
}

.meals-detail .meals-detail__wrap {
  margin: 0 auto 2.5rem;
  padding-bottom: 2.5rem;
  width: 50rem;
  background: #fff;
}

.meals-detail .meals-detail__wrap .banner {
  position: relative;
  height: 21.25rem;
}

.meals-detail .meals-detail__wrap .banner .bg {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.meals-detail .meals-detail__wrap .banner .bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.meals-detail .meals-detail__wrap .banner .img {
  display: block;
  position: absolute;
  bottom: -1.875rem;
  right: 2.5rem;
  width: 9.375rem;
  z-index: 1;
}

.meals-detail .meals-detail__wrap .banner .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.meals-detail .meals-detail__wrap .text {
  padding: 3.375rem 2.5rem 2.5rem;
}

.meals-detail .meals-detail__wrap .text h3 {
  margin-bottom: 1.625rem;
  font-size: 1.625rem;
  line-height: 1;
  letter-spacing: 0.01em;
}

.meals-detail .meals-detail__wrap .text p {
  margin: 0;
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.18;
}

.meals-detail .meals-detail__wrap .text p span {
  font-weight: 400;
  color: #6CAE30;
}

.meals-detail .meals-detail__wrap.active .meals-detail__btn-col i {
  transform: rotate(180deg);
}

.meals-detail .meals-detail__btn-col {
  display: flex;
  align-items: center;
}

.meals-detail .meals-detail__btn-col i {
  display: block;
  margin-left: 0.25rem;
  width: 0.8125rem;
  height: 0.5625rem;
  background: url("../img/svg/mini-arrow-bot-2.svg") no-repeat 50%/contain;
}

.meals-detail .meals-detail__collapse {
  padding: 0 2.5rem 2.5rem;
}

.meals-detail .meals-detail__collapse picture {
  display: block;
  margin-bottom: 2.5rem;
  width: 100%;
  height: auto;
}

.meals-detail .meals-detail__collapse picture img {
  display: block;
  width: 100%;
  height: auto;
}

.meals-detail .meals-detail__collapse p {
  margin-bottom: 2.25rem;
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.18;
}

.meals-detail .meals-detail__collapse p b {
  color: #6CAE30;
}

.meals-detail .meals-detail__collapse blockquote {
  display: flex;
  align-items: flex-start;
  padding: 1.25rem 1.5rem;
  background: #E7F4D2;
}

.meals-detail .meals-detail__collapse blockquote .img {
  flex-shrink: 0;
  display: block;
  margin-top: 0.875rem;
  margin-right: 1.25rem;
  width: 5rem;
  height: 5rem;
}

.meals-detail .meals-detail__collapse blockquote .img img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

.meals-detail .meals-detail__collapse blockquote .text {
  padding: 0;
}

.meals-detail .meals-detail__collapse blockquote .text h4 {
  margin-bottom: 0.875rem;
  color: #2E6B1F;
  font-size: 1rem;
  line-height: 1.18;
}

.meals-detail .meals-detail__collapse blockquote .text p {
  margin: 0;
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 1.18;
}

.meals-detail .meals-detail__collapse :last-child {
  margin-bottom: 0;
}

/* MEALS-DETAIL END */
/* MEALS START */
.faq {
  margin: 0 auto 8.75rem;
  width: 50rem;
}

.faq .faq__block {
  position: relative;
  margin-bottom: 2.5rem;
  overflow: hidden;
  contain: paint;
  will-change: max-height;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.faq .faq__block:last-child {
  margin-bottom: 0;
}

.faq .faq__block .faq__btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.faq .faq__block .faq__btn p {
  margin: 0;
  font-size: 1.375rem;
  line-height: 1;
}

.faq .faq__block .faq__btn i {
  flex-shrink: 0;
  display: block;
  position: relative;
  margin-left: 1rem;
  width: 2.875rem;
  height: 2.875rem;
  background: #6CAE30;
  border-radius: 50%;
}

.faq .faq__block .faq__btn i::before, .faq .faq__block .faq__btn i::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  /*width: 0.875rem;
  height: 0.1875rem;
  border-radius: 50%;*/
  width: 17 0.125rem;
  height: 0.1875rem;
  border-radius: 2.2rem;
  background: #fff;
  transition: 0.3s;
}

.faq .faq__block .faq__btn i::before {
  transform: translate(-50%, -50%) rotate(0deg);
}

.faq .faq__block .faq__btn i::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.faq .faq__block .faq__btn.active i::after {
  transform: translate(-50%, -50%) rotate(0deg);
}

.faq .faq__block .faq__collapse {
  padding-top: 0.75rem;
  overflow: hidden;
  contain: paint;
  will-change: max-height;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.faq .faq__block .faq__collapse p {
  margin: 0 0 1.25rem;
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.18;
  letter-spacing: 0.01em;
}

.faq .faq__block .faq__collapse ul li {
  display: flex;
  align-items: center;
  margin: 0 0 0.25rem;
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.18;
  letter-spacing: 0.01em;
}

.faq .faq__block .faq__collapse ul li:last-child {
  margin-bottom: 0;
}

.faq .faq__block .faq__collapse ul li::before {
  content: "";
  flex-shrink: 0;
  position: relative;
  top: 0.125rem;
  margin: 0 0.375rem;
  width: 0.375rem;
  height: 0.375rem;
  background: #3F3F3F;
  border-radius: 50%;
}

/* MEALS END */
/* MEALS-PROTDUCTS START */
.meals-products .meals-products__wrap {
  margin: 0 auto 2.5rem;
  padding: 3.75rem 4rem 4rem;
  width: 72.5rem;
  background: #fff;
}

.meals-products .meals-products__wrap .title {
  margin-bottom: 2.125rem;
}

.meals-products .meals-products__wrap ul {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.meals-products .meals-products__wrap ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 14.8125rem;
  text-align: center;
}

.meals-products .meals-products__wrap ul li img {
  display: block;
  margin-bottom: 1rem;
  width: 11.5rem;
}

.meals-products .meals-products__wrap ul li p {
  margin-bottom: 2.125rem;
  width: 12.8125rem;
  height: 5rem;
  color: #2E6B1F;
  font-size: 1.25rem;
  line-height: 1;
}

/* MEALS-PROTDUCTS END */
/* MEALS-GAME START */
.meals-game {
  margin-top: 8.75rem;
}

.meals-game .meals-game__wrap {
  margin: 0 auto;
  padding: 4rem 6.25rem;
  width: 71.875rem;
  background: #fff;
}

.meals-game .meals-game__wrap h3 {
  margin-bottom: 2rem;
  color: #6CAE30;
  font-size: 2.5rem;
  line-height: 1;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.meals-game .meals-game__wrap h4 {
  margin-bottom: 1.25rem;
  font-size: 1.5rem;
  line-height: 1.18;
  letter-spacing: 0.01em;
}

.meals-game .meals-game__wrap p {
  margin-bottom: 2rem;
  color: #3F3F3F;
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.18;
  letter-spacing: 0.01em;
}

.meals-game .meals-game__wrap b {
  font-weight: 400;
}

.meals-game .meals-game__wrap ul {
  margin-bottom: 2.5rem;
}

.meals-game .meals-game__wrap ul li {
  display: inline-flex;
  align-items: flex-start;
  margin-bottom: 1.25rem;
  color: #3F3F3F;
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.18;
  letter-spacing: 0.01em;
}

.meals-game .meals-game__wrap blockquote p {
  font-weight: 400;
  font-size: 16.1rem;
}

.meals-game .meals-game__wrap blockquote ul li {
  font-weight: 400;
  font-size: 16.1rem;
}

.meals-game .meals-game__wrap ul li:last-child {
  margin-bottom: 0;
}

.meals-game .meals-game__wrap ul li::before {
  content: "";
  flex-shrink: 0;
  position: relative;
  top: 0.375rem;
  margin: 0 0.4375rem;
  width: 0.4375rem;
  height: 0.4375rem;
  background: #3F3F3F;
  border-radius: 50%;
}

.meals-game .meals-game__wrap picture {
  display: block;
  margin-bottom: 5rem;
  width: 100%;
  height: auto;
}

.meals-game .meals-game__wrap picture img {
  display: block;
  width: 100%;
  height: auto;
}

.meals-game .meals-game__wrap blockquote {
  position: relative;
  margin-bottom: 3.375rem;
  padding: 3.75rem 2.625rem;
  background: #E7F4D2;
}

.meals-game .meals-game__wrap blockquote picture {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.meals-game .meals-game__wrap blockquote picture img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.meals-game .meals-game__wrap blockquote ul {
  margin: 0;
  width: 40.75rem;
}

.meals-game .meals-game__wrap blockquote :last-child {
  margin: 0;
}

.meals-game .meals-game__wrap .meals-game__foot p {
  margin-bottom: 1.5rem;
  color: #2E6B1F;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.18;
  letter-spacing: 0.01em;
}

.meals-game .meals-game__wrap .meals-game__foot p:last-child {
  margin-bottom: 0;
}

/* MEALS-GAME END */
/* MEALS-MODAL START */
.modal-product .modal-dialog {
  max-width: 66.5rem;
}

.modal-product .modal-close {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  width: 1.5rem;
  height: 1.5rem;
  background: url("../img/svg/close-3.svg") no-repeat 50%/contain;
}

.modal-product .modal-content {
  background: #fff;
}

.modal-product .modal-body {
  padding: 4rem 2.5rem 2.5rem 2.5rem;
}

/* MEALS-MODAL END */
/* MODAL-PRODUCT START */
.modal-product .modal-product__wrap {
  display: flex;
  width: 100%;
}

.modal-product .modal-product__wrap .modal-product__slider-img {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-right: 3.5rem;
  width: 22.75rem;
}

.modal-product .modal-product__wrap .modal-product__slider-img .modal-product__slider--main {
  display: block;
  margin-bottom: 0.5rem;
  padding: 2.75rem 3.5rem;
  width: 100%;
  background: #F6FAEE;
}

.modal-product .modal-product__wrap .modal-product__slider-img .modal-product__slider--main img {
  display: block;
  width: 100%;
  height: auto;
}

.modal-product .modal-product__wrap .modal-product__slider-img .modal-product__slider--add {
  display: block;
  margin: 0 auto;
  position: relative;
  width: 12.75rem;
}

.modal-product .modal-product__wrap .modal-product__slider-img .modal-product__slider--add .slick-arrow {
  position: absolute;
  top: 50%;
  width: 1.875rem;
  height: 1.875rem;
  color: rgba(0, 0, 0, 0);
  font-size: 0;
  background-color: #6CAE30;
  background-repeat: no-repeat;
  background-size: contain;
  transform: translate(0, -50%);
  border: 0;
  border-radius: 50%;
  outline: 0;
  box-shadow: none;
  cursor: pointer;
  z-index: 1;
}

.modal-product .modal-product__wrap .modal-product__slider-img .modal-product__slider--add .slick-arrow.slick-prev {
  left: -3.3125rem;
  background-image: url("../img/svg/slick-prev.svg");
}

.modal-product .modal-product__wrap .modal-product__slider-img .modal-product__slider--add .slick-arrow.slick-next {
  right: -3.3125rem;
  background-image: url("../img/svg/slick-next.svg");
}

.modal-product .modal-product__wrap .modal-product__slider-img .modal-product__slider--add .slick-slide {
  position: relative;
  margin: 0 0.25rem;
  width: 5.875rem;
  height: 5.875rem;
}

.modal-product .modal-product__wrap .modal-product__slider-img .modal-product__slider--add .slick-slide img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 1;
  transition: 0.3s;
}

.modal-product .modal-product__wrap .modal-product__slider-top {
  width: 35.25rem;
  color: #3F3F3F;
  text-align: left;
}

.modal-product .modal-product__wrap .modal-product__slider-top h3 {
  margin-bottom: 1.875rem;
  color: #2E6B1F;
  font-size: 2.25rem;
  line-height: 1;
}

.modal-product .modal-product__wrap .modal-product__slider-top .modal-product__slider-ves {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 1.875rem;
}

.modal-product .modal-product__wrap .modal-product__slider-top .modal-product__slider-ves p {
  margin: 0;
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1;
}

.modal-product .modal-product__wrap .modal-product__slider-top .modal-product__slider-ves p b {
  font-weight: 400;
}

.modal-product .modal-product__wrap .modal-product__slider-top .modal-product__slider--text h4 {
  margin-bottom: 1.375rem;
  color: #2E6B1F;
  font-size: 1.5rem;
  line-height: 1;
}

.modal-product .modal-product__wrap .modal-product__slider-top .modal-product__slider--text p {
  margin-bottom: 1.125rem;
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.18;
  letter-spacing: 0.01em;
}

.modal-product .modal-product__wrap .modal-product__slider-top .modal-product__slider--text h5 {
  margin-bottom: 0;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.18;
  letter-spacing: 0.01em;
}

.modal-product .modal-product__wrap .modal-product__slider-top .modal-product__slider--text ul li {
  margin-bottom: 0;
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.18;
  letter-spacing: 0.01em;
}

.modal-product .modal-product__wrap .modal-product__slider-top .buy {
  display: flex;
  align-items: center;
  margin-top: 2.25rem;
}

.modal-product .modal-product__wrap .modal-product__slider-top .buy p {
  margin: 0 2.25rem 0 0;
  font-weight: 400;
  font-size: 1.5rem;
}

.modal-product .modal-product__wrap .modal-product__slider-top .buy .buy_links_wrap {
  display: flex;
  gap: 1rem;
}

.modal-product .modal-product__wrap .modal-product__slider-top .buy a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /*width: 20.125rem;
  height: 4.25rem;*/
  width: 12.125rem;
  height: 48 0.5rem;
  border: 0.0625rem solid #E4E4E4;
  border-radius: 10rem;
}

.modal-product .modal-product__wrap .modal-product__slider-top .buy img {
  display: block;
  /*width: 10.125rem;*/
  width: 8.125rem;
}

/* MODAL-PRODUCT END */