@charset "UTF-8";
@import url("icons.css");
:root {
 --width-mobile: 430px;
 --width-desktop: 768px;
 --max-width-desktop: 1280px;
 --raleway: Raleway, sans-serif;
 --rubik: Rubik, sans-serif;
 --gap: 20px;
 --padding: 80px;
 --black: #333;
 --grey: #999;
 --grey-light: #E3E3E3;
 --grey-dark: #333;
 --green: #499D38;
 --green-light: #DCF2CA;
 --green-grey: #ADD5A5;
 --blue-3: #72B4D1;
 --red: #D20000;
 --cyan: #00CDB1;
}

/* ******* */
/* Layout */
.wrapper {
 position: relative;
 display: flex;
 flex-direction: column;
 color: var(--black);
 font-size: 16px;
 font-family: var(--raleway);
 line-height: 1.2;
 background: var(--cyan);
 margin-inline: auto;
}

.section {
 padding-inline: var(--padding);
}

@media (min-width: 768px) {
 .d-mobile {
  display: none !important;
 }
}

/***********/
/* Blocks */
[data-more-hidden] {
 position: absolute;
 left: -9999px;
 opacity: 0;
}

/***********/
/* Common */
.raleway {
 font-family: var(--raleway);
}

.rubik {
 font-family: var(--rubik);
}

.fw-light {
 font-weight: 300;
}

.fw-normal {
 font-weight: normal;
}

.fw-medium {
 font-weight: 500;
}

.fw-sbold {
 font-weight: 600;
}

.fw-bold {
 font-weight: bold;
}

.fw-xbold {
 font-weight: 800;
}

.fw-black {
 font-weight: 900;
}

.sup {
 vertical-align: super;
}

.justify-content-center {
 justify-content: center;
}

.align-items-center {
 align-items: center;
}

.text-gradient {
 -webkit-background-clip: text !important;
 -webkit-text-fill-color: transparent;
 background-size: 0 0 !important;
 -webkit-background-size: contain !important;
}

.hide-scrollbar {
 overflow: scroll;
 -ms-overflow-style: none;
 /* IE and Edge */
 scrollbar-width: none;
 /* FF */
 /* Chrome, Safari, Opera */
}

.hide-scrollbar::-webkit-scrollbar {
 display: none;
}

.hidden {
 position: absolute;
 left: -9999px;
 opacity: 0;
}

.link-hover {
 display: inline-block;
 position: relative;
}

.link-hover, .link-hover a {
 text-decoration: none !important;
}

