

/* Start:/local/templates/gyama/components/bitrix/catalog.section.list/tmp_photo_sections/style.css?17914924732383*/
/* Список альбомов: первая карточка во всю ширину, дальше по три */
.album-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; margin: 0; padding: 0; list-style: none; }
.album-card { position: relative; margin: 0; padding: 0; aspect-ratio: 390 / 466; }
.album-card:first-child { grid-column: 1 / -1; aspect-ratio: auto; height: 550px; }
.album-card::before { display: none; }
.album-card__link { position: absolute; inset: 0; display: block; overflow: hidden; background: #343E4E; color: #fff; text-decoration: none; }
.album-card__img { position: absolute; inset: 0; background: center / cover no-repeat; transition: transform .5s ease; }
.album-card__link:hover .album-card__img { transform: scale(1.04); }
.album-card__link::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 45%, rgba(0,0,0,.75)); }
.album-card__count {
	position: absolute; top: 18px; right: 20px; z-index: 1; display: flex; align-items: center; gap: 7px;
	font-size: 17px; font-weight: 600; text-shadow: 0 1px 6px rgba(0,0,0,.5);
}
.album-card__count svg { width: 24px; height: 24px; fill: currentColor; filter: drop-shadow(0 1px 4px rgba(0,0,0,.5)); }
.album-card__txt { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; padding: 24px; }
.album-card__date { display: block; margin-bottom: 10px; font-size: 13px; text-transform: uppercase; letter-spacing: .04em; opacity: .9; }
.album-card__title {
	display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;
	font-family: 'Oranienbaum', Georgia, serif; font-size: 24px; line-height: 1.25; text-shadow: 0 1px 8px rgba(0,0,0,.4);
}
.album-card:first-child .album-card__txt { padding: 32px 40px; text-align: center; }
.album-card:first-child .album-card__title { font-size: 34px; -webkit-line-clamp: 3; }
@media (max-width: 1023px) {
	.album-cards { grid-template-columns: repeat(2, 1fr); gap: 20px; }
	.album-card:first-child { height: 420px; }
}
@media (max-width: 599px) {
	.album-cards { grid-template-columns: 1fr; gap: 16px; }
	.album-card, .album-card:first-child { height: auto; aspect-ratio: 4 / 3; }
	.album-card__txt, .album-card:first-child .album-card__txt { padding: 18px; text-align: left; }
	.album-card__title, .album-card:first-child .album-card__title { font-size: 21px; }
}

/* End */
/* /local/templates/gyama/components/bitrix/catalog.section.list/tmp_photo_sections/style.css?17914924732383 */
