.variants_price_section{
	background: black;
	color: white;
}
.variants_price_section h2{
	text-transform: uppercase;
}

.variants_price__block{
	background: rgba(29, 28, 34, 1);
	padding: 1rem 1rem;
	border-radius: var(--border-radius-s14);
}

.variants_price__block {
	display: grid;
	grid-template-rows: auto auto 1fr;
	row-gap: 1rem;   /* отступ между строками по вкусу */
}

/* 3. Назначаем гридам имена областей (необязательно, но для наглядности) */
.variants_price__block {
	grid-template-areas:
    "title"
    "prices"
    "content";
}

.variants_price__block_title {
	grid-area: title;
}

.flexbox { /* у вас это обёртка цен */
	grid-area: prices;
}

.variants_price__block_content {
	grid-area: content;
}

.variants_price__block_title{
	font-weight: 700;
	font-size: var(--s20);
	display: block;
	margin-bottom: 0.7rem;
}

.variants_price__block_price_no_sale{
	font-size: var(--s24);
	text-decoration: line-through;
}
.variants_price__block_price{
	font-size: var(--s24);
	font-weight: 500;
}

.custom-slider__slide{
	flex: 0 0 30% !important;
}

@media (max-width: 767px) {
	.custom-slider__slide{
		flex: 0 0 70% !important;
	}
	.variants_price__block_title{
		font-size: var(--s22);
	}
}