/*
 * Разделы площадок: /{регион}/bazy-otdyha/ и /mesta/ («Базы отдыха России»).
 * Задание docs/prompts/seo-04-bazy-otdyha.md.
 *
 * Всё остальное страница берёт из catalog.css и home-sections.css (шапка,
 * строка фильтров, сетка, карточка .pk-card, таблица цен, CTA). Здесь только
 * своё: мелочи карточки площадки, блок регионов внизу, ссылка на соседний
 * регион под описанием. Подключается по флагу pk_vsec_template.
 */

/* ------------------------------------------------ ссылка на соседний регион */
.pk-catalog .pk-cat-introlink {
	display: inline-flex; align-items: center; gap: 6px; margin-top: 12px;
	font-size: var(--fs-body); font-weight: var(--fw-semibold); color: var(--pk-green-dark);
	text-decoration: none;
}
.pk-catalog .pk-cat-introlink:hover { color: var(--pk-green); text-decoration: underline; }
.pk-catalog .pk-cat-introlink .pk-h-ico { flex: none; }

/* ------------------------------------------------------- карточка площадки */
/* Разметка и вид - каталожная .pk-card (components.css), с 2026-09-16.
   Своё только: подложка без фото, как у MestoCard, и пилюля состава,
   которая длиннее «до N человек» и не должна вылезать за фото. */
.pk-vsec .pk-card--venue .pk-card__media {
	background:
		radial-gradient(78% 120% at 14% 6%, #24603a 0%, rgba(36,96,58,0) 62%),
		linear-gradient(158deg, #17452a 0%, #0f2f1d 58%, #0b2416 100%);
}
.pk-vsec .pk-card--venue .pk-card__cap {
	max-width: calc(100% - 20px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

/* ------------------------------------ базы других регионов (страница региона) */
.pk-vsec .pk-vsec-others { padding: 32px 0 8px; }
.pk-vsec .pk-vsec-others__label {
	margin: 0 0 14px; font-size: var(--fs-ui-sm); font-weight: var(--fw-bold);
	letter-spacing: 0.02em; text-transform: uppercase; color: var(--pk-muted);
}

/* --------------------------------------------------- текст перед CTA */
.pk-vsec .pk-vsec-prose .pk-cat-prose + .pk-cat-prose { margin-top: 14px; }