/*
 * Афиша и каталог мест (com_afisha, com_jlcatalog) — часть стилей шаблона, вынесенная из user.css 01.10.2026.
 * Подключается только в своём разделе (index.php); общее — в user.css.
 */

/* --- Лента дат -------------------------------------------------------------- */

.afisha-dates {
	position: relative;
	margin-bottom: 1.75rem;
	/* Лента шире экрана прокручивается внутри себя, а не тянет страницу */
	max-width: 100%;
	overflow-x: auto;
	scrollbar-width: thin;
}

/* Компонент отдаёт даты списком ссылок — раскладываем в горизонтальную
   прокручиваемую ленту вместо вертикального столбца. */
.afisha-dates ul,
.afisha-dates .linesdate,
.afisha-dates .datestandart,
.afisha-dates > div {
	display: flex;
	flex-wrap: nowrap;
	gap: .5rem;
	margin: 0;
	padding: 0 0 .5rem;
	overflow-x: auto;
	list-style: none;
	scrollbar-width: thin;
	scroll-snap-type: x proximity;
}

.afisha-dates li {
	flex: 0 0 auto;
	scroll-snap-align: start;
}

.afisha-dates a {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-width: 62px;
	padding: .5rem .7rem;
	border: 1px solid var(--af-border);
	border-radius: var(--af-radius);
	background: var(--af-surface);
	color: var(--af-text);
	font-size: .85rem;
	line-height: 1.3;
	text-decoration: none;
	white-space: nowrap;
	transition: border-color .15s ease, transform .15s ease;
}

.afisha-dates a:hover {
	border-color: var(--af-accent);
	transform: translateY(-1px);
}

/* --- Сетка и заголовки ------------------------------------------------------ */

.afisha-section {
	margin-bottom: 2.5rem;
}

.afisha-day {
	margin: 1.5rem 0 .75rem;
	padding-bottom: .5rem;
	border-bottom: 1px solid var(--af-border);
	color: var(--af-muted);
	font-size: .95rem;
	font-weight: 500;
}

.afisha-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 1.25rem;
}

/* У площадок обложки горизонтальные, а не постеры */
.afisha-grid--places {
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}

.afisha-grid--places .afisha-card__media img {
	aspect-ratio: 3 / 2;
}

.afisha-intro {
	max-width: 70ch;
	margin-bottom: 1.5rem;
	color: var(--af-muted);
}

/* --- Карточка события ------------------------------------------------------- */

.afisha-card {
	position: relative;
	height: 100%;
	background: var(--af-surface);
	border: 1px solid var(--af-border);
	border-radius: var(--af-radius);
	overflow: hidden;
	transition: transform .18s ease, box-shadow .18s ease;
}

.afisha-card__media {
	position: relative;
	display: block;
	background: color-mix(in srgb, var(--af-text) 6%, transparent);
}

/* Постеры от парсера приходят разного размера — приводим к единой пропорции,
   иначе сетка разъезжается по высоте. */
.afisha-card__media img {
	display: block;
	width: 100%;
	aspect-ratio: 2 / 3;
	object-fit: cover;
	transition: transform .35s ease;
}

.afisha-card__age {
	position: absolute;
	inset-block-start: .5rem;
	inset-inline-end: .5rem;
	padding: .15rem .4rem;
	border-radius: 6px;
	background: rgba(0, 0, 0, .65);
	color: #fff;
	font-size: .72rem;
	line-height: 1.4;
}

.afisha-card__body {
	display: flex;
	flex-direction: column;
	gap: .35rem;
	padding: .85rem .9rem 1rem;
}

.afisha-card__title {
	margin: 0;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: -.01em;
}

.afisha-card__title a {
	color: inherit;
	text-decoration: none;
}

.afisha-card__title a::after {
	content: "";
	position: absolute;
	inset: 0;
}

.afisha-card__meta {
	color: var(--af-muted);
	font-size: .85rem;
}

/* Кинотеатры и театры в каталоге: что идёт сегодня и ближайшее */
.afisha-card__live {
	margin-top: .35rem;
	font-size: .85rem;
	font-weight: 600;
	color: var(--af-text);
}

