/* Слой темы поверх вёрстки.
   Отдельным файлом, чтобы правки не потерялись, когда верстальщик пришлёт
   обновлённый style.css. Подключается последним.

   ЗДЕСЬ НЕ МЕНЯЮТ ГЕОМЕТРИЮ ВЁРСТКИ. Размеры, пропорции, отступы и обрезка
   картинок — решения дизайнера, они согласованы и приняты. Если блок выглядит
   сломанным, причина в данных (нет картинки, пустое поле), и чинить надо
   данные, а не CSS. Однажды я задал плиткам каталога свой aspect-ratio,
   чтобы пустые ящики не схлопывались, — и переписал этим авторскую раскладку,
   где плитки нарочно разного размера. Пустоту закрывают заглушки
   (inc/lord-images.php), а не подогнанные пропорции.

   Сюда можно класть только то, чего в вёрстке нет вовсе: оформление
   элементов, добавленных темой. */

/* Ответ формы: сообщения об отправке в вёрстке не было. */
.form-note { margin-top: 1em; }
.form-note--ok { color: #1c7c3f; }
.form-note--err { color: #c02626; }

/* Образец конфигуратора без своей картинки: показываем название материала.
   В вёрстке там всегда картинка, но пока заказчик их не загрузил, чужое
   фото разъезжается — CSS вёрстки даёт образцу высоту 14.17cqw и ширину
   по пропорции, и кадр полотна выходит 700x203 вместо квадратика. */
.radio-box__name {
	display: flex;
	align-items: center;
	justify-content: center;
	/* Ширина и высота сняты с образца в вёрстке: там он 103x209 при окне
	   1440. Без ширины текст растягивал плитку до 141px, и ряд образцов
	   переставал совпадать с макетом. */
	width: 6.78cqw;
	min-height: 14.17cqw;
	padding: 0 0.4cqw;
	text-align: center;
	line-height: 1.25;
	font-size: 0.9cqw;
	overflow: hidden;
}

@media (max-width: 1023px) {
	.radio-box__name { width: 14cqw; min-height: 21.33cqw; font-size: var(--t14, 3.7cqw); }
}