/* news-list_custom — список новостей по макету */

/* картинка: скруглённая, пропорция ~2:1 */
.news-list_custom-template .ui-card__image {
	/*aspect-ratio: 2.086 / 1;*/
	/*aspect-ratio: 266 / 127.52;*/
	aspect-ratio: 2 / 1;
	overflow: hidden;
}

.news-list_custom-template .ui-card__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* дата */
.news-list_custom-template .ui-card__text {}

/* заголовок */
.news-list_custom-template .ui-card__title {
	font-size: 18px;
	line-height: 22px;
	transition: color 0.2s ease;
}

/* анонс: не более 5 строк */
.news-list_custom-template .ui-card__anons {
	color: var(--secondary);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	line-clamp: 5;
	overflow: hidden;
}

/* карточка и ссылка не должны обрезать поднятую картинку и её тень
   (в теме у .ui-card обрезка по границам ячейки) */
.news-list_custom-template .ui-cards .ui-card,
.news-list_custom-template .ui-cards .ui-card>a,
.news-list_custom-template .ui-cards .ui-card>.flexbox {
	overflow: visible;
}

/* hover — как в списке товаров каталога, но только для изображения
   (только десктоп / устройства с курсором) */
@media (min-width: 768px) and (hover: hover) {
	.news-list_custom-template .ui-card__image {
		transition: transform 0.2s ease, box-shadow 0.2s ease;
	}

	.news-list_custom-template .ui-card:hover .ui-card__image {
		transform: translateY(-4px);
		box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
	}

	.news-list_custom-template .ui-card:hover .ui-card__title {
		color: var(--redhover);
	}
}