/* Акции: светлая и оранжевая карточка, слайдер по две */

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

.promos__card {
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	padding: 20px;
	border-radius: 10px;
	background: var(--c-cream);
	box-shadow: inset 0 0 0 1px var(--c-line);
}

.promos__card--accent {
	justify-content: flex-start;
	min-height: 197px;
	background: var(--c-orange);
	box-shadow: none;
	color: var(--c-white);
}

.promos__mark {
	position: absolute;
	z-index: 0;
	width: 176px;
	height: 176px;
	right: -54px;
	top: 94px;
	pointer-events: none;
}

.promos__photo {
	position: absolute;
	z-index: 1;
	width: 269px;
	max-width: none;
	height: auto;
	right: -68px;
	top: 79px;
	pointer-events: none;
}

.promos__btn { align-self: flex-start; }

.promos__copy {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.promos__main,
.promos__texts {
	display: flex;
	flex-direction: column;
}

.promos__main { gap: 20px; }
.promos__texts { gap: 10px; }

.promos__value,
.promos__card--light .promos__title,
.promos__card--light .promos__text { color: var(--c-black); }

.promos__card--accent .promos__title,
.promos__card--accent .promos__text { color: var(--c-white); }

.promos__card--accent .promos__title br,
.promos__card--accent .promos__text br { display: none; }

@media (min-width: 1200px) {
	.promos__card { min-height: 269px; }
	.promos__card--accent { justify-content: center; }
	.promos__card--light .promos__copy { max-width: 300px; }
	.promos__card--accent .promos__copy { max-width: 280px; }
	.promos__card--light .promos__main { gap: 30px; }
	.promos__card--light .promos__texts { gap: 15px; }
	.promos__card--accent .promos__main { gap: 30px; }
	.promos__card--accent .promos__title br,
	.promos__card--accent .promos__text br { display: inline; }
	.promos__mark {
		width: 280px;
		height: 280px;
		right: -38px;
		top: 42px;
	}
	.promos__photo {
		width: 490px;
		height: 327px;
		object-fit: cover;
		right: -31px;
		top: -25px;
		bottom: auto;
	}
	.promos__btn { min-height: 52px; }
}