.afisha-faq {
	margin-top: 2rem;
	max-width: 75ch;
}

.afisha-faq details {
	border-top: 1px solid var(--af-border);
	padding: .7rem 0;
}

.afisha-faq summary {
	cursor: pointer;
	font-weight: 600;
}

.afisha-faq p {
	margin: .5rem 0 0;
	line-height: 1.55;
}

/* --- Сеансы ----------------------------------------------------------------- */

.afisha-times {
	display: flex;
	flex-wrap: wrap;
	gap: .25rem;
	margin-top: .35rem;
}

/* Компонент помечает время классом .badge — у Bootstrap он красит текст
   в белый, и на светлой карточке время становится невидимым. */
.afisha-times a,
.afisha-times span,
.afisha-times .badge,
.seanse_time {
	color: var(--af-text);
	background: transparent;
	display: inline-block;
	padding: .1rem .4rem;
	border: 1px solid var(--af-border);
	border-radius: 6px;
	font-size: .8rem;
	font-variant-numeric: tabular-nums;
	line-height: 1.5;
	text-decoration: none;
	white-space: nowrap;
}

.afisha-times a:hover {
	border-color: var(--af-accent);
	color: var(--af-accent);
}

/* Сводка по прокату вместо списка сеансов: у фильма бывает полторы сотни
   кинотеатров, и перечисление растягивало карточку в пять раз выше постера */
.afisha-card__summary {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .4rem;
	margin: 0;
	color: var(--af-muted);
	font-size: .875rem;
}

/* Цена уходит на свою строку: в узкой карточке разделитель при переносе
   всё равно оставался висеть — то в конце строки, то в начале следующей */
.afisha-card__price,
.afisha-card__when {
	flex-basis: 100%;
}

/* Время подписано словом, сами часы выделены — иначе цифра читалась как
   что угодно: первый сеанс, ближайший, единственный */
.afisha-card__when b {
	color: var(--af-text);
	font-weight: 600;
	font-variant-numeric: tabular-nums;
}

/* --- Страница события ------------------------------------------------------- */

.afisha-hero {
	display: grid;
	grid-template-columns: minmax(0, 300px) minmax(0, 1fr);
	gap: 2rem;
	margin-bottom: 2.5rem;
}
@media (max-width: 767.98px) {


	.afisha-hero {
		grid-template-columns: 1fr;
		gap: 1.25rem;
	}
}


.afisha-hero__poster {
	position: relative;
	align-self: start;
	border-radius: var(--af-radius);
	overflow: hidden;
	background: color-mix(in srgb, var(--af-text) 6%, transparent);
}

.afisha-hero__poster img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 2 / 3;
	object-fit: cover;
}
@media (max-width: 767.98px) {


	/* Во всю ширину постер занимает целый экран — ограничиваем */
	.afisha-hero__poster {
		max-width: 220px;
	}
}


/* У площадок снимки горизонтальные, вертикальная пропорция постера их режет */
.afisha-hero--place .afisha-hero__poster img {
	aspect-ratio: 3 / 2;
}

.afisha-hero__title {
	font-size: clamp(1.7rem, 1.2rem + 2vw, 2.6rem);
	font-weight: 700;
	letter-spacing: -.02em;
	margin-bottom: .35rem;
}

.afisha-hero__sub,
.afisha-hero__original {
	margin-bottom: 1rem;
	color: var(--af-muted);
	font-size: 1.05rem;
}

.afisha-hero__facts {
	margin-bottom: 1rem;
	color: var(--af-muted);
}

/* Страна, год и жанр — ссылки на поиск, но выглядеть должны как часть строки */
.afisha-hero__facts .tag {
	color: inherit;
	text-decoration: none;
}

.afisha-sep {
	opacity: .5;
	padding: 0 .15rem;
}

.afisha-ratings {
	display: flex;
	flex-wrap: wrap;
	gap: .75rem;
	margin-bottom: 1.25rem;
}

