@import "./fonts.css";
@import "./normalize.css";
@import "./slick.css";

:root {
	--color-black: #000000;
	--color-red: #fe3f3f;
	--color-white: #ffffff;
	--color-grey: #818181
}

*,
::before,
::after {
	box-sizing: border-box
}

body {
	font-family: "Gilroy";
	overflow-x: hidden;
	color: var(--color-black)
}

img {
	image-rendering: -o-crisp-edges;
	image-rendering: auto;
	image-rendering: -webkit-optimize-contrast
}

ul {
	padding: 0;
	margin: 0;
	list-style: none
}

ol {
	padding: 0;
	margin: 0;
	list-style: none
}

.container {
	max-width: 1170px;
	width: 100%;
	padding: 0 10px;
	margin: 0 auto
}

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

.word-underline {
	border-bottom: 2px solid var(--color-red)
}

.bold-word {
	font-weight: 700
}

.btn-wrapper {
	position: relative;
	z-index: 1
}

.btn-wrapper::after {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 33px;
	background-color: #da2626;
	z-index: -1
}

.btn {
	box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.4);
	border-radius: 33px;
	background-color: var(--color-red);
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
	border: none;
	outline: none;
	width: 100%;
	cursor: pointer;
	padding: 24px 0;
	color: var(--color-white);
	font-size: 18px;
	font-weight: 600
}

.section__title {
	font-size: 38px;
	text-align: center;
	margin-bottom: 70px
}

.section__title span {
	position: relative
}

.section__title span::after {
	content: "";
	position: absolute;
	bottom: -9px;
	right: 0;
	background-image: url(../img/custom-border.png);
	background-repeat: no-repeat;
	background-size: 100% 10px;
	width: 100%;
	height: 10px
}

.hidden {
	display: none
}

.italic {
	font-style: italic;
	font-weight: 600
}

.all-txt {
	display: none
}

.add-red {
	animation: move 2s linear infinite alternate
}

