/* BASE */
html.nestle-loading,
html.nestle-loading body {
	height: 100vh !important;
	min-height: 100vh !important;
	overflow: hidden !important;
}
html.nestle-loading .nestle-porridge__content {
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
}
html.nestle-loading .nestle-porridge::after {
	content: '';
	display: block;
	position: fixed;
	background: url('/new/f/img/preloader.svg') no-repeat left top;
	top: calc(50% - 30px);
	left: calc(50% - 30px);
	width: 60px;
	height: 60px;
	z-index: 53;
}

.nestle-porridge {
	background-color: #f4e0be;
	background-image: url('/new/static/brands/nestle-kashi/images/nestle-porridge-bg.jpg');
	background-repeat: repeat;
	background-size: contain;
	background-position: center top;
}
@media screen and (max-width: 767px) {
	.nestle-porridge {
		background-image: url('/new/static/brands/nestle-kashi/images/nestle-porridge-bg-mobile.jpg');
	}
}

.nestle-porridge sup {
	font-size: 60%;
}

/* Кнопка */
.nestle-porridge-btn {
	display: inline-block;
	width: 100%;
	max-width: 318px;
	height: 55px;
	padding: 0px 12px;
	border-top: 1px solid #f59c0a;
	border-radius: 40px;
	background: #f59c0a;
	box-shadow: 0 3px 8px 0 rgba(138, 94, 72, 0.8);
	font-family: 'RotonBol', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 32px;
	line-height: 53px;
	color: #fff;
	text-align: center;
	transition: background, color 0.134s;
}
.nestle-porridge-btn:hover {
	background: #fff;
	color: #f59c0a;
}
@media screen and (max-width: 1023px) {
	.nestle-porridge-btn {
		max-width: 340px;
		height: 45px;
		font-size: 25px;
		line-height: 44px;
	}
}
@media screen and (max-width: 767px) {
	.nestle-porridge-btn {
		max-width: 280px;
		height: 50px;
		font-size: 22px;
		line-height: 48px;
	}
}

/* video.css */
.b-nestle-porridge-video {
	position: relative;
}
.b-nestle-porridge-video__wrapper {
	width: 100%;
	aspect-ratio: 1920 / 466;
}
.b-nestle-porridge-video__heading {
	padding: 40px 0px;
}
.b-nestle-porridge-video__title {
	margin: 0;
	font-family: 'RotonBol', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 44px;
	line-height: 44px;
	text-transform: uppercase;
	text-align: center;
	color: #7f4015;
}
.b-nestle-porridge-video__title sup {
	font-size: 68%;
}
.b-nestle-porridge-video__title span:nth-child(2) {
	display: block;
	font-size: 22px;
	line-height: 42px;
}
.b-nestle-porridge-video__wrapper video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
@media screen and (max-width: 1023px) {
	.b-nestle-porridge-video__heading {
		padding: 30px 0px;
	}
	.b-nestle-porridge-video__title {
		font-size: 34px;
		line-height: 34px;
	}
	.b-nestle-porridge-video__title span:nth-child(2) {
		font-size: 17px;
		line-height: 20px;
	}
}
@media screen and (max-width: 767px) {
	.b-nestle-porridge-video__heading {
		padding: 24px 0px 12px;
	}
	.b-nestle-porridge-video__title span:nth-child(2) {
		margin-top: 6px;
		font-size: 17px;
		line-height: 19px;
	}
}
@media screen and (max-width: 389px) {
	.b-nestle-porridge-video__title {
		font-size: 28px;
		line-height: 34px;
	}
	.b-nestle-porridge-video__title sup {
		font-size: 16px;
	}
	.b-nestle-porridge-video__title span:nth-child(2) {
		margin-top: 0px;
		font-size: 14px;
		line-height: 19px;
	}
}


/* welcome.css */
.b-nestle-porridge-welcome {
	background-image: url('/new/static/brands/nestle-kashi/images/welcome/decor-1.png');
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: calc(50% + 97px) 11px;
}
.b-nestle-porridge-welcome__wrapper {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	padding: 28px 40px 43px;
}
.b-nestle-porridge-welcome__content {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding-left: 335px;
}
.b-nestle-porridge-welcome__picture {
	max-width: 683px;
	margin-right: 18px;
}
.b-nestle-porridge-welcome__img {
	display: block;
	width: 100%;
	font-size: 0;
	line-height: 0;
}
.b-nestle-porridge-welcome__slogan {
	max-width: 320px;
}
.b-nestle-porridge-welcome__text {
	font-family: 'RotonReg', Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 26px;
	line-height: 31px;
	text-align: center;
	color: #7f4015;
}
.b-nestle-porridge-welcome__action {
	margin-top: 30px;
}
@media screen and (max-width: 1239px) {
	.b-nestle-porridge-welcome__content {
		padding-left: 260px;
	}
}
@media screen and (max-width: 1023px) {
	.b-nestle-porridge-welcome {
		background-image: url('/new/static/brands/nestle-kashi/images/welcome/decor-2.png');
		background-size: 852px auto;
		background-position: calc(50% - 18px) 10px;
	}
	.b-nestle-porridge-welcome__wrapper {
		padding: 65px 40px 30px;
	}
	.b-nestle-porridge-welcome__content {
		flex-direction: column;
		align-items: flex-end;
		padding-left: 0px;
	}
	.b-nestle-porridge-welcome__picture {
		max-width: 432px;
		margin-right: 0px;
	}
	.b-nestle-porridge-welcome__img {
		display: block;
		width: 100%;
		font-size: 0;
		line-height: 0;
	}
	.b-nestle-porridge-welcome__slogan {
		max-width: 680px;
		margin: 35px auto 0;
	}
	.b-nestle-porridge-welcome__action {
		text-align: center;
	}
}
@media screen and (max-width: 767px) {
	.b-nestle-porridge-welcome {
		background-image: none;
	}
	.b-nestle-porridge-welcome__wrapper {
		padding: 0px 20px 30px;
	}
	.b-nestle-porridge-welcome__picture {
		width: calc(100% + 40px);
		max-width: none;
		margin-left: -20px;
		margin-right: -20px;
		padding-top: 82%;
		min-height: 350px;
		background-image: url('/new/static/brands/nestle-kashi/images/welcome/decor-3.png');
		background-size: cover;
		background-position: center top;
		background-repeat: no-repeat;
	}
	.b-nestle-porridge-welcome__img {
		display: none;
	}
	.b-nestle-porridge-welcome__slogan {
		max-width: none;
		margin: 0 auto;
	}
	.b-nestle-porridge-welcome__text {
		/* max-width: 500px;
		padding: 0 30px; */
		font-size: 18px;
		line-height: 22px;
	}
	.b-nestle-porridge-welcome__action {
		margin-top: 9px;
	}
}
@media screen and (max-width: 559px) {
	.b-nestle-porridge-welcome__picture {
		padding-top: 84%;
	}
}
@media screen and (max-width: 449px) {
	.b-nestle-porridge-welcome__picture {
		min-height: auto;
		padding-top: 101%;
		background-position: left -9px top;
	}
}


/* benefit.css */
.b-nestle-porridge-benefit {
	position: relative;
	z-index: 1;
}
.b-nestle-porridge-benefit::before {
	content: '';
	position: absolute;
	top: -30px;
	bottom: -15px;
	left: -153px;
	right: -153px;
	width: 100%;
	max-width: 1748px;
	margin: 0 auto;
	overflow: hidden;
	background-image: url('/new/static/brands/nestle-kashi/images/benefit/benefit-bg-1.png');
	background-repeat: no-repeat;
	background-size: 1748px auto;
	background-position: center bottom;
	z-index: 1;
	pointer-events: none;
}
.b-nestle-porridge-benefit__title {
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
	font-family: 'RotonBol', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 35px;
	line-height: 42px;
	text-transform: uppercase;
	text-align: center;
	color: #7bb03b;
}
.b-nestle-porridge-benefit__wrapper {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 1472px;
	margin: 0 auto;
	padding: 42px 4px 58px 4px;
}
.b-nestle-porridge-benefit__wheel {
	position: relative;
	margin-top: 40px;
}
.b-nestle-porridge-benefit__items {
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	max-width: 550px;
	margin: 0 auto;
}
.b-nestle-porridge-benefit__items::before {
	content: '';
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	width: 280px;
	height: 280px;
	border-radius: 100%;
	transform: translate(-50%, -50%);
	background-color: transparent;
	background-image: url('/new/static/brands/nestle-kashi/images/benefit/benefit-headline.svg');
	background-repeat: no-repeat;
	background-size: 218px 171px;
	background-position: center calc(50% + 15px);
}
.b-nestle-porridge-benefit__preview {
	background-color: transparent;
	overflow: hidden;
	cursor: pointer;
	transition: all .3s;
}
.b-nestle-porridge-benefit__item:nth-child(1) .b-nestle-porridge-benefit__preview {
	width: 249px;
	height: 246px;
	margin: 6px 6px 6px 0px;
	border-radius: 100% 0% 0% 0%;
}
.b-nestle-porridge-benefit__item:nth-child(2) .b-nestle-porridge-benefit__preview {
	width: 250px;
	height: 246px;
	margin: 6px 0px 6px 6px;
	border-radius: 0% 100% 0% 0%;
}
.b-nestle-porridge-benefit__item:nth-child(3) .b-nestle-porridge-benefit__preview {
	width: 249px;
	height: 246px;
	margin: 6px 6px 6px 0px;
	border-radius: 0% 0% 0% 100%;
}
.b-nestle-porridge-benefit__item:nth-child(4) .b-nestle-porridge-benefit__preview {
	width: 250px;
	height: 246px;
	margin: 6px 0px 6px 6px;
	border-radius: 0% 0% 100% 0%;
}
.b-nestle-porridge-benefit__item.is-view .b-nestle-porridge-benefit__preview {
	opacity: 0;
}
@media (hover: hover) {
	.b-nestle-porridge-benefit__preview:hover {
		filter: brightness(1.1);
	}
}
.b-nestle-porridge-benefit__img {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 0;
	line-height: 0;
}
.b-nestle-porridge-benefit__cards {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 auto;
	width: 100%;
	height: 100%;
}
.b-nestle-porridge-benefit__card {
	position: relative;
	display: flex;
	width: 502px;
	height: 246px;
	overflow: hidden;
}
.b-nestle-porridge-benefit__card:nth-child(1) {
	justify-content: flex-end;
	margin: 4px 11px 6px 0px;
}
.b-nestle-porridge-benefit__card:nth-child(2) {
	justify-content: flex-start;
	margin: 6px 0px 6px 10px;
}
.b-nestle-porridge-benefit__card:nth-child(3) {
	justify-content: flex-end;
	margin: 6px 11px 6px 0px;
}
.b-nestle-porridge-benefit__card:nth-child(4) {
	justify-content: flex-start;
	margin: 6px 0px 6px 10px;
}
.b-nestle-porridge-benefit__view {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	padding: 24px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	opacity: 0;
	transition: all .3s;
}
.b-nestle-porridge-benefit__card:nth-child(1) .b-nestle-porridge-benefit__view {
	right: -100%;
	background-image: url('/new/static/brands/nestle-kashi/images/benefit/benefit-view-bg-1.png');
}
.b-nestle-porridge-benefit__card:nth-child(2) .b-nestle-porridge-benefit__view {
	left: -100%;
	direction: rtl;
	background-image: url('/new/static/brands/nestle-kashi/images/benefit/benefit-view-bg-2.png');
}
.b-nestle-porridge-benefit__card:nth-child(3) .b-nestle-porridge-benefit__view {
	right: -100%;
	background-image: url('/new/static/brands/nestle-kashi/images/benefit/benefit-view-bg-3.png');
}
.b-nestle-porridge-benefit__card:nth-child(4) .b-nestle-porridge-benefit__view {
	left: -100%;
	direction: rtl;
	background-image: url('/new/static/brands/nestle-kashi/images/benefit/benefit-view-bg-4.png');
}
.b-nestle-porridge-benefit__card:nth-child(1).is-view .b-nestle-porridge-benefit__view,
.b-nestle-porridge-benefit__card:nth-child(3).is-view .b-nestle-porridge-benefit__view {
	right: 0;
	opacity: 1;
	pointer-events: auto;
}
.b-nestle-porridge-benefit__card:nth-child(2).is-view .b-nestle-porridge-benefit__view,
.b-nestle-porridge-benefit__card:nth-child(4).is-view .b-nestle-porridge-benefit__view {
	left: 0;
	opacity: 1;
	pointer-events: auto;
}
.b-nestle-porridge-benefit__content {
	width: 100%;
	height: 100%;
}
.b-nestle-porridge-benefit__card:nth-child(1) .b-nestle-porridge-benefit__content {
	max-width: 360px;
}
.b-nestle-porridge-benefit__card:nth-child(2) .b-nestle-porridge-benefit__content {
	max-width: 282px;
}
.b-nestle-porridge-benefit__card:nth-child(3) .b-nestle-porridge-benefit__content {
	max-width: 370px;
}
.b-nestle-porridge-benefit__card:nth-child(4) .b-nestle-porridge-benefit__content {
	max-width: 340px;
}
.b-nestle-porridge-benefit__topic {
	display: flex;
	gap: 12px;
}
.b-nestle-porridge-benefit__icon {
	flex-shrink: 0;
	width: 48px;
	height: 48px;
}
.b-nestle-porridge-benefit__pic {
	width: 100%;
	height: 100%;
}
.b-nestle-porridge-benefit__caption {
	font-family: 'RotonBol', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 25px;
	line-height: 30px;
	text-transform: uppercase;
	color: #7f4015;
}
.b-nestle-porridge-benefit__tagline {
	margin-top: 3px;
	font-family: 'RotonBol', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 17px;
	text-transform: uppercase;
	color: #7f4015;
}
.b-nestle-porridge-benefit__card:nth-child(3) .b-nestle-porridge-benefit__caption span,
.b-nestle-porridge-benefit__card:nth-child(3) .b-nestle-porridge-benefit__tagline {
	display: none;
}
.b-nestle-porridge-benefit__body {
	margin-top: 16px;
}
.b-nestle-porridge-benefit__tit {
	display: none;
	font-family: 'RotonBol', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 20px;
	letter-spacing: -0.02em;
	color: #7f4015;
}
.b-nestle-porridge-benefit__text {
	font-family: 'RotonReg', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 23px;
	color: #7f4015;
}
.b-nestle-porridge-benefit__btn {
	position: relative;
	display: none;
	margin: 12px auto 0;
	width: 142px;
	height: 42px;
	border-radius: 40px;
	box-shadow: 0 2px 4px 0 rgba(138, 94, 72, 0.6);
	background: #fff;
	overflow: hidden;
	font-family: 'RotonReg', Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 40px;
	text-align: center;
	color: #f59c0a;
	cursor: pointer;
	transition: all 0.3s;
}
.b-nestle-porridge-benefit__card.is-open .b-nestle-porridge-benefit__btn {
	color: inherit;
}
.b-nestle-porridge-benefit__card:nth-child(1) .b-nestle-porridge-benefit__btn {
	color: #f59c0a;
}
.b-nestle-porridge-benefit__card:nth-child(2) .b-nestle-porridge-benefit__btn {
	color: #7bb03b;
}
.b-nestle-porridge-benefit__card:nth-child(3) .b-nestle-porridge-benefit__btn {
	color: #a7c7bb;
}
.b-nestle-porridge-benefit__card:nth-child(4) .b-nestle-porridge-benefit__btn {
	color: #f39872;
}
@media (hover: hover) {
	.b-nestle-porridge-benefit__card:nth-child(1) .b-nestle-porridge-benefit__btn:hover,
	.b-nestle-porridge-benefit__card:nth-child(2) .b-nestle-porridge-benefit__btn:hover,
	.b-nestle-porridge-benefit__card:nth-child(3) .b-nestle-porridge-benefit__btn:hover,
	.b-nestle-porridge-benefit__card:nth-child(4) .b-nestle-porridge-benefit__btn:hover {
		background: #f59c0a;
		color: #fff;
	}
}
.b-nestle-porridge-benefit__btn span {
	display: inline-block;
	transition: all 0.3s;
	transform: translateY(0);
	opacity: 1;
}
.b-nestle-porridge-benefit__card.is-open .b-nestle-porridge-benefit__btn span {
	transform: translateY(-100%);
	opacity: 0;
}
.b-nestle-porridge-benefit__btn::before {
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s;
	transform: translateY(100%);
	opacity: 0;
	color: #f59c0a;
	pointer-events: none;
}
.b-nestle-porridge-benefit__card.is-open .b-nestle-porridge-benefit__btn::before {
	transform: translateY(0);
	opacity: 1;
}
@media (hover: hover) {
	.b-nestle-porridge-benefit__card.is-open .b-nestle-porridge-benefit__btn:hover::before {
		color: #fff;
	}
}

