/* Start:/bitrix/templates/aspro-medc2_old/components/bitrix/news/our_works-new/style.css?17893726452863*/
body .item-views.our-works-gallery,
body .item-views.our-works-new-gallery,
body .item-views.our-works-new-sections {
	margin-bottom: 40px;
}

.our-works-new-gallery .our-works-new-card-link {
	display: block;
	cursor: zoom-in;
	width: 100%;
	height: 100%;
}

.our-works-new-gallery .our-works-new-title-trigger {
	cursor: pointer;
}

.our-works-new-gallery .our-works-new-title-trigger:hover {
	text-decoration: underline;
}

.our-works-new-sections .item .title a,
.our-works-new-gallery .item .title {
	word-break: break-word;
}

/*
 * Карточки галереи: единая сетка + поддержка горизонтальных и вертикальных фото.
 * Тема задаёт height:200px и max-height:100% — горизонтальные кадры выглядят «узкими».
 */
body .item-views.our-works-new-gallery .item .image,
body .item-views.our-works-new-sections .item .image {
	position: relative;
	height: auto !important;
	aspect-ratio: 4 / 3;
	background: #f5f7f8;
}

body .item-views.our-works-new-gallery .item .image a,
body .item-views.our-works-new-sections .item .image a {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}

body .item-views.our-works-new-gallery .item .image img,
body .item-views.our-works-new-sections .item .image img {
	position: absolute;
	top: 0;
	left: 0;
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	margin: 0 !important;
	object-fit: cover;
	object-position: center center;
}

/* Fancybox: горизонтальные кадры не должны обрезаться по высоте контейнера */
.fancybox-opened .fancybox-outer,
.fancybox-opened .fancybox-inner {
	max-width: 100%;
}

.fancybox-image {
	max-width: 100% !important;
	max-height: calc(100vh - 120px) !important;
	width: auto !important;
	height: auto !important;
}

/*
 * Overlay must stay BELOW wrap/controls.
 * Same z-index on overlay+wrap made the dark layer cover arrows.
 */
.fancybox-overlay {
	z-index: 100000 !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background: rgba(0, 0, 0, 0.75) !important;
}

.fancybox-overlay-fixed {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	height: 100% !important;
}

.fancybox-wrap {
	z-index: 100010 !important;
}

.fancybox-opened {
	z-index: 100010 !important;
}

.fancybox-nav,
.fancybox-close,
.fancybox-title {
	z-index: 100020 !important;
	pointer-events: auto !important;
}

.fancybox-nav span {
	visibility: visible !important;
}

.fancybox-title {
	visibility: visible !important;
}

/* End */
/* /bitrix/templates/aspro-medc2_old/components/bitrix/news/our_works-new/style.css?17893726452863 */