/* Тарифы: строки с линией, на мобилке — блок */

.prices { padding-block: 50px; }
.prices .section-head__titles { justify-items: center; }
.prices__note { color: var(--c-black); }

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

.prices__item {
	position: relative;
	padding: 15px 16px 0;
	transition: background-color 0.25s var(--ease);
}

.prices__item::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 1px;
	background: var(--c-line);
}

.prices__item + .prices__item { margin-top: 15px; }

.prices__item--highlight {
	background-color: var(--c-beige);
	padding: 15px 16px;
}

.prices__item--highlight::before { content: none; }

.prices__item:not(.prices__item--highlight):hover { background-color: rgba(224, 186, 145, 0.14); }
.prices__item--highlight:hover { background-color: #ead9c6; }

.prices__row {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.prices__info {
	display: flex;
	flex-direction: column;
	gap: 10px;
	min-width: 0;
}

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

.prices__desc {
	font-size: 14px;
	line-height: 18px;
}

.prices__meta {
	display: flex;
	align-items: baseline;
	gap: 20px;
}

.prices__cost {
	display: flex;
	align-items: baseline;
	gap: 15px;
}

.prices__now,
.prices__duration {
	font-size: var(--fs-btn);
	line-height: 1.32;
	white-space: nowrap;
}

.prices__old {
	font-size: 14px;
	line-height: 1.32;
	color: rgba(48, 48, 48, 0.35);
	text-decoration: line-through;
	white-space: nowrap;
}

.prices__btn { width: 100%; margin-top: 10px; }

.prices__foot {
	display: flex;
	justify-content: center;
	margin-top: 30px;
}

.prices .prices__question { min-height: 0; }

@media (min-width: 768px) {
	.prices__desc { line-height: 1.32; }
	.prices__item { padding: 20px 20px 0; }
	.prices__item + .prices__item { margin-top: 20px; }

	.prices__item--highlight {
		background-color: transparent;
		padding: 20px 0 0;
	}

	.prices__item--highlight::before { content: ""; }
	.prices__item--highlight:hover { background-color: transparent; }

	.prices__row {
		flex-direction: row;
		align-items: center;
		gap: 20px;
	}

	.prices__item--highlight .prices__row {
		background: var(--c-beige);
		border-radius: 10px;
		padding: 20px;
		transition: background-color 0.25s var(--ease);
	}

	.prices__item--highlight:hover .prices__row { background-color: #ead9c6; }

	.prices__meta { display: contents; }
	.prices__info { order: 1; flex: 1 1 auto; max-width: 650px; }
	.prices__duration { order: 2; flex: 0 0 auto; }
	.prices__cost { order: 3; flex: 0 0 auto; }
	.prices__btn { order: 4; width: auto; margin: 0 0 0 auto; }
	.prices__foot { margin-top: 40px; }
}

@media (min-width: 1200px) {
	.prices__info { gap: 15px; }
	.prices__desc,
	.prices__old { font-weight: 500; }
	.prices__duration { flex-basis: 203px; }
}
