/*
 * [zoomagazin] Лукбук: картинка заполняет плитку целиком.
 *
 * ЗАЧЕМ. У темы `.lookbook__image img { width: 100%; height: auto }`, то есть
 * высота плитки = высота картинки. Плитки в ряду при этом выравниваются по
 * самой высокой (`.lookbook__column` — flex-элемент, `.lookbook__item` —
 * height: 100% + flex-grow-1), и как только высоты разойдутся, снизу вылезает
 * фон плитки #F9F9F9. Это тот же дефект, что и белые поля от contain-ресайза,
 * только серый — и от него не спасает даже точный размер файла: высоты
 * разойдутся, если у плиток в блоке разные размеры в настройках.
 *
 * `object-fit: cover` в теме объявлен, но не работает: при `height: auto`
 * бокс принимает пропорцию картинки, и обрезать нечего.
 *
 * КАК. Высоту боксу задаёт inline `aspect-ratio` из настроек модуля (его
 * ставит zoomagazin_lookbook_cover — из CSS эти числа не видны, у каждой
 * плитки они свои), а картинка растягивается на всю высоту бокса с обрезкой
 * по центру. Если ряд растянут по соседу, бокс тянется вместе с ним и
 * картинка тянется за боксом — пустого места не остаётся ни при какой
 * комбинации размеров.
 *
 * Селектор с двумя классами намеренно: у темы `.lookbook__image img` имеет
 * специфичность (0,1,1), и без второго класса правило не перебьёт `height`.
 *
 * ⚠️ Основную работу делает не этот файл, а cover-ресайз в OCMOD: белое поле
 * запекается в сам jpeg, и CSS его убрать не может. Здесь — только страховка
 * по высоте.
 */

.lookbook__image {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-ms-flex-align: stretch;
	align-items: stretch;
	min-height: 0;
	overflow: hidden;
}

.lookbook__image img.lookbook__img_cover {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}