.afisha-rating {
	display: inline-flex;
	align-items: baseline;
	gap: .4rem;
	padding: .35rem .7rem;
	border: 1px solid var(--af-border);
	border-radius: 999px;
	color: var(--af-muted);
	font-size: .85rem;
}

.afisha-rating b {
	color: var(--af-text);
	font-size: 1.05rem;
}

.afisha-rating i {
	font-style: normal;
	opacity: .65;
}

/* Роли и участники: подпись слева, список ссылок справа */
.afisha-facts {
	display: grid;
	grid-template-columns: minmax(90px, max-content) minmax(0, 1fr);
	gap: .4rem 1rem;
	margin-bottom: 1.5rem;
}

.afisha-facts dt {
	color: var(--af-muted);
	font-weight: 400;
}

.afisha-facts dd {
	margin: 0;
}

.afisha-hero__description {
	max-width: 70ch;
	margin-bottom: 1.5rem;
	line-height: 1.65;
}

.afisha-trailer__frame {
	position: relative;
	max-width: 860px;
	aspect-ratio: 16 / 9;
	border-radius: var(--af-radius);
	overflow: hidden;
	background: #000;
}

.afisha-trailer__frame iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* --- Расписание -------------------------------------------------------------- */

.afisha-schedule {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 1px solid var(--af-border);
	border-radius: var(--af-radius);
	overflow: hidden;
}

.afisha-schedule__row {
	display: grid;
	grid-template-columns: minmax(0, 260px) minmax(0, 1fr);
	gap: .75rem 1.5rem;
	padding: .9rem 1rem;
	background: var(--af-surface);
}

.afisha-schedule__row + .afisha-schedule__row {
	border-top: 1px solid var(--af-border);
}
@media (max-width: 575.98px) {


	.afisha-schedule__row {
		grid-template-columns: 1fr;
	}
}


.afisha-schedule__place a {
	color: var(--af-text);
	font-weight: 500;
	text-decoration: none;
}

.afisha-schedule__place a:hover {
	color: var(--af-accent);
}

.afisha-schedule__price {
	display: block;
	margin-top: .2rem;
	color: var(--af-muted);
	font-size: .85rem;
}

/* Сеансы приходят от хелпера набором .badge — у бутстрапа они белые
   на белом фоне карточки, поэтому цвет и фон задаём сами. */
.afisha-times {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .35rem;
}

.afisha-times .badge {
	padding: .35rem .55rem;
	border: 1px solid var(--af-border);
	border-radius: 8px;
	background: transparent;
	color: var(--af-text);
	font-size: .9rem;
	font-weight: 500;
}

.afisha-times > span:not(.badge) {
	margin-inline-end: .25rem;
	color: var(--af-muted);
	font-size: .85rem;
}

.afisha-weeknav {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	margin-top: 1.25rem;
}

.afisha-weeknav a {
	color: var(--af-muted);
	font-size: .9rem;
	text-decoration: none;
}

.afisha-weeknav a:hover {
	color: var(--af-text);
}

/* Дни без сеансов: ссылки нет, поэтому и выглядеть должны неактивными */
.afisha-dates .is-empty span {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-width: 62px;
	padding: .5rem .7rem;
	border: 1px dashed var(--af-border);
	border-radius: var(--af-radius);
	color: var(--af-muted);
	font-size: .85rem;
	line-height: 1.3;
	white-space: nowrap;
	opacity: .55;
}

/* Заголовок блока на главной со ссылкой на раздел целиком */
.afisha-block__head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 1rem;
	margin: 2.5rem 0 1rem;
}

.afisha-block__head:first-child {
	margin-top: 0;
}

.afisha-block__head .afisha-section__title {
	margin: 0;
}

.afisha-block__all {
	flex: 0 0 auto;
	color: var(--af-muted);
	font-size: .9rem;
	text-decoration: none;
	white-space: nowrap;
}