.link-hover:after {
 content: '';
 width: 100%;
 position: absolute;
 bottom: -1px;
 left: 0;
 border-bottom: 1px solid;
 transition: -webkit-transform 0.3s ease;
 transition: transform 0.3s ease;
 transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.link-hover:after {
 -webkit-transform: scale3d(0, 1, 1);
         transform: scale3d(0, 1, 1);
 -webkit-transform-origin: bottom right;
         transform-origin: bottom right;
}

.link-hover:hover:after {
 -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
 -webkit-transform-origin: bottom left;
         transform-origin: bottom left;
}

.link-unhover {
 display: inline-block;
 position: relative;
}

.link-unhover, .link-unhover a {
 text-decoration: none !important;
}

.link-unhover:after {
 content: '';
 width: 100%;
 position: absolute;
 bottom: -1px;
 left: 0;
 border-bottom: 1px solid;
 transition: -webkit-transform 0.3s ease;
 transition: transform 0.3s ease;
 transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.link-unhover:after {
 -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
 -webkit-transform-origin: bottom left;
         transform-origin: bottom left;
}

.link-unhover:hover:after {
 -webkit-transform: scale3d(0, 1, 1);
         transform: scale3d(0, 1, 1);
 -webkit-transform-origin: bottom right;
         transform-origin: bottom right;
}

h1, h2, h3, h4, h5, h6 {
 font-size: inherit;
 font-weight: inherit;
 font-family: inherit;
 margin: 0;
}

.color-white {
 color: white;
}

.color-black {
 color: var(--black);
}

.color-green {
 color: var(--green);
}

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

.bg-white {
 background-color: white;
}

.bg-black {
 background-color: var(--black);
}

.bg-green {
 background-color: var(--green);
}

/* Lists */
.list-dashed {
 list-style: none;
 padding-left: 0;
}

.list-dashed > * {
 position: relative;
 padding-left: 1.5em;
}

.list-dashed > *:before {
 content: '—';
 position: absolute;
 left: 0;
}

.list-dotted {
 list-style: none;
 padding-left: 0;
}

.list-dotted > * {
 position: relative;
 padding-inline: 1.4em;
}

@media (min-width: 768px) {
 .list-dotted > * {
  padding-inline: 2em;
 }
}

.list-dotted > *:before {
 content: '•';
 position: absolute;
 left: 0;
 top: -0.4em;
 font-size: 350%;
}

.dir-rtl .list-dotted > *:before {
 left: auto;
 right: 0;
}

@media (min-width: 768px) {
 .list-dotted > *:before {
  top: -0.45em;
  font-size: 500%;
 }
}

.list-squared {
 list-style: none;
 padding-left: 0;
}

.list-squared > * {
 position: relative;
 padding-left: 1.5em;
}

.list-squared > *:before {
 content: '';
 position: absolute;
 left: 0;
 top: 0.25em;
 box-shadow: inset -1em 0;
 border-radius: 2.44px;
}

@media (max-width: 767px) {
 .list-squared > *:before {
  width: 8px;
  height: 8px;
 }
}

@media (min-width: 768px) {
 .list-squared > *:before {
  width: 12px;
  height: 12px;
 }
}

.lazy {
 background-image: none !important;
 opacity: 0;
}

.lazy:before, .lazy:after {
 content: none !important;
}

.lazy-loaded {
 opacity: 1;
 transition: 0.1s;
}

[class^="icons-"],
[class*=" icons-"] {
 display: inline-block;
 vertical-align: middle;
 line-height: 0;
}

[class^="icons-"]:before,
[class*=" icons-"]:before {
 content: '';
 font-size: inherit;
 line-height: 1;
 background-repeat: no-repeat;
 background-size: contain;
 background-position: 50% 50%;
 padding: 0.5em;
}

.decor-square {
 width: 45px;
 height: 45px;
}

.decor-square_green-grey {
 background: var(--green-grey);
}

.decor-square_green-dark {
 background: var(--green-dark);
}

.button {
 width: 100%;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: var(--gap);
 text-align: center;
 font-size: 18px;
 font-weight: 800;
 letter-spacing: 0.15em;
 text-transform: uppercase;
 text-decoration: none !important;
 border: 0;
 background-color: transparent;
 padding: 0;
 transition: color 0.3s, border-color 0.3s, background 0.3s;
}

a.button, button.button {
 cursor: pointer;
}

.button[disabled] {
 overflow: hidden;
 position: relative;
 z-index: 2;
 cursor: not-allowed;
 isolation: isolate;
}

.button[disabled]:before {
 content: '';
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 background: rgba(0, 0, 0, 0.9);
 mix-blend-mode: saturation;
}

.button[href=""] {
 cursor: default;
}

.button i {
 transition: 0.3s;
}

.button_rounded {
 width: auto;
 min-width: 420px;
 min-height: 90px;
 white-space: nowrap;
 border-radius: 30px;
 font-size: 24px;
 font-weight: 800;
 letter-spacing: 0.15em;
 text-transform: uppercase;
 padding-inline: var(--gap);
}

.button_bordered {
 border: 1px solid;
}

.button_green {
 color: white;
 border-color: var(--green);
 background: var(--green);
}

.button_green:focus, .button_green:hover {
 color: white;
 border-color: var(--blue-3);
 background: var(--blue-3);
}

.button_green_dark {
 color: white;
 border-color: var(--green-dark);
 background: var(--green-dark);
}

.button_green_dark:focus, .button_green_dark:hover {
 color: var(--green);
 border-color: white;
 background: white;
}

.button_black {
 color: white;
 border-color: var(--black);
 background: var(--black);
}

.button_black:focus, .button_black:hover {
 color: var(--black);
 border-color: white;
 background: white;
}

.button_grey {
 color: white;
 border-color: var(--grey);
 background: var(--grey);
}

.request {
 max-width: 760px;
 margin: auto;
 padding-block: 30px 60px;
}

.request__group {
 display: flex;
 gap: var(--gap);
 justify-content: space-between;
}

.request__item-field-input {
 width: 100%;
 min-height: 90px;
 font-size: 24px;
 color: var(--black);
 border: 2px solid transparent;
 border-radius: 30px;
 background: white;
 padding: 0 var(--gap);
}

.request__item-field-input:focus {
 border-color: var(--green);
}

.request__item-field-input:invalid {
 border-color: var(--black);
}

[data-type="radio"] .request__item-field {
 display: grid;
 grid-template-columns: 1fr 1fr 3fr 2fr;
 align-items: center;
 border-bottom: 1px solid var(--grey-light);
 cursor: pointer;
 padding-block: 30px;
 /* padding-block: 15px;*/
}

[data-type="radio"] .request__item-field input {
 display: none;
}

[data-type="radio"] .request__item-field-radio {
 width: 50px;
 height: 50px;
 order: -1;
 border: 2px solid var(--green);
 border-radius: 50%;
}

[data-type="radio"] .request__item-field-icon {
 width: 20px;
 height: 20px;
 border-radius: 50%;
 background: var(--green-grey);
 opacity: 0;
 transition: 0.3s;
}

[data-type="radio"] .request__item-field-label {
 font-size: 24px;
 font-weight: 700;
 letter-spacing: -0.01em;
}

[data-type="radio"] .request__item-field-note {
 font-size: 16px;
 font-weight: 700;
 letter-spacing: -0.03em;
 padding-left: 70px;
}

[data-type="radio"] .request__item-field-value {
 font-size: 48px;
 font-weight: 700;
 letter-spacing: -0.03em;
}

[data-type="note"] .request__item-field {
 width: 100%;
 text-align: center;
 font-family: var(--rubik);
 font-size: 12px;
 font-weight: 600;
 letter-spacing: -0.01em;
 padding-top: 30px;
}

[data-type="note"] .request__item-field a {
 color: var(--green);
}

:checked ~ .request__item-field-icon {
 opacity: 1;
}

.request__button {
 max-width: 418px;
 display: flex;
 margin: 50px auto 0;
}

.swiper {
 overflow: visible;
 margin: 0;
}

.swiper:not(.swiper-initialized) {
 display: flex;
 opacity: 0;
}

.swiper-slide {
 height: auto;
}

.swiper-horizontal > .swiper-scrollbar {
 height: 4px;
}

.swiper-scrollbar-drag {
 cursor: pointer;
 background: black;
}

.swiper-pagination-custom {
 left: unset;
 right: unset;
 bottom: unset;
}

.swiper-nav {
 display: flex;
 justify-content: center;
}

.swiper-scrollbar[style*="display: none"] ~ .swiper-nav {
 display: none;
}

.swiper-button {
 width: 69px;
 height: 69px;
 flex: 1 0 auto;
 position: relative;
 z-index: 3;
 font-size: 24px;
 cursor: pointer;
}

.swiper-button:before {
 content: '';
 width: 49px;
 height: 49px;
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 z-index: -1;
 background: var(--green);
 rotate: 0 0 1 45deg;
 margin: auto;
 transition: 0.3s;
}

.swiper-button-disabled {
 opacity: 0.3;
 cursor: default;
}

.swiper-button:hover:before {
 background: var(--grey-dark);
}

.swiper-button:hover i {
 -webkit-filter: brightness(0) saturate(100%) invert(45%) sepia(85%) saturate(410%) hue-rotate(64deg) brightness(98%) contrast(79%);
         filter: brightness(0) saturate(100%) invert(45%) sepia(85%) saturate(410%) hue-rotate(64deg) brightness(98%) contrast(79%);
}

.swiper-prev i {
 scale: -1 1 1;
}

.pop-up {
 height: 100vh;
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 z-index: -1;
 -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0);
 opacity: 0;
 transition: opacity 0.3s;
 display: flex;
 flex-direction: column;
}

.pop-up_opened {
 -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
 opacity: 1;
 z-index: 2000;
}

.pop-up__overlay {
 width: 100%;
 height: 100%;
 position: fixed;
 opacity: 0;
 background: rgba(0, 0, 0, 0.5);
}

.pop-up_opened .pop-up__overlay {
 opacity: 1;
}

.pop-up__container {
 width: 100%;
 height: 100vh;
 background: var(--grey-dark);
}

.pop-up__inner {
 max-width: 1140px;
 max-height: 100%;
 overflow: auto;
 display: flex;
 flex-direction: column;
 position: relative;
 padding-block: 20px;
 margin-inline: auto;
}

.pop-up__title {
 color: white;
 font-size: 96px;
 font-weight: 700;
 line-height: 0.9;
 letter-spacing: -0.05em;
 padding-inline: 20px;
 margin-bottom: 40px;
}

.pop-up__buttons {
 position: absolute;
 top: 42px;
 right: 40px;
 z-index: 2;
}

.pop-up__buttons-button {
 width: 24px;
 height: 24px;
 font-size: 24px;
}

.pop-up__content {
 -webkit-filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.15));
 filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.15));
 background: white;
 padding-inline: 20px;
}