.b-nestle-porridge-benefit__card:nth-child(1) .b-nestle-porridge-benefit__btn,
.b-nestle-porridge-benefit__card:nth-child(1) .b-nestle-porridge-benefit__btn::before {
	color: #f59c0a;
}
.b-nestle-porridge-benefit__card:nth-child(2) .b-nestle-porridge-benefit__btn,
.b-nestle-porridge-benefit__card:nth-child(2) .b-nestle-porridge-benefit__btn::before {
	color: #7bb03b;
}
.b-nestle-porridge-benefit__card:nth-child(3) .b-nestle-porridge-benefit__btn,
.b-nestle-porridge-benefit__card:nth-child(3) .b-nestle-porridge-benefit__btn::before {
	color: #f39872;
}
.b-nestle-porridge-benefit__card:nth-child(4) .b-nestle-porridge-benefit__btn,
.b-nestle-porridge-benefit__card:nth-child(4) .b-nestle-porridge-benefit__btn::before {
	color: #a7c7bb;
}
@media screen and (max-width: 1439px) {
	.b-nestle-porridge-benefit::before {
		background-size: calc(100% + 153px + 153px);
	}
}
@media screen and (max-width: 1110px) {
	.b-nestle-porridge-benefit__wheel {
		max-width: 740px;
		margin: 40px auto 0;
	}
	.b-nestle-porridge-benefit__items {
		max-width: 450px;
	}
	.b-nestle-porridge-benefit__items::before {
		width: 209px;
		height: 209px;
		background-size: 160px 126px;
		background-position: center calc(50% + 10px);
	}
	.b-nestle-porridge-benefit__item:nth-child(1) .b-nestle-porridge-benefit__preview,
	.b-nestle-porridge-benefit__item:nth-child(2) .b-nestle-porridge-benefit__preview,
	.b-nestle-porridge-benefit__item:nth-child(3) .b-nestle-porridge-benefit__preview,
	.b-nestle-porridge-benefit__item:nth-child(4) .b-nestle-porridge-benefit__preview {
		width: 183px;
		height: 183px;
	}
	.b-nestle-porridge-benefit__card {
		width: 352px;
		height: 183px;
	}
	.b-nestle-porridge-benefit__card:nth-child(1) {
		margin: 6px 7px 6px 0px;
	}
	.b-nestle-porridge-benefit__card:nth-child(2) {
		margin: 6px 0px 6px 11px;
	}
	.b-nestle-porridge-benefit__card:nth-child(3) {
		margin: 6px 7px 6px 0px;
	}
	.b-nestle-porridge-benefit__card:nth-child(4) {
		margin: 6px 0px 6px 11px;
	}
	.b-nestle-porridge-benefit__view {
		padding: 20px;
	}
	.b-nestle-porridge-benefit__card:nth-child(1) .b-nestle-porridge-benefit__view {
		background-image: url('/new/static/brands/nestle-kashi/images/benefit/benefit-view-bg-1-mob.png');
	}
	.b-nestle-porridge-benefit__card:nth-child(2) .b-nestle-porridge-benefit__view {
		background-image: url('/new/static/brands/nestle-kashi/images/benefit/benefit-view-bg-2-mob.png');
	}
	.b-nestle-porridge-benefit__card:nth-child(3) .b-nestle-porridge-benefit__view {
		background-image: url('/new/static/brands/nestle-kashi/images/benefit/benefit-view-bg-3-mob.png');
	}
	.b-nestle-porridge-benefit__card:nth-child(4) .b-nestle-porridge-benefit__view {
		background-image: url('/new/static/brands/nestle-kashi/images/benefit/benefit-view-bg-4-mob.png');
	}
	.b-nestle-porridge-benefit__card:nth-child(1) .b-nestle-porridge-benefit__content {
		max-width: 251px;
	}
	.b-nestle-porridge-benefit__card:nth-child(2) .b-nestle-porridge-benefit__content {
		max-width: 250px;
	}
	.b-nestle-porridge-benefit__card:nth-child(3) .b-nestle-porridge-benefit__content {
		max-width: 250px;
	}
	.b-nestle-porridge-benefit__card:nth-child(4) .b-nestle-porridge-benefit__content {
		max-width: 280px;
	}
	.b-nestle-porridge-benefit__card:nth-child(4) .b-nestle-porridge-benefit__topic {
		max-width: 235px;
	}
	.b-nestle-porridge-benefit__topic {
		gap: 8px;
	}
	.b-nestle-porridge-benefit__icon {
		flex-shrink: 0;
		width: 26px;
		height: 26px;
	}
	.b-nestle-porridge-benefit__caption {
		font-size: 20px;
		line-height: 24px;
	}
	.b-nestle-porridge-benefit__tagline {
		margin-top: 3px;
		font-size: 12px;
		line-height: 14px;
	}
	.b-nestle-porridge-benefit__text {
		font-size: 12px;
		line-height: 16px;
	}
}
@media screen and (max-width: 1023px) {
	.b-nestle-porridge-benefit::before {
		background-size: calc(100% + 210px);
	}
	.b-nestle-porridge-benefit__wrapper {
		padding: 20px 4px 68px 4px;
	}
	.b-nestle-porridge-benefit__title {
		max-width: 450px;
		font-size: 30px;
		line-height: 36px;
	}
}
@media screen and (max-width: 767px) {
	.b-nestle-porridge-benefit {
		position: relative;
		width: 100%;
		height: auto; /* Секция не растягивается на весь экран, она компактная */
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: visible; /* Разрешаем GSAP управлять внутренними отступами */
	}
	.b-nestle-porridge-benefit::before {
		content: none;
	}
	.b-nestle-porridge-benefit__wrapper {
		padding: 30px 2px 5px 2px;
	}
	.b-nestle-porridge-benefit__title {
		max-width: 430px;
		padding: 0 12px;
		font-size: 24px;
		line-height: 24px;
	}
	.b-nestle-porridge-benefit__wheel {
		position: relative;
		max-width: none;
		margin: 16px auto 0;
	}
	.b-nestle-porridge-benefit__wheel::before {
		content: '';
		position: absolute;
		bottom: 170px;
		left: -1px;
		width: 50%;
		min-height: 270px;
		padding-top: 50%;
		background: url('/new/static/brands/nestle-kashi/images/benefit/benefit-bg-2.png');
		background-repeat: no-repeat;
		background-size: contain;
		background-position: left bottom;
		pointer-events: none;
	}
	.b-nestle-porridge-benefit__wheel::after {
		content: '';
		position: absolute;
		bottom: 143px;
		right: -1px;
		width: 55%;
		min-height: 270px;
		padding-top: 48%;
		background: url('/new/static/brands/nestle-kashi/images/benefit/benefit-bg-3.png');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: left bottom;
		pointer-events: none;
	}
	.b-nestle-porridge-benefit__items {
		max-width: 360px;
	}
	.b-nestle-porridge-benefit__items::before {
		top: 72px;
		transform: translateX(-50%);
		width: 172px;
		height: 172px;
		background-size: 139px 108px;
		background-position: center calc(50% + 8px);
	}
	.b-nestle-porridge-benefit__preview {
		position: relative;
		overflow: hidden;
		transition: transform 0.3s ease, filter 0.3s ease;
	}
	.b-nestle-porridge-benefit__item.is-view .b-nestle-porridge-benefit__preview {
		opacity: 1;
	}
	.b-nestle-porridge-benefit__item.is-active .b-nestle-porridge-benefit__preview {
		filter: brightness(1.13);
		transform: scale(1.05);
		-webkit-mask-size: contain;
		mask-size: contain;
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
	}
	.b-nestle-porridge-benefit__item:nth-child(1) .b-nestle-porridge-benefit__preview,
	.b-nestle-porridge-benefit__item:nth-child(2) .b-nestle-porridge-benefit__preview {
		width: 155px;
		height: 155px;
		margin: 0px 0px 4px 0px;
	}
	.b-nestle-porridge-benefit__item:nth-child(3) .b-nestle-porridge-benefit__preview,
	.b-nestle-porridge-benefit__item:nth-child(4) .b-nestle-porridge-benefit__preview {
		width: 155px;
		height: 155px;
		margin: 0;
	}
	.b-nestle-porridge-benefit__item[data-item-index="1"].is-active .b-nestle-porridge-benefit__preview {
		-webkit-mask-image: url('/new/static/brands/nestle-kashi/images/benefit/benefit-preview-bg-1.png');
		mask-image: url('/new/static/brands/nestle-kashi/images/benefit/benefit-preview-bg-1.png');
	}
	.b-nestle-porridge-benefit__item[data-item-index="2"].is-active .b-nestle-porridge-benefit__preview {
		-webkit-mask-image: url('/new/static/brands/nestle-kashi/images/benefit/benefit-preview-bg-2.png');
		mask-image: url('/new/static/brands/nestle-kashi/images/benefit/benefit-preview-bg-2.png');
	}
	.b-nestle-porridge-benefit__item[data-item-index="3"].is-active .b-nestle-porridge-benefit__preview {
		-webkit-mask-image: url('/new/static/brands/nestle-kashi/images/benefit/benefit-preview-bg-3.png');
		mask-image: url('/new/static/brands/nestle-kashi/images/benefit/benefit-preview-bg-3.png');
	}
	.b-nestle-porridge-benefit__item[data-item-index="4"].is-active .b-nestle-porridge-benefit__preview {
		-webkit-mask-image: url('/new/static/brands/nestle-kashi/images/benefit/benefit-preview-bg-4.png');
		mask-image: url('/new/static/brands/nestle-kashi/images/benefit/benefit-preview-bg-4.png');
	}
	/* Создаем сам бегущий блик */
	.b-nestle-porridge-benefit__item.is-active .b-nestle-porridge-benefit__preview::after {
		content: "";
		position: absolute;
		top: -50%;
		left: -150%;
		width: 60%;
		height: 200%;
		/* Белый полупрозрачный градиент-полоса */
		background: linear-gradient(
			90deg,
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 0.6) 50%,
			rgba(255, 255, 255, 0) 100%
		);
		/* Наклон блика */
		transform: rotate(25deg);
		/* Изменено: анимация крутится бесконечно каждые 1.5 секунды, линейно */
		animation: nestleShimmer 1.5s linear infinite;
	}
	/* Ключевые кадры оставляем прежними, они идеально подходят для infinite */
	@keyframes nestleShimmer {
		0% {
			left: -150%;
		}
		100% {
			left: 150%;
		}
	}
	.b-nestle-porridge-benefit__cards {
		position: relative !important; /* Перебивает любые старые инлайн-стили флексов */
		flex-direction: column;
		justify-content: flex-start;
		flex-wrap: nowrap;
		width: 100%;
		max-width: 280px; /* Ограничиваем трек по ширине вашей карточки */
		height: 218px;    /* Жесткая высота трека, равная высоте одной карточки */
		margin: 10px auto 0;
		/* overflow-y: auto;
		overflow-x: hidden;
		scroll-snap-type: y mandatory;
		scroll-behavior: smooth; */
	}
	.b-nestle-porridge-benefit__card {
		position: absolute !important; /* Карточки выходят из потока и встают стопкой друг под другом */
		top: 0;
		left: 0;
		width: 100% !important;   /* Занимают всю ширину родительского трека (280px) */
		max-width: 280px;
		height: 100% !important;  /* Занимают всю высоту родительского трека (218px) */
		min-height: auto;
		margin: 0;
		padding: 10px 0;
		overflow: visible;
		perspective: 1000px;
		scroll-snap-align: start;
		scroll-snap-stop: always;
		will-change: transform;
		box-sizing: border-box;
		pointer-events: none;
	}
	.b-nestle-porridge-benefit__card.is-events {
		pointer-events: auto;
	}
	/* Порядок слоев (z-index) для правильного наложения */
	.b-nestle-porridge-benefit__card.benefit-card-js[data-card-index="1"] { z-index: 1; }
	.b-nestle-porridge-benefit__card.benefit-card-js[data-card-index="2"] { z-index: 2; }
	.b-nestle-porridge-benefit__card.benefit-card-js[data-card-index="3"] { z-index: 4; }
	.b-nestle-porridge-benefit__card.benefit-card-js[data-card-index="4"] { z-index: 3; }
	/* Первая карточка по умолчанию видима */
	.b-nestle-porridge-benefit__card.benefit-card-js[data-card-index="1"] {
		opacity: 1;
	}
	/* Начальная позиция: прячем 2, 3 и 4 карточки ВНИЗУ за пределами экрана */
	.b-nestle-porridge-benefit__card.benefit-card-js:not([data-card-index="1"]) {
		transform: translateY(300px);
		opacity: 0; /* НОВОЕ: начальная прозрачность */
	}
	.b-nestle-porridge-benefit__card:nth-child(1),
	.b-nestle-porridge-benefit__card:nth-child(2),
	.b-nestle-porridge-benefit__card:nth-child(3),
	.b-nestle-porridge-benefit__card:nth-child(4) {
		margin: 0;
	}
	.b-nestle-porridge-benefit__card:nth-child(3) {
		order: 1;
	}
	.b-nestle-porridge-benefit__card:nth-child(1) .b-nestle-porridge-benefit__view,
	.b-nestle-porridge-benefit__card:nth-child(2) .b-nestle-porridge-benefit__view,
	.b-nestle-porridge-benefit__card:nth-child(3) .b-nestle-porridge-benefit__view,
	.b-nestle-porridge-benefit__card:nth-child(4) .b-nestle-porridge-benefit__view {
		position: static;
		opacity: 1;
		padding: 0;
		background-image: none;
		direction: ltr;
	}
	.b-nestle-porridge-benefit__card:nth-child(1) .b-nestle-porridge-benefit__content,
	.b-nestle-porridge-benefit__card:nth-child(2) .b-nestle-porridge-benefit__content,
	.b-nestle-porridge-benefit__card:nth-child(3) .b-nestle-porridge-benefit__content,
	.b-nestle-porridge-benefit__card:nth-child(4) .b-nestle-porridge-benefit__content {
		width: 100%;
		max-width: none;
	}
	.b-nestle-porridge-benefit__content {
		position: relative;
		transform-style: preserve-3d;
		transition: transform 0.6s cubic-bezier(0.4, 0.2, 0.2, 1);
		height: auto;
	}
	.b-nestle-porridge-benefit__card.is-open .b-nestle-porridge-benefit__content {
		transform: rotateY(180deg);
	}
	.b-nestle-porridge-benefit__topic {
		position: relative;
		flex-direction: row-reverse;
		justify-content: space-between;
		height: 144px;
		padding: 16px 12px;
		border-radius: 12px;
		box-shadow: 0 0 8px 0 rgba(138, 94, 72, 0.12);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		cursor: pointer;
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		transform: rotateX(0deg);
		transition: transform 0.6s cubic-bezier(0.4, 0.2, 0.2, 1);
	}
	.b-nestle-porridge-benefit__card:nth-child(1) .b-nestle-porridge-benefit__topic {
		background-image: url('/new/static/brands/nestle-kashi/images/benefit/benefit-card-bg-1.png');
	}
	.b-nestle-porridge-benefit__card:nth-child(2) .b-nestle-porridge-benefit__topic {
		background-image: url('/new/static/brands/nestle-kashi/images/benefit/benefit-card-bg-2.png');
	}
	.b-nestle-porridge-benefit__card:nth-child(3) .b-nestle-porridge-benefit__topic {
		background-image: url('/new/static/brands/nestle-kashi/images/benefit/benefit-card-bg-3.png');
	}
	.b-nestle-porridge-benefit__card:nth-child(4) .b-nestle-porridge-benefit__topic {
		background-image: url('/new/static/brands/nestle-kashi/images/benefit/benefit-card-bg-4.png');
		width: 100%;
		max-width: none;
	}
	.b-nestle-porridge-benefit__topic::after {
		content: '';
		position: absolute;
		top: 16px;
		right: 12px;
		width: 40px;
		height: 40px;
	}
	.b-nestle-porridge-benefit__card:nth-child(1) .b-nestle-porridge-benefit__topic::after {
		background-image: url('/new/static/brands/nestle-kashi/images/benefit/benefit-icon-1-ver2.svg');
	}
	.b-nestle-porridge-benefit__card:nth-child(2) .b-nestle-porridge-benefit__topic::after {
		background-image: url('/new/static/brands/nestle-kashi/images/benefit/benefit-icon-2-ver2.svg');
	}
	.b-nestle-porridge-benefit__card:nth-child(3) .b-nestle-porridge-benefit__topic::after {
		background-image: url('/new/static/brands/nestle-kashi/images/benefit/benefit-icon-3-ver2.svg');
	}
	.b-nestle-porridge-benefit__card:nth-child(4) .b-nestle-porridge-benefit__topic::after {
		background-image: url('/new/static/brands/nestle-kashi/images/benefit/benefit-icon-4-ver2.svg');
	}
	.b-nestle-porridge-benefit__caption {
		margin-top: 20px;
		padding-right: 50px;
		font-size: 18px;
		line-height: 22px;
		letter-spacing: -0.02em;
		color: #fffce4;
		text-transform: none;
	}
	.b-nestle-porridge-benefit__card:nth-child(2) .b-nestle-porridge-benefit__caption {
		padding-right: 65px;
	}
	.b-nestle-porridge-benefit__tagline {
		margin-top: 4px;
		font-size: 16px;
		line-height: 19px;
		letter-spacing: -0.02em;
		text-transform: none;
	}
	.b-nestle-porridge-benefit__card:nth-child(1) .b-nestle-porridge-benefit__tagline {
		color: #9f3a0d;
		padding-right: 35px;
	}
	.b-nestle-porridge-benefit__card:nth-child(2) .b-nestle-porridge-benefit__tagline {
		color: #325d16;
	}
	.b-nestle-porridge-benefit__card:nth-child(3) .b-nestle-porridge-benefit__tagline {
		display: block;
		color: #7b2800;
	}
	.b-nestle-porridge-benefit__card:nth-child(4) .b-nestle-porridge-benefit__tagline {
		padding-right: 35px;
		color: #0e586e;
	}
	.b-nestle-porridge-benefit__card:nth-child(3) .b-nestle-porridge-benefit__caption sup.no-mobile {
		display: none;
	}
	.b-nestle-porridge-benefit__card:nth-child(3) .b-nestle-porridge-benefit__caption span {
		display: inline;
	}
	.b-nestle-porridge-benefit__icon {
		display: none;
	}
	.b-nestle-porridge-benefit__body {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: auto;
		min-height: 144px;
		margin-top: 0;
		padding: 7px 12px 16px;
		border-radius: 12px;
		box-shadow: 0 0 8px 0 rgba(138, 94, 72, 0.12);
		background: #fffce4;
		background-repeat: no-repeat;
		background-size: 40px 40px;
		background-position: right 12px top 7px;
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		transform: rotateY(180deg);
		transition: transform 0.6s cubic-bezier(0.4, 0.2, 0.2, 1);
		overflow-y: auto;
		cursor: pointer;
	}
	.b-nestle-porridge-benefit__card:nth-child(1) .b-nestle-porridge-benefit__body {
		background-image: url('/new/static/brands/nestle-kashi/images/benefit/benefit-icon-1.svg');
	}
	.b-nestle-porridge-benefit__card:nth-child(2) .b-nestle-porridge-benefit__body {
		background-image: url('/new/static/brands/nestle-kashi/images/benefit/benefit-icon-2.svg');
	}
	.b-nestle-porridge-benefit__card:nth-child(3) .b-nestle-porridge-benefit__body {
		background-image: url('/new/static/brands/nestle-kashi/images/benefit/benefit-icon-3.svg');
	}
	.b-nestle-porridge-benefit__card:nth-child(4) .b-nestle-porridge-benefit__body {
		background-image: url('/new/static/brands/nestle-kashi/images/benefit/benefit-icon-4.svg');
	}
	.b-nestle-porridge-benefit__tit {
		display: block;
		height: 40px;
		padding-right: 45px;
	}
	.b-nestle-porridge-benefit__text {
		margin-top: 8px;
		font-size: 12px;
		line-height: 14px;
	}
	.b-nestle-porridge-benefit__btn {
		display: block;
	}
}
@media screen and (max-width: 539px) {
	.b-nestle-porridge-benefit__wheel::after {
		width: 59%;
		min-height: 270px;
		padding-top: 47%;
	}
}
@media screen and (max-width: 459px) {
	.b-nestle-porridge-benefit__wrapper {
		padding-bottom: 98px;
	}

	.b-nestle-porridge-benefit__wheel::after {
		width: 75%;
		min-height: 290px;
		bottom: 128px;
	}
}