.afisha-title__date {
	color: var(--af-muted);
	font-weight: 400;
}
@media (max-width: 575.98px) {

/* На телефоне карточки в две колонки: одна на всю ширину даёт постер
   в пол-экрана и заставляет листать вместо просмотра */

	.afisha-grid,
	.afisha-grid--module,
	.afisha-grid--places {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: .75rem;
	}

	.afisha-card__title {
		font-size: .95rem;
	}

	.afisha-card__summary {
		font-size: .8rem;
	}
}


/* Заглушка вместо постера.
   Рисуется стилями, а не картинкой: у 1140 событий из 1536 изображения нет,
   и прежний nofoto.png весом 3,5 КБ грузился на каждой такой карточке. Здесь
   ноль запросов, живая подстройка под тёмную тему и первая буква названия
   вместо безликой иконки. */
.afisha-card__media--empty {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 2 / 3;
	background:
		radial-gradient(120% 80% at 50% 0%,
			hsl(var(--af-hue, 0) 60% 92%) 0%,
			var(--af-surface) 70%);
	border-bottom: 1px solid var(--af-border);
	/* Карточка — ссылка, и подчёркивание от неё пробивается на букву */
	text-decoration: none;
}
@media (prefers-color-scheme: dark) {

	/* копия из user.css: перебивает правило выше по файлу */
	.afisha-card__media--empty {
		background:
			radial-gradient(120% 80% at 50% 0%,
				hsl(var(--af-hue, 0) 30% 22%) 0%,
				var(--af-surface) 70%);
	}
}


.afisha-grid--places .afisha-card__media--empty,
.afisha-hero--place .afisha-hero__poster.afisha-card__media--empty {
	aspect-ratio: 3 / 2;
}

.afisha-card__letter {
	font-size: clamp(2rem, 1rem + 6vw, 3.5rem);
	font-weight: 700;
	line-height: 1;
	letter-spacing: -.04em;
	color: hsl(var(--af-hue, 0) 35% 45% / .5);
	text-decoration: none;
	user-select: none;
}
@media (prefers-color-scheme: dark) {

	/* копия из user.css: перебивает правило выше по файлу */
	.afisha-card__letter {
		color: hsl(var(--af-hue, 0) 40% 75% / .45);
	}
}


/* Страница персоны: фото портретное, как постер */
.afisha-hero--person .afisha-hero__poster img {
	aspect-ratio: 2 / 3;
	object-fit: cover;
	width: 100%;
	display: block;
	border-radius: var(--af-radius);
}

/* Фильмография: год слева, события справа */
.afisha-facts--years dt {
	font-variant-numeric: tabular-nums;
	font-weight: 600;
	color: var(--af-text);
}

.afisha-facts--years dd {
	margin-bottom: .35rem;
	line-height: 1.6;
}

/* Адрес, открывающий карту: выглядит как ссылка, но остаётся кнопкой */
.afisha-map-link {
	padding: 0;
	border: 0;
	background: none;
	color: inherit;
	font: inherit;
	text-align: left;
	text-decoration: underline;
	text-decoration-style: dotted;
	text-underline-offset: 3px;
	cursor: pointer;
}

.afisha-map-link:hover {
	color: var(--af-accent);
}

/* Список станций указателя */
.afisha-metro {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	margin: 0 0 1.5rem;
	padding: 0;
	list-style: none;
}

.afisha-metro__item a {
	display: inline-flex;
	align-items: baseline;
	gap: .4rem;
	padding: .35rem .7rem;
	border-radius: 999px;
	background: var(--af-surface);
	text-decoration: none;
}

.afisha-metro__item a:hover {
	background: var(--af-accent);
	color: #fff;
}

.afisha-metro__count {
	font-size: .8rem;
	opacity: .65;
}

.afisha-letter {
	margin: 0 0 .5rem;
	font-size: 1.05rem;
	color: var(--af-muted);
}

.afisha-card__meta--accent {
	color: var(--af-accent);
}

/* ------------------------------------------------ переключатель периода */

/* Подборка по стране, году или жанру: «сегодня / до конца недели / вся афиша» */
.afisha-switch {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	margin: 0 0 1.25rem;
}

