/* Предложение акции: карточки как directions, CTA и бледный знак справа. */

.promo-offer { position: relative; overflow: hidden; }

.promo-offer__mark {
	position: absolute;
	top: 160px;
	right: -80px;
	width: 260px;
	height: 520px;
	opacity: 0.55;
	pointer-events: none;
}

.promo-offer__mark-svg,
.promo-offer__mark svg {
	display: block;
	width: 100%;
	height: 100%;
	overflow: visible;
}

.promo-offer__mark svg path { fill: #f1e3d3; }

.promo-offer .container { position: relative; z-index: 1; }

.promo-offer__lead { max-width: 36em; }

.promo-offer .slider-nav--mobile { margin-top: 15px; }

.promo-offer__slider .swiper-slide { height: auto; }

.promo-offer__card {
	position: relative;
	display: flex;
	height: 100%;
	min-height: 160px;
	padding: 20px;
	overflow: hidden;
	border: 1px solid var(--c-line);
	border-radius: 10px;
	background: var(--c-cream);
}

.promo-offer__card--beige { background: var(--c-beige); }

.promo-offer__main {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	gap: 20px;
	min-width: 0;
	max-width: none;
}

.promo-offer__title { color: var(--c-orange); }

.promo-offer__list {
	max-width: 72%;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.32;
}

.promo-offer__ill {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 46%;
	height: 92%;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	pointer-events: none;
}

.promo-offer__ill svg,
.promo-offer__art {
	width: auto;
	height: 100%;
	max-width: 100%;
}

.promo-offer__cta {
	display: grid;
	justify-items: start;
	gap: 20px;
	margin-top: 10px;
	padding: 20px;
	border-radius: 10px;
	background: var(--c-orange);
	color: var(--c-white);
}

.promo-offer__cta-copy { display: grid; gap: 10px; }

.promo-offer__cta-title,
.promo-offer__cta-text { color: var(--c-white); }

.promo-offer__cta-text {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.32;
}

@media (min-width: 768px) {
	.promo-offer__card { min-height: 180px; }
	.promo-offer__list { max-width: 68%; }
}

@media (min-width: 1200px) {
	.promo-offer__mark {
		top: 0;
		right: max(8px, calc((100vw - 1440px) / 2 + 8px));
		width: 560px;
		height: 685px;
		opacity: 0.38;
	}

	.promo-offer__head { max-width: 873px; }

	.promo-offer__slider {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 20px;
		align-items: start;
	}

	.promo-offer__slider .swiper { grid-column: 1 / -1; overflow: visible; }

	.promo-offer__slider .swiper-wrapper {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 20px;
	}

	.promo-offer__slider .swiper-slide { width: auto; margin: 0; }

	.promo-offer__card { min-height: 178px; }

	.promo-offer__main { max-width: 420px; gap: 20px; }

	.promo-offer__title { color: var(--c-black); }

	.promo-offer__card--accent .promo-offer__title { color: var(--c-orange); }

	.promo-offer__list { max-width: none; font-weight: 500; }

	.promo-offer__ill {
		right: 4px;
		bottom: 0;
		width: 220px;
		height: 230px;
	}

	.promo-offer__cta {
		grid-column: 1;
		gap: 25px;
		width: 100%;
		margin-top: 0;
		padding: 20px;
	}

	.promo-offer__cta-copy { gap: 15px; }

	.promo-offer__cta-text { font-weight: 500; }

	.promo-offer__cta-btn { min-height: 52px; }
}