/* technology.css */
.b-nestle-porridge-technology {
	position: relative;
	margin-top: -25px;
	overflow: hidden;
}
.b-nestle-porridge-technology::before {
	content: '';
	position: absolute;
	z-index: 0;
	top: 15px;
	bottom: 0px;
	left: 0;
	right: -265px;
	width: 100%;
	max-width: 1476px;
	margin: 0 auto;
	overflow: hidden;
	background-image: url('/new/static/brands/nestle-kashi/images/technology/bg-1.png');
	background-repeat: no-repeat;
	background-size: 522px auto;
	background-position: right top;
	pointer-events: none;
}
.b-nestle-porridge-technology__wrapper {
	width: 100%;
	max-width: 1372px;
	margin: 0 auto;
	padding: 42px 20px 74px;
	background-image: url('/new/static/brands/nestle-kashi/images/technology/chelik.png');
	background-repeat: no-repeat;
	background-size: 269px 384px;
	background-position: left top;
}
.b-nestle-porridge-technology__decor {
	display: none;
}
.b-nestle-porridge-technology__title {
	margin: 0;
	font-family: 'RotonBol', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 35px;
	line-height: 42px;
	text-transform: uppercase;
	text-align: center;
	color: #7bb03b;
}
.b-nestle-porridge-technology__subtitle {
	max-width: 770px;
	margin: 19px auto 0;
	font-family: 'RotonReg', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 24px;
	line-height: 29px;
	text-align: center;
	color: #7f4015;
}
.b-nestle-porridge-technology__items {
	display: flex;
	justify-content: center;
	gap: 20px;
	margin-top: 30px;
}
.b-nestle-porridge-technology__item {
	width: calc((100% - 40px) / 3);
	padding-top: 64px;
	position: relative;
}
.b-nestle-porridge-technology__icon {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 110px;
	height: 110px;
	background: #fffce4;
	border: 6px solid #f59c0a;
	border-radius: 100%;
}
.b-nestle-porridge-technology__img {
	display: block;
	width: auto;
	font-size: 0;
	line-height: 0;
}
.b-nestle-porridge-technology__caption {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 166px;
	padding: 16px;
	border-radius: 24px;
	background: #f59c0a;

	font-family: 'RotonReg', Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 32px;
	line-height: 38px;
	letter-spacing: -0.02em;
	text-align: center;
	color: #fff;
}
@media screen and (max-width: 1239px) {
	.b-nestle-porridge-technology::before {
		background-size: 380px auto;
	}
	.b-nestle-porridge-technology__wrapper {
		background-size: 189px 270px;
		background-position: left top 78px;
	}
}
@media screen and (max-width: 1023px) {
	.b-nestle-porridge-technology {
		margin-top: 24px;
	}
	.b-nestle-porridge-technology::before {
		top: 28px;
		right: -198px;
		background-size: 300px auto;
		background-position: right top;
	}
	.b-nestle-porridge-technology__wrapper {
		padding: 32px 30px 40px;
		background-size: 145px 207px;
		background-position: left 20px top 10px;
	}
	.b-nestle-porridge-technology__title {
		font-size: 30px;
		line-height: 36px;
	}
	.b-nestle-porridge-technology__subtitle {
		max-width: 400px;
		font-size: 20px;
		line-height: 24px;
	}
	.b-nestle-porridge-technology__items {
		margin-top: 19px;
	}
	.b-nestle-porridge-technology__item {
		padding-top: 40px;
	}
	.b-nestle-porridge-technology__icon {
		width: 65px;
		height: 65px;
	}
	.b-nestle-porridge-technology__item:nth-child(1) .b-nestle-porridge-technology__img {
		width: 34px;
	}
	.b-nestle-porridge-technology__item:nth-child(2) .b-nestle-porridge-technology__img {
		width: 26px;
	}
	.b-nestle-porridge-technology__item:nth-child(3) .b-nestle-porridge-technology__img {
		width: 36px;
	}
	.b-nestle-porridge-technology__caption {
		height: 96px;
		font-size: 20px;
		line-height: 24px;
	}
}
@media screen and (max-width: 767px) {
	.b-nestle-porridge-technology {
		margin-top: 0;
	}
	.b-nestle-porridge-technology::before {
		content: none;
	}
	.b-nestle-porridge-technology__wrapper {
		padding: 18px 8px 10px;
		background-image: none;
	}
	.b-nestle-porridge-technology__decor {
		display: block;
		width: calc(100% + 16px);
		max-width: none;
		margin-left: -8px;
		margin-right: -8px;
		padding-top: 77.06%;
		background-image: url('/new/static/brands/nestle-kashi/images/technology/bg-3.png');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center top;
	}
	.b-nestle-porridge-technology__title {
		font-size: 22px;
		line-height: 26px;
		color: #fff;

		margin-top: -1px;
		border-radius: 12px;
		padding: 16px;
		width: 100%;

		box-shadow: 0 2px 4px 0 rgba(138, 94, 72, 0.6);
		background: #7bb03b;
	}
	.b-nestle-porridge-technology__subtitle {
		margin-top: 12px;
		font-size: 16px;
		line-height: 19px;
	}
	.b-nestle-porridge-technology__subtitle span {
		font-family: 'RotonBol', Arial, Helvetica, sans-serif;
		font-weight: 400;
		font-size: 20px;
		line-height: 20px;
		text-align: center;
		color: #7f4015;
		display: block;
	}
	.b-nestle-porridge-technology__items {
		flex-direction: column;
		align-items: center;
		flex-wrap: wrap;
		gap: 13px;
		margin-top: 28px;
		padding: 0 12px;
	}
	.b-nestle-porridge-technology__item {
		width: 100%;
		max-width: 400px;
		padding-top: 0px;
	}
	.b-nestle-porridge-technology__icon {
		z-index: 1;
		width: 56px;
		height: 56px;
		border: none;
		top: 50%;
		left: 12px;
		right: auto;
		transform: translate(0, -50%);
	}
	.b-nestle-porridge-technology__item:nth-child(1) .b-nestle-porridge-technology__img {
		width: 29px;
	}
	.b-nestle-porridge-technology__item:nth-child(2) .b-nestle-porridge-technology__img {
		width: 20px;
	}
	.b-nestle-porridge-technology__item:nth-child(3) .b-nestle-porridge-technology__img {
		width: 31px;
	}
	.b-nestle-porridge-technology__caption {
		justify-content: flex-start;
		height: 80px;
		padding: 10px 12px 10px 80px;
		border-radius: 12px;
		font-size: 20px;
		line-height: 24px;
		text-align: left;
	}
}

/* Animation */
.b-nestle-porridge-technology__item {
	opacity: 0;
	transform: translateY(30px);
	transition: opacity 0.6s ease, transform 0.6s ease;
}
.b-nestle-porridge-technology__item.is-visible {
	opacity: 1;
	transform: translateY(0);
}
.b-nestle-porridge-technology__item:nth-child(1).is-visible {
	transition-delay: 0s;
}
.b-nestle-porridge-technology__item:nth-child(2).is-visible {
	transition-delay: 0.1s;
}
.b-nestle-porridge-technology__item:nth-child(3).is-visible {
	transition-delay: 0.2s;
}
.b-nestle-porridge-technology__icon,
.b-nestle-porridge-technology__caption {
	transition: transform 0.6s ease;
}
@media screen and (max-width: 767px) {
	.b-nestle-porridge-technology__item:nth-child(1) {
		/* opacity: 1; */
		transform: translateY(0px);
	}
	.b-nestle-porridge-technology__item:nth-child(2),
	.b-nestle-porridge-technology__item:nth-child(3) {
		transform: translateY(0px);
		transition: opacity 0s ease, transform 0.6s ease;
	}

	.b-nestle-porridge-technology__item:nth-child(2) .b-nestle-porridge-technology__icon,
	.b-nestle-porridge-technology__item:nth-child(3) .b-nestle-porridge-technology__icon {
		transform: translateY(-121px);
	}
	.b-nestle-porridge-technology__item:nth-child(2) .b-nestle-porridge-technology__caption,
	.b-nestle-porridge-technology__item:nth-child(3) .b-nestle-porridge-technology__caption {
		transform: translateY(-93px);
	}

	.b-nestle-porridge-technology__item.is-visible .b-nestle-porridge-technology__icon {
		transform: translate(0, -50%);
	}
	.b-nestle-porridge-technology__item.is-visible .b-nestle-porridge-technology__caption {
		transform: translateY(0px);
	}
}

@media screen and (max-width: 459px) {
	.b-nestle-porridge-technology {
		margin-top: -96px;
	}
}


/* product.css */
.b-nestle-porridge-product {
	position: relative;
}
.b-nestle-porridge-product__wrapper {
	width: 100%;
	max-width: 1500px;
	margin: 0 auto;
	padding: 58px 30px 43px;
}
.b-nestle-porridge-product__title {
	margin: 0;
	font-family: 'RotonBol', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 35px;
	line-height: 42px;
	text-transform: uppercase;
	text-align: center;
	color: #7bb03b;
}
.b-nestle-porridge-product__filters {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	margin: 21px auto 0;
	width: 100%;
	max-width: 924px;
}
.b-nestle-porridge-product__filter {
	width: 100%;
	max-width: 452px;
}
.b-nestle-porridge-product__content {
	position: relative;
	width: 100%;
	max-width: 924px;
	margin: 21px auto 0;
}
.b-nestle-porridge-product__controls {
	margin-top: 21px;
	text-align: center;
}
.b-nestle-porridge-product__content.is-locked .b-gallery {
	position: relative;
}
.b-nestle-porridge-product__content.is-locked .b-gallery__wrapper {
	opacity: 0.5;
	pointer-events: none;
}
.b-nestle-porridge-product__content.is-locked .b-gallery::before  {
	content: '';
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-image: url('/new/f/img/preloader.svg');
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center calc(50% - 80px);
}
.b-nestle-porridge-product__empty {
	margin-top: 20px;
	font-family: 'RotonReg', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 24px;
	line-height: 29px;
	text-align: center;
	color: #7f4015;
}
.b-nestle-porridge-product__content.is-empty .b-gallery__prev,
.b-nestle-porridge-product__content.is-empty .b-gallery__dots,
.b-nestle-porridge-product__content.is-empty .b-gallery__next {
	display: none;
}
@media screen and (max-width: 1023px) {
	.b-nestle-porridge-product__wrapper {
		padding: 48px 30px 39px;
	}
	.b-nestle-porridge-product__title {
		font-size: 30px;
		line-height: 36px;
	}
	.b-nestle-porridge-product__content {
		max-width: none;
	}
	.b-nestle-porridge-product .b-gallery[data-type=products] .b-gallery__wrapper {
		margin: 0 -30px;
	}
}
@media screen and (max-width: 767px) {
	.b-nestle-porridge-product__wrapper {
		padding: 10px 8px 8px;
	}
	.b-nestle-porridge-product__title {
		font-size: 24px;
		line-height: 29px;
	}
	.b-nestle-porridge-product__filters {
		flex-direction: column;
		align-items: center;
		gap: 16px;
		margin-top: 16px;
	}
	.b-nestle-porridge-product__filter {
		max-width: 304px;
	}
	.b-nestle-porridge-product__content {
		margin-top: 16px;
		padding-left: 18px;
	}
	.b-nestle-porridge-product__controls {
		margin-top: 16px;
		text-align: center;
	}
}
@media screen and (max-width: 389px) {
	.b-nestle-porridge-product__content {
		padding-left: 24px;
	}
}

/* Фильтр */
.nestle-porridge-filter {
	position: relative;
}
.nestle-porridge-filter__trigger {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
	width: 100%;
	padding: 9px 14px;
	background: #fff;
	border: 1px solid #d5d7da;
	border-radius: 8px;
	cursor: pointer;
	box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.05);
	transition: all 0.2s;

	font-family: 'RotonReg', Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-size: 18px;
	line-height: 22px;
	color: #717680;
	text-align: left;
}
.nestle-porridge-filter__trigger:hover {
	background: #f5f5f5;
}
.nestle-porridge-filter.is-locked .nestle-porridge-filter__trigger {
	opacity: 0.5;
	pointer-events: none;
}
.nestle-porridge-filter__arrow {
	display: block;
	width: 20px;
	height: 20px;
	transition: transform 0.2s;
	background-image: url('/new/static/brands/nestle-kashi/images/arrow-dropdown.svg');
	background-repeat: no-repeat;
	background-size: 12px auto;
	background-position: center center;
}
.nestle-porridge-filter.is-open .nestle-porridge-filter__arrow {
	transform: rotate(180deg);
}
.nestle-porridge-filter__list {
	position: absolute;
	top: calc(100% + 15px);
	left: 0;
	width: 100%;
	background: #fff;
	border: 1px solid #dfdfdf;
	border-radius: 8px;
	list-style: none;
	margin: 0;
	padding: 0 0 8px 0;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-20px);
	transition: all 0.2s;
	z-index: 10;
	max-height: 0;
	overflow: hidden;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
}
.nestle-porridge-filter.is-open .nestle-porridge-filter__list {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	max-height: 300px;
}
.nestle-porridge-filter__item {
	transition: background 0.1s;
	font-family: 'RotonReg', Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-size: 18px;
	line-height: 22px;
	color: #333;
	cursor: pointer;
}
.nestle-porridge-filter__item:hover {
	background: #f0f0f0;
}
.nestle-porridge-filter__item.is-hide {
	display: none;
}
.nestle-porridge-filter__item.is-disabled {
	background: #f7f7f7;
	opacity: 0.5;
	cursor: default;
	pointer-events: none;
}
.nestle-porridge-filter.is-locked .nestle-porridge-filter__item {
	opacity: 0.5;
	pointer-events: none;
}

/* Чекбокс */
.nestle-porridge-checkbox {
	display: flex;
	align-items: center;
	padding: 8px 16px;
	cursor: pointer;
	user-select: none;
}
.nestle-porridge-checkbox input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
	pointer-events: none;
}
.nestle-porridge-checkbox__box {
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	border: 1px solid #a1a1aa;
	border-radius: 6px;
	background: #fff;
	transition: all 0.2s;
	position: relative;
	margin-right: 12px;
}
.nestle-porridge-checkbox input:checked + .nestle-porridge-checkbox__box::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	background-image: url('/new/static/brands/nestle-kashi/images/checked.svg');
	background-repeat: no-repeat;
	background-size: 14px auto;
	background-position: center center;
}
.nestle-porridge-checkbox input:checked + .nestle-porridge-checkbox__box {
	background: #14a155;
	border-color: #14a155;
}

.nestle-porridge-checkbox.is-disabled {
	opacity: 0.5;
	cursor: not-allowed;
	background: #f1f1f1;
}
.nestle-porridge-checkbox.is-disabled:hover {
	background-color: transparent;
}
.nestle-porridge-checkbox.is-disabled .nestle-porridge-checkbox__box {
	display: none;
}
.nestle-porridge-checkbox__label {
	font-family: 'RotonReg', Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-size: 18px;
	line-height: 22px;
	color: #333;
}
@media screen and (max-width: 374px) {
	.b-nestle-porridge-product__wrapper {
		padding-bottom: 48px;
	}
}

/* preparation.css */
.b-nestle-porridge-preparation {
	position: relative;
}

/* ========== ПСЕВДОЭЛЕМЕНТЫ BEFORE ========== */

/* Общие стили для всех ::before */
.b-nestle-porridge-preparation[class*="mod-"]::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
	background-repeat: no-repeat;
	z-index: 1;
	pointer-events: none;
	will-change: background-position, opacity;
	transition: opacity .3s, background-position .5s cubic-bezier(0.34, 1.56, 0.64, 1);
	opacity: 0;
}

/* Индивидуальные настройки для каждого мода */
.b-nestle-porridge-preparation.mod-1::before {
	bottom: -125px;
	background-image: url(/new/static/brands/nestle-kashi/images/preparation/mod-1-decor-1.png);
	background-size: 431px 530px;
	background-position: calc(50% - 680px) bottom;
}
.b-nestle-porridge-preparation.mod-2::before {
	bottom: -170px;
	background-image: url(/new/static/brands/nestle-kashi/images/preparation/mod-2-decor-1.png);
	background-size: 481px 576px;
	background-position: calc(50% - 678px) bottom;
}
.b-nestle-porridge-preparation.mod-3::before {
	bottom: 37px;
	background-image: url(/new/static/brands/nestle-kashi/images/preparation/mod-3-decor-1.png);
	background-size: 360px 476px;
	background-position: calc(50% - 713px) bottom;
}
.b-nestle-porridge-preparation.mod-4::before {
	bottom: 37px;
	background-image: url(/new/static/brands/nestle-kashi/images/preparation/mod-4-decor-1.png);
	background-size: 334px 476px;
	background-position: calc(50% - 713px) bottom;
}


/* ========== ПСЕВДОЭЛЕМЕНТЫ AFTER ========== */

/* Общие стили для всех ::after */
.b-nestle-porridge-preparation[class*="mod-"]::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
	background-repeat: no-repeat;
	z-index: 1;
	pointer-events: none;
	will-change: background-position, opacity;
	transition: opacity .3s, background-position .5s cubic-bezier(0.34, 1.56, 0.64, 1);
	opacity: 0;
}

/* Индивидуальные настройки для каждого мода */
.b-nestle-porridge-preparation.mod-1::after {
	bottom: 60px;
	background-image: url(/new/static/brands/nestle-kashi/images/preparation/mod-1-decor-2.png);
	background-size: 294px 328px;
	background-position: calc(50% + 695px) bottom;
}

.b-nestle-porridge-preparation.mod-2::after {
	bottom: 28px;
	background-image: url(/new/static/brands/nestle-kashi/images/preparation/mod-2-decor-2.png);
	background-size: 300px 370px;
	background-position: calc(50% + 688px) bottom;
}

.b-nestle-porridge-preparation.mod-3::after {
	bottom: -115px;
	background-image: url(/new/static/brands/nestle-kashi/images/preparation/mod-3-decor-2.png);
	background-size: 439px 538px;
	background-position: calc(50% + 703px) bottom;
}

.b-nestle-porridge-preparation.mod-4::after {
	bottom: -115px;
	background-image: url(/new/static/brands/nestle-kashi/images/preparation/mod-4-decor-2.png);
	background-size: 462px 553px;
	background-position: calc(50% + 673px) bottom;
}


/* ========== АКТИВАЦИЯ АНИМАЦИЙ ========== */

.b-nestle-porridge-preparation.mod-1.is-animated::before {
	background-position: calc(50% - 617px) bottom;
	opacity: 1;
}
.b-nestle-porridge-preparation.mod-2.is-animated::before {
	background-position: calc(50% - 615px) bottom;
	opacity: 1;
}
.b-nestle-porridge-preparation.mod-3.is-animated::before {
	background-position: calc(50% - 650px) bottom;
	opacity: 1;
}
.b-nestle-porridge-preparation.mod-4.is-animated::before {
	background-position: calc(50% - 650px) bottom;
	opacity: 1;
}

.b-nestle-porridge-preparation.mod-1.is-animated::after {
	background-position: calc(50% + 630px) bottom;
	opacity: 1;
}
.b-nestle-porridge-preparation.mod-2.is-animated::after {
	background-position: calc(50% + 663px) bottom;
	opacity: 1;
}
.b-nestle-porridge-preparation.mod-3.is-animated::after {
	background-position: calc(50% + 625px) bottom;
	opacity: 1;
}
.b-nestle-porridge-preparation.mod-4.is-animated::after {
	background-position: calc(50% + 610px) bottom;
	opacity: 1;
}


/* ========== FALLBACK ДЛЯ СТАРЫХ БРАУЗЕРОВ ========== */

@supports not (transition: background-position) {
	/* ===== BEFORE - движение ВПРАВО ===== */
	.b-nestle-porridge-preparation.is-visible.mod-1::before,
	.b-nestle-porridge-preparation.mod-1.is-animated::before {
		animation: moveBefore1 .5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
	}
	.b-nestle-porridge-preparation.mod-2.is-animated::before {
		animation: moveBefore2 .5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
	}
	.b-nestle-porridge-preparation.mod-3.is-animated::before {
		animation: moveBefore3 .5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
	}
	.b-nestle-porridge-preparation.mod-4.is-animated::before {
		animation: moveBefore4 .5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
	}

	/* ===== AFTER - движение ВЛЕВО ===== */
	.b-nestle-porridge-preparation.is-visible.mod-1::after,
	.b-nestle-porridge-preparation.mod-1.is-animated::after {
		animation: moveAfter1 .5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
	}
	.b-nestle-porridge-preparation.mod-2.is-animated::after {
		animation: moveAfter2 .5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
	}
	.b-nestle-porridge-preparation.mod-3.is-animated::after {
		animation: moveAfter3 .5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
	}
	.b-nestle-porridge-preparation.mod-4.is-animated::after {
		animation: moveAfter4 .5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
	}

	/* ===== BEFORE KEYFRAMES ===== */
	@keyframes moveBefore1 {
		0% { background-position: calc(50% - 680px) bottom; opacity: 0; }
		100% { background-position: calc(50% - 617px) bottom; opacity: 1; }
	}
	@keyframes moveBefore2 {
		0% { background-position: calc(50% - 678px) bottom; opacity: 0; }
		100% { background-position: calc(50% - 615px) bottom; opacity: 1; }
	}
	@keyframes moveBefore3 {
		0% { background-position: calc(50% - 713px) bottom; opacity: 0; }
		100% { background-position: calc(50% - 650px) bottom; opacity: 1; }
	}
	@keyframes moveBefore4 {
		0% { background-position: calc(50% - 713px) bottom; opacity: 0; }
		100% { background-position: calc(50% - 650px) bottom; opacity: 1; }
	}

	/* ===== AFTER KEYFRAMES ===== */
	@keyframes moveAfter1 {
		0% { background-position: calc(50% + 695px) bottom; opacity: 0; }
		100% { background-position: calc(50% + 630px) bottom; opacity: 1; }
	}
	@keyframes moveAfter2 {
		0% { background-position: calc(50% + 688px) bottom; opacity: 0; }
		100% { background-position: calc(50% + 663px) bottom; opacity: 1; }
	}
	@keyframes moveAfter3 {
		0% { background-position: calc(50% + 703px) bottom; opacity: 0; }
		100% { background-position: calc(50% + 625px) bottom; opacity: 1; }
	}
	@keyframes moveAfter4 {
		0% { background-position: calc(50% + 673px) bottom; opacity: 0; }
		100% { background-position: calc(50% + 610px) bottom; opacity: 1; }
	}
}


