/* ============================================================================
   СТРАНИЦА РАЙОНА БЕЗ ТИПА: /moskva/{округ}/ и /podmoskovie/{город}/
   Эталон - ui_kits/website/District.jsx (задания ds-06, ds-09, ds-10, ds-11).

   Файл НАМЕРЕННО маленький. Страница района собирается из уже перенесённых
   блоков: шапка выдачи, строка фильтров, сетка и чипы - каталожные
   (catalog.css), карточки типов и площадок - те же, что на главной и хабе
   (home-sections.css, классы .pk-hcat и .pk-hvenue). Здесь лежит только то,
   чего на этих двух поверхностях нет:

     1. число колонок в рядах типов и площадок - у района их бывает 1-4;
     2. кикер над районным FAQ в правой колонке сплита;
     3. три крупные карточки соседей режима «мало объектов».

   Подключается ПОСЛЕ home-sections.css и catalog.css - см. functions.php.
   ========================================================================= */

/* ----------------------------------------------------------------------------
   1. Ряды типов и площадок
   Эталон District.jsx: cols = min(max(items.length, 3), 4). Колонок минимум
   три, чтобы единственная карточка не растянулась на всю ширину (состояние
   «один тип», ds-06 §5.2), и максимум четыре - как на главной.

   Правило заперто в min-width 1201px нарочно: ниже 1200 у главной свои две
   колонки, а ниже 760 ряд вообще превращается в ленту с прокруткой. Перебивать
   их отсюда значило бы чинить мобильный дважды.
   -------------------------------------------------------------------------- */
@media (min-width: 1201px) {
	.pk-catd .pk-hformats,
	.pk-catd .pk-hvenues {
		grid-template-columns: repeat(var(--pk-catd-cols, 4), minmax(0, 1fr));
	}
}

/* Верхний отступ первого блока под сеткой: сетка уже дала свой нижний. */
.pk-catalog .pk-catd-types .pk-hband { padding-top: 8px; }

/* ----------------------------------------------------------------------------
   2. Кикер «Вопросы про округ» над аккордеоном в правой колонке сплита
   Эталон DistrictLocal: зелёная строчка капсом с чёрточкой, не заголовок.
   Второго h2 в колонке нет намеренно - на странице и без него хватает
   заголовков.
   -------------------------------------------------------------------------- */
.pk-catalog .pk-cat-splitfaq__kicker {
	display: inline-flex; align-items: center; gap: 8px;
	margin-bottom: 14px;
	font-size: var(--fs-ui-xs); font-weight: var(--fw-bold);
	letter-spacing: 0.08em; text-transform: uppercase; color: var(--pk-green);
}
.pk-catalog .pk-cat-splitfaq__kicker i {
	width: 22px; height: 2px; border-radius: 2px; background: var(--pk-green);
}

/* ----------------------------------------------------------------------------
   3. «Куда поехать поблизости» - режим «мало объектов»
   Эталон DistrictNeighbours с пропом big: три карточки покрупнее вместо чипов.
   Геометрия перенесена с блока .pk-cnearby хаба города: там она уже проверена
   на 375, а зона хаба этот класс с собой не уносит.
   -------------------------------------------------------------------------- */