.buy__order {
	padding: 35px 0 36px 0;
	background-image: url(../img/buy__order-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden
}
.KZ .buy__order {
    padding: 35px 0 36px 0;
	background-image: url(../img/KZ/buy__order-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden
}
.UZ .buy__order {
    padding: 35px 0 36px 0;
	background-image: url(../img/UZ/buy__order-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden
}
.AM .buy__order {
    padding: 35px 0 36px 0;
	background-image: url(../img/AM/buy__order-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden
}

.buy__order-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 65%
}

.buy__order-header p {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	background-color: var(--color-white);
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 20px;
	font-weight: 700;
	padding: 10px 20px;
	margin: 0 0 39px 0
}

.buy__order-header p::before {
	content: "";
	display: block;
	width: 25px;
	height: 30px;
	background-repeat: no-repeat;
	background-size: contain
}

.buy__order-header p:first-child::before {
	background-image: url(../img/doctor.svg)
}

.buy__order-header p:last-child::before {
	background-image: url(../img/leaf-shape.svg)
}

.buy__order-header span {
	border-left: 2px solid #e1e1e1;
	padding-left: 18px;
	margin-left: 15px
}

.buy__order-title {
	font-size: 56px;
	font-weight: 800;
	width: 70%
}

.buy__order-title-wrapper {
	position: relative
}

.buy__order-title-wrapper::after {
	content: "";
	position: absolute;
	bottom: -9px;
	right: 0;
	background-image: url(../img/custom-border.png);
	background-repeat: no-repeat;
	background-size: 100% 10px;
	width: 100%;
	height: 10px
}

.buy__order-subtitle {
	color: var(--color-grey);
	font-size: 40px;
	font-weight: 500;
	margin-top: 28px
}

.buy__order-list p {
	margin: 0 0 30px 0
}

.buy__order-list li {
	display: flex;
	align-items: flex-start;
	font-size: 28px;
	font-weight: 500
}

.buy__order-list li::before {
	content: "";
	width: 28px;
	height: 25px;
	background-image: url(../img/health-care.svg);
	background-repeat: no-repeat;
	background-size: contain;
	margin: 5px 18px 0 0
}

.buy__order-form-and-product {
	display: flex;
	align-items: center;
	width: 75%
}

.buy__order-form {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	background-color: var(--color-white);
	margin-right: 34px;
	max-width: 514px;
	width: 100%
}

.buy__order-form-wrapper {
	border-radius: 10px;
	border: 1px solid rgba(254, 63, 63, 0.2);
	margin: 8px;
	padding: 21px 24px 27px 25px
}

.buy__order-form-header {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.buy__order-header-txt {
	color: var(--color-grey);
	font-size: 22px;
	font-weight: 700
}

.buy__order-form-header div {
	width: 53%;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.new-price {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--color-white);
	background-color: var(--color-red);
	display: flex;
	align-items: center;
	padding: 5px 10px;
	border-radius: 5px;
	overflow: hidden;
    margin-right: 9px;
    width: 178px;
}
@media (max-width: 1023px) {
    .new-price {
        width: auto;
    }
    
}

.new-price::before {
	content: "";
	display: block;
	width: 22px;
	height: 23px;
	background-image: url(../img/discount.svg);
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 23px;
	box-shadow: 0 0 0 9px #ef3535
}

.old-price {
	font-size: 17px;
	font-weight: 700;
	color: #bababa;
	text-decoration: line-through;
	text-transform: uppercase
}

.buy__order-form-main {
	margin-top: 22px
}

select {
	display: block;
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
	text-overflow: '';
	text-align-last: center
}

.buy__order-form-main select,
.buy__order-form-main input {
	width: 100%;
	border-radius: 28px;
	border: 1px solid #d4d4d4;
	background-color: var(--color-white);
	margin-bottom: 9px;
	padding: 23px 0 23px 15px;
	text-align: center;
	outline: none
}

.buy__order-form-main input::placeholder {
	text-align: center;
	font-size: 18px;
	color: var(--color-black)
}

.buy__order-form-main p {
	text-align: center;
	font-size: 14px
}

.buy__order-form-footer {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.timer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 48%;
	font-size: 24px;
	font-weight: 700;
	margin-right: auto
}

.buy__order-form-footer-txt {
	font-size: 16px;
	font-weight: 500;
	color: var(--color-grey);
	display: flex;
	align-items: center
}

.timer img {
	display: block;
	width: 20px;
	height: 23px;
	margin-left: 13px
}

.timer__wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 80%
}

.timer__number-wrapper {
	display: flex
}

.timer__number-wrapper div {
	width: 27px;
	text-align: center
}

.timer__number-wrapper span:last-child {
	margin-left: 5px
}

.buy__order .add-red.big {
	width: 161px;
	height: 171px;
	filter: blur(3px);
	position: absolute;
	top: 5%;
	left: -2%
}

.buy__order .add-red.medium {
	width: 116px;
	height: 116px;
	filter: blur(6px);
	position: absolute;
	top: 25%;
	left: 5%
}

.buy__order .add-red.small {
	width: 75px;
	height: 75px;
	filter: blur(10px);
	position: absolute;
	top: 85%;
	left: 5%
}

.buy__order .add-red.small-second {
	top: 25%;
	left: 93%
}

.symptoms-and-risk {
	padding: 112px 0 0 0;
	background-image: url(../img/symptoms-and-risk__bg.png);
	background-repeat: no-repeat;
	background-position: 50% -235%;
	position: relative;
	overflow: hidden
}

.symptoms {
	position: relative
}
@media (max-width: 1024px) {
    .review__doctor-inner{
        flex-direction: column;
    }
    .review__doctor-inner img{
        width: 100%;
        max-width: 500px;
    }
    .review__doctor-inner{
        align-items: center;
    }
    .risk {
        background-position: 0px 199px !important;
    }
}
.symptoms__inner {
	position: relative;
	display: flex;
    flex-direction: column;
	justify-content: space-between
}

.symptoms__img {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0)
}

.symptoms__list {
    display: flex;
	width: 100%;
	padding-top: 20px
}

.symptoms__item {
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
	background-color: var(--color-white);
	padding: 8px 8px 10px 8px;
	position: relative;
	margin-bottom: 30px
}

.symptoms__item::after {
	content: "";
	box-shadow: 0 12px 33px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
	background-color: var(--color-white);
	width: 90%;
	height: 100%;
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translate(-50%, 0%);
	z-index: -1
}

.symptoms__item-wrapper {
	border: 1px solid rgba(254, 63, 63, 0.2);
	border-radius: 10px;
	padding: 21px 23px 27px 20px
}

.symptoms__item.correction p {
	width: 95%;
	margin: 0 auto
}

.symptoms__item p {
	margin: 0;
	text-align: center;
	font-size: 19px;
	font-weight: 600
}

.symptoms__item p::before {
	content: "";
	display: block;
	width: 26px;
	height: 26px;
	background-image: url(../img/tick.svg);
	background-repeat: no-repeat;
	background-size: contain;
	margin: 0 auto 18px auto
}

.symptoms__warning {
	width: 78%;
	margin: 80px auto 115px auto;
	border-radius: 10px;
	border: 2px dashed var(--color-red);
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 27px
}

.symptoms__warning::before {
	content: "";
	display: block;
	width: 28px;
	height: 27px;
	background-image: url(../img/warning.svg);
	background-repeat: no-repeat;
	background-size: contain
}

.symptoms__warning br {
	display: none
}

.symptoms__warning p {
	margin: 0;
	font-size: 26px;
	font-weight: 600
}

.symptoms__warning span {
	font-weight: 800
}

.symptoms .add-red.medium {
	width: 106px;
	height: 106px;
	filter: blur(6px);
	position: absolute;
	top: 85%;
	left: 13%
}

.symptoms .add-red.small {
	width: 78px;
	height: 78px;
	filter: blur(10px);
	position: absolute;
	top: 15%;
	right: 10%
}

.risk {
	padding-bottom: 66px;
	background-image: url(../img/risk__bg.png);
	background-repeat: no-repeat;
	background-position: 145% 130%;
	position: relative
}
.KZ .risk {
	padding-bottom: 66px;
	background-image: url(../img/KZ/risk__bg.png);
	background-repeat: no-repeat;
	background-position: 145% 130%;
	position: relative
}
.UZ .risk {
	padding-bottom: 66px;
	background-image: url(../img/UZ/risk__bg.png);
	background-repeat: no-repeat;
	background-position: 145% 130%;
	position: relative
}
.AM .risk {
	padding-bottom: 66px;
	background-image: url(../img/AM/risk__bg.png);
	background-repeat: no-repeat;
	background-position: 145% 130%;
	position: relative
}

.risk .section__title {
	width: 60%;
	margin: 0 auto 70px auto
}

.risk__description-title {
	font-size: 34px;
	width: 40%;
	font-weight: 600
}

.risk__description-title span {
	font-weight: 800;
	font-style: italic
}

.risk__list p {
	margin: 0 0 0 19px;
	font-size: 22px;
	font-weight: 700;
	display: flex;
	align-items: center
}

.risk__list p::before {
	content: "";
	width: 2px;
	height: 30px;
	background-color: #e1e1e1;
	display: block;
	margin-right: 17px
}

.risk__list li {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	background-color: var(--color-white);
	margin-bottom: 21px;
	display: flex;
	align-items: center;
	width: fit-content;
	padding: 15px 32px 15px 21px
}

.risk__list li::before {
	content: "";
	width: 29px;
	height: 26px;
	display: block;
	background-image: url(../img/warning-second.svg);
	background-repeat: no-repeat;
	background-size: contain
}

.risk__warning {
	font-size: 22px;
	font-weight: 700;
	color: var(--color-white);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	border: 3px solid #ffea00;
	background-color: var(--color-red);
	width: 53%;
	padding: 19px 20px 19px 25px;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.risk__warning::before {
	content: "";
	display: block;
	width: 48px;
	height: 43px;
	background-image: url(../img/warning-third.svg);
	background-repeat: no-repeat;
	background-size: contain
}

.risk__warning span {
	display: flex;
	align-items: center;
	margin-left: 17px;
	width: 90%
}

.risk__warning span::before {
	content: "";
	display: block;
	width: 2px;
	height: 79px;
	background-color: #fa8b8b;
	margin-right: 16px
}

.risk__img {
	position: absolute;
	right: -10%;
	bottom: -2%
}

.risk .add-red.medium {
	width: 89px;
	height: 89px;
	filter: blur(6px);
	position: absolute;
	top: 5%;
	right: 20%
}

.risk .add-red.small {
	width: 78px;
	height: 78px;
	filter: blur(10px);
	position: absolute;
	top: 75%;
	left: 10%
}

.advantages-and-composition {
	padding: 70px 0;
	background-image: url(../img/advantages-and-composition__bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	z-index: 1
}

.advantages-and-composition .add-red.medium {
	width: 106px;
	height: 106px;
	filter: blur(6px);
	position: absolute;
	top: 3%;
	right: 5%
}

.advantages-and-composition .add-red.medium-second {
	width: 106px;
	height: 106px;
	filter: blur(6px);
	position: absolute;
	top: 50%;
	left: 3%
}

.advantages-and-composition .add-red.small {
	width: 78px;
	height: 78px;
	filter: blur(10px);
	position: absolute;
	top: 85%;
	right: 3%
}

.product__advantages .section__title {
	width: 55%;
	margin: 0 auto 70px auto
}

.product__advantages-inner {
	position: relative;
	display: flex;
	justify-content: space-between
}

.product__advantages-img {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0)
}

.product__advantages-list {
	width: 29%
}

.product__advantages-item {
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
	background-color: var(--color-white);
	padding: 3px 5px 5px 5px;
	margin-bottom: 19px;
	position: relative
}

.product__advantages-item::after {
	content: "";
	box-shadow: 0 12px 33px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
	background-color: var(--color-white);
	width: 90%;
	height: 100%;
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translate(-50%, 0%);
	z-index: -1
}

.product__advantages-item-wrapper {
	border: 1px solid rgba(254, 63, 63, 0.2);
	border-radius: 10px;
	padding: 19px 0 18px 17px
}

.product__advantages-item p {
	margin: 0;
	display: flex;
	font-size: 18px;
	font-weight: 600
}

.product__advantages-item p::before {
	content: "";
	width: 26px;
	height: 26px;
	background-image: url(../img/tick.svg);
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 18px;
	padding: 13px
}

.product__composition {
	margin-top: 90px
}

.product__composition-inner {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	padding-top: 30px
}

.product__composition-item {
	width: 19%
}

.product__composition-item-wrapper {
	text-align: center;
	border-radius: 20px;
	border: 2px dashed var(--color-red)
}

.product__composition-item-img {
	position: relative;
	margin-top: -55px
}

.product__composition-item-img img {
	border-radius: 50%;
	border: 3px solid var(--color-red);
	padding: 5px;
	background-color: #f2f2f2
}

.product__composition-item-img::before {
	content: "";
	background-color: var(--color-red);
	display: block;
	border: 4px solid #f2f2f2;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	margin: 0 auto -15px auto;
	position: relative;
	z-index: 1
}

.product__composition-item-img::after {
	content: "";
	width: 8px;
	height: 8px;
	background-image: url(../img/add.svg);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	left: 50%;
	top: 8px;
	transform: translate(-50%, 0%);
	filter: blur(0.5px);
	z-index: 2
}

.product__composition-item-title {
	font-size: 18px;
	font-weight: 800
}

.product__composition-item-content {
	font-size: 17px;
	font-weight: 500;
	padding: 0 10px
}

.how__work {
	padding: 69px 0 270px 0;
	background-image: url(../img/how__work-bg.jpg);
	background-repeat: no-repeat;
	background-position: 0% 100%;
	position: relative
}
.KZ .how__work {
	padding: 69px 0 270px 0;
	background-image: url(../img/KZ/how__work-bg.jpg);
	background-repeat: no-repeat;
	background-position: 0% 100%;
	position: relative
}
.UZ .how__work {
	padding: 69px 0 270px 0;
	background-image: url(../img/UZ/how__work-bg.jpg);
	background-repeat: no-repeat;
	background-position: 0% 100%;
	position: relative
}
.AM .how__work {
	padding: 69px 0 270px 0;
	background-image: url(../img/AM/how__work-bg.jpg);
	background-repeat: no-repeat;
	background-position: 0% 100%;
	position: relative
}

.how__work .add-red.medium {
	width: 131px;
	height: 131px;
	filter: blur(6px);
	position: absolute;
	top: 40%;
	right: 3%
}

.how__work .add-red.small {
	width: 78px;
	height: 78px;
	filter: blur(10px);
	position: absolute;
	top: 10%;
	left: 3%
}

.how__work-list {
	width: 40%;
	counter-reset: myCounter;
	margin: 120px 0 0 auto;
	position: relative;
	z-index: 1
}

.how__work-list::before {
	content: "";
	background-image: url(../img/how__work-list-bg.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	width: 100%;
	height: 100%;
	background-size: contain;
	position: absolute;
	left: -30%;
	top: 5%;
	z-index: -1
}

.how__work-list li {
	font-size: 22px;
	display: flex;
	justify-content: space-between
}

.how__work-list li::before {
	counter-increment: myCounter;
	content: counter(myCounter);
	background-color: var(--color-white);
	border-radius: 50%;
	color: var(--color-white);
	font-size: 38px;
	font-weight: 700;
	background-image: url(../img/how__work-list-number-bg.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 101px;
	height: 101px;
	display: flex;
	justify-content: center;
	align-items: center
}

.how__work-list p {
	width: 68%
}

.review__doctor {
	padding-bottom: 9px;
	position: relative
}

.review__doctor .add-red.medium {
	width: 146px;
	height: 146px;
	filter: blur(6px);
	position: absolute;
	top: 20%;
	right: 10%
}

.review__doctor .add-red.small {
	width: 75px;
	height: 75px;
	filter: blur(10px);
	position: absolute;
	top: 60%;
	left: 8%
}

.review__doctor-inner {
	display: flex;
	background-image: url(../img/review__doctor-bg.png);
	background-repeat: no-repeat;
	background-position: 70% 20%
}

.review__doctor-list {
	counter-reset: myCounterSecond
}

.review__doctor-list li {
	font-size: 20px
}

.review__doctor-list p {
	margin: 0 0 50px 0
}

.review__doctor-list span {
	display: flex;
	align-items: center;
	margin-bottom: -20px
}

.review__doctor-list span::before {
	counter-increment: myCounterSecond;
	content: counter(myCounterSecond);
	width: 32px;
	height: 32px;
	background-color: var(--color-red);
	border-radius: 50%;
	color: var(--color-white);
	font-size: 20px;
	font-weight: 800;
	margin-right: 8px;
	display: flex;
	align-items: center;
	justify-content: center
}

.review__doctor-inner img {
	margin: -60px -175px 0 0
}

.about__doctor {
	display: flex;
	justify-content: flex-end;
	width: 55%;
	margin-top: -100px
}

.about__doctor-wrapper {
	margin: 16px 32px 0 0;
	font-size: 20px
}

.about__doctor-wrapper div:first-child {
	font-weight: 700;
	font-style: italic;
	font-size: 24px
}

.reviews {
	background-image: url(../img/reviews__bg.jpg);
	padding: 84px 0 110px 0;
	position: relative
}

.reviews .add-red.medium {
	width: 126px;
	height: 126px;
	filter: blur(6px);
	position: absolute;
	top: 60%;
	right: 5%
}

.reviews .add-red.small {
	width: 78px;
	height: 78px;
	filter: blur(10px);
	position: absolute;
	top: 15%;
	left: 8%
}

.reviews__item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 45px
}

.reviews__item-img img {
	border-radius: 50%;
	border: 1px solid #d3d3d3;
	padding: 8px
}

.reviews__item-img::after {
	content: "";
	width: 41px;
	height: 41px;
	background-color: var(--color-red);
	background-image: url(../img/quote.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px;
	display: block;
	border-radius: 50%;
	margin: -30px auto 0 auto;
	position: relative
}

.reviews__item-content {
	width: 80%
}

.reviews__item-description {
	font-size: 20px
}

.reviews__item-title {
	font-size: 22px
}

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

.reviews__item-quote img {
	width: 17px;
	height: 15px
}

.reviews__item-quote::before {
	content: "";
	display: block;
	width: 97%;
	height: 1px;
	background-color: #c5c5c5
}

.how__buy {
	padding-top: 107px;
	position: relative
}

.how__buy .add-red.medium {
	width: 137px;
	height: 137px;
	filter: blur(6px);
	position: absolute;
	top: 10%;
	left: 10%
}

.how__buy .add-red.small {
	width: 78px;
	height: 78px;
	filter: blur(10px);
	position: absolute;
	top: 50%;
	right: 8%
}

.how__buy-steps {
	background-image: url(../img/how__buy-steps-bg.png);
	background-repeat: no-repeat;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 78%;
	margin: 0 auto;
	padding-bottom: 40px;
	background-position: 50% 100%;
	margin-bottom: 40px
}

.how__buy-steps p {
	font-size: 18px;
	font-weight: 600;
	color: #b8b8b8
}

.how__buy-inner {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	margin-bottom: 30px
}

.how__buy-item {
	width: 25%;
	box-shadow: 0 12px 33px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
	background-color: var(--color-white);
	padding: 8px;
	position: relative
}

.how__buy-item::after {
	content: "";
	box-shadow: 0 12px 33px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
	background-color: var(--color-white);
	width: 90%;
	height: 100%;
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translate(-50%, 0%);
	z-index: -1
}

.how__buy-item-wrapper {
	border: 1px solid rgba(254, 63, 63, 0.2);
	border-radius: 10px
}

.how__buy-item-img {
	margin: -45px auto 0 auto;
	width: 73px;
	height: 73px;
	border-radius: 50%;
	background-color: var(--color-white);
	display: flex;
	justify-content: center;
	align-items: center
}

.how__buy-item-img img {
	width: 57px;
	height: 57px;
	border: 1px solid rgba(254, 63, 63, 0.2);
	border-radius: 50%;
	padding: 18px 13px
}

.how__buy-item p {
	text-align: center;
	width: 85%;
	margin: 20px auto 24px auto;
	font-size: 22px;
	font-weight: 600
}

.how__buy-item:first-child p {
	margin: 19px auto 38px auto
}

.how__buy-item:nth-child(2) p {
	margin: 8px auto 24px auto
}

.how__buy-item:last-child p {
	margin: 19px auto 38px auto
}

.buy__order-second {
	padding-top: 215px;
	background-image: url(../img/buy__order-second-bg.jpg);
	background-position: 0% 100%
}
.KZ .buy__order-second {
	padding-top: 215px;
	background-image: url(../img/KZ/buy__order-second-bg.jpg);
	background-position: 0% 100%
}
.UZ .buy__order-second {
	padding-top: 215px;
	background-image: url(../img/UZ/buy__order-second-bg.jpg);
	background-position: 0% 100%
}
.AM .buy__order-second {
	padding-top: 215px;
	background-image: url(../img/AM/buy__order-second-bg.jpg);
	background-position: 0% 100%
}

.buy__order-second-title {
	margin-bottom: 55px
}

.buy__order-second .add-red.medium {
	width: 116px;
	height: 116px;
	filter: blur(6px);
	position: absolute;
	top: 50%;
	left: 5%
}

.buy__order-second .add-red.small {
	width: 78px;
	height: 78px;
	filter: blur(10px);
	position: absolute;
	top: 70%;
	left: 2%
}

.buy__order-second .add-red.small-second {
	width: 78px;
	height: 78px;
	filter: blur(10px);
	position: absolute;
	top: 30%;
	right: 10%
}

footer {
	padding: 53px 0;
	font-size: 16px;
	text-align: center;
	color: #a5a5a5;
	font-weight: 500
}

@media (max-width:993px) {
	body {
		max-width: 320px;
		margin: 0 auto
	}

	.container {
		max-width: 320px
	}

	.add-red {
		display: none
	}
    .product__composition-item{
        width: 100%;
    }
    .reviews__item{
        flex-direction: column;
    }
	.all-txt {
		display: flex;
		justify-content: center;
		align-items: center;
		color: #617fef;
		font-size: 18px;
		font-weight: 500;
		text-decoration: underline;
		font-style: italic;
		margin-top: -25px;
		height: 100px;
		position: relative;
		flex-direction: column;
		background-color: rgba(255, 255, 255, .7)
	}

	.all-txt::before {
		content: '';
		width: 100%;
		height: 40%;
		background-color: rgba(255, 255, 255, .7);
		box-shadow: 0px -25px 43px 6px rgba(255, 255, 255, 1)
	}

	.buy__order {
		padding: 12px 0 450px 0;
		background-image: url(../img/buy__order-mobile-bg.jpg)
	}
   .KZ .buy__order {
		padding: 12px 0 450px 0;
		background-image: url(../img/KZ/buy__order-mobile-bg.jpg)
	}
   .UZ .buy__order {
		padding: 12px 0 450px 0;
		background-image: url(../img/UZ/buy__order-mobile-bg.jpg)
	}
   .AM .buy__order {
		padding: 12px 0 450px 0;
		background-image: url(../img/AM/buy__order-mobile-bg.jpg)
	}

	.buy__order-header {
		flex-direction: column;
		width: 100%
	}

	.buy__order-header span {
		font-size: 16px
	}

	.buy__order-header p {
		margin-bottom: 11px;
		width: 100%
	}

	.buy__order-header p:last-child {
		padding: 10px 15px
	}

	.buy__order-title {
		font-size: 26px;
		width: 100%;
		text-align: center;
		line-height: 36px
	}

	.buy__order-title-wrapper::after {
		background-size: 100% 7px
	}

	.buy__order-subtitle {
		font-size: 22px;
		width: 90%;
		text-align: center;
		margin: 29px auto 31px auto
	}

	.buy__order-list li {
		font-size: 18px
	}

	.buy__order-list li::before {
		margin: -5px 14px 0 0;
		padding: 14px
	}

	.buy__order-list p {
		margin-bottom: 25px
	}

	.buy__order-form-and-product {
		width: 100%;
		flex-direction: column-reverse
	}

	.buy__order-form {
		margin: 35px 0 0px 0
	}

	.buy__order-form-wrapper {
		padding: 22px 11px 18px 10px
	}

	.buy__order-form-header {
		align-items: end
	}

	.buy__order-header-txt {
		text-align: right;
		font-size: 16px;
		width: 40%
	}

	.buy__order-form-header div {
		flex-direction: column;
		width: 60%
	}

	.old-price {
		font-size: 22px;
		margin: 9px 0 0 40px
	}

	.buy__order-form-main {
		margin-top: 13px
	}

	.buy__order-form-footer {
		flex-direction: column
	}

	.buy__order-form-footer-txt {
		margin-bottom: 10px
	}

	.timer {
		width: 80%;
		margin: 0 auto
	}

	.symptoms-and-risk {
		padding: 38px 0 0 0;
		background-position: 50% -16%;
		background-image: url(../img/symptoms-and-risk__mobile-bg.png)
	}


	.section__title {
		font-size: 24px
	}

	.section__title span::after {
		background-size: 100% 7px
	}

	.symptoms__img {
		width: 409px;
		top: -45px
	}

	.symptoms__inner {
		flex-direction: column
	}

	.symptoms__list {
        display: block;
		width: 100%;
		margin-top: 20px
	}

	.symptoms__list .hidden {
		display: block
	}

	.symptoms__list-second {
		display: none
	}

	.symptoms__item {
		outline: none
	}

	.symptoms__item-wrapper {
		padding: 21px 19px 27px 16px
	}

	.symptoms__item.correction p {
		font-size: 20px
	}

	.symptoms__item p::before {
		height: 27px
	}

	.symptoms__list-arrow {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 70%;
		margin: 30px auto 0 auto
	}

	.symptoms__warning {
		width: 100%;
		flex-direction: column;
		text-align: center;
		padding: 10px 20px 20px 20px;
		margin: 80px auto 50px auto
	}

	.symptoms__warning::before {
		margin: -30px 0 19px 0
	}

	.symptoms__warning p {
		font-size: 22px
	}

	.symptoms__warning br {
		display: block
	}

	.risk {
		padding-bottom: 0px;
		background-position: 40% 100%;
		background-size: 602px 343px
	}

	.risk .section__title {
		width: 100%;
		margin-bottom: 39px
	}

	.risk .section__title span {
		width: 85%;
		display: flex;
		margin: 0 auto
	}

	.risk__description-title {
		display: none
	}

	.risk__list li {
		width: 100%
	}

	.risk__list li:nth-child(3) {
		padding: 15px 0px 15px 21px
	}

	.risk__list li:nth-child(3) p {
		font-size: 17px
	}

	.risk__list li:last-child {
		padding: 15px 10px 15px 21px
	}

	.risk__list li:last-child p {
		font-size: 17px
	}

	.risk__list li::before {
		padding: 14px
	}

	.risk__list p {
		font-size: 18px;
		margin: 0 0 0 16px
	}

	.risk__warning {
		width: 100%;
		flex-direction: column;
		font-size: 20px;
		padding: 19px 11px 19px 12px;
		text-align: center
	}

	.risk__warning span {
		width: 100%;
		margin-left: 0;
		flex-direction: column;
		margin-top: 13px
	}

	.risk__warning span::before {
		width: 79px;
		height: 2px;
		margin-bottom: 15px
	}

	.advantages-and-composition {
		padding: 49px 0;
		overflow: hidden
	}

	.product__advantages .section__title {
		width: 100%
	}

	.product__advantages-inner {
		flex-direction: column
	}

	.product__advantages-img {
		position: sticky;
		width: 100%;
		transform: scale(1.3)
	}

	.product__advantages-list {
		width: 100%;
		margin-top: 33px
	}

	.product__advantages-list-first .hidden {
		display: block
	}

	.product__advantages-list-second {
		display: none
	}

	.product__advantages-item-wrapper {
		padding: 19px 0 0px 14px;
		border: none
	}

	.product__advantages-item {
		background-color: transparent;
		box-shadow: none;
		margin: 0
	}

	.product__composition {
		margin-top: 54px
	}

	.product__composition-inner {
		display: block
	}

	.product__composition-item {
		outline: none;
		padding-top: 70px;
		margin-bottom: 30px
	}

	.product__composition-item-wrapper {
		width: 80%;
		margin: 0 auto
	}

	.product__composition-item-img img {
		margin: 0 auto
	}

	.product__composition-arrow {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 60%;
		margin: 0 auto 0 auto
	}

	.how__work {
		padding: 47px 0 66px 0;
		background-size: 602px 402px;
		background-position: 0% 8% !important;
	}
  .KZ  .how__work {
		padding: 47px 0 66px 0;
		background-size: 602px 402px;
		background-position: 0% 8% !important;
	}
   .UZ .how__work {
		padding: 47px 0 66px 0;
		background-size: 602px 402px;
		background-position: 0% 8% !important;
	}
   .AM .how__work {
		padding: 47px 0 66px 0;
		background-size: 602px 402px;
		background-position: 0% 8% !important;
	}

	.how__work .section__title {
		font-size: 23px;
		margin-bottom: 400px
	}

	.how__work-list {
		width: 100%
	}

	.how__work-list::before {
		display: none
	}

	.how__work-list li {
		font-size: 18px;
		margin-bottom: 30px
	}

	.how__work-list li::before {
		width: 62px;
		height: 63px;
		font-size: 23px
	}

	.how__work-list p {
		margin: 0;
		width: 72%
	}

	.review__doctor {
		padding: 0
	}

	.review__doctor .section__title {
		width: 80%;
		margin: 0 auto 31px auto
	}

	.review__doctor-inner {
		flex-direction: column;
		background-position: -1700% 93%;
		background-image: url(../img/review__doctor-mobile-bg.png)
	}

	.review__doctor-list {
		height: 400px;
		overflow: hidden
	}

	.review__doctor-list li {
		font-size: 18px
	}

	.review__doctor-list span::before {
		padding: 13px
	}

	.review__doctor-inner img {
		width: 100%;
		margin: 0 0 0 0
	}

	.about__doctor {
		width: 100%;
		flex-direction: column;
		margin-top: -145px
	}

	.about__doctor-wrapper {
		text-align: right
	}

	.about__doctor img {
		width: 139px;
		align-self: flex-end;
		margin-top: 14px;
		height: 62px
	}

	.reviews {
		padding: 39px 0 33px 0
	}

	.reviews__item {
		outline: none
	}

	.reviews__item-content {
		width: 100%
	}

	.reviews__item-img img {
		margin: 0 auto
	}

	.reviews__item-title {
		font-size: 20px;
		display: flex;
		flex-direction: column;
		align-items: center
	}

	.reviews__item-description {
		font-size: 18px
	}

	.reviews__arrows {
		width: 60%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: center
	}

	.how__buy {
		padding-top: 50px
	}

	.how__buy .section__title {
		width: 80%;
		margin: 0 auto 26px auto
	}

	.how__buy-steps {
		display: none
	}

	.how__buy-inner {
		flex-direction: column
	}

	.how__buy-item {
		width: 100%;
		background-color: transparent;
		box-shadow: none;
		padding: 0;
		margin-bottom: 18px
	}

	.how__buy-item-wrapper {
		display: flex;
		align-items: flex-start;
		border: none;
        width: 93%;
	}

	.how__buy-item p {
		text-align: left
	}

	.how__buy-item:first-child p {
		margin: 10px 0 0 0
	}

	.how__buy-item:nth-child(2) p {
		margin: 15px 0 0 0
	}

	.how__buy-item:last-child p {
		margin: 15px 0 0 0
	}

	.how__buy-item-img {
		margin: 0
	}

	.how__buy-item-img img {
		border: none;
		padding: 0;
		border-radius: 0;
		width: 36px;
		height: 36px
	}

	.buy__order-second-title {
		margin-top: 34px
	}

	.buy__order-second {
		background-image: url(../img/buy__order-second-mobile-bg.jpg);
		padding-bottom: 500px
	}
   .KZ .buy__order-second {
		background-image: url(../img/KZ/buy__order-second-mobile-bg.jpg);
		padding-bottom: 500px
	}
   .UZ .buy__order-second {
		background-image: url(../img/UZ/buy__order-second-mobile-bg.jpg);
		padding-bottom: 500px
	}
   .AM .buy__order-second {
		background-image: url(../img/AM/buy__order-second-mobile-bg.jpg);
		padding-bottom: 500px
	}

	.buy__order-second-title .italic {
		display: none
	}

	footer {
		padding: 40px 0
	}

}

.slick-arrow {
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background-color: var(--color-red);
	border: none;
	outline: none;
	color: transparent;
	background-image: url(../img/arrow-prev.png);
	background-repeat: no-repeat;
	background-position: center
}

.slick-next {
	transform: scaleX(-1)
}

@keyframes move {
	from {
		transform: translate3d(15px, 5px, 10px)
	}

	to {
		transform: translate3d(-15px, -20px, 30px)
	}

}


/* ===== Белый блок с редкими «живыми» красными крестиками ===== */
/* ===== Белый блок с крупными «живыми» красными крестами ===== */
.info-text {
  position: relative;
  background: #fff;
  padding: 80px 0;
  overflow: hidden;
  isolation: isolate;
}

/* контейнер */
.info-text__inner {
  width: min(1150px, calc(100% - 60px));
  margin: 0 auto;
}

/* типографика */
.info-text__content {
  color: #000;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0.2px;
}

.info-text__content h2,
.info-text__content h3 {
  color: var(--color-red, #fe3f3f);
  font-weight: 800;
  line-height: 1.25;
  margin: 32px 0 16px;
}

.info-text__content h2 {
  font-size: 34px;
}

.info-text__content h3 {
  font-size: 24px;
}

.info-text__content p {
  margin: 0 0 16px;
}

.info-text__content ul {
  margin: 10px 0 24px 24px;
  list-style: disc;
}

.info-text__content li {
  margin: 6px 0;
}

/* -------- Крестики с глубиной (ближние/дальние) -------- */
.info-text__x {
  position: absolute;
  width: var(--s, 100px);
  height: var(--s, 100px);
  background-image: url(../img/add-red.svg);
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 0;
  animation: x-float var(--dur, 20s) ease-in-out infinite;
  transform: translateZ(0);
  opacity: var(--o, 0.8);
  filter: blur(var(--b, 3px)) drop-shadow(0 0 20px rgba(254, 63, 63, 0.25))
          brightness(var(--br, 1));
}

/* --- дальние крестики (меньше, тусклее, с сильным блюром) --- */
.info-text .x1 { --s: 90px;  left: 5%;   top: -20px;    --dur: 22s; --b: 5px; --o: 0.5; --br: 0.8; }
.info-text .x2 { --s: 70px;  left: 18%;  top: 22%;      --dur: 18s; --b: 6px; --o: 0.45; --br: 0.75; }
.info-text .x3 { --s: 100px; right: 10%; top: 5%;       --dur: 24s; --b: 5px; --o: 0.6; --br: 0.85; }

/* --- ближние крестики (яркие, большие, почти без блюра) --- */
.info-text .x4 { --s: 140px; right: 16%; top: 42%;      --dur: 16s; --b: 2px; --o: 0.9; --br: 1.2; }
.info-text .x5 { --s: 160px; left: 8%;  bottom: 14%;    --dur: 20s; --b: 2px; --o: 0.95; --br: 1.3; }
.info-text .x6 { --s: 120px; right: 3%; bottom: -10%;   --dur: 19s; --b: 3px; --o: 0.85; --br: 1.1; }

@keyframes x-float {
  0%   { transform: translate(0, 0) rotate(0deg); opacity: var(--o); }
  25%  { transform: translate(15px, -10px) rotate(6deg); }
  50%  { transform: translate(0, -20px) rotate(-4deg); }
  75%  { transform: translate(-12px, -8px) rotate(3deg); }
  100% { transform: translate(0, 0) rotate(0deg); opacity: var(--o); }
}

/* адаптив */
@media (max-width: 1024px) {
  .info-text__x { filter: blur(calc(var(--b) * 0.8)) drop-shadow(0 0 14px rgba(254, 63, 63, 0.25)); }
  .info-text .x5 { --s: 120px; }
  .info-text .x6 { --s: 100px; }
}

@media (max-width: 640px) {
  .info-text__x { filter: blur(calc(var(--b) * 0.7)) drop-shadow(0 0 10px rgba(254, 63, 63, 0.2)); }
  .info-text .x2, .info-text .x4 { display: none; }
  .info-text .x1 { --s: 70px; }
  .info-text .x5 { --s: 90px; }
  .info-text .x6 { --s: 80px; }
}

@media (prefers-reduced-motion: reduce) {
  .info-text__x { animation: none; }
}
/* ближний план (ярче, меньше blur) */
.info-text .x7,
.info-text .x9,
.info-text .x11{
  filter: blur(2px) drop-shadow(0 10px 20px rgba(254,63,63,.35));
  opacity: .9;
}

/* дальний план (тусклее, больше blur) */
.info-text .x8,
.info-text .x10,
.info-text .x12{
  filter: blur(5px) drop-shadow(0 6px 12px rgba(254,63,63,.2));
  opacity: .5;
}

/* размеры/позиции/скорости */
.info-text .x7  { --s: 120px; left: 32%; top: 6%;      --dur: 21s; animation-delay:-7s; }
.info-text .x8  { --s:  70px; left: 42%; top: 38%;     --dur: 17s; animation-delay:-3s; }
.info-text .x9  { --s: 110px; right: 28%; top: 18%;    --dur: 23s; animation-delay:-10s; }
.info-text .x10 { --s:  80px; right: 22%; bottom: 10%; --dur: 19s; animation-delay:-6s; }
.info-text .x11 { --s: 130px; left: 26%; bottom: 4%;   --dur: 24s; animation-delay:-12s; }
.info-text .x12 { --s:  65px; left: 48%; bottom: -12%; --dur: 16s; animation-delay:-4s; }

/* на планшете/мобиле немного прорежаем */
@media (max-width:1024px){
  .info-text .x11{ --s: 90px; }
  .info-text .x7 { --s: 90px; }
}
@media (max-width:640px){
  .info-text .x10,
  .info-text .x12{ display:none; }
  .info-text .x7 { --s: 70px; }
  .info-text .x9 { --s: 70px; }
}

.review-carousel {
  position: relative;
  overflow: hidden;
  background: #fff;
  padding: 80px 20px;
  text-align: center;
}

.review-carousel__wrapper {
  display: flex;
  transition: transform 0.6s ease-in-out;
  will-change: transform;
}

.review-carousel__item {
  min-width: 100%;
  box-sizing: border-box;
  padding: 0 40px;
  opacity: 0.9;
}

.review-carousel__text {
  font-size: 20px;
  line-height: 1.6;
  color: #222;
  max-width: 800px;
  margin: 0 auto 20px;
}

.review-carousel__author {
  font-weight: 700;
  color: var(--color-red, #f34d3d);
  font-size: 18px;
}

.review-carousel__controls {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 30px;
}

.review-carousel__btn {
  background: none;
  border: 2px solid #f34d3d;
  color: #f34d3d;
  font-size: 32px;
  line-height: 1;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s ease;
}

.review-carousel__btn:hover {
  background: #f34d3d;
  color: #fff;
}

/* Адаптив */
@media (max-width: 768px) {
  .review-carousel {
    padding: 50px 10px;
  }

  .review-carousel__text {
    font-size: 18px;
  }
}


.review-carousel__dots{
  display:flex; justify-content:center; gap:10px; margin-top:16px;
}
.review-carousel__dot{
  width:10px; height:10px; border-radius:50%;
  background:#ffd6d2; border:none; cursor:pointer; padding:0;
  transition:transform .2s ease, background-color .2s ease;
}
.review-carousel__dot[aria-current="true"]{
  background: var(--color-red, #f34d3d);
  transform: scale(1.25);
}
.review-carousel__dot:focus-visible{ outline:2px solid #000; outline-offset:3px; }

/* фон секции — белый + фирменные крестики из исходника */
.review-carousel{
	position: relative;
  overflow: hidden;
  padding: 80px 20px;
  text-align: center;
  background: url("../img/reviews__bg.jpg") center/cover no-repeat;
  color: #222;
  isolation: isolate;
}

/* ряд: аватар слева, текст справа (на мобиле — столбиком) */
.review-carousel__row{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:24px;
  max-width:960px;
  margin:0 auto;
}
.review-carousel__avatar{
  width:96px; height:96px; border-radius:50%;
  object-fit:cover;
  flex:0 0 96px;
  box-shadow:0 6px 18px rgba(0,0,0,.08);
  border:4px solid #fff;
}
.review-carousel__copy{ text-align:left; }

/* подстройка существующих правил текста под новый layout */
.review-carousel__text{ margin:0 0 10px; }
.review-carousel__author{ margin:0; }

/* «живые» крестики поверх фона */
.rcross{
  position:absolute;
  width:var(--s,90px); height:var(--s,90px);
  background-image:url(../img/add-red.svg);
  background-size:contain; background-repeat:no-repeat;
  pointer-events:none; z-index:0; transform:translateZ(0);
  animation: rc-float var(--dur,20s) ease-in-out infinite;
}
/* ближние — ярче, меньше blur */
.rc1,.rc3{ filter:blur(2px) drop-shadow(0 10px 20px rgba(254,63,63,.35)); opacity:.9; }
/* дальние — тусклее, больше blur */
.rc2,.rc4{ filter:blur(5px) drop-shadow(0 6px 12px rgba(254,63,63,.2)); opacity:.55; }

/* позиции/размеры/скорость */
.rc1{ --s:120px; left:4%;   top:-10px;   --dur:24s; animation-delay:-4s; }
.rc2{ --s:80px;  right:8%;  top:12%;     --dur:18s; animation-delay:-9s; }
.rc3{ --s:110px; left:10%;  bottom:8%;   --dur:22s; animation-delay:-6s; }
.rc4{ --s:70px;  right:3%;  bottom:-14px;--dur:16s; animation-delay:-2s; }

@keyframes rc-float{
  0%{transform:translate(0,0) rotate(0deg);}
  25%{transform:translate(12px,-10px) rotate(6deg);}
  50%{transform:translate(0,-18px) rotate(-5deg);}
  75%{transform:translate(-12px,-6px) rotate(4deg);}
  100%{transform:translate(0,0) rotate(0deg);}
}

/* адаптив */
@media (max-width:768px){
  .review-carousel__row{ flex-direction:column; text-align:center; }
  .review-carousel__copy{ text-align:center; }
  .review-carousel__avatar{ width:84px; height:84px; flex-basis:84px; }
  .review-carousel{ background-size:120px auto; }
}
@media (prefers-reduced-motion:reduce){
  .rcross{ animation:none; }
}

.text-toggle {
  position: relative;
  font-size: 18px;
  line-height: 1.6;
  color: #111;
  max-width: 800px;
  margin: 0 auto;
}

.text-toggle__hidden{
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height .6s ease, opacity .3s ease;
  will-change: max-height;
}

/* больше НЕ ставим max-height: 3000px; — управляем из JS */
.text-toggle.expanded::after{ opacity: 0; } /* градиент гасим по классу на контейнере */

.text-toggle__btn {
  display: inline-block;
  margin-top: 12px;
  padding: 10px 20px;
  font-size: 16px;
  color: #fff;
  background-color: #f34d3d;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.text-toggle__btn:hover {
  background-color: #d73a2d;
}

.text-toggle::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 58px;              /* расстояние до кнопки — можешь подогнать */
  height: 110px;             /* высота размытой зоны */
  pointer-events: none;
  z-index: 1;
  opacity: 1;
  transition: opacity 0.35s ease;

  /* 👇 само размытие + плавный переход к белому */
  background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.9));
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

.text-toggle.expanded::after {
  opacity: 0;
}

/* Общий стиль текста внутри блока с toggle */
.text-toggle,
.text-toggle__content,
.text-toggle__hidden {
 
  color: #111;
  line-height: 1.7;
  font-size: 18px;
}

/* Абзацы */
.text-toggle p {
  margin-bottom: 16px;
}

/* Заголовки внутри текстового блока */
.text-toggle h2,
.text-toggle h3 {
  color: #f34d3d; /* фирменный красный */
  font-weight: 700;
  margin: 24px 0 12px;
  line-height: 1.3;
}

.text-toggle h2 {
  font-size: 28px;
}

.text-toggle h3 {
  font-size: 22px;
}

/* Списки */
.text-toggle ul {
  margin: 12px 0 16px 20px;
  padding-left: 20px;
  list-style-type: disc;
}

.text-toggle li {
  margin-bottom: 8px;
}

/* Жирный текст */
.text-toggle strong {
  font-weight: 700;
}

/* Ссылки */
.text-toggle a {
  color: #f34d3d;
  text-decoration: underline;
  transition: color 0.3s ease;
}

.text-toggle a:hover {
  color: #d73a2d;
}


.text-toggle__btn {
  display: block;        /* занимает только себя */
  margin: 24px auto 0;   /* auto по бокам = по центру */
  text-align: center;    /* текст внутри кнопки по центру */
}