.b-nestle-porridge-preparation__container {
	position: relative;
	width: 100%;
	height: 100%;
}
.b-nestle-porridge-preparation__container::after {
	content: '';
	position: absolute;
	top: -90px;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
	background-image: url('/new/static/brands/nestle-kashi/images/preparation/decor-1.png');
	background-repeat: no-repeat;
	background-size: 295px 379px;
	background-position: calc(50% + 635px) top;
	z-index: 1;
	pointer-events: none;
}
.b-nestle-porridge-preparation__wrapper {
	width: 100%;
	max-width: 1500px;
	margin: 0 auto;
	padding: 43px 8px 29px;
}
.b-nestle-porridge-preparation__headline {
	display: none;
	position: absolute;
}
.b-nestle-porridge-preparation__headline span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	opacity: 0;
	transition: opacity 0.5s ease;
	transition-delay: 0s;
}
/* Картинки для каждого спана */
.b-nestle-porridge-preparation__headline span:nth-child(1) {
	background-image: url('/new/static/brands/nestle-kashi/images/preparation/mod-1-decor-2.png');
	background-size: 210px;
}
.b-nestle-porridge-preparation__headline span:nth-child(2) {
	background-image: url('/new/static/brands/nestle-kashi/images/preparation/mod-2-decor-2.png');
	background-size: 210px;
}
.b-nestle-porridge-preparation__headline span:nth-child(3) {
	background-image: url('/new/static/brands/nestle-kashi/images/preparation/mod-3-decor-1.png');
	background-size: 223px;
	transform: scaleX(-1);
}
.b-nestle-porridge-preparation__headline span:nth-child(4) {
	background-image: url('/new/static/brands/nestle-kashi/images/preparation/mod-4-decor-1.png');
	background-size: 200px;
	transform: scaleX(-1);
}
/* Старые спаны исчезают с задержкой */
.b-nestle-porridge-preparation:not(.mod-1) .b-nestle-porridge-preparation__headline span:nth-child(1),
.b-nestle-porridge-preparation:not(.mod-2) .b-nestle-porridge-preparation__headline span:nth-child(2),
.b-nestle-porridge-preparation:not(.mod-3) .b-nestle-porridge-preparation__headline span:nth-child(3),
.b-nestle-porridge-preparation:not(.mod-4) .b-nestle-porridge-preparation__headline span:nth-child(4) {
	transition-delay: 0s;
}
/* Активный спан показывается */
.b-nestle-porridge-preparation.mod-1 .b-nestle-porridge-preparation__headline span:nth-child(1),
.b-nestle-porridge-preparation.mod-2 .b-nestle-porridge-preparation__headline span:nth-child(2),
.b-nestle-porridge-preparation.mod-3 .b-nestle-porridge-preparation__headline span:nth-child(3),
.b-nestle-porridge-preparation.mod-4 .b-nestle-porridge-preparation__headline span:nth-child(4) {
	opacity: 1;
	transition-delay: 0.2s;
}
.b-nestle-porridge-preparation__board {
	display: flex;
	flex-direction: column;
	border-radius: 24px;
	width: 100%;
	max-width: 1332px;
	height: 630px;
	margin: 0 auto;
	padding: 33px 8px 57px;
	background: #fff;
}
.b-nestle-porridge-preparation__title {
	margin: 0;
	font-family: 'RotonBol', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 35px;
	line-height: 42px;
	color: #7f4015;
	text-transform: uppercase;
	text-align: center;
}
.b-nestle-porridge-preparation__scheme {
	flex-grow: 1;
	margin-top: 30px;
}
.b-nestle-porridge-preparation__steps {
	position: relative;
	z-index: 2;
	height: 100%;
	padding-top: 28px;
	background-image: url('/new/static/brands/nestle-kashi/images/preparation/arrow-main.svg');
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center top;
}
.b-nestle-porridge-preparation__description {
	text-align: center;
}
.b-nestle-porridge-preparation__caption {
	display: inline-block;
	padding: 6px 32px 5px;
	border-radius: 34px;

	font-family: 'RotonBol', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 30px;
	line-height: 36px;
	text-transform: uppercase;
	text-align: center;
	color: #fff;

	background-color: #e9818f;
	background-image: url('/new/static/brands/nestle-kashi/images/preparation/caption-bg.jpg');
	background-repeat: repeat;
	background-size: contain;
	background-position: center center;
}
.b-nestle-porridge-preparation__text {
	margin: 7px auto 0;
	max-width: 510px;
	font-family: 'RotonReg', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 24px;
	line-height: 29px;
	text-align: center;
	color: #7f4015;
}
.b-nestle-porridge-preparation.mod-1 .b-nestle-porridge-preparation__text {
	max-width: 430px;
}
.b-nestle-porridge-preparation.mod-2 .b-nestle-porridge-preparation__text {
	max-width: 555px;
}
.b-nestle-porridge-preparation.mod-3 .b-nestle-porridge-preparation__text {
	max-width: 570px;
}
.b-nestle-porridge-preparation.mod-4 .b-nestle-porridge-preparation__text {
	max-width: 470px;
}
.b-nestle-porridge-preparation__caption.is-hidden,
.b-nestle-porridge-preparation__text.is-hidden {
	opacity: 0;
}
.b-nestle-porridge-preparation__step {
	position: absolute;
	width: 280px;
	height: 290px;
	cursor: pointer;
}
.b-nestle-porridge-preparation__step--1 {
	top: 33px;
	left: calc(50% - 555px);
}
.b-nestle-porridge-preparation__step--2 {
	bottom: -60px;
	left: calc(50% - 290px);
}
.b-nestle-porridge-preparation__step--3 {
	/* bottom: -60px;
	left: calc(50% + 45px); */
	bottom: -50px;
	left: calc(50% + 5px);
}
.b-nestle-porridge-preparation__step--4 {
	/* top: 33px;
	left: calc(50% + 190px); */
	top: 53px;
	left: calc(50% + 230px);
}
.b-nestle-porridge-preparation__step--1.is-active {
	top: 28px;
	left: calc(50% - 555px);
}
.b-nestle-porridge-preparation__step--2.is-active {
	/* bottom: 0;
	left: calc(50% - 305px); */
	bottom: -60px;
	left: calc(50% - 290px);
}
.b-nestle-porridge-preparation__step--3.is-active {
	bottom: -50px;
	left: calc(50% + 5px);
}
.b-nestle-porridge-preparation__step--4.is-active {
	top: 53px;
	left: calc(50% + 230px);
}
.b-nestle-porridge-preparation__step--4::before {
	content: '';
	position: absolute;
	top: 0;
	right: -44px;
	width: 116px;
	height: 116px;
	background-image: url('/new/static/brands/nestle-kashi/images/preparation/plate-4-mark.png');
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center center;
	opacity: 0;
	transition: opacity .3s;
}
.b-nestle-porridge-preparation__step--4.is-active::before {
	opacity: 1;
}
.b-nestle-porridge-preparation__plate {
	position: relative;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: 280px 290px;
	background-position: center center;
	transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
	transform: scale(0.65, 0.6276);
}
.b-nestle-porridge-preparation__step.is-active .b-nestle-porridge-preparation__plate {
	transform: scale(1);
}
.b-nestle-porridge-preparation__step--1 .b-nestle-porridge-preparation__plate {
	background-image: url('/new/static/brands/nestle-kashi/images/preparation/plate-1-default.png');
}
.b-nestle-porridge-preparation__step--2 .b-nestle-porridge-preparation__plate {
	background-image: url('/new/static/brands/nestle-kashi/images/preparation/plate-2-default.png');
}
.b-nestle-porridge-preparation__step--3 .b-nestle-porridge-preparation__plate {
	background-image: url('/new/static/brands/nestle-kashi/images/preparation/plate-3-default.png');
}
.b-nestle-porridge-preparation__step--4 .b-nestle-porridge-preparation__plate {
	background-image: url('/new/static/brands/nestle-kashi/images/preparation/plate-4-default.png');
}
.b-nestle-porridge-preparation__step--1.is-active .b-nestle-porridge-preparation__plate {
	background-image: url('/new/static/brands/nestle-kashi/images/preparation/plate-1-active.png');
}
.b-nestle-porridge-preparation__step--2.is-active .b-nestle-porridge-preparation__plate {
	background-image: url('/new/static/brands/nestle-kashi/images/preparation/plate-2-active.png');
}
.b-nestle-porridge-preparation__step--3.is-active .b-nestle-porridge-preparation__plate {
	background-image: url('/new/static/brands/nestle-kashi/images/preparation/plate-3-active.png');
}
.b-nestle-porridge-preparation__step--4.is-active .b-nestle-porridge-preparation__plate {
	background-image: url('/new/static/brands/nestle-kashi/images/preparation/plate-4-active.png');
}
.b-nestle-porridge-preparation__step:not(.is-active):hover .b-nestle-porridge-preparation__plate {
	transform: scale(0.68, 0.6576);
}
.b-nestle-porridge-preparation__plate::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: auto;
	background-position: left top;
	opacity: 0;
	transition: opacity 0s ease 0s;
	pointer-events: none;
	z-index: 2;
}
.b-nestle-porridge-preparation__step--1 .b-nestle-porridge-preparation__plate::after {
	background-image: url('/new/static/brands/nestle-kashi/images/preparation/plate-1-label.png');
	background-position: left 13px top 6px;
}
.b-nestle-porridge-preparation__step--2 .b-nestle-porridge-preparation__plate::after {
	background-image: url('/new/static/brands/nestle-kashi/images/preparation/plate-2-label.png');
	background-position: left -3px top 0px;
}
.b-nestle-porridge-preparation__step--3 .b-nestle-porridge-preparation__plate::after {
	background-image: url('/new/static/brands/nestle-kashi/images/preparation/plate-3-label.png');
	background-position: left -3px top 0px;
}
.b-nestle-porridge-preparation__step--4 .b-nestle-porridge-preparation__plate::after {
	background-image: url('/new/static/brands/nestle-kashi/images/preparation/plate-4-label.png');
	background-position: left 4px top 0px;
}
.b-nestle-porridge-preparation__step.is-active .b-nestle-porridge-preparation__plate::after {
	opacity: 1;
	transition: opacity 0.5s ease 0.2s;
}
.b-nestle-porridge-preparation__step:not(.is-active) .b-nestle-porridge-preparation__plate::after {
	opacity: 0;
	transition: opacity 0s ease 0s;
}