.pk-catalog .pk-catd-nearby { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.pk-catalog .pk-catd-nearby__card {
	display: flex; flex-direction: column; gap: 8px;
	padding: 22px 24px;
	border: 1px solid var(--pk-border); border-radius: var(--pk-radius-lg);
	background: #fff; box-shadow: var(--e1); text-decoration: none;
	transition: transform var(--dur-mid), box-shadow var(--dur-mid), border-color var(--dur-mid);
}
.pk-catalog .pk-catd-nearby__card:hover { transform: translateY(-3px); box-shadow: var(--e2); border-color: var(--pk-green); }
.pk-catalog .pk-catd-nearby__name {
	display: inline-flex; align-items: center; gap: 8px; min-width: 0;
	font-size: var(--fs-lead); font-weight: var(--fw-bold); color: var(--pk-text);
}
.pk-catalog .pk-catd-nearby__name .pk-h-ico { flex: none; color: var(--pk-green); }
.pk-catalog .pk-catd-nearby__n { font-size: var(--fs-ui-sm); color: var(--pk-muted); }
.pk-catalog .pk-catd-nearby__go {
	display: inline-flex; align-items: center; gap: 7px; margin-top: 4px;
	font-size: var(--fs-ui-sm); font-weight: var(--fw-bold); color: var(--pk-green-dark);
}

@media (max-width: 900px) {
	.pk-catalog .pk-catd-nearby { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
	.pk-catalog .pk-catd-nearby { grid-template-columns: 1fr; }
	.pk-catalog .pk-catd-nearby__card { padding: 18px 18px; }
}

/* ----------------------------------------------------------------------------
   4. Кегли шапок секций (0-2-1 и 0-3-1)
   Найдено 2026-09-10 по замечанию владельца «заголовки маленькие и кривые».

   Замер getComputedStyle на /podmoskovie/himki/ показал 18px/600 у ВСЕХ шапок
   секций района вместо 34 и 30 из эталона. Виноват не перенос блоков:
   `single-listing.css` переопределяет глобальную базу
   `.pk-front:not(.home) h2` на `font-size: 18px; font-weight: 600` (0-2-1) и
   грузится на КАЖДОЙ странице после base.css. Зонные правила описаны одним
   классом (`.pk-home .pk-h-title`, 0-2-0) и молча проигрывают - ровно та
   ловушка, что уже ловила хаб города и выдачу.

   Лечение то же, что в catalog.css (`h2.pk-cat-h2`) и hub-city.css
   (`.pk-front .pk-cityhub h2.pk-h-title`): тег в селекторе. Числа - из
   эталона District.jsx:
     Heading size={34} у типов и площадок, size={30} у соседей и у полосы
     «Куда поехать поблизости», h2 34 у блока «Где пожарить шашлык»,
     h2 30 у SEO-текста; все fw-black, letter-spacing -0.025em.
   -------------------------------------------------------------------------- */

/* Типы и площадки района: Heading size={34}. */
.pk-catalog--district h2.pk-h-title {
	margin: 0; font-size: 34px; font-weight: var(--fw-black);
	letter-spacing: -0.025em; line-height: 1.1; color: var(--pk-text);
	text-wrap: balance;
}
.pk-catalog--district h2.pk-h-title span { color: var(--pk-green); }

/* «Куда поехать поблизости» в режиме «мало объектов»: Heading size={30}. */
.pk-catalog--district .pk-catd-near h2.pk-h-title { font-size: 30px; }

/* Соседние районы полным списком: Heading size={30}. */
.pk-catalog--district .pk-catd-neigh h2.pk-cat-h2 {
	font-size: 30px; font-weight: var(--fw-black);
	letter-spacing: -0.025em; line-height: 1.1;
}

/* Сплит «Где пожарить шашлык»: DistrictLocal, h2 34. */
.pk-catalog--district .pk-cat-split--faq h2.pk-cat-h2--lg {
	font-size: 34px; line-height: 1.1;
}

/* SEO-текст района: DistrictSeo, h2 30 с чуть более свободной строкой. */
.pk-catalog--district .pk-cat-seo h2.pk-cat-h2 {
	font-size: 30px; font-weight: var(--fw-black);
	letter-spacing: -0.025em; line-height: 1.15;
}

/* Обратная ловушка специфичности: поднятые до 0-2-1 и 0-3-1 правила выигрывают
   и ВНУТРИ медиазапросов - медиазапрос веса не добавляет. Без повтора здесь
   на 375 все шапки района остались бы 34 и 30. Числа мобильные, из эталона
   DistrictMobile.jsx: MHead 26, «шашлык» 22, SEO 20. */
@media (max-width: 640px) {
	.pk-catalog--district h2.pk-h-title,
	.pk-catalog--district .pk-catd-near h2.pk-h-title {
		font-size: 26px; line-height: 1.15;
	}
	.pk-catalog--district .pk-catd-neigh h2.pk-cat-h2 { font-size: 20px; line-height: 1.25; }
	.pk-catalog--district .pk-cat-split--faq h2.pk-cat-h2--lg { font-size: 22px; line-height: 1.2; }
	.pk-catalog--district .pk-cat-seo h2.pk-cat-h2 { font-size: 20px; line-height: 1.25; }
}