.main {
 min-height: 861px;
 background: var(--cyan) url("../../img/nutrition/main/bg_d.jpg") no-repeat 50% 100%/cover;
 padding: 90px 100px 0;
}

.main__title {
 max-width: 490px;
 text-transform: none;
 font-size: 96px;
 font-weight: 700;
 line-height: 0.9;
 letter-spacing: -0.05em;
 margin-bottom: 60px;
}

.main__text {
 max-width: 360px;
 color: white;
 font-size: 24px;
 font-weight: 700;
 letter-spacing: -0.01em;
}

.ration {
 overflow-x: clip;
}

.ration__header {
 display: flex;
 justify-content: space-between;
 align-items: center;
 padding-inline: 20px;
 margin-bottom: 41px;
}

.ration__title {
 font-size: 48px;
 font-weight: 700;
 letter-spacing: -0.03em;
 text-transform: none;
}

.ration__categories-controls {
 align-items: center;
}

.ration__categories-controls-info {
 width: 172px;
 text-align: center;
 color: var(--green-light);
 font-size: 24px;
 font-weight: 700;
 letter-spacing: -0.01em;
}

.ration__categories-controls-info .swiper-pagination-current {
 color: white;
}

.ration__categories-headers {
 max-width: 975px;
}

.ration__categories-headers .swiper-slide {
 padding-right: 1px;
}