.b-nestle-porridge-preparation__wheel {
	display: none;
	position: absolute;
	top: 145px;
	left: 50%;
	transform: translateX(-50%);
	width: 597px;
	height: 597px;
	margin: 0 auto;
	padding: 4px;
	border-radius: 100%;
	background-image: url('/new/static/brands/nestle-kashi/images/preparation/whell-bg.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}
.b-nestle-porridge-preparation__wheel-container {
	position: relative;
	width: 100%;
	height: 100%;
}
.b-nestle-porridge-preparation__wheel-plate {
	position: absolute;
	top: -14px;
	left: 0;
	right: 0;
	width: 100%;
	height: 50%;
	pointer-events: none;
	z-index: 1;
}
.b-nestle-porridge-preparation__wheel-plate span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center bottom;
	opacity: 0;
	transition: all 0.3s ease;
	transition-delay: 0s;
	transform: translateY(90px);
}
/* Картинки для каждого спана */
.b-nestle-porridge-preparation__wheel-plate span:nth-child(1) {
	background-image: url('/new/static/brands/nestle-kashi/images/preparation/wheel-plate-1.png');
	background-size: 292px;
}
.b-nestle-porridge-preparation__wheel-plate span:nth-child(2) {
	background-image: url('/new/static/brands/nestle-kashi/images/preparation/wheel-plate-2.png');
	background-size: 292px;
}
.b-nestle-porridge-preparation__wheel-plate span:nth-child(3) {
	background-image: url('/new/static/brands/nestle-kashi/images/preparation/wheel-plate-3.png');
	background-size: 292px;
}
.b-nestle-porridge-preparation__wheel-plate span:nth-child(4) {
	background-image: url('/new/static/brands/nestle-kashi/images/preparation/wheel-plate-4.png');
	background-size: 292px;
}
/* Старые спаны исчезают с задержкой */
.b-nestle-porridge-preparation:not(.mod-1) .b-nestle-porridge-preparation__wheel-plate span:nth-child(1),
.b-nestle-porridge-preparation:not(.mod-2) .b-nestle-porridge-preparation__wheel-plate span:nth-child(2),
.b-nestle-porridge-preparation:not(.mod-3) .b-nestle-porridge-preparation__wheel-plate span:nth-child(3),
.b-nestle-porridge-preparation:not(.mod-4) .b-nestle-porridge-preparation__wheel-plate span:nth-child(4) {
	transition-delay: 0.1s;
}
/* Активный спан показывается */
.b-nestle-porridge-preparation.mod-1 .b-nestle-porridge-preparation__wheel-plate span:nth-child(1),
.b-nestle-porridge-preparation.mod-2 .b-nestle-porridge-preparation__wheel-plate span:nth-child(2),
.b-nestle-porridge-preparation.mod-3 .b-nestle-porridge-preparation__wheel-plate span:nth-child(3),
.b-nestle-porridge-preparation.mod-4 .b-nestle-porridge-preparation__wheel-plate span:nth-child(4) {
	opacity: 1;
	transition-delay: 0.2s;
	transform: translateY(0px);
}



.b-nestle-porridge-preparation__tire {
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	background-color: rgba(243, 152, 114, 0.2);
	transition: transform 0.3s ease-out;
	will-change: transform, background-color;
	background-repeat: no-repeat;
	background-position: center center;
}

.b-nestle-porridge-preparation__tire span {
	position: absolute;
	display: block;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.b-nestle-porridge-preparation__tire span:nth-child(1) {
	left: 50%;
	top: -94px;
	transform: translateX(-50%);
	width: 191px;
	height: 188px;
	background-image: url('/new/static/brands/nestle-kashi/images/preparation/whell-product-1.png');
}
.b-nestle-porridge-preparation__tire span:nth-child(2) {
	right: -89px;
	top: 50%;
	transform: translateY(-50%) rotate(90deg);
	width: 185px;
	height: 177px;
	background-image: url('/new/static/brands/nestle-kashi/images/preparation/whell-product-2.png');
}
.b-nestle-porridge-preparation__tire span:nth-child(3) {
	left: 50%;
	bottom: -88px;
	transform: translateX(-50%) rotate(180deg);
	width: 186px;
	height: 176px;
	background-image: url('/new/static/brands/nestle-kashi/images/preparation/whell-product-3.png');
}
.b-nestle-porridge-preparation__tire span:nth-child(4) {
	left: -111px;
	top: calc(50% - 20px);
	transform: translateY(-50%) rotate(270deg);
	width: 231px;
	height: 176px;
	background-image: url('/new/static/brands/nestle-kashi/images/preparation/whell-product-4.png');
}
.b-nestle-porridge-preparation__tire span {
	opacity: 0;
	transition: opacity 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
	transition-delay: 0s;
}
.b-nestle-porridge-preparation:not(.mod-1) .b-nestle-porridge-preparation__tire span:nth-child(1),
.b-nestle-porridge-preparation:not(.mod-2) .b-nestle-porridge-preparation__tire span:nth-child(2),
.b-nestle-porridge-preparation:not(.mod-3) .b-nestle-porridge-preparation__tire span:nth-child(3),
.b-nestle-porridge-preparation:not(.mod-4) .b-nestle-porridge-preparation__tire span:nth-child(4) {
	transition-delay: 0.5s;
}
.b-nestle-porridge-preparation.mod-1 .b-nestle-porridge-preparation__tire span:nth-child(1),
.b-nestle-porridge-preparation.mod-2 .b-nestle-porridge-preparation__tire span:nth-child(2),
.b-nestle-porridge-preparation.mod-3 .b-nestle-porridge-preparation__tire span:nth-child(3),
.b-nestle-porridge-preparation.mod-4 .b-nestle-porridge-preparation__tire span:nth-child(4) {
	opacity: 1;
	transition-delay: 0s;
}

@media screen and (max-width: 1365px) {
	/* ===== BEFORE ===== */
	.b-nestle-porridge-preparation.mod-1::before {
		bottom: 0px;
		background-size: 259px 318px;
		background-position: left -120px bottom;
	}
	.b-nestle-porridge-preparation.mod-2::before {
		bottom: 0px;
		background-size: 289px 346px;
		background-position: left -120px bottom;
	}
	.b-nestle-porridge-preparation.mod-3::before {
		bottom: 0px;
		background-size: 216px 286px;
		background-position: left -120px bottom;
	}
	.b-nestle-porridge-preparation.mod-4::before {
		bottom: 0px;
		background-size: 200px 286px;
		background-position: left -120px bottom;
	}

	/* ===== AFTER ===== */
	.b-nestle-porridge-preparation.mod-1::after {
		bottom: 0px;
		background-size: 176px 197px;
		background-position: right -120px bottom;
	}
	.b-nestle-porridge-preparation.mod-2::after {
		bottom: 0px;
		background-size: 180px 222px;
		background-position: right -120px bottom;
	}
	.b-nestle-porridge-preparation.mod-3::after {
		bottom: 0px;
		background-size: 263px 323px;
		background-position: right -120px bottom;
	}
	.b-nestle-porridge-preparation.mod-4::after {
		bottom: 0px;
		background-size: 277px 332px;
		background-position: right -120px bottom;
	}

	/* ===== АКТИВАЦИЯ АНИМАЦИЙ (АДАПТИВ) ===== */
	.b-nestle-porridge-preparation.mod-1.is-animated::before {
		background-position: left 20px bottom;
		opacity: 1;
	}
	.b-nestle-porridge-preparation.mod-2.is-animated::before {
		background-position: left 20px bottom;
		opacity: 1;
	}
	.b-nestle-porridge-preparation.mod-3.is-animated::before {
		background-position: left 20px bottom;
		opacity: 1;
	}
	.b-nestle-porridge-preparation.mod-4.is-animated::before {
		background-position: left 20px bottom;
		opacity: 1;
	}

	.b-nestle-porridge-preparation.mod-1.is-animated::after {
		background-position: right 20px bottom;
		opacity: 1;
	}
	.b-nestle-porridge-preparation.mod-2.is-animated::after {
		background-position: right 20px bottom;
		opacity: 1;
	}
	.b-nestle-porridge-preparation.mod-3.is-animated::after {
		background-position: right 20px bottom;
		opacity: 1;
	}
	.b-nestle-porridge-preparation.mod-4.is-animated::after {
		background-position: right 20px bottom;
		opacity: 1;
	}

	/* ===== FALLBACK ДЛЯ СТАРЫХ БРАУЗЕРОВ (АДАПТИВ) ===== */
	@supports not (transition: background-position) {
		/* BEFORE - движение ВПРАВО */
		.b-nestle-porridge-preparation.is-visible.mod-1::before,
		.b-nestle-porridge-preparation.mod-1.is-animated::before {
			animation: moveBeforeMobile1 .5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
		}
		.b-nestle-porridge-preparation.mod-2.is-animated::before {
			animation: moveBeforeMobile2 .5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
		}
		.b-nestle-porridge-preparation.mod-3.is-animated::before {
			animation: moveBeforeMobile3 .5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
		}
		.b-nestle-porridge-preparation.mod-4.is-animated::before {
			animation: moveBeforeMobile4 .5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
		}

		/* AFTER - движение ВЛЕВО */
		.b-nestle-porridge-preparation.is-visible.mod-1::after,
		.b-nestle-porridge-preparation.mod-1.is-animated::after {
			animation: moveAfterMobile1 .5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
		}
		.b-nestle-porridge-preparation.mod-2.is-animated::after {
			animation: moveAfterMobile2 .5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
		}
		.b-nestle-porridge-preparation.mod-3.is-animated::after {
			animation: moveAfterMobile3 .5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
		}
		.b-nestle-porridge-preparation.mod-4.is-animated::after {
			animation: moveAfterMobile4 .5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
		}

		/* BEFORE KEYFRAMES (АДАПТИВ) */
		@keyframes moveBeforeMobile1 {
			0% { background-position: left -120px bottom; opacity: 0; }
			100% { background-position: left 20px bottom; opacity: 1; }
		}
		@keyframes moveBeforeMobile2 {
			0% { background-position: left -120px bottom; opacity: 0; }
			100% { background-position: left 20px bottom; opacity: 1; }
		}
		@keyframes moveBeforeMobile3 {
			0% { background-position: left -120px bottom; opacity: 0; }
			100% { background-position: left 20px bottom; opacity: 1; }
		}
		@keyframes moveBeforeMobile4 {
			0% { background-position: left -120px bottom; opacity: 0; }
			100% { background-position: left 20px bottom; opacity: 1; }
		}

		/* AFTER KEYFRAMES (АДАПТИВ) */
		@keyframes moveAfterMobile1 {
			0% { background-position: right -120px bottom; opacity: 0; }
			100% { background-position: right 20px bottom; opacity: 1; }
		}
		@keyframes moveAfterMobile2 {
			0% { background-position: right -120px bottom; opacity: 0; }
			100% { background-position: right 20px bottom; opacity: 1; }
		}
		@keyframes moveAfterMobile3 {
			0% { background-position: right -120px bottom; opacity: 0; }
			100% { background-position: right 20px bottom; opacity: 1; }
		}
		@keyframes moveAfterMobile4 {
			0% { background-position: right -120px bottom; opacity: 0; }
			100% { background-position: right 20px bottom; opacity: 1; }
		}
	}
	.b-nestle-porridge-preparation__container::after {
		background-size: 177px 227px;
		background-position: right -20px top;
	}
}


@media screen and (max-width: 1179px) {
	.b-nestle-porridge-preparation__steps {
		background-position: calc(50% + 20px) top;
	}
	.b-nestle-porridge-preparation__step {
		width: 196px;
		height: 203px;
	}
	.b-nestle-porridge-preparation__step--1,
	.b-nestle-porridge-preparation__step--1.is-active {
		top: 73px;
		left: calc(50% - 491px);
	}
	.b-nestle-porridge-preparation__step--2,
	.b-nestle-porridge-preparation__step--2.is-active {
		bottom: -35px;
		left: calc(50% - 205px);
	}
	.b-nestle-porridge-preparation__step--3,
	.b-nestle-porridge-preparation__step--3.is-active {
		bottom: 10px;
		left: calc(50% + 80px);
	}
	.b-nestle-porridge-preparation__step--4,
	.b-nestle-porridge-preparation__step--4.is-active {
		top: 53px;
		left: calc(50% + 266px);
	}
	.b-nestle-porridge-preparation__step--4::before {
		right: auto;
		top: 138px;
		left: -23px;
		width: 81px;
		height: 81px;
		background-size: contain;
	}
	.b-nestle-porridge-preparation__plate {
		background-size: 196px 203px;
	}
	.b-nestle-porridge-preparation__step--1 .b-nestle-porridge-preparation__plate::after {
		background-size: 95px;
		background-position: left top;
	}
	.b-nestle-porridge-preparation__step--2 .b-nestle-porridge-preparation__plate::after {
		background-size: 95px;
		background-position: left top;
	}
	.b-nestle-porridge-preparation__step--3 .b-nestle-porridge-preparation__plate::after {
		background-size: 95px;
		background-position: left top;
	}
	.b-nestle-porridge-preparation__step--4 .b-nestle-porridge-preparation__plate::after {
		background-size: 95px;
		background-position: left top;
	}
}

@media screen and (max-width: 1023px) {
	.b-nestle-porridge-preparation[class*="mod-"]::before,
	.b-nestle-porridge-preparation[class*="mod-"]::after,
	.b-nestle-porridge-preparation__container::after {
		content: none;
	}
	.b-nestle-porridge-preparation__wrapper {
		position: relative;
		padding: 214px 30px 0px;
	}
	.b-nestle-porridge-preparation__headline {
		display: block;
		top: 41px;
		left: 0;
		right: 0;
		width: 100%;
		height: 173px;
	}
	.b-nestle-porridge-preparation__board {
		position: relative;
		height: 430px;
		/* height: auto; */
		padding: 24px 20px 0px;
		border-radius: 12px;
		overflow: hidden;
	}
	.b-nestle-porridge-preparation__title {
		font-size: 26px;
		line-height: 32px;
	}
	.b-nestle-porridge-preparation__scheme {
		margin-top: 8px;
		height: 365px;
	}
	.b-nestle-porridge-preparation__steps {
		background-image: none;
		padding-top: 0px;
	}
	.b-nestle-porridge-preparation__description {
		display: none;
	}
	.b-nestle-porridge-preparation__caption {
		padding: 4px 30px 3px;
		font-size: 20px;
		line-height: 24px;
	}
	.b-nestle-porridge-preparation__text {
		margin: 6px auto 0;
		font-size: 16px;
		line-height: 19px;
	}
	.b-nestle-porridge-preparation__step {
		position: static;
		width: 100%;
		height: 365px;
		cursor: default;
	}
	.b-nestle-porridge-preparation__step--4::before {
		content: none;
	}
	.b-nestle-porridge-preparation__step .b-nestle-porridge-preparation__plate {
		display: none;
	}
	.b-nestle-porridge-preparation__wheel {
		display: block;
	}
	.b-nestle-porridge-preparation__wheel .b-nestle-porridge-preparation__description {
		display: block;
		position: absolute;
		top: 95px;
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
		max-width: 380px;
	}
}

@media screen and (max-width: 767px) {
	.b-nestle-porridge-preparation__wrapper {
		padding: 177px 8px 0px;
	}
	.b-nestle-porridge-preparation__headline {
		top: auto;
		bottom: 430px;
		height: calc(100vh - 430px);
		height: calc(100dvh - 430px);
		max-height: 145px;
	}
	.b-nestle-porridge-preparation__headline span:nth-child(1) {
		background-image: url(/new/static/brands/nestle-kashi/images/preparation/mod-1-decor-mobile.png);
		/* background-size: 171px; */
		background-size: contain;
	}
	.b-nestle-porridge-preparation__headline span:nth-child(2) {
		background-image: url(/new/static/brands/nestle-kashi/images/preparation/mod-2-decor-mobile.png);
		/* background-size: 148px; */
		background-size: contain;
	}
	.b-nestle-porridge-preparation__headline span:nth-child(3) {
		background-image: url(/new/static/brands/nestle-kashi/images/preparation/mod-3-decor-mobile.png);
		/* background-size: 162px; */
		background-size: contain;
		transform: scaleX(1);
	}
	.b-nestle-porridge-preparation__headline span:nth-child(4) {
		background-image: url(/new/static/brands/nestle-kashi/images/preparation/mod-4-decor-mobile.png);
		/* background-size: 148px; */
		background-size: contain;
		transform: scaleX(1);
	}
	.b-nestle-porridge-preparation__board {
		padding: 13px 12px 0px;
	}
	.b-nestle-porridge-preparation__title {
		font-size: 20px;
		line-height: 22px;
	}
	.b-nestle-porridge-preparation__caption {
		padding: 6px 24px 6px;
		font-size: 16px;
		line-height: 19px;
	}
	.b-nestle-porridge-preparation__text {
		margin: 6px auto 0;
		font-size: 14px;
		line-height: 17px;
	}
	.b-nestle-porridge-preparation__wheel .b-nestle-porridge-preparation__description {
		display: block;
		position: absolute;
		top: 60px;
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
		max-width: 265px;
	}
	.b-nestle-porridge-preparation__wheel {
		top: 163px;
	}
	.b-nestle-porridge-preparation__wheel-plate {
		position: absolute;
		top: -31px;
	}
	.b-nestle-porridge-preparation__tire span:nth-child(1) {
		top: -112px;
		width: 172px;
		height: 172px;
		background-size: contain;
	}
	.b-nestle-porridge-preparation__tire span:nth-child(2) {
		right: -111px;
		width: 160px;
		height: 160px;
		background-size: contain;
	}
	.b-nestle-porridge-preparation__tire span:nth-child(3) {
		bottom: -111px;
		width: 170px;
		height: 160px;
		background-size: contain;
	}
	.b-nestle-porridge-preparation__tire span:nth-child(4) {
		left: -139px;
		width: 225px;
		height: 160px;
		background-size: contain;
	}
}
@media screen and (max-width: 459px) {
	.b-nestle-porridge-preparation__wrapper {
		padding-bottom: 96px;
	}
	.b-nestle-porridge-preparation__headline {
		bottom: 524px;
	}
}

/* 1. БАЗОВЫЙ ВАРИАНТ ДЛЯ СМАРТФОНОВ (iOS) */
/* Если браузер не поддерживает или плохо обрабатывает fixed-фон, */
/* мы по умолчанию включаем безопасный хак с псевдоэлементом layers */
@media screen and (max-width: 1023px) {
	.nestle-porridge {
		background-image: none !important;
		background-color: transparent !important;
		position: relative;
	}

	.nestle-porridge::before {
		content: "";
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		background-color: #f4e0be;
		background-image: url(/new/static/brands/nestle-kashi/images/nestle-porridge-bg-mobile.jpg);
		background-repeat: repeat;
		background-size: contain;
		background-position: center top;
		z-index: -1;
		transform: translateZ(0);
		will-change: transform;
	}
}

/* 2. ВАРИАНТ ДЛЯ БРАУЗЕРОВ С ПОДДЕРЖКОЙ (Прогрессивное улучшение) */
/* Если браузер полноценно поддерживает background-attachment: fixed на мобильных, */
/* мы отменяем хак с ::before и возвращаем нативный наложенный фон */
@media screen and (max-width: 1023px) {
	@supports (background-attachment: fixed) {
		/* Проверяем, что это НЕ iOS (так как iOS формально рапортует, что поддерживает, но по факту ломает) */
		/* Для полной безопасности на мобильных лучше оставить хак с ::before активным, */
		/* но если вы тестируете на Android/ПК, этот блок вернет нативное свойство: */

		.nestle-porridge {
			background-color: #f4e0be !important;
			background-image: url(/new/static/brands/nestle-kashi/images/nestle-porridge-bg-mobile.jpg) !important;
			background-repeat: repeat !important;
			background-size: contain !important;
			background-position: center top !important;
			background-attachment: fixed !important;
		}

		.nestle-porridge::before {
			display: none !important; /* Убираем псевдоэлемент за ненадобностью */
		}
	}
}

@media screen and (min-width: 1024px) and (max-width: 1365px) {

	/* ===== СЛОЙ 1: ЛИНЯ-СТРЕЛКА ===== */
	.b-nestle-porridge-preparation__steps {
		position: relative;
		background-image: none; /* Убираем дефолтный фон */
		z-index: auto; /* ВАЖНО: сбрасываем контекст, чтобы выпустить внутренние элементы наружу */
	}

	.b-nestle-porridge-preparation__steps::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: calc(100% - 28px);
		background-image: url('/new/static/brands/nestle-kashi/images/preparation/arrow-main.svg');
		background-repeat: no-repeat;
		background-size: auto;
		background-position: center top;
		z-index: 1; /* Самый нижний слой среди абсолютно позиционированных элементов */
		pointer-events: none;
	}

	/* ===== СЛОЙ 2: ДЕКОРАЦИИ MOD-4 (Теперь они гарантированно ПОВЕРХ линии) ===== */
	.b-nestle-porridge-preparation[class*="mod-"]::before,
	.b-nestle-porridge-preparation[class*="mod-"]::after {
		z-index: 2; /* Значение выше, чем у стрелки (1), они перекроют линию */
	}


	/* ===== СЛОЙ 3: ИКОНКА-МЕТКА ===== */
	.b-nestle-porridge-preparation__step {
		z-index: 3; /* Поднимаем тарелки выше декораций (2) и стрелки (1) */
	}

	.b-nestle-porridge-preparation__step--4::before {
		z-index: 1; /* Базовый слой внутри конкретного шага */
	}


	/* ===== СЛОЙ 4: САМА ТАРЕЛКА ===== */
	.b-nestle-porridge-preparation__plate {
		position: relative;
		z-index: 2; /* Значение выше, чем у иконки (1), тарелка перекрывает её */
	}

}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
	.b-nestle-porridge-preparation__steps::after {
		background-position: calc(50% + 20px) top;
	}
}