.afisha-switch > a,
.afisha-switch > span {
	padding: .4rem .9rem;
	border: 1px solid var(--af-border);
	border-radius: 999px;
	background: var(--af-surface);
	color: var(--af-text);
	font-size: .95rem;
	text-decoration: none;
}

.afisha-switch > a:hover {
	border-color: var(--af-accent);
	color: var(--af-accent);
}

.afisha-switch > [aria-current="page"] {
	border-color: var(--af-accent);
	background: var(--af-accent);
	color: var(--af-accent-ink);
}

/* «Вся киноафиша» — выход из подборки, отодвигаем вправо */
.afisha-switch__all {
	margin-left: auto;
}
@media (max-width: 600px) {


	.afisha-switch__all {
		margin-left: 0;
	}
}


/* Станции метро — в тёмной теме значок должен быть тёмным */
.afisha-metro__item a {
	border: 1px solid var(--af-border);
	color: var(--af-text);
}

.afisha-metro__item a:hover {
	border-color: var(--af-accent);
	color: var(--af-accent-ink);
}

/* Страница дня: разделы идут так же, как блоки главной */
.is-day .afisha-section + .afisha-section {
	margin-top: 2.75rem;
}

/* --- Герой главной и лента дней ----------------------------------------------- */

.afisha-welcome {
	margin-bottom: 2.5rem;
	padding: clamp(1.75rem, 4vw, 3rem) 0 clamp(1.5rem, 3vw, 2.25rem);
	background: var(--af-baltic);
	color: #fff;
}

.afisha-welcome__inner {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 1.75rem 3rem;
}

.afisha-welcome__text {
	flex: 1 1 22rem;
	min-width: 0;
}

.afisha-welcome__title {
	margin: 0;
	color: #fff;
	font-family: var(--af-display);
	font-size: clamp(2rem, 1.2rem + 3.6vw, 3.75rem);
	font-weight: 700;
	line-height: 1.02;
	letter-spacing: -.035em;
}

.afisha-welcome__today {
	margin: .9rem 0 0;
	color: rgba(255, 255, 255, .78);
	font-size: 1.05rem;
}

/* Главный элемент страницы: семь дней крупными числами. Сегодняшний —
   цветом янтаря, выходные чуть ярче будних. */
.afisha-days {
	display: flex;
	flex: 0 1 auto;
	gap: .35rem;
	max-width: 100%;
	overflow-x: auto;
	scrollbar-width: none;
}

.afisha-days__day {
	display: flex;
	flex: 0 0 auto;
	flex-direction: column;
	align-items: center;
	min-width: 4.1rem;
	padding: .7rem .5rem .6rem;
	border-radius: var(--af-radius);
	color: rgba(255, 255, 255, .8);
	text-decoration: none;
	transition: background-color .15s ease;
}

.afisha-days__num {
	font-family: var(--af-display);
	font-size: clamp(1.6rem, 1.2rem + 1.4vw, 2.3rem);
	font-weight: 600;
	line-height: 1;
	font-variant-numeric: tabular-nums;
}

.afisha-days__label {
	margin-top: .35rem;
	font-size: .82rem;
}

.afisha-days__day.is-weekend .afisha-days__label {
	color: #ffd08a;
}

.afisha-days__day.is-today {
	background: var(--af-warm);
	color: var(--af-warm-ink);
}

.afisha-days__day.is-today .afisha-days__label {
	color: var(--af-warm-ink);
	font-weight: 600;
}
@media (max-width: 991.98px) {


	.afisha-days {
		margin-inline: calc(-1 * var(--af-gutter));
		padding-inline: var(--af-gutter);
	}
}


/* --- Ряды постеров на главной -------------------------------------------------- */

/* Блоки разделов на главной — одной прокручиваемой лентой, а не сеткой в
   несколько рядов: так на экран влезает несколько разделов сразу, а не
   двадцать постеров кино подряд. */