.ration__categories-content {
 margin: 0 calc(var(--padding) * -0.5);
}

.ration__category {
 min-height: 234px;
 background: var(--grey-light);
 -webkit-clip-path: polygon(100% 100%, 95% 92%, 95% 92%, 89% 100%, 84% 92%, 84% 92%, 78% 100%, 72% 92%, 72% 92%, 67% 100%, 61% 92%, 61% 92%, 56% 100%, 50% 92%, 50% 92%, 45% 100%, 39% 92%, 39% 92%, 33% 100%, 28% 92%, 28% 92%, 22% 100%, 17% 92%, 17% 92%, 11% 100%, 6% 92%, 6% 92%, 0% 100%, 0% 0%, 6% 8%, 6% 8%, 11% 0%, 17% 8%, 17% 8%, 22% 0%, 28% 8%, 28% 8%, 33% 0%, 39% 8%, 39% 8%, 45% 0%, 50% 8%, 50% 8%, 56% 0%, 61% 8%, 61% 8%, 67% 0%, 72% 8%, 72% 8%, 78% 0%, 84% 8%, 84% 8%, 89% 0%, 95% 8%, 95% 8%, 100% 0%, 100% 100%);
         clip-path: polygon(100% 100%, 95% 92%, 95% 92%, 89% 100%, 84% 92%, 84% 92%, 78% 100%, 72% 92%, 72% 92%, 67% 100%, 61% 92%, 61% 92%, 56% 100%, 50% 92%, 50% 92%, 45% 100%, 39% 92%, 39% 92%, 33% 100%, 28% 92%, 28% 92%, 22% 100%, 17% 92%, 17% 92%, 11% 100%, 6% 92%, 6% 92%, 0% 100%, 0% 0%, 6% 8%, 6% 8%, 11% 0%, 17% 8%, 17% 8%, 22% 0%, 28% 8%, 28% 8%, 33% 0%, 39% 8%, 39% 8%, 45% 0%, 50% 8%, 50% 8%, 56% 0%, 61% 8%, 61% 8%, 67% 0%, 72% 8%, 72% 8%, 78% 0%, 84% 8%, 84% 8%, 89% 0%, 95% 8%, 95% 8%, 100% 0%, 100% 100%);
 padding: 60px 30px 30px 30px;
 transition: 0.3s;
 cursor: pointer;
}

.ration__category-header {
 position: relative;
 display: inline-flex;
 align-items: center;
 gap: 30px;
 margin-bottom: 30px;
}