/* faq.css */
.b-nestle-porridge-faq__wrapper {
	padding: 28px 30px 45px;
	width: 100%;
	max-width: 1392px;
	margin: 0 auto;
}
.b-nestle-porridge-faq__title {
	margin: 0;
	font-family: 'RotonBol', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 35px;
	line-height: 42px;
	color: #7bb03b;
	text-transform: uppercase;
	text-align: center;
}
.b-nestle-porridge-faq__items {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 38px;
	gap: 16px;
}
.b-nestle-porridge-faq__item {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 397px;
	min-height: 453px;
	background: #fff;
	border-radius: 24px;
	overflow: hidden;
}
.b-nestle-porridge-faq__img {
	display: block;
	font-size: 0;
	line-height: 0;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.b-nestle-porridge-faq__body {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-grow: 1;
	padding: 15px 20px 40px;
}
.b-nestle-porridge-faq__head {
	min-height: 90px;
	font-family: 'RotonBol', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 25px;
	line-height: 30px;
	letter-spacing: -0.04em;
	color: #7f4015;
}
.b-nestle-porridge-faq__caption {
	display: none;
	position: relative;
	font-family: 'RotonBol', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 26px;
	color: #7f4015;
}
.b-nestle-porridge-faq__caption::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%) rotate(0deg);
	width: 20px;
	height: 20px;
	background-image: url('/new/static/brands/nestle-kashi/images/arrow-accordion.svg');
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center center;
	transition: all 0.134s;
}
.b-nestle-porridge-faq__caption.is-active::before {
	transform: translateY(-50%) rotate(180deg);
}
.b-nestle-porridge-faq__text {
	margin-top: 13px;
	font-family: 'RotonReg', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 18px;
	color: #262626;
}
.b-nestle-porridge-faq__text-overflow {
	transition: opacity 0.3s ease;
}
.b-nestle-porridge-faq__text-overflow.is-hidden {
	display: none;
}
.b-nestle-porridge-faq__text-full {
	display: block;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transition: max-height 0.5s ease, opacity 0.4s ease, margin 0.3s ease;
	margin-top: 0;
}
.b-nestle-porridge-faq__text-full.is-expanded {
	max-height: 800px;
	opacity: 1;
	margin-top: 0px;
}
.b-nestle-porridge-faq__text-full.is-collapsed {
	max-height: 0;
	opacity: 0;
	margin-top: 0;
}
.b-nestle-porridge-faq__action {
	margin-top: 10px;
}
.b-nestle-porridge-faq__btn {
	display: inline;
	border: none;
	outline: none;
	background: none;
	font-family: 'RotonReg', Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 19px;
	line-height: 19px;
	color: #f39872;
	transition: color 0.134s, opacity 0.134s ease, transform 0.134s ease;
	cursor: pointer;
}
.b-nestle-porridge-faq__btn:hover {
	color: #7f4015;
}
.b-nestle-porridge-faq__btn.is-fading {
	opacity: 0.4;
}
@media screen and (max-width: 1023px) {
	.b-nestle-porridge-faq__wrapper {
		padding: 60px 30px 20px;
	}
	.b-nestle-porridge-faq__title {
		max-width: 630px;
		margin: 0 auto;
		font-size: 30px;
		line-height: 36px;
	}
	.b-nestle-porridge-faq__items {
		flex-direction: column;
		gap: 0;
		margin-top: 16px;
	}
	.b-nestle-porridge-faq__item {
		width: 100%;
		max-width: none;
		min-height: initial;
		background: transparent;
		border-radius: 0;
		overflow: hidden;
		border-bottom: 1px solid #ee757d;
	}
	.b-nestle-porridge-faq__picture {
		display: none;
	}
	.b-nestle-porridge-faq__body {
		padding: 0px;
	}
	.b-nestle-porridge-faq__head {
		display: none;
	}
	.b-nestle-porridge-faq__caption {
		display: block;
		padding: 15px 30px 10px 0px;
		cursor: pointer;
	}
	.b-nestle-porridge-faq__text {
		display: block;
		max-height: 0;
		opacity: 0;
		overflow: hidden;
		margin-top: 0;
		padding-bottom: 0;
		transition: max-height 0.3s ease, opacity 0.25s ease, padding 0.25s ease;
		font-size: 18px;
		line-height: 22px;
		color: #4f5d64;
	}
	.b-nestle-porridge-faq__text.is-active {
		max-height: 800px;
		opacity: 1;
		padding-bottom: 15px;
	}
	.b-nestle-porridge-faq__text.is-collapsed {
		max-height: 0;
		opacity: 0;
		padding-bottom: 0;
	}
	.b-nestle-porridge-faq__text-overflow {
		display: none;
	}
	.b-nestle-porridge-faq__text-full {
		display: block;
		max-height: initial;
		opacity: 1;
		overflow: hidden;
		transition: max-height 0.5s ease, opacity 0.4s ease, margin 0.3s ease;
		margin-top: 0;
	}
	.b-nestle-porridge-faq__action {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.b-nestle-porridge-faq__wrapper {
		padding: 33px 20px 20px;
	}
	.b-nestle-porridge-faq__title {
		font-size: 24px;
		line-height: 29px;
	}
	.b-nestle-porridge-faq__items {
		margin-top: 16px;
	}
	.b-nestle-porridge-faq__caption {
		padding: 15px 40px 10px 0px;
		font-size: 16px;
		line-height: 19px;
		letter-spacing: -0.02em;
	}
	.b-nestle-porridge-faq__text {
		font-size: 14px;
		line-height: 17px;
	}
}


/* pure.css */
.b-nestle-porridge-pure {
	position: relative;
}
.b-nestle-porridge-pure__place {
	position: absolute;
	display: flex;
	width: 100%;
	height: 100%;
}
.b-nestle-porridge-pure__place-left {
	position: relative;
	width: 50%;
	height: 100%;
}
.b-nestle-porridge-pure__place-right {
	position: relative;
	width: 50%;
	height: 100%;
}
.b-nestle-porridge-pure__place-left::before {
	content: '';
	position: absolute;
	z-index: 1;
	top: 26px;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
	background-image: url('/new/static/brands/nestle-kashi/images/pure/decor-1-left.png');
	background-size: 343px auto;
	background-position: right calc(50% + 402px) top;
	background-repeat: no-repeat;
	pointer-events: none;
	will-change: background-position, opacity;
	transition: opacity .3s, background-position 1.5s cubic-bezier(0.34, 1.56, 0.64, 1);
	opacity: 0;
}
.b-nestle-porridge-pure__place-left::after {
	content: '';
	position: absolute;
	z-index: 1;
	top: 410px;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
	background-image: url('/new/static/brands/nestle-kashi/images/pure/decor-2-left.png');
	background-size: 384px auto;
	background-position: right calc(50% + 438px) top;
	background-repeat: no-repeat;
	pointer-events: none;
	will-change: background-position, opacity;
	transition: opacity .3s, background-position 1.5s cubic-bezier(0.34, 1.56, 0.64, 1);
	opacity: 0;
}
.b-nestle-porridge-pure__place-right::before {
	content: '';
	position: absolute;
	z-index: 1;
	top: 22px;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
	background-image: url('/new/static/brands/nestle-kashi/images/pure/decor-3-right.png');
	background-size: 258px auto;
	background-position: left calc(50% + 403px) top;
	background-repeat: no-repeat;
	pointer-events: none;
	will-change: background-position, opacity;
	transition: opacity .3s, background-position 1.5s cubic-bezier(0.34, 1.56, 0.64, 1);
	opacity: 0;
}
.b-nestle-porridge-pure__place-right::after {
	content: '';
	position: absolute;
	z-index: 1;
	top: 223px;
	width: 100%;
	height: 580px;
	margin: 0 auto;
	overflow: hidden;
	background-image: url('/new/static/brands/nestle-kashi/images/pure/decor-4-right.png');
	background-size: 492px auto;
	background-position: left calc(50% + 492px) top;
	background-repeat: no-repeat;
	pointer-events: none;
	will-change: background-position, opacity;
	transition: opacity .3s, background-position 1.5s cubic-bezier(0.34, 1.56, 0.64, 1);
	opacity: 0;
}
.b-nestle-porridge-pure.is-visible .b-nestle-porridge-pure__place-left::before {
	background-position: right calc(50% + 302px) top;
	opacity: 1;
}
.b-nestle-porridge-pure.is-visible .b-nestle-porridge-pure__place-left::after {
	background-position: right calc(50% + 338px) top;
	opacity: 1;
}
.b-nestle-porridge-pure.is-visible .b-nestle-porridge-pure__place-right::before {
	background-position: left calc(50% + 303px) top;
	opacity: 1;
}
.b-nestle-porridge-pure.is-visible .b-nestle-porridge-pure__place-right::after {
	background-position: left calc(50% + 392px) top;
	opacity: 1;
}
.b-nestle-porridge-pure__wrapper {
	position: relative;
	width: 100%;
	max-width: 1456px;
	margin: 0 auto;
	padding: 35px 8px;
}
.b-nestle-porridge-pure__content {
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: flex-start;
	max-width: 1332px;
	margin: 0 auto;
	padding-left: 93px;
}
.b-nestle-porridge-pure__products {
	display: flex;
	padding-top: 46px;
}
.b-nestle-porridge-pure__product {
	transition: opacity 0.2s ease, transform 1.4s ease;
}
.b-nestle-porridge-pure__product:nth-child(1) {
	transform: translateX(-20px);
	opacity: 0;
	position: relative;
	z-index: 1;
}
.b-nestle-porridge-pure__product:nth-child(2) {
	transform: translateX(20px);
	opacity: 0;
}
.b-nestle-porridge-pure.is-visible .b-nestle-porridge-pure__product {
	transform: translateX(0);
	opacity: 1;
}
.b-nestle-porridge-pure__img {
	display: block;
	max-width: 239px;
	height: 448px;
	font-size: 0;
	line-height: 0;
}
.b-nestle-porridge-pure__product:nth-child(2) .b-nestle-porridge-pure__img {
	transform: translate(-39px, -11px);
	z-index: -1;
	position: relative;
}
.b-nestle-porridge-pure__label {
	margin-top: 14px;
	font-family: 'RotonReg', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 24px;
	line-height: 24px;
	text-transform: uppercase;
	text-align: center;
	color: #7f4015;
}
.b-nestle-porridge-pure__product:nth-child(2) .b-nestle-porridge-pure__label {
	transform: translateX(-39px);
}
.b-nestle-porridge-pure__block {
	position: relative;
	margin-left: 170px;
	padding-top: 120px;
}
.b-nestle-porridge-pure__block::before {
	content: '';
	position: absolute;
	left: -249px;
	bottom: 18px;
	width: 211px;
	height: 302px;
	background-image: url('/new/static/brands/nestle-kashi/images/pure/decor-chelik.png');
	background-repeat: no-repeat;
	background-size: 211px auto;
	background-position: center center;
}
.b-nestle-porridge-pure__title {
	margin: 0;
	max-width: 420px;
	font-family: 'RotonBol', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 35px;
	line-height: 42px;
	text-transform: uppercase;
	color: #7bb03b;
}
.b-nestle-porridge-pure__text {
	max-width: 400px;
	margin-top: 48px;
	font-family: 'RotonReg', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 24px;
	line-height: 29px;
	color: #7f4015;
}
.b-nestle-porridge-pure__action {
	margin-top: 48px;
}
.b-nestle-porridge-pure__link {
	position: relative;
	display: block;
	border-radius: 40px;
	padding: 8px 76px;
	width: 100%;
	max-width: 318px;
	background: #fff;
	font-family: 'RotonBol', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 32px;
	line-height: 34px;
	color: #7f4015;
	transition: background 0.134s, color 0.134s;
}
.b-nestle-porridge-pure__link::after {
	content: '';
	position: absolute;
	top: -1px;
	right: 0;
	width: 51px;
	height: 51px;
	border-radius: 100%;
	background-color: #f59c0a;
	background-image: url('/new/static/brands/nestle-kashi/images/arrow-link.svg');
	background-repeat: no-repeat;
	background-size: auto;
	background-position: calc(50% + 3px) center;
	transition: background-color 0.134s;
}
.b-nestle-porridge-pure__link:hover {
	background: #f59c0a;
	color: #fff;
}
.b-nestle-porridge-pure__link:hover::after {
	background-color: #7bb03b;
}
@media screen and (max-width: 1265px) {
	.b-nestle-porridge-pure__place-right::before {
		background-position: left calc(50% + 353px) top;
	}
	.b-nestle-porridge-pure__place-right::after {
		background-position: left calc(50% + 442px) top;
	}
	.b-nestle-porridge-pure.is-visible .b-nestle-porridge-pure__place-right::before {
		background-position: left calc(50% + 253px) top;
	}
	.b-nestle-porridge-pure.is-visible .b-nestle-porridge-pure__place-right::after {
		background-position: left calc(50% + 342px) top;
	}
	.b-nestle-porridge-pure__block {
		margin-left: 0;
	}
	.b-nestle-porridge-pure__block::before {
		content: none;
	}
}
@media screen and (max-width: 1110px) {
	.b-nestle-porridge-pure__title {
		max-width: 370px;
	}
}
@media screen and (max-width: 1023px) {
	.b-nestle-porridge-pure__place-left::before {
		top: 55px;
		background-size: 303px auto;
		background-position: right calc(50% + 285px) top;
	}
	.b-nestle-porridge-pure__place-left::after {
		top: 365px;
		background-size: 344px auto;
		background-position: right calc(50% + 245px) top;
	}
	.b-nestle-porridge-pure__place-right::before {
		top: 50px;
		background-size: 218px auto;
		background-position: left calc(50% + 245px) top;
	}
	.b-nestle-porridge-pure__place-right::after {
		top: 250px;
		background-size: 436px auto;
		background-position: left calc(50% + 305px) top;
	}
	.b-nestle-porridge-pure.is-visible .b-nestle-porridge-pure__place-left::before {
		background-position: right calc(50% + 185px) top;
	}
	.b-nestle-porridge-pure.is-visible .b-nestle-porridge-pure__place-left::after {
		background-position: right calc(50% + 145px) top;
	}
	.b-nestle-porridge-pure.is-visible .b-nestle-porridge-pure__place-right::before {
		background-position: left calc(50% + 145px) top;
	}
	.b-nestle-porridge-pure.is-visible .b-nestle-porridge-pure__place-right::after {
		background-position: left calc(50% + 205px) top;
	}

	.b-nestle-porridge-pure__wrapper {
		padding: 40px 8px 20px;
	}
	.b-nestle-porridge-pure__content {
		flex-direction: column;
		padding-left: 0px;
	}
	.b-nestle-porridge-pure__products {
		justify-content: center;
		padding-top: 50px;
		padding-left: 14px;
	}
	.b-nestle-porridge-pure__img {
		max-width: 156px;
		height: 285px;
	}
	.b-nestle-porridge-pure__product:nth-child(2) .b-nestle-porridge-pure__img {
		transform: translate(-14px, -6px);
	}
	.b-nestle-porridge-pure__label {
		margin-top: 18px;
		font-size: 16px;
		line-height: 16px;
	}
	.b-nestle-porridge-pure__product:nth-child(2) .b-nestle-porridge-pure__label {
		transform: translateX(-14px);
	}
	.b-nestle-porridge-pure__block {
		max-width: 420px;
		margin: 0 auto;
		padding-top: 14px;
	}
	.b-nestle-porridge-pure__title {
		max-width: none;
		font-size: 30px;
		line-height: 36px;
		text-align: center;
	}
	.b-nestle-porridge-pure__text {
		max-width: 380px;
		margin: 11px auto 0;
		font-size: 20px;
		line-height: 22px;
		text-align: center;
	}
	.b-nestle-porridge-pure__action {
		margin-top: 25px;
	}
	.b-nestle-porridge-pure__link {
		border-radius: 40px;
		margin: 0 auto;
		padding: 9px 107px;
		max-width: 340px;
		background: #f59c0a;
		font-size: 25px;
		line-height: 27px;
		color: #fff;
		box-shadow: 0 3px 8px 0 rgba(138, 94, 72, 0.8);
		transition: background 0.134s, color 0.134s;
	}
	.b-nestle-porridge-pure__link::after {
		content: '';
		position: absolute;
		top: 50%;
		left: calc(50% + 50px);
		transform: translate(-50%, -50%);
		width: 16px;
		height: 16px;
		border-radius: 0;
		background-color: transparent;
		background-image: url('/new/static/brands/nestle-kashi/images/arrow-btn.svg');
		background-repeat: no-repeat;
		background-size: 16px;
		background-position: center center;
	}
	.b-nestle-porridge-pure__link:hover {
		background: #7bb03b;
		color: #fff;
	}
	.b-nestle-porridge-pure__link:hover::after {
		background-color: transparent;
	}
}
@media screen and (max-width: 767px) {
	.b-nestle-porridge-pure__place-left::before {
		top: 0px;
		background-size: 223px auto;
		background-position: right calc(50% + 172px) top;
	}
	.b-nestle-porridge-pure__place-left::after {
		z-index: 2;
		top: 172px;
		background-size: 190px auto;
		background-position: right calc(50% + 187px) top;
	}
	.b-nestle-porridge-pure__place-right::before {
		top: -13px;
		background-size: 184px auto;
		background-position: left calc(50% + 161px) top;
	}
	.b-nestle-porridge-pure__place-right::after {
		z-index: 2;
		top: 76px;
		background-image: url('/new/static/brands/nestle-kashi/images/pure/decor-4-right-mob.png');
		background-size: 195px auto;
		background-position: left calc(50% + 205px) top;
	}
	.b-nestle-porridge-pure.is-visible .b-nestle-porridge-pure__place-left::before {
		background-position: right calc(50% + 72px) top;
		transition: opacity .1s ease, background-position .9s ease .3s;
	}
	.b-nestle-porridge-pure.is-visible .b-nestle-porridge-pure__place-left::after {
		background-position: right calc(50% + 87px) top;
		transition: opacity .1s ease, background-position .9s ease .3s;
	}
	.b-nestle-porridge-pure.is-visible .b-nestle-porridge-pure__place-right::before {
		background-position: left calc(50% + 61px) top;
		transition: opacity .1s ease, background-position .9s ease .3s;
	}
	.b-nestle-porridge-pure.is-visible .b-nestle-porridge-pure__place-right::after {
		background-position: left calc(50% + 105px) top;
		transition: opacity .1s ease, background-position .9s ease .3s;
	}

	.b-nestle-porridge-pure__wrapper {
		padding: 20px 8px 13px;
	}
	.b-nestle-porridge-pure__products {
		padding-top: 17px;
		padding-left: 32px;
	}
	.b-nestle-porridge-pure__img {
		max-width: 141px;
		height: 256px;
		transition: all 1.4s ease;
	}
	.b-nestle-porridge-pure__product:nth-child(1) .b-nestle-porridge-pure__img {
		transform: translateX(-38px);
	}
	.b-nestle-porridge-pure.is-visible .b-nestle-porridge-pure__product:nth-child(1) .b-nestle-porridge-pure__img {
		transform: translateX(0px);
	}
	.b-nestle-porridge-pure__product:nth-child(2) .b-nestle-porridge-pure__img {
		transform: translate(8px, -6px);
	}
	.b-nestle-porridge-pure.is-visible .b-nestle-porridge-pure__product:nth-child(2) .b-nestle-porridge-pure__img {
		transform: translate(-24px, -6px);
	}
	.b-nestle-porridge-pure__label {
		opacity: 0;
		margin-top: 0px;
		font-size: 14px;
		line-height: 14px;
		transition: all .3s;
	}
	.b-nestle-porridge-pure.is-visible .b-nestle-porridge-pure__label {
		opacity: 1;
		transition-delay: 0.5s;
	}
	.b-nestle-porridge-pure__product:nth-child(2) .b-nestle-porridge-pure__label {
		transform: translateX(-24px);
	}
	.b-nestle-porridge-pure__block {
		max-width: 304px;
		padding-top: 21px;
	}
	.b-nestle-porridge-pure__title {
		font-size: 24px;
		line-height: 29px;
	}
	.b-nestle-porridge-pure__text {
		margin: 12px auto 0;
		font-size: 16px;
		line-height: 18px;
	}
	.b-nestle-porridge-pure__action {
		margin-top: 19px;
	}
	.b-nestle-porridge-pure__link {
		padding: 13px 83px;
		max-width: 280px;
		font-size: 22px;
		line-height: 24px;
	}
	.b-nestle-porridge-pure__link::after {
		left: calc(50% + 46px);
	}
}



/* materials.css */
.b-nestle-porridge-materials__wrapper {
	width: 100%;
	max-width: 1488px;
	margin: 0 auto;
	padding: 56px 24px;
}
.b-nestle-porridge-materials__title {
	margin: 0;
	font-family: 'RotonBol', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 35px;
	line-height: 42px;
	text-transform: uppercase;
	text-align: center;
	color: #7bb03b;
}
.b-nestle-porridge-materials__items {
	margin-top: 48px;
	display: flex;
	justify-content: center;
	gap: 64px;
}
.b-nestle-porridge-materials__item {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
	max-width: 460px;
	padding: 20px;
	background: #fff;
	border-radius: 24px;
}
.b-nestle-porridge-materials__item:nth-child(2)::after {
	content: '';
	position: absolute;
	right: -139px;
	top: -8px;
	width: 149px;
	height: 277px;
	background-image: url('/new/static/brands/nestle-kashi/images/materials/decor-1.png');
	background-repeat: no-repeat;
	background-size: 149px auto;
	background-position: left top;
	pointer-events: none;
}
.b-nestle-porridge-materials__heading {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 16px;
}
.b-nestle-porridge-materials__head {
	font-family: 'RotonBol', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 30px;
	line-height: 36px;
	letter-spacing: -0.02em;
	color: #7f4015;
}
.b-nestle-porridge-materials__icon {
	flex-shrink: 0;
	width: 64px;
	height: 64px;
}
.b-nestle-porridge-materials__img {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 0;
	line-height: 0;
}
.b-nestle-porridge-materials__descr {
	max-width: 370px;
	margin-top: 40px;
	font-family: 'RotonReg', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 20px;
	color: #262626;
}
.b-nestle-porridge-materials__action {
	margin-top: 21px;
}
.b-nestle-porridge-materials__btn {
	max-width: 205px;
	box-shadow: none;
	border: 1px solid #f59c0a;
}
@media screen and (max-width: 1295px) {
	.b-nestle-porridge-materials__items {
		gap: 16px;
		padding: 0 130px;
	}
}
@media screen and (max-width: 1023px) {
	.b-nestle-porridge-materials__wrapper {
		padding: 20px 24px 40px;
	}
	.b-nestle-porridge-materials__title {
		font-size: 30px;
		line-height: 30px;
	}
	.b-nestle-porridge-materials__items {
		margin-top: 30px;
		gap: 24px;
		padding: 0;
	}
	.b-nestle-porridge-materials__item {
		max-width: 348px;
		padding: 16px;
		border-radius: 24px;
	}
	.b-nestle-porridge-materials__item:nth-child(2)::after {
		content: none;
	}
	.b-nestle-porridge-materials__head {
		font-size: 24px;
		line-height: 24px;
	}
	.b-nestle-porridge-materials__icon {
		width: 40px;
		height: 40px;
	}
	.b-nestle-porridge-materials__descr {
		max-width: none;
		margin-top: 12px;
		font-size: 18px;
		line-height: 22px;
	}
	.b-nestle-porridge-materials__action {
		margin-top: 22px;
	}
	.b-nestle-porridge-materials__btn {
		max-width: 316px;
		font-size: 20px;
	}
}
@media screen and (max-width: 767px) {
	.b-nestle-porridge-materials__wrapper {
		padding: 30px 20px 30px;
	}
	.b-nestle-porridge-materials__title {
		font-size: 24px;
		line-height: 24px;
	}
	.b-nestle-porridge-materials__items {
		flex-direction: column;
		margin-top: 12px;
		gap: 12px;
	}
	.b-nestle-porridge-materials__item {
		margin: 0 auto;
	}
	.b-nestle-porridge-materials__head {
		font-size: 20px;
		line-height: 24px;
	}
	.b-nestle-porridge-materials__descr {
		font-size: 14px;
		line-height: 16px;
	}
	.b-nestle-porridge-materials__action {
		margin-top: 16px;
		text-align: center;
	}
	.b-nestle-porridge-materials__btn {
		max-width: 248px;
		height: 40px;
		font-size: 22px;
		line-height: 38px;
	}
}


/* care.css */
.b-nestle-porridge-care {
}
.b-nestle-porridge-care__wrapper {
	padding: 32px 0 24px;
}
.b-nestle-porridge-care__title {
	margin: 0;
	font-family: 'RotonBol', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 35px;
	line-height: 42px;
	text-transform: uppercase;
	text-align: center;
	color: #7bb03b;
}
.b-nestle-porridge-care__place-top {
	position: relative;
	margin-top: 32px;
}
.b-nestle-porridge-care__place-top-left {
	position: absolute;
	top: auto;
	bottom: -32px;
	left: 0;
	right: 0;
	width: 100%;
	height: 361px;
	background-image:
		url('/new/static/brands/nestle-kashi/images/care/decor-1-left-top.png'),
		url('/new/static/brands/nestle-kashi/images/care/decor-2-left-bottom.png');
	background-size:
		200px auto,
		987px auto;
	background-position:
		left -404px top 25px,
		left -440px bottom -140px;
	background-repeat: no-repeat;
	pointer-events: none;
	will-change: background-position;
	transition: background-position 1.7s ease;
}
.b-nestle-porridge-care__place-top.is-visible .b-nestle-porridge-care__place-top-left {
	background-position:
		left 75px top 25px,
		left -110px bottom -140px;
}

.b-nestle-porridge-care__place-bottom {
	position: relative;
	margin-top: 60px;
}
.b-nestle-porridge-care__place-bottom-left {
	position: absolute;
	top: -55px;
	bottom: 0;
	left: 0;
	right: 50%;
	width: 50%;
	height: 560px;
	background-image: url('/new/static/brands/nestle-kashi/images/care/decor-3-left.png');
	background-size: 908px auto;
	background-position: left -460px bottom -50px;
	background-repeat: no-repeat;
	pointer-events: none;
	will-change: background-position;
	transition: background-position 1.7s ease;
}
.b-nestle-porridge-care__place-bottom.is-visible .b-nestle-porridge-care__place-bottom-left {
	background-position: left -260px bottom -50px;
}
.b-nestle-porridge-care__place-bottom-right {
	position: absolute;
	top: -55px;
	bottom: 0;
	left: 50%;
	right: 0;
	width: 50%;
	height: 560px;
	background-image:
		url('/new/static/brands/nestle-kashi/images/care/decor-4-right.png'),
		url('/new/static/brands/nestle-kashi/images/care/decor-5-right.png');
	background-size:
		165px auto,
		655px auto;
	background-position:
		right 200px top 40px,
		right -130px top;
	background-repeat: no-repeat;
	pointer-events: none;
	will-change: background-position;
	transition: background-position 1.7s ease;
}
.b-nestle-porridge-care__place-bottom.is-visible .b-nestle-porridge-care__place-bottom-right {
	background-position:
		right 390px top 40px,
		right -25px top;
}

.b-nestle-porridge-care__content {
	display: flex;
	max-width: 1440px;
	width: 100%;
	margin: 0 auto;
	padding: 0 55px;
}
.b-nestle-porridge-care__content--top {
	justify-content: flex-end;
}
.b-nestle-porridge-care__content--bottom {
	justify-content: flex-start;
}

.b-nestle-porridge-care__block {

}
.b-nestle-porridge-care__block--top {
	max-width: 580px;
	margin-right: 34px;
}
.b-nestle-porridge-care__block--bottom {
	max-width: 733px;
}

.b-nestle-porridge-care__head {
	margin: 0;
	font-family: 'RotonBol', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 30px;
	line-height: 36px;
	text-transform: uppercase;
	color: #7f4015;
}
.b-nestle-porridge-care__text {
	margin: 19px 0 0;
	font-family: 'RotonReg', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 24px;
	line-height: 29px;
	color: #7f4015;
}
.b-nestle-porridge-care__caption {
	display: none;
}

@media screen and (min-width: 1441px) {
	.b-nestle-porridge-care__place-top.is-visible .b-nestle-porridge-care__place-top-left {
		background-position:
			left 75px top 25px,
			left 0px bottom -140px;
	}
	.b-nestle-porridge-care__place-bottom.is-visible .b-nestle-porridge-care__place-bottom-left {
		background-position: left 0px bottom -50px;
	}
	.b-nestle-porridge-care__place-bottom.is-visible .b-nestle-porridge-care__place-bottom-right {
		background-position:
			right 390px top 40px,
			right 0px top;
	}
}
@media screen and (max-width: 1239px) {
	.b-nestle-porridge-care__place-top-left {
		background-size: 140px auto, 725px auto;
		background-position: left -404px top 40px, left -440px bottom -105px;
	}
	.b-nestle-porridge-care__place-top.is-visible .b-nestle-porridge-care__place-top-left {
		background-position: left 75px top 40px, left -110px bottom -105px;
	}
	.b-nestle-porridge-care__place-bottom-left {
		background-position: left -460px bottom -50px;
	}
	.b-nestle-porridge-care__place-bottom.is-visible .b-nestle-porridge-care__place-bottom-left {
		background-position: left -260px bottom -50px;
	}
	.b-nestle-porridge-care__place-bottom-right {
		background-size: 120px auto, 640px auto;
		background-position: right 200px top 40px, right -130px top;
	}

	.b-nestle-porridge-care__block--bottom {
		max-width: 600px;
	}
}
@media screen and (max-width: 1023px) {
	.b-nestle-porridge-care__wrapper {
		padding: 24px 0 53px;
	}
	.b-nestle-porridge-care__title {
		font-size: 30px;
		line-height: 32px;
	}
	.b-nestle-porridge-care__place-top {
		margin-top: 55px;
	}
	.b-nestle-porridge-care__place-top-left {
		position: absolute;
		top: -31px;
		bottom: auto;
		height: 219px;
		background-image:
			url('/new/static/brands/nestle-kashi/images/care/decor-1-left-top.png'),
			url('/new/static/brands/nestle-kashi/images/care/decor-2-left-bottom-mobile.png');
		background-size:
			168px auto,
			455px auto;
		background-position:
			left -200px top,
			left -170px top;
	}
	.b-nestle-porridge-care__place-top.is-visible .b-nestle-porridge-care__place-top-left {
		background-position:
			left 0px top,
			left 0px top;
	}

	.b-nestle-porridge-care__place-bottom-left {
		display: none;
	}
	.b-nestle-porridge-care__place-bottom-right {
		top: -40px;
		height: 238px;
		background-image:
			url('/new/static/brands/nestle-kashi/images/care/decor-4-right.png'),
			url('/new/static/brands/nestle-kashi/images/care/decor-5-right-mobile.png');
		background-size:
			93px auto,
			488px auto;
		background-position:
			right -200px top 50px,
			right -100px top;
	}
	.b-nestle-porridge-care__place-bottom.is-visible .b-nestle-porridge-care__place-bottom-right {
		background-position:
			right 280px top 50px,
			right 0px top;
	}

	.b-nestle-porridge-care__content {
		padding: 0px 27px 0 47px;
	}
	.b-nestle-porridge-care__content--top {
		justify-content: flex-start;
	}
	.b-nestle-porridge-care__content--bottom {
		justify-content: flex-end;
	}
	.b-nestle-porridge-care__block--top {
		max-width: 336px;
		margin-right: 0;
		margin-left: 50%;
	}
	.b-nestle-porridge-care__block--bottom {
		max-width: 342px;
		margin-right: 50%;
	}

	.b-nestle-porridge-care__head {
		font-size: 20px;
		line-height: 24px;
	}
	.b-nestle-porridge-care__text {
		margin: 14px 0 0;
		font-size: 18px;
		line-height: 22px;
	}
}
@media screen and (max-width: 767px) {
	.b-nestle-porridge-care__wrapper {
		padding: 24px 10px 10px;
	}
	.b-nestle-porridge-care__title {
		font-size: 24px;
		line-height: 26px;
	}
	.b-nestle-porridge-care__place-top {
		margin-top: 24px;
	}
	.b-nestle-porridge-care__place-bottom {
		margin-top: 24px;
	}
	.b-nestle-porridge-care__place-top-left {
		position: static;
		/* height: 151px; */
		width: calc(100% + 20px);
		margin: 0 -10px;
	}
	.b-nestle-porridge-care__place-bottom-right {
		position: static;
		width: calc(100% + 20px);
		margin: 14px -10px 0;
	}
	.b-nestle-porridge-care__content {
		justify-content: center;
		margin-top: 20px;
		padding: 0;
	}
	.b-nestle-porridge-care__block {
		max-width: none;
		margin: 0;
		padding: 0;
	}
	.b-nestle-porridge-care__head {
		display: none;
	}
	.b-nestle-porridge-care__text {
		font-size: 16px;
		line-height: 19px;
		text-align: center;
	}
	.b-nestle-porridge-care__caption {
		display: block;
		font-family: 'RotonBol', Arial, Helvetica, sans-serif;
		font-weight: 400;
		font-size: 20px;
		line-height: 24px;
		text-transform: uppercase;
		text-align: center;
		color: #7f4015;
	}
	.b-nestle-porridge-care__caption span {
		position: relative;
	}
	.b-nestle-porridge-care__caption span::after {
		content: '';
		position: absolute;
		top: 50%;
		right: -45px;
		transform: translateY(-50%) rotate(0deg);
		width: 24px;
		height: 24px;
		background-image: url('/new/static/brands/nestle-kashi/images/arrow-accordion.svg');
		background-repeat: no-repeat;
		background-size: 14px 8px;
		background-position: center;
		transition: transform 0.3s ease;
	}
	.b-nestle-porridge-care__caption.is-active::after {
		transform: translateY(-50%) rotate(180deg);
	}
	.b-nestle-porridge-care__text {
		margin-top: 0;
		transition: max-height 0.4s ease, opacity 0.3s ease, margin 0.3s ease;
		max-height: 0;
		opacity: 0;
		overflow: hidden;
	}
	.b-nestle-porridge-care__text.is-active {
		max-height: 300px;
		opacity: 1;
		margin-top: 14px;
	}
}
@media screen and (max-width: 459px) {
	.b-nestle-porridge-care__place-top-left {
		height: 151px;
		background-size: 118px auto, auto 161px;
	}
	.b-nestle-porridge-care__place-bottom-right {
		height: 147px;
		background-size: 55px auto, auto 147px;
		background-position: left -100px top 10px, right -100px top;
	}
	.b-nestle-porridge-care__place-bottom.is-visible .b-nestle-porridge-care__place-bottom-right {
		background-position: left 30px top 10px, right 0px top;
	}
}


/* reviews.css */
.b-nestle-porridge-reviews__wrapper {
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
	padding: 24px 10px 14px;
}
.b-nestle-porridge-reviews__title {
	margin: 0;
	font-family: 'RotonBol', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 35px;
	line-height: 42px;
	text-transform: uppercase;
	text-align: center;
	color: #7bb03b;
}
.b-nestle-porridge-reviews__content {
	margin-top: 24px;
	padding: 0px 42px;
}
.b-nestle-porridge-reviews__action {
	display: flex;
	justify-content: center;
	gap: 20px;
	margin-top: 60px;
}
.b-nestle-porridge-reviews .slick-arrow {
	display: none;
}
.b-nestle-porridge-reviews .b-gallery__dots {
	bottom: -40px;
}
@media screen and (max-width: 1023px) {
	.b-nestle-porridge-reviews__wrapper {
		padding: 48px 10px 45px;
	}
	.b-nestle-porridge-reviews__title {
		font-size: 30px;
		line-height: 36px;
	}
	.b-nestle-porridge-reviews__content {
		padding: 0px;
	}
	.b-nestle-porridge-reviews .b-reviews__box {
		margin: 0 -10px;
	}
}
@media screen and (max-width: 767px) {
	.b-nestle-porridge-reviews__wrapper {
		padding: 10px 10px 40px;
	}
	.b-nestle-porridge-reviews__title {
		font-size: 24px;
		line-height: 29px;
	}
	.b-nestle-porridge-reviews__content {
		margin-top: 16px;
	}
	.b-nestle-porridge-reviews__action {
		flex-direction: column;
		align-items: center;
		gap: 12px;
		margin-top: 40px;
	}
	.b-nestle-porridge-reviews .b-gallery__dots {
		bottom: -30px;
	}
}


/* related.css */
.b-nestle-porridge-related.b-interesting {
	padding: 14px 0px 66px;
	background: none;
}
.b-nestle-porridge-related .b-interesting__title {
	font-family: 'RotonBol', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 35px;
	line-height: 42px;
	text-transform: uppercase;
	text-align: center;
	color: #7bb03b;
	padding-bottom: 24px;
	text-align: center;
}
.b-nestle-porridge-related .b-products__controls {
	text-align: center;
}
.b-nestle-porridge-related .button {
	display: inline-block;
	width: 100%;
	max-width: 318px;
	height: 55px;
	padding: 0px 12px;
	border-top: 1px solid #f59c0a;
	border-radius: 40px;
	background: #f59c0a;
	box-shadow: 0 3px 8px 0 rgba(138, 94, 72, 0.8);
	font-family: 'RotonBol', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 32px;
	line-height: 53px;
	color: #fff;
	text-align: center;
	transition: background, color 0.134s;
}
.b-nestle-porridge-related .button:hover {
	background: #fff;
	color: #f59c0a;
}
@media screen and (max-width: 1023px) {
	.b-nestle-porridge-related.b-interesting {
		padding: 20px 0px 64px;
	}
	.b-nestle-porridge-related .b-interesting__title {
		font-size: 30px;
		line-height: 36px;
	}
	.b-nestle-porridge-related .button {
		max-width: 340px;
		height: 45px;
		font-size: 25px;
		line-height: 44px;
	}
}
@media screen and (max-width: 767px) {
	.b-nestle-porridge-related.b-interesting {
		padding: 20px 0px 40px;
	}
	.b-nestle-porridge-related .b-interesting__title {
		font-size: 24px;
		line-height: 29px;
	}
	.b-nestle-porridge-related .button {
		max-width: 280px;
		height: 50px;
		font-size: 22px;
		line-height: 48px;
	}
}


.NBLiveChat {
  position: fixed;
  right: 20px;
  bottom: 90px;
  font-family: Arial, Helvetica, sans-serif;
  z-index: 51;
  --dark-blue: #24346C;
  --green: #348E44;
  --gray-super-dark: #1E2E34;
  --gray-dark: #404040;
  --gray: #919399;
  --gray-middle: #818181;
  --gray-middle2: #989898;
  --gray-light: #BEBEBE;
  --gray-super-light: #E3E3E3;
  --gray-super-light2: #F1F1F1;
  --gray-super-light3: #E7E7E7;
  --gray-super-light4: #F2F2F2;
  --orange: #EF7A23;
  --orange-light: #F9AB5E;
  --orange-medium: #F08013;
  --blue-medium: #3E5ABC;
  --blue-dark: #24346C;
  --blue-dark2: #27388A;
  --green-light: #348E44;
  --green-hover: rgba(52, 142, 68, 0.8);
  --red: #F02432;
  --br: 20px; }
  @media (max-width: 767px) {
    .NBLiveChat {
      --br: 16px;
      /*right: 8px;
        bottom: 76px;
        &.visible {
            position: static;
        }*/ } }
  @media (max-width: 459px) {
    .NBLiveChat {
      right: 16px;
    }
  }
  .NBLiveChat * {
    box-sizing: border-box; }
  @media (max-width: 767px) {
    .NBLiveChat_isOpen {
      overflow: hidden; } }
  @media (max-width: 767px) {
    .NBLiveChat_isOpen body {
      overflow: hidden; } }
  .NBLiveChat.disabled form,
  .NBLiveChat.disabled .NBLiveChat__actions {
    opacity: 0.5;
    pointer-events: none; }
  .NBLiveChat__close {
    position: absolute;
    cursor: pointer;
    color: #fff;
    background: #ff8300;
    border-radius: 50%;
    right: -11px;
    top: -13px;
    width: 44px;
    height: 44px;
    transition: background 134ms;
    z-index: 5;
    /*@media ($phone) {
            left: auto;
            right: 14px;
            top: 16px;
            width: 16px;
            height: 16px;
            background: none;
            border: none;
            border-radius: 0;
            filter: none;
        }*/ }
    .NBLiveChat__close::before, .NBLiveChat__close::after {
      content: '';
      position: absolute;
      left: 12px;
      top: 21px;
      width: 20px;
      height: 2px;
      background: currentColor;
      transform: rotate(45deg);
      color: #fff;
      /*@media ($phone) {
                background: var(--white);
                left: 1px;
                top: 7px;
                width: 14px;
            }*/ }
    .NBLiveChat__close::after {
      transform: rotate(-45deg); }
  .NBLiveChat__icon {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer; }
    @media (max-width: 459px) {
      .NBLiveChat__icon {
        display: none;
      }
    }
    .NBLiveChat__icon img {
      transform: scale(1.08); }
  .NBLiveChat__wrapper {
    position: absolute;
    bottom: -60px;
    right: 16px;
    height: calc(100vh - 32px);
    max-height: calc(75px + 463px + 109px); }
    @media (max-width: 767px) {
      .NBLiveChat__wrapper {
        bottom: -50px;
        height: calc(100vh - 16px - 90px);
        height: calc(100dvh - 16px - 90px);
        max-height: calc(61px + 463px + 48px); } }
    @media (max-width: 459px) {
      .NBLiveChat__wrapper {
        bottom: -10px;
        right: 0;
      }
    }
  .NBLiveChat__root {
    width: 375px;
    filter: drop-shadow(0px 4px 60px rgba(0, 0, 0, 0.2));
    background: var(--white);
    border-radius: var(--br);
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column; }
    @media (max-width: 459px) {
      .NBLiveChat__root {
        width: calc(100vw - 32px);
      } 
    }
  .NBLiveChat__header {
    border-radius: var(--br) var(--br) 0px 0px;
    background: var(--dark-blue);
    padding: 16px 12px;
    display: grid;
    grid-template-areas: "avatar top"
 "avatar status";
    grid-template-columns: 1fr 100%;
    gap: 4px 8px;
    flex: none; }
  .NBLiveChat__avatar {
    grid-area: avatar;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background-color: gray;
    background-size: contain; }
    @media (max-width: 767px) {
      .NBLiveChat__avatar {
        width: 28px;
        height: 28px; } }
    .NBLiveChat__avatar.hidden {
      width: 0; }
  .NBLiveChat__top {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: var(--white);
    grid-area: top; }
    @media (max-width: 767px) {
      .NBLiveChat__top {
        font-size: 12px;
        line-height: 15px; } }
  .NBLiveChat__status {
    grid-area: status;
    color: var(--gray-light);
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    display: flex;
    align-items: baseline;
    gap: 4px; }
    @media (max-width: 767px) {
      .NBLiveChat__status {
        font-size: 10px;
        line-height: 10px; } }
    .NBLiveChat__status.online {
      color: var(--white); }
      .NBLiveChat__status.online:before {
        content: '';
        display: block;
        width: 8px;
        height: 8px;
        border-radius: 4px;
        background: var(--green); }
        @media (max-width: 767px) {
          .NBLiveChat__status.online:before {
            font-size: 6px;
            line-height: 6px; } }
    .NBLiveChat__status-typeing {
      display: flex;
      align-items: center;
      gap: 2px; }
      .NBLiveChat__status-typeing div {
        width: 2px;
        height: 2px;
        background: var(--white);
        border-radius: 50%;
        transform: scale(0);
        animation-name: preloader;
        animation-timing-function: linear;
        animation-duration: 2s;
        animation-iteration-count: infinite; }
        .NBLiveChat__status-typeing div:nth-child(1) {
          animation-delay: 0s; }
        .NBLiveChat__status-typeing div:nth-child(2) {
          animation-delay: 0.3s; }
        .NBLiveChat__status-typeing div:nth-child(3) {
          animation-delay: 0.6s; }
  .NBLiveChat__body {
    max-height: 463px;
    padding: 16px 12px;
    display: grid;
    grid-template-areas: "content"
 "actions";
    grid-template-rows: 1fr auto;
    grid-template-columns: 100%;
    overflow-y: auto;
    gap: 24px;
    background: var(--white);
    flex-grow: 1; }
    .NBLiveChat__body::-webkit-scrollbar {
      width: 6px;
      height: 40px; }
    .NBLiveChat__body::-webkit-scrollbar-thumb {
      background: var(--green-hover);
      border-radius: 3px; }
    .NBLiveChat__body::-webkit-scrollbar-track {
      background: var(--gray-super-light2); }
    @media (max-width: 767px) {
      .NBLiveChat__body {
        padding: 12px 10px;
        gap: 12px; } }
  .NBLiveChat__content {
    grid-area: content;
    display: flex;
    flex-direction: column;
    gap: 8px; }
    @media (max-width: 767px) {
      .NBLiveChat__content {
        gap: 4px; } }
  .NBLiveChat__message {
    display: grid;
    grid-template-areas: "empty1 top"
 "avatar text"
 "error text"
 "empty content";
    gap: 8px;
    grid-template-columns: 40px calc(100% - 48px);
    padding-right: 36px;
    max-width: 100%;
    animation: messageShow 0.2s ease-in-out 0s 1; }
    @media (max-width: 767px) {
      .NBLiveChat__message {
        gap: 4px;
        grid-template-columns: 40px calc(100% - 44px);
        padding-right: 0px; } }
    .NBLiveChat__message.processing .NBLiveChat__message-error {
      display: none; }
    .NBLiveChat__message.processing::after {
      content: '';
      grid-area: error;
      display: block;
      width: 18px;
      height: 18px;
      border-radius: 50%;
      border: 2px solid var(--gray-middle2);
      border-color: var(--gray-middle2) transparent var(--gray-middle2) transparent;
      animation: lds-dual-ring 1.2s linear infinite; }
    .NBLiveChat__message.unread .NBLiveChat__message-status svg path:nth-child(1) {
      opacity: 0; }
    .NBLiveChat__message--user {
      padding-right: 0px;
      padding-left: 36px;
      margin-left: auto;
      justify-items: end; }
      .NBLiveChat__message--user .NBLiveChat__message-data {
        background: var(--green);
        border-color: var(--green);
        color: var(--white); }
      .NBLiveChat__message--user .NBLiveChat__message-status {
        color: var(--white);
        opacity: 0.8; }
    .NBLiveChat__message-top {
      grid-area: top;
      font-weight: 400;
      font-size: 12px;
      line-height: 15px;
      text-align: left;
      color: var(--gray-light); }
      @media (max-width: 767px) {
        .NBLiveChat__message-top {
          font-size: 10px;
          line-height: 10px; } }
    .NBLiveChat__message-avatar {
      grid-area: avatar;
      width: 40px;
      height: 40px;
      border-radius: 20px;
      background-color: var(--orange);
      background-image: url(/new/static/NBLiveChat/images/ico-agent.svg);
      background-position: 40% 30%;
      background-repeat: no-repeat;
      background-size: 46px; }
    .NBLiveChat__message-data {
      grid-area: text;
      padding: 8px 12px 4px;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      text-align: left;
      border: 1px solid var(--gray-light);
      border-radius: 8px;
      width: -moz-fit-content;
      width: fit-content;
      display: flex;
      flex-direction: column;
      gap: 8px;
      max-width: 100%;
      min-width: 90px; }
      @media (max-width: 767px) {
        .NBLiveChat__message-data {
          font-size: 14px;
          line-height: 18px; } }
      .NBLiveChat__message-data p {
        margin: unset;
        font-size: inherit;
        line-height: inherit; }
        .NBLiveChat__message-data p + p {
          margin-top: 8px; }
    .NBLiveChat__message-text {
      width: 100%;
      overflow: hidden; }
    .NBLiveChat__message-status {
      margin-top: 2px;
      font-weight: 400;
      font-size: 11px;
      line-height: 14px;
      text-align: right;
      color: var(--gray);
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 3px; }
    .NBLiveChat__message-content {
      grid-area: content;
      padding: 6px 10px;
      border: 1px solid var(--gray-super-light);
      border-radius: 8px;
      display: flex;
      flex-direction: column; }
    .NBLiveChat__message-attachment {
      border-radius: 5px;
      background-color: var(--orange-light);
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 99px;
      padding: 10px;
      pointer-events: none; }
      .NBLiveChat__message-attachment div {
        overflow: hidden;
        font-size: 12px;
        font-weight: 900;
        text-transform: uppercase;
        color: var(--white);
        text-overflow: ellipsis;
        white-space: nowrap; }
      .NBLiveChat__message-attachment.photo {
        height: auto;
        background: var(--white); }
        .NBLiveChat__message-attachment.photo img {
          max-width: 100%;
          width: 100%;
          height: auto; }
    .NBLiveChat__message a + a .NBLiveChat__message-result {
      border-top: 1px solid var(--gray-super-light); }
    .NBLiveChat__message-result {
      display: flex;
      gap: 8px;
      padding: 4px 0px; }
      .NBLiveChat__message-result_preview {
        width: 70px;
        height: 70px;
        flex-shrink: 0; }
        @media (max-width: 767px) {
          .NBLiveChat__message-result_preview {
            width: 48px;
            height: 48px; } }
        .NBLiveChat__message-result_preview img {
          height: 100%;
          width: 100%;
          -o-object-fit: cover;
             object-fit: cover; }
      .NBLiveChat__message-result_text {
        font-family: 'Arial';
        font-size: 16px;
        line-height: 1;
        color: var(--gray-dark); }
        @media (max-width: 767px) {
          .NBLiveChat__message-result_text {
            font-size: 12px;
            line-height: 16px; } }
    .NBLiveChat__message-error {
      grid-area: error;
      position: relative;
      display: flex;
      justify-content: flex-end; }
      .NBLiveChat__message-error_ico {
        width: 18px;
        height: 18px;
        border-radius: 9px;
        background: var(--red);
        cursor: pointer;
        font-size: 16px;
        color: var(--white);
        display: flex;
        align-items: flex-end;
        justify-content: center; }
        .NBLiveChat__message-error_ico:hover + .NBLiveChat__message-error_tooltipe {
          display: flex; }
        .NBLiveChat__message-error_ico::after {
          content: '';
          display: block;
          width: 100%;
          height: 10px;
          position: absolute;
          left: 0px;
          bottom: 100%; }
      .NBLiveChat__message-error_tooltipe {
        position: absolute;
        left: -12px;
        bottom: calc(100% + 8px);
        padding: 8px;
        border-radius: 5px;
        border: 1px solid var(--gray-super-light3);
        display: flex;
        flex-direction: column;
        gap: 2px;
        background: var(--white);
        width: -moz-max-content;
        width: max-content;
        display: none;
        animation: messageShow 0.2s ease-in-out 0s 1; }
        .NBLiveChat__message-error_tooltipe::after {
          content: '';
          display: block;
          width: 10px;
          height: 10px;
          border-radius: 4px;
          border-right: 1px solid var(--gray-super-light3);
          border-bottom: 1px solid var(--gray-super-light3);
          position: absolute;
          left: 15px;
          bottom: -6px;
          background: var(--white);
          transform: rotate(45deg); }
        .NBLiveChat__message-error_tooltipe:hover {
          display: flex; }
      .NBLiveChat__message-error_button {
        width: 100%;
        color: var(--gray-middle2);
        font-family: 'Arial';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 20px;
        cursor: pointer; }
        .NBLiveChat__message-error_button + .NBLiveChat__message-error_button {
          border-top: 1px solid var(--gray-super-light3); }
  .NBLiveChat__order-item {
    display: flex;
    flex-direction: column;
    gap: 2px;
    position: relative;
    cursor: pointer; }
    .NBLiveChat__order-item + .NBLiveChat__order-item {
      margin-top: 6px;
      padding-top: 7px; }
      .NBLiveChat__order-item + .NBLiveChat__order-item::before {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        background: var(--gray-super-light);
        position: absolute;
        left: 0;
        top: 0; }
  .NBLiveChat__order-number {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--gray-dark); }
  .NBLiveChat__order-date {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: var(--gray-light); }
  .NBLiveChat__order-all {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--blue-medium); }
  .NBLiveChat__footer {
    border-top: 1px solid var(--gray-super-light);
    padding: 16px 12px;
    background: var(--white);
    border-radius: 0px 0px var(--br) var(--br);
    flex: none;
    margin-bottom: 0 !important; }
    .NBLiveChat__footer.disabled {
      pointer-events: none;
      display: none; }
    @media (max-width: 767px) {
      .NBLiveChat__footer {
        padding: 10px 8px;
        position: relative; } }
    .NBLiveChat__footer form {
      display: flex;
      flex-direction: column;
      gap: 8px; }
  .NBLiveChat__textarea {
    display: flex;
    align-items: center;
    gap: 4px; }
    @media (max-width: 767px) {
      .NBLiveChat__textarea {
        padding-left: 35px;
        height: 27px; } }
  .NBLiveChat__input {
    position: relative;
    width: calc(100% - 76px); }
    @media (max-width: 767px) {
      .NBLiveChat__input {
        width: calc(100% - 45px);
        height: 27px; } }
    .NBLiveChat__input .emoji-wysiwyg-editor {
      display: block !important; }
    .NBLiveChat__input .emoji-wysiwyg-editor,
    .NBLiveChat__input input {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      height: 44px;
      width: 100%;
      border: none;
      box-shadow: none;
      background: none;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      color: var(--gray-dark);
      padding: 0px 0px 0px 0px; }
      .NBLiveChat__input .emoji-wysiwyg-editor:empty,
      .NBLiveChat__input input:empty {
        line-height: 44px; }
        .NBLiveChat__input .emoji-wysiwyg-editor:empty::before,
        .NBLiveChat__input input:empty::before {
          pointer-events: none; }
      @media (max-width: 767px) {
        .NBLiveChat__input .emoji-wysiwyg-editor,
        .NBLiveChat__input input {
          height: 27px !important;
          min-height: 27px;
          font-size: 16px;
          line-height: 24px; }
          .NBLiveChat__input .emoji-wysiwyg-editor:empty,
          .NBLiveChat__input input:empty {
            line-height: 27px; }
          .NBLiveChat__input .emoji-wysiwyg-editor:focus,
          .NBLiveChat__input input:focus {
            height: 27px !important; }
          .NBLiveChat__input .emoji-wysiwyg-editor:not(:empty),
          .NBLiveChat__input input:not(:empty) {
            line-height: 27px; } }
      .NBLiveChat__input .emoji-wysiwyg-editor::-webkit-scrollbar,
      .NBLiveChat__input input::-webkit-scrollbar {
        width: 5px; }
      .NBLiveChat__input .emoji-wysiwyg-editor::-webkit-scrollbar-thumb,
      .NBLiveChat__input input::-webkit-scrollbar-thumb {
        background: #DBDBDB;
        border-radius: 3px; }
      .NBLiveChat__input .emoji-wysiwyg-editor::-webkit-scrollbar-track,
      .NBLiveChat__input input::-webkit-scrollbar-track {
        background: var(--gray-super-light2); }
      .NBLiveChat__input .emoji-wysiwyg-editor::-moz-placeholder, .NBLiveChat__input input::-moz-placeholder {
        font-weight: 400 !important;
        color: var(--gray);
        font-family: Arial, Helvetica, sans-serif !important; }
      .NBLiveChat__input .emoji-wysiwyg-editor::placeholder,
      .NBLiveChat__input input::placeholder {
        font-weight: 400 !important;
        color: var(--gray);
        font-family: Arial, Helvetica, sans-serif !important; }
    .NBLiveChat__input-clear {
      width: 24px;
      height: 24px;
      cursor: pointer;
      position: relative; }
      .NBLiveChat__input-clear::after, .NBLiveChat__input-clear::before {
        content: '';
        width: 16px;
        height: 2px;
        top: 10px;
        left: 4px;
        border-radius: 2px;
        position: absolute;
        transform: rotate(45deg);
        background: var(--gray); }
      .NBLiveChat__input-clear::before {
        transform: rotate(-45deg); }
      @media (max-width: 767px) {
        .NBLiveChat__input-clear {
          display: none !important; } }
    .NBLiveChat__input .emoji-menu {
      bottom: 100%;
      left: 0px;
      width: 283px;
      border: 1px solid var(--gray-super-light);
      border-radius: 8px; }
      .NBLiveChat__input .emoji-menu .emoji-items-wrap {
        overflow: auto; }
  .NBLiveChat__send {
    width: 40px;
    height: 40px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    outline: none; }
    @media (max-width: 767px) {
      .NBLiveChat__send {
        height: 27px; } }
  .NBLiveChat__tools {
    display: flex;
    align-items: center;
    gap: 12px; }
    @media (max-width: 767px) {
      .NBLiveChat__tools {
        position: absolute;
        left: 10px;
        bottom: 13px; }
        .NBLiveChat__tools .js-emodji {
          display: none; } }
    .NBLiveChat__tools-item {
      width: 24px;
      height: 24px;
      flex-shrink: 0;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      color: var(--gray-light); }
      .NBLiveChat__tools-item.active {
        color: var(--blue-dark); }
      .NBLiveChat__tools-item input[type="file"] {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        padding: 0;
        background: transparent;
        cursor: pointer;
        border: none;
        font-size: 0;
        line-height: 0;
        height: auto;
        opacity: 0; }
  .NBLiveChat__actions {
    grid-area: actions;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end; }
    @media (max-width: 767px) {
      .NBLiveChat__actions {
        gap: 8px 5px; } }
    .NBLiveChat__actions-item {
      cursor: pointer;
      padding: 6px 15px;
      border-radius: 26px;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      width: auto;
      color: var(--green-light);
      border: 1px solid var(--green-light);
      animation: messageShow 0.2s ease-in-out 0s 1; }
      @media (max-width: 767px) {
        .NBLiveChat__actions-item {
          font-size: 14px;
          line-height: 16px;
          padding: 5px 10px; } }
      .NBLiveChat__actions-item:hover {
        background: var(--green-hover);
        color: var(--white);
        border-color: var(--green-hover); }
      .NBLiveChat__actions-item:active {
        background: var(--green-light);
        color: var(--white); }
    .NBLiveChat__actions-footer {
      width: 100%;
      display: flex;
      gap: 6px;
      justify-content: flex-end;
      align-items: center; }
      .NBLiveChat__actions-footer svg {
        cursor: pointer; }
        @media (max-width: 767px) {
          .NBLiveChat__actions-footer svg {
            height: 26px;
            width: auto; } }
    .NBLiveChat__actions-nav {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 22px;
      height: 22px;
      cursor: pointer;
      border: 1px solid var(--orange-medium);
      border-radius: 11px;
      position: relative; }
    .NBLiveChat__actions-descr {
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translate(-50%, 100%);
      color: #F08013; }
  .NBLiveChat__files {
    display: flex;
    gap: 8px;
    width: 100%; }
    @media (max-width: 767px) {
      .NBLiveChat__files {
        gap: 5px; } }
    .NBLiveChat__files-item {
      border-radius: 5px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      width: 51px;
      height: 44px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      background-color: var(--orange-light);
      position: relative; }
      .NBLiveChat__files-item.error {
        outline: 1px solid var(--red); }
      @media (max-width: 767px) {
        .NBLiveChat__files-item {
          width: 37px;
          height: 35px; } }
    .NBLiveChat__files-del {
      position: absolute;
      top: -2px;
      right: -4px;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      cursor: pointer;
      background: var(--gray-dark); }
      @media (max-width: 767px) {
        .NBLiveChat__files-del {
          width: 8px;
          height: 8px; } }
      .NBLiveChat__files-del::before, .NBLiveChat__files-del::after {
        content: '';
        display: block;
        width: 6px;
        height: 1px;
        border-radius: 2px;
        background: var(--white);
        position: absolute;
        left: 3px;
        top: 5px;
        transform: rotate(45deg); }
        @media (max-width: 767px) {
          .NBLiveChat__files-del::before, .NBLiveChat__files-del::after {
            width: 4px; } }
      .NBLiveChat__files-del::after {
        transform: rotate(-45deg); }
    .NBLiveChat__files-text {
      font-size: 12px;
      font-weight: 900;
      text-transform: uppercase;
      color: var(--white); }
    .NBLiveChat__files-error {
      position: absolute;
      left: 0;
      bottom: calc(100% + 5px);
      font-family: Arial;
      color: var(--red);
      font-size: 10px;
      line-height: 10px;
      text-align: left;
      background: var(--white); }
      @media (max-width: 767px) {
        .NBLiveChat__files-error {
          font-size: 6px;
          line-height: 9px; } }
  .NBLiveChat__dialog {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background: rgba(61, 61, 61, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--br); }
    .NBLiveChat__dialog-block {
      border: 2px solid var(--gray-super-light3);
      background: var(--white);
      border-radius: 10px;
      display: flex;
      flex-direction: column;
      text-align: center;
      width: 280px;
      flex-shrink: 0; }
      @media (max-width: 767px) {
        .NBLiveChat__dialog-block {
          width: 210px; } }
    .NBLiveChat__dialog-message {
      font-family: 'Arial';
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 15px;
      color: var(--gray-middle2);
      padding: 15px 30px; }
      @media (max-width: 767px) {
        .NBLiveChat__dialog-message {
          font-size: 13px; } }
    .NBLiveChat__dialog-buttons {
      display: flex;
      align-items: center;
      border-top: 1px solid var(--gray-super-light); }
      .NBLiveChat__dialog-buttons :nth-child(1) {
        color: var(--blue-dark2); }
    .NBLiveChat__dialog-button {
      width: 100%;
      font-family: 'Arial';
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      color: var(--gray-dark);
      cursor: pointer;
      padding: 5px 20px;
      height: 40px;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (max-width: 767px) {
        .NBLiveChat__dialog-button {
          font-size: 13px;
          height: 30px; } }
      .NBLiveChat__dialog-button + .NBLiveChat__dialog-button {
        border-left: 1px solid var(--gray-super-light); }
  .NBLiveChat__review {
    grid-area: text;
    text-align: center; }
    .NBLiveChat__review.disabled {
      pointer-events: none; }
    .NBLiveChat__review-message {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      gap: 5px;
      background: var(--gray-super-light4);
      padding: 10px 20px;
      border-radius: 9px;
      cursor: pointer; }
      @media (max-width: 767px) {
        .NBLiveChat__review-message {
          padding: 6px 20px; } }
      .NBLiveChat__review-message_title {
        font-family: 'Arial';
        font-weight: 400;
        font-size: 12px;
        line-height: 16px; }
        @media (max-width: 767px) {
          .NBLiveChat__review-message_title {
            font-size: 8px;
            line-height: 9px; } }
    .NBLiveChat__review-stars {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: row-reverse;
      gap: 0px; }
      .NBLiveChat__review-stars:hover .NBLiveChat__review-stars_item {
        color: var(--gray-super-light) !important; }
        .NBLiveChat__review-stars:hover .NBLiveChat__review-stars_item:hover {
          color: var(--blue) !important; }
          .NBLiveChat__review-stars:hover .NBLiveChat__review-stars_item:hover ~ .NBLiveChat__review-stars_item {
            color: var(--blue) !important; }
      .NBLiveChat__review-stars_item {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 28px;
        height: 24px;
        color: var(--gray-super-light);
        cursor: pointer; }
        .NBLiveChat__review-stars_item svg {
          width: 100%;
          height: 100%; }
        @media (max-width: 767px) {
          .NBLiveChat__review-stars_item {
            width: 18px;
            height: 18px; } }
        .NBLiveChat__review-stars_item.active {
          color: var(--blue); }
          .NBLiveChat__review-stars_item.active ~ .NBLiveChat__review-stars_item {
            color: var(--blue); }
    .NBLiveChat__review-block {
      position: absolute;
      top: 75px;
      left: 0;
      right: 0;
      bottom: 0;
      background: var(--white);
      z-index: 2;
      flex-direction: column;
      gap: 25px;
      padding: 27px;
      opacity: 0;
      animation: messageShow 0.4s ease-in-out 1s 1;
      animation-fill-mode: forwards;
      border-radius: 0px 0px var(--br) var(--br);
      display: none; }
      @media (max-width: 767px) {
        .NBLiveChat__review-block {
          top: 49px; } }
      .NBLiveChat__review-block.active {
        display: flex; }
      .NBLiveChat__review-block_content form {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px; }
        @media (max-width: 767px) {
          .NBLiveChat__review-block_content form {
            gap: 7px; } }
      .NBLiveChat__review-block_title {
        font-family: 'Arial';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 130%;
        color: var(--gray-dark); }
        @media (max-width: 767px) {
          .NBLiveChat__review-block_title {
            font-size: 12px;
            line-height: 16px; } }
      .NBLiveChat__review-block_status {
        font-family: 'Arial';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 1;
        color: var(--gray-light); }
        @media (max-width: 767px) {
          .NBLiveChat__review-block_status {
            font-size: 10px;
            line-height: 12px; } }
      .NBLiveChat__review-block_input textarea,
      .NBLiveChat__review-block_input input {
        border-radius: 20px;
        border: 1px solid var(--blue);
        padding: 0px 15px;
        font-family: 'Arial';
        font-style: normal;
        font-weight: 400;
        color: var(--gray-middle);
        font-size: 14px;
        line-height: 130%;
        width: 260px;
        height: 40px; }
        @media (max-width: 767px) {
          .NBLiveChat__review-block_input textarea,
          .NBLiveChat__review-block_input input {
            font-size: 10px;
            line-height: 15px;
            width: 232px;
            height: 25px;
            padding: 0px 6px; } }
      .NBLiveChat__review-block_input textarea {
        resize: none;
        height: 160px;
        padding: 15px; }
        @media (max-width: 767px) {
          .NBLiveChat__review-block_input textarea {
            height: 100px; } }
      .NBLiveChat__review-block_buttons {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 7px; }
    .NBLiveChat__review-success {
      display: flex;
      display: flex;
      align-items: flex-start;
      gap: 7px; }
      .NBLiveChat__review-success svg {
        flex-shrink: 0;
        width: 24px;
        height: auto; }
        @media (max-width: 767px) {
          .NBLiveChat__review-success svg {
            width: 16px; } }
  .NBLiveChat__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: var(--blue);
    color: var(--white);
    cursor: pointer;
    font-family: 'Arial';
    font-weight: 700;
    width: 240px;
    height: 48px;
    font-size: 12px;
    line-height: 16px;
    font-size: 16px;
    line-height: 24px; }
    @media (max-width: 767px) {
      .NBLiveChat__btn {
        width: 186px;
        height: 34px;
        font-size: 12px;
        line-height: 16px; } }

.emoji-menu-tabs tr {
  display: flex;
  gap: 10px; }

@keyframes messageShow {
  0% {
    opacity: 0;
    transform: scale(0) translateY(10%); }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0%); } }

@keyframes preloader {
  0% {
    transform: scale(0); }
  20% {
    transform: scale(1); }
  40% {
    transform: scale(0); }
  100% {
    transform: scale(0); } }

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }