/**
 * Цена аренды «от N ₽/сутки».
 *
 * Цвета — палитра сайта (pages.css): текст #333E48, приглушённый #687E93,
 * акцент #694DA1 у звёздочки, чтобы глаз находил сноску.
 */

.rd-rent-price {
	margin: 0 0 18px;
}

.rd-rent-price__value {
	font-size: 26px;
	line-height: 1.2;
	font-weight: 700;

	color: #333E48;
}

.rd-rent-price__star {
	color: #694DA1;
}

.rd-rent-price__note {
	max-width: 460px;
	margin-top: 6px;

	font-size: 12.5px;
	line-height: 1.5;

	color: #687E93;
}

/**
 * Компактный вариант в карточках списков.
 *
 * Подвал карточки у Electro — флекс-строка .price-add-to-cart, где раньше
 * слева от кнопки лежала родная цена. Наша цена попадает туда третьим
 * элементом и без правок сжимается в узкий столбик («от / 60 / ₽/ / сут.»).
 * Поэтому: контейнеру разрешаем перенос, цене отдаём всю первую строку —
 * кнопка с корзинкой остаются вдвоём на второй.
 */
/**
 * height: auto обязателен. Тема зажимает подвал в одну строку —
 * .products > .product .price-add-to-cart { height: 2.571em } — под макет
 * «цена слева, корзинка справа». С ценой на своей строке контент стал
 * двухэтажным, и без снятия высоты кнопка вылезает за карточку
 * (ловилось на мобильной сетке). min-height сохраняет прежний ритм
 * карточек, у которых цены нет.
 */
.products > .product .product-loop-footer .price-add-to-cart,
.owl-item > .product .product-loop-footer .price-add-to-cart,
.section-onsale-product-carousel-v9 .onsale-product .product-item__footer .price-add-to-cart,
.product-loop-footer .price-add-to-cart {
	flex-wrap: wrap;

	/* Селекторы с .products > .product — не украшение: у правила темы
	   с height три класса, и без такой же (плюс один) специфичности
	   наш height: auto проигрывает */
	height: auto;
	min-height: 2.571em;
}

.rd-rent-price--loop {
	flex: 0 0 100%;

	margin: 0 0 8px;

	font-size: 15px;
	line-height: 1.3;
	font-weight: 600;
	white-space: nowrap;

	color: #333E48;
}

@media (max-width: 575.98px) {
	.rd-rent-price__value {
		font-size: 22px;
	}
}