/* Start:/local/templates/mpara_25/components/bitrix/news.list/gallery_page/style.css?17501036711752*/
.galleryGrid {
	--column-count: 3;
	--grid-gap: 40rem;
	--show-more-btn-mt: 60rem;
}

@media (max-width: 1024px) {
	.galleryGrid {
		--column-count: 2;
		--grid-gap: 20rem;
		--show-more-btn-mt: 40rem;
	}
}

@media (max-width: 640px) {
	.galleryGrid {
		--show-more-btn-mt: 30rem;
	}
}

.galleryGrid {
	margin-bottom: var(--section-gap);
}

.galleryGrid__wrapper {
	display: grid;
	gap: var(--grid-gap);
	grid-template-columns: repeat(var(--column-count), 1fr);
}

.galleryGrid__item {
	display: flex;
	position: relative;
	overflow: hidden;
	aspect-ratio: 1 / 1;
	pointer-events: none;
	cursor: pointer;
}

.galleryGrid__item::after {
	content: '';
	position: absolute;
	inset: 0;
	opacity: 0;
	transition: opacity var(--animation-duration) var(--animation-timing-function);
	background-color: #00000066;
	z-index: 1;
	background-image: url(/local/templates/mpara_25/assets/img/icon/search.svg);
	background-position: center;
	background-repeat: no-repeat;
}

.galleryGrid__item::before {
	content: '';
	position: absolute;
	inset: 0;
	opacity: 1;
	background-color: var(--main-color);
	transition:
		opacity 0.3s var(--animation-timing-function);
}

.galleryGrid__item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform var(--animation-duration) var(--animation-timing-function);
	opacity: 0;
}

.galleryGrid__item._init {
	pointer-events: all;
}

.galleryGrid__item._init::before {
	opacity: 0;
}

.galleryGrid__item._init img {
	opacity: 1;
}

@media (min-width: 1025px) {
	.galleryGrid__item:hover img {
		transform: scale(1.2);
	}

	.galleryGrid__item:hover::after {
		opacity: 1;
	}
}


.galleryGrid__navigation {
	margin-top: var(--show-more-btn-mt);
	display: flex;
	justify-content: center;

	--btn-width: 240rem;
}
/* End */
/* /local/templates/mpara_25/components/bitrix/news.list/gallery_page/style.css?17501036711752 */