/* Start:/bitrix/templates/protobyte_protocorp/components/bitrix/news.detail/projects_custom/css/style.css?17810949251077*/
.news-detail__gallery-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr); /* 2 колонки */
	gap: 12px;
	margin-top: 16px;
}

.news-detail__gallery-item {
	overflow: hidden;
	border-radius: 12px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	aspect-ratio: 3 / 4; /* Пример соотношения для вертикальных фото (например, 3:4) */
	height: auto;
}

.news-detail__gallery-item img {
	transition: transform 0.3s ease;
}

.news-detail__gallery-item:hover img {
	transform: scale(1.05);
}

/* На планшетах — 2 колонки */
@media (max-width: 768px) {
	.news-detail__gallery-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}
}

/* На мобильных — 1 колонка */
@media (max-width: 576px) {
	.news-detail__gallery-grid {
		grid-template-columns: 1fr;
	}
}

/* Дополнительно: если хотите 3 колонки на больших экранах */
@media (min-width: 992px) {
	.news-detail__gallery-grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 16px;
	}
}
/* End */
/* /bitrix/templates/protobyte_protocorp/components/bitrix/news.detail/projects_custom/css/style.css?17810949251077 */