.ration__category-icon {
 font-size: 24px;
}

.ration__category-name {
 font-size: 28px;
 font-weight: 700;
 letter-spacing: -0.03em;
}

.ration__category-note {
 position: absolute;
 top: 0;
 left: 100%;
 font-size: 12px;
 font-weight: 900;
 color: var(--red);
 margin-left: 10px;
}

.ration__category-info {
 font-size: 16px;
 font-weight: 700;
 letter-spacing: -0.03em;
 margin-left: 54px;
}

.swiper-slide-thumb-active .ration__category {
 background: white;
}

.swiper-slide-prev .ration__category,
.swiper-slide-next + * + .swiper-slide .ration__category {
 opacity: 0.7;
}

.swiper-slide:not(.swiper-slide-thumb-active):hover .ration__category {
 color: white;
 background: var(--green);
}

.swiper-slide:not(.swiper-slide-thumb-active):hover .ration__category-icon {
 -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(57%) saturate(167%) hue-rotate(132deg) brightness(113%) contrast(100%);
         filter: brightness(0) saturate(100%) invert(100%) sepia(57%) saturate(167%) hue-rotate(132deg) brightness(113%) contrast(100%);
}

.swiper-slide:not(.swiper-slide-thumb-active):hover .ration__category-note {
 color: inherit;
}

.ration__program {
 background: url("../../img/nutrition/ration/bg_program_bottom.svg") repeat-x 0% 100%/1120px auto, url("../../img/nutrition/ration/bg_program_top.svg") repeat-x 0% 0%/1120px auto, linear-gradient(to top, rgba(0, 0, 0, 0) 90px, white 90px, white 55%, rgba(0, 0, 0, 0) 55%), linear-gradient(to bottom, rgba(0, 0, 0, 0) 90px, white 90px, white 55%, rgba(0, 0, 0, 0) 55%);
 -webkit-filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.15));
         filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.15));
 padding: 60px 87px 90px;
 margin: 0 calc(var(--padding) / 2) 10px;
}

.ration__program-header {
 display: flex;
 align-items: center;
 padding-bottom: 30px;
}

.ration__program-button {
 width: auto;
 min-width: 210px;
 min-height: 45px;
 color: var(--green);
 font-size: 12px;
 font-weight: 900;
 line-height: 1.5;
 letter-spacing: 0.15em;
 text-transform: uppercase;
 border-radius: 10px;
 padding-top: 1px;
 display: flex;
}

.ration__program-button:hover {
 color: white;
 border-color: var(--blue-3);
 background: var(--blue-3);
}

.ration__days-headers {
 flex-basis: 100%;
 overflow: hidden;
 margin-inline: 74px;
 display: flex;
}

.ration__days-button {
 width: 90px;
 height: 45px;
 color: var(--grey);
 font-size: 16px;
 font-weight: 700;
 letter-spacing: -0.03em;
 border-color: transparent;
 border-radius: 10px;
}

.ration__days-button_active {
 color: white;
 background: var(--blue-3);
}

.ration__days-controls .swiper-button {
 position: absolute;
}

.ration__days-controls .swiper-button i {
 -webkit-filter: brightness(0) saturate(100%) invert(45%) sepia(85%) saturate(410%) hue-rotate(64deg) brightness(98%) contrast(79%);
 filter: brightness(0) saturate(100%) invert(45%) sepia(85%) saturate(410%) hue-rotate(64deg) brightness(98%) contrast(79%);
}

.ration__days-controls .swiper-button:before {
 background: none;
}

.ration__days-controls .swiper-button:hover:before {
 background: var(--grey-dark);
}

.ration__days-controls .swiper-prev {
 top: 50px;
 left: 85px;
}

.ration__days-controls .swiper-next {
 top: 50px;
 right: 305px;
}

.ration__dishes {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: var(--gap);
 position: absolute;
 left: -9999px;
 opacity: 0;
 transition: 0.3s;
}

.ration__dishes_active {
 position: static;
 opacity: 1;
}

.ration__dish {
 display: flex;
 flex-direction: column;
}

.ration__dish-type {
 color: var(--grey);
 font-size: 12px;
 font-family: var(--rubik);
 font-weight: 500;
 letter-spacing: -0.01em;
 margin-bottom: 15px;
}

.ration__dish-image {
 height: 302px;
 margin-bottom: 10px;
}

