/* Start:/local/templates/gyama/components/bitrix/news/tmp_photo_video/bitrix/news.list/album/style.css?17914920054099*/
/* Обложка */
.album-hero {
	position: relative; display: flex; align-items: flex-end; justify-content: center;
	min-height: min(82vh, 760px); padding: 0 16px 72px; box-sizing: border-box;
	background: #343E4E center / cover no-repeat; color: #fff; text-align: center;
}
.album-hero__shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.05) 35%, rgba(0,0,0,.65)); }
.album-hero__body { position: relative; max-width: 900px; }
.album-hero__title {
	margin: 0; font-family: 'Oranienbaum', Georgia, serif; font-weight: 400;
	font-size: clamp(28px, 4.6vw, 54px); line-height: 1.15; text-shadow: 0 2px 12px rgba(0,0,0,.45);
}
.album-hero__date { margin-top: 18px; font-size: 15px; letter-spacing: .02em; opacity: .9; }
.album-hero__count {
	position: absolute; top: 20px; right: 24px; display: flex; align-items: center; gap: 8px;
	font-size: 18px; font-weight: 600; text-shadow: 0 1px 6px rgba(0,0,0,.5);
}
.album-hero__count svg { width: 26px; height: 26px; fill: currentColor; filter: drop-shadow(0 1px 4px rgba(0,0,0,.5)); }
.album-hero__down { position: absolute; bottom: 18px; left: 50%; transform: translateX(-50%); color: #fff; opacity: .85; }
.album-hero__down svg { width: 34px; height: 34px; display: block; }
.album-hero__down:hover { opacity: 1; }

/* Описание */
.page--photo.page--album .album-page { padding-top: 20px; }
.album-info { max-width: 760px; margin: 0 auto 32px; font-size: 16px; line-height: 1.6; }
.album-info__meta { margin-top: 14px; color: #343E4E; }

/* Коллаж: ряды одной высоты, снимки без обрезки */
.album-grid { --h: 250px; display: flex; flex-wrap: wrap; gap: 20px; scroll-margin-top: 90px; }
.album-grid::after { content: ''; flex-grow: 999999; }
.album-grid__item {
	position: relative; display: block; overflow: hidden; background: #D2C6BE;
	flex-grow: calc(var(--r) * 100); flex-basis: calc(var(--r) * var(--h));
}
.album-grid__item::before { content: ''; display: block; padding-top: calc(100% / var(--r)); }
.album-grid__item img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.album-grid__item:hover img { transform: scale(1.03); }
@media (max-width: 767px) {
	.album-hero { min-height: 68vh; padding-bottom: 60px; }
	.album-hero__count { top: 14px; right: 16px; font-size: 16px; }
	.album-grid { --h: 150px; gap: 10px; }
}
.album-videos { margin-top: 40px; }

/* Просмотр на весь экран */
.album-lb { position: fixed; inset: 0; z-index: 10000; background: rgba(12,12,14,.96); color: #fff; display: flex; align-items: center; justify-content: center; }
.album-lb[hidden] { display: none; }
.album-lb__stage { margin: 0; max-width: calc(100vw - 140px); max-height: calc(100vh - 110px); display: flex; flex-direction: column; align-items: center; }
.album-lb__img { max-width: 100%; max-height: calc(100vh - 140px); object-fit: contain; user-select: none; -webkit-user-drag: none; transition: opacity .2s; }
.album-lb__img.is-loading { opacity: .25; }
.album-lb__caption { margin-top: 12px; font-size: 14px; opacity: .85; text-align: center; max-width: 800px; }
.album-lb__caption:empty { display: none; }
.album-lb__bar { position: absolute; top: 0; left: 0; right: 0; display: flex; align-items: center; gap: 16px; padding: 12px 18px; font-size: 14px; }
.album-lb__counter { margin-right: auto; opacity: .85; }
.album-lb__btn { background: none; border: 0; color: #fff; cursor: pointer; text-decoration: none; opacity: .85; font: inherit; }
.album-lb__btn:hover { opacity: 1; }
.album-lb__close { font-size: 34px; line-height: 1; }
.album-lb__nav { position: absolute; top: 50%; transform: translateY(-50%); width: 60px; height: 90px; background: none; border: 0; color: #fff; font-size: 64px; line-height: 1; cursor: pointer; opacity: .6; }
.album-lb__nav:hover { opacity: 1; }
.album-lb__prev { left: 6px; }
.album-lb__next { right: 6px; }
@media (max-width: 767px) {
	.album-lb__stage { max-width: 100vw; }
	.album-lb__nav { display: none; }
}
body.album-lb-open { overflow: hidden; }

/* End */
/* /local/templates/gyama/components/bitrix/news/tmp_photo_video/bitrix/news.list/album/style.css?17914920054099 */