.is-home .afisha-grid--module,
.afisha-modules--bottom .afisha-grid--module,
.afisha-grid--row {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: minmax(150px, calc((100% - 5 * 1.25rem) / 6));
	grid-template-columns: none;
	gap: 1.25rem;
	overflow-x: auto;
	padding-bottom: .75rem;
	scroll-snap-type: x mandatory;
	scrollbar-width: thin;
	scrollbar-color: var(--af-border) transparent;
}

.is-home .afisha-grid--module > *,
.afisha-modules--bottom .afisha-grid--module > *,
.afisha-grid--row > * {
	scroll-snap-align: start;
}
@media (max-width: 767.98px) {


	.is-home .afisha-grid--module,
	.afisha-modules--bottom .afisha-grid--module,
	.afisha-grid--row {
		grid-auto-columns: 42%;
		margin-inline: calc(-1 * var(--af-gutter));
		padding-inline: var(--af-gutter);
		scroll-padding-inline: var(--af-gutter);
	}
}


.afisha-block__head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: 1.1rem;
}

.afisha-block__head .afisha-section__title {
	margin: 0;
	font-size: clamp(1.15rem, 1rem + .6vw, 1.5rem);
}

.afisha-block__all {
	flex: 0 0 auto;
	color: var(--af-accent);
	font-weight: 600;
	text-decoration: none;
}

/* Карточка без рамки и тени: постер, под ним название и площадки */
.afisha-card {
	border: 0;
	background: transparent;
	box-shadow: none;
}

.afisha-card__media {
	border-radius: var(--af-radius);
	overflow: hidden;
}

.afisha-card__title {
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.3;
}

.afisha-card__title a {
	color: var(--af-text);
	text-decoration: none;
}

.afisha-card__price {
	color: var(--af-text);
	font-weight: 600;
}
@media (prefers-reduced-motion: reduce) {

	/* копия из user.css: перебивает правило выше по файлу */
	.afisha-days__day,
	.afisha-card,
	.afisha-links__item {
		transition: none;
	}
}


/* --- Лента дат раздела: в одном стиле с лентой дней главной ------------------- */

.afisha-dates .item a {
	min-width: 4.2rem;
	padding: .55rem .6rem;
	border: 0;
	border-radius: var(--af-radius);
	background: transparent;
	color: var(--af-text);
	transition: background-color .15s ease;
}

.afisha-dates .item strong {
	font-family: var(--af-display);
	font-size: 1rem;
	font-weight: 600;
}

.afisha-dates .item small {
	color: var(--af-muted);
	font-size: .8rem;
}

/* Макет компонента помечает день классом current, шаблон места — is-current */
.afisha-dates .item.is-current a,
.afisha-dates .item.current a {
	background: var(--af-warm);
	color: var(--af-warm-ink);
}

.afisha-dates .item.is-current a small,
.afisha-dates .item.current a small {
	color: var(--af-warm-ink);
}

/* Выбранный день без показов: рамка акцентная, но без заливки */
.afisha-dates .item.is-empty.is-current span,
.afisha-dates .item.is-empty.current span {
	border-style: solid;
	border-color: var(--af-warm);
	color: var(--af-text);
}

/* Карточка без подложки: текст выравниваем по краю постера */
.afisha-card__body {
	padding-inline: 0;
}

/* --- Архив афиши площадки ----------------------------------------------------- */

.afisha-archive__lead {
	max-width: 70ch;
	margin-bottom: 1rem;
	color: var(--af-muted);
}

.afisha-archive__more {
	margin-top: 1.5rem;
	color: var(--af-muted);
}

.afisha-archive-list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 22rem), 1fr));
	gap: 0 2rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.afisha-archive-list__row {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: .15rem .6rem;
	padding: .55rem 0;
	border-bottom: 1px solid var(--af-border);
}

.afisha-archive-list__row a {
	font-weight: 600;
}

.afisha-archive-list__addr,
.afisha-archive-list__meta {
	color: var(--af-muted);
	font-size: .88rem;
}

.afisha-archive-list__meta {
	margin-left: auto;
	white-space: nowrap;
}
.icon-arrow-down::before { content: "↓"; }