.ration__dish-name {
 font-size: 20px;
 font-weight: 600;
 line-height: 1.2;
 letter-spacing: -0.05em;
 margin-bottom: 5px;
}

.ration__dish-note {
 color: var(--grey);
 font-size: 15px;
 font-weight: 600;
 line-height: 1.6;
 letter-spacing: -0.05em;
 margin-bottom: 5px;
}

.ration__dish-info {
 display: flex;
 gap: 5px;
 border-top: 1px solid var(--grey-light);
 padding-top: 8px;
 margin-top: auto;
}

.ration__dish-info-item-num {
 color: #6DB24C;
 font-size: 30px;
 font-weight: 600;
 line-height: 0.8;
 letter-spacing: -0.05em;
}

.ration__dish-info-item-text {
 color: var(--grey);
 font-size: 15px;
 font-weight: 600;
 line-height: 1.6;
 letter-spacing: -0.05em;
}

.ration__total {
 display: flex;
 flex-direction: column;
 padding-left: 59px;
}

.ration__total-title {
 color: var(--grey);
 font-size: 12px;
 font-family: var(--rubik);
 font-weight: 500;
 letter-spacing: -0.01em;
 margin-top: auto;
}

.ration__total-value {
 color: var(--green);
 font-size: 48px;
 font-weight: 700;
 letter-spacing: -0.03em;
 margin-bottom: 20px;
}

.ration__total-info {
 font-size: 20px;
 font-weight: 600;
 line-height: 1.2;
 letter-spacing: -0.05em;
 margin-bottom: auto;
}

.ration__total-note {
 color: var(--red);
 font-size: 16px;
 font-family: var(--rubik);
 font-weight: 400;
 line-height: 1.5;
 margin-top: 30px;
}

.ration__total-button {
 min-width: 0;
 margin: 30px 0 0 -59px;
}

.faq {
 padding-block: 70px 90px;
}

.faq__title {
 text-align: left;
 font-size: 48px;
 font-weight: 700;
 letter-spacing: -0.03em;
 text-transform: none;
 padding-inline: 20px;
 margin-bottom: 70px;
}

.faq__items {
 display: flex;
 flex-direction: column;
 gap: 10px;
}

.faq__item {
 border-radius: 3px;
 background: rgba(255, 255, 255, 0.5);
 padding-inline: 20px;
 transition: 0.3s;
}

.faq__item-header {
 display: flex;
 justify-content: space-between;
 align-items: center;
 gap: 20px;
 cursor: pointer;
 padding-block: 15px;
}

.faq__item-question {
 font-size: 17px;
 font-weight: 700;
 letter-spacing: -0.03em;
 transition: 0.3s;
}

.faq__item-button {
 width: 12px;
 height: 12px;
 flex-shrink: 0;
 font-size: 12px;
}

.faq__item-button-icon-2 {
 position: absolute;
 left: -9999px;
 opacity: 0;
}

.faq__item-answer {
 font-size: 15px;
 padding-block: 15px 30px;
}

.faq__item-answer-wrap {
 max-height: 0;
 overflow: hidden;
 opacity: 0;
 transition: 0.3s;
}

.faq__item_opened {
 background: white;
}

.faq__item_opened .faq__item-question {
 color: var(--green);
}

.faq__item_opened .faq__item-button-icon-1 {
 position: absolute;
 left: -9999px;
 opacity: 0;
}

.faq__item_opened .faq__item-button-icon-2 {
 position: static;
 opacity: 1;
}

.faq__item_opened .faq__item-answer-wrap {
 max-height: 9999px;
 overflow: visible;
 opacity: 1;
}

@media (max-width: 767px) {
 .faq__item_opened .faq__item-answer-wrap {
  max-height: 9999px;
 }
}

.pop-up-order .pop-up__content {
 background: url("../../img/nutrition/pop-up-order/bg_left.svg") repeat-y 0% 0%/auto 1120px, url("../../img/nutrition/pop-up-order/bg_right.svg") repeat-y 100% 0%/auto 1120px, linear-gradient(to left, rgba(0, 0, 0, 0) 50px, white 50px, white 55%, rgba(0, 0, 0, 0) 55%), linear-gradient(to right, rgba(0, 0, 0, 0) 50px, white 50px, white 55%, rgba(0, 0, 0, 0) 55%);
}