/* Start:/bitrix/templates/.default/components/bitrix/news.list/gallery-detail-new-site.mob/style.css?17917924775757*/
.gallery--mosaic {
	padding-bottom: 120px;
}

.gallery--mosaic .gallery__body {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 0 0 56px;
}

.gallery--mosaic .gallery__row {
	display: flex;
	align-items: stretch;
	justify-content: flex-start !important;
	gap: 10px !important;
	width: 100%;
}

.gallery--mosaic .gallery-item {
	width: auto;
	height: auto;
	min-width: 0;
	min-height: 0;
	margin: 0;
	overflow: hidden;
}

.gallery--mosaic .gallery-item--wide {
	flex: 2 1 0 !important;
	width: 0 !important;
	max-width: none !important;
	aspect-ratio: 3 / 2;
}

.gallery--mosaic .gallery-item--narrow {
	flex: 1 1 0 !important;
	width: 0 !important;
	max-width: none !important;
	aspect-ratio: 3 / 4;
}

.gallery--mosaic .gallery-item__image-wrapper {
	width: 100%;
	height: 100%;
	margin: 0;
	overflow: hidden;
	border-radius: 8px;
	background: #e9e9e6;
}

.gallery--mosaic .gallery-item__link {
	display: block;
	width: 100%;
	height: 100%;
	outline: 0;
}

.gallery--mosaic .gallery-item__image {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	max-width: none;
	object-fit: fill;
	object-position: center center;
}

.gallery--mosaic .gallery-item__link:focus-visible {
	outline: 3px solid #9baf4c;
	outline-offset: -3px;
}

/* Gallery lightbox: dark canvas and CSS-drawn controls. */
.mfp-bg {
	background: #101210 !important;
	opacity: 0.96 !important;
}

.mfp-gallery.mfp-wrap .mfp-container {
	padding: 24px 88px;
}

.mfp-gallery .mfp-content,
.mfp-gallery .mfp-figure {
	background: #080908;
	border-radius: 10px;
}

.mfp-gallery .mfp-figure:after {
	top: 0;
	bottom: 0;
	background: #080908;
	border-radius: 10px;
	box-shadow: 0 18px 60px rgba(0, 0, 0, 0.45);
}

.mfp-gallery img.mfp-img {
	padding: 0;
	max-height: calc(100vh - 48px) !important;
	background: #080908;
	border-radius: 10px;
}

.mfp-gallery .mfp-bottom-bar {
	top: auto;
	bottom: 0;
	min-height: 58px;
	margin: 0;
	padding: 30px 18px 12px;
	background: linear-gradient(180deg, rgba(8, 9, 8, 0), rgba(8, 9, 8, 0.88));
	border-radius: 0 0 10px 10px;
	pointer-events: none;
}

.mfp-gallery .mfp-title,
.mfp-gallery .mfp-counter {
	color: #fff;
	font-family: inherit;
	font-size: 13px;
	font-weight: 400;
	line-height: 18px;
}

.mfp-gallery .mfp-title {
	padding-right: 82px;
}

.mfp-gallery .mfp-counter {
	top: auto;
	right: 18px;
	bottom: 12px;
	opacity: 0.78;
}

.mfp-gallery .mfp-close {
	position: fixed !important;
	top: 20px !important;
	right: 20px !important;
	width: 48px !important;
	height: 48px !important;
	padding: 0 !important;
	background: rgba(31, 35, 32, 0.86) !important;
	border: 1px solid rgba(255, 255, 255, 0.22) !important;
	border-radius: 50%;
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.28) !important;
	color: transparent !important;
	font-size: 0 !important;
	line-height: 0 !important;
	opacity: 1 !important;
	transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.mfp-gallery .mfp-close:before,
.mfp-gallery .mfp-close:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 21px;
	height: 2px;
	margin: -1px 0 0 -10.5px;
	background: #fff;
	border-radius: 2px;
}

.mfp-gallery .mfp-close:before {
	transform: rotate(45deg);
}

.mfp-gallery .mfp-close:after {
	transform: rotate(-45deg);
}

.mfp-gallery .mfp-close:hover,
.mfp-gallery .mfp-close:focus-visible {
	background: #9baf4c !important;
	border-color: #9baf4c !important;
	transform: scale(1.06);
}

.mfp-gallery .gallery-btn {
	position: fixed;
	top: 50%;
	bottom: auto;
	width: 54px;
	height: 54px;
	background: rgba(31, 35, 32, 0.86);
	border: 1px solid rgba(255, 255, 255, 0.22);
	border-radius: 50%;
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.28);
	transform: translateY(-50%);
	z-index: 1050;
	transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.mfp-gallery .gallery-btn:hover,
.mfp-gallery .gallery-btn:focus-visible {
	background: #9baf4c;
	border-color: #9baf4c;
	transform: translateY(-50%) scale(1.06);
}

.mfp-gallery .gallery-btn:before {
	width: 14px;
	height: 14px;
	background: none !important;
	border: 0 solid #fff;
	transform: rotate(45deg);
}

.mfp-gallery .gallery-btn--left {
	left: 20px !important;
}

.mfp-gallery .gallery-btn--left:before {
	border-bottom-width: 2px;
	border-left-width: 2px;
	margin-left: 5px;
}

.mfp-gallery .gallery-btn--right {
	right: 20px !important;
}

.mfp-gallery .gallery-btn--right:before {
	border-right-width: 2px;
	border-top-width: 2px;
	margin-right: 5px;
}

@media screen and (max-width: 767px) {
	.mfp-gallery.mfp-wrap .mfp-container {
		padding: 0;
	}

	.mfp-gallery .mfp-content,
	.mfp-gallery .mfp-figure,
	.mfp-gallery .mfp-figure:after,
	.mfp-gallery img.mfp-img {
		border-radius: 0;
	}

	.mfp-gallery img.mfp-img {
		max-height: 100vh !important;
	}

	.mfp-gallery .mfp-close {
		top: 12px !important;
		right: 12px !important;
		width: 44px !important;
		height: 44px !important;
	}

	.mfp-gallery .gallery-btn {
		bottom: auto;
		width: 44px;
		height: 44px;
	}

	.mfp-gallery .gallery-btn--left {
		left: 8px !important;
	}

	.mfp-gallery .gallery-btn--right {
		right: 8px !important;
	}

	.mfp-gallery .mfp-bottom-bar {
		position: absolute;
		padding: 34px 14px 10px;
		border-radius: 0;
	}

	.mfp-gallery .mfp-counter {
		right: 14px;
		bottom: 10px;
	}

	.mfp-gallery .mfp-title {
		padding-right: 72px;
	}

	.gallery.gallery--mosaic {
		padding-bottom: 0;
	}

	.gallery--mosaic .gallery__body {
		display: flex;
		flex-direction: column;
		gap: 10px;
		margin-bottom: 24px;
	}

	.gallery--mosaic .gallery__row {
		display: flex;
		gap: 10px;
	}

	.gallery--mosaic .gallery-item--wide {
		flex: 2 1 0;
		aspect-ratio: 3 / 2;
	}

	.gallery--mosaic .gallery-item--narrow {
		flex: 1 1 0;
		aspect-ratio: 3 / 4;
	}
}

/* End */
/* /bitrix/templates/.default/components/bitrix/news.list/gallery-detail-new-site.mob/style.css?17917924775757 */