/*
 * Зона подборок (/dlya-dvoih/, /s-chanom/ и региональные версии).
 * Грузится поверх catalog.css только на страницах подборок
 * ($GLOBALS['pk_collection_template']). Всё заперто под .pk-collection.
 * Эталон: кит, артборд dlya-dvoih.html (DvoihHero, TypeFormats, DvoihScenarios,
 * TypeSeo -> ряд ссылок). Числа - из инлайновых стилей кита.
 *
 * Карточки форматов, советы и ряд ссылок переехали 2026-09-06 в catalog.css:
 * те же блоки стоят теперь на страницах типа, и одна карточка обязана жить
 * в одном файле. Здесь остались только блоки, которых на страницах типа нет:
 * hero подборки, крупный медиа-блок подборки (ряды чипов и регионов из hero
 * сняты 2026-09-17 - их заменила строка фильтров).
 *
 * Селекторы с тегом там, где база base.css (`.pk-front:not(.home) h1..h6`,
 * `.pk-front p`) перебивала бы одноклассовые правила зоны - см. память
 * reference-home-blocks-on-inner-pages.
 */

/* ---- Hero: 1.25fr / 1fr, фото справа ---- */
.pk-collection .pk-col-hero { padding: 26px 0 30px; }
.pk-collection .pk-col-hero__grid { display: grid; grid-template-columns: 1.25fr 1fr; gap: 30px; align-items: center; margin-top: 18px; }
.pk-collection .pk-col-hero__grid--noimg { grid-template-columns: 1fr; }
.pk-collection h1.pk-cat-h1 { font-size: 42px; line-height: 1.12; letter-spacing: -0.03em; margin: 0 0 12px; }
.pk-collection p.pk-col-hero__lead { max-width: 640px; font-size: var(--fs-lead, 17px); line-height: 1.6; margin: 0 0 16px; }
.pk-collection .pk-col-hero__tools { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.pk-collection .pk-col-hero__media { border-radius: var(--pk-radius); overflow: hidden; background: var(--pk-bg-soft); box-shadow: var(--e1); aspect-ratio: 4 / 3; }
.pk-collection .pk-col-hero__img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* ---- Чипы уточнений и регионов под hero ---- */
.pk-collection .pk-col-chips { margin-top: 26px; }
.pk-collection .pk-col-regions { margin-top: 18px; }
.pk-collection .pk-col-regions__label {
	display: block; margin-bottom: 10px;
	font-size: var(--fs-meta, 11px); font-weight: var(--fw-bold); text-transform: uppercase;
	letter-spacing: var(--ls-caps, 0.08em); color: var(--pk-muted);
}
.pk-collection .pk-cat-chip.is-on { border-color: var(--pk-green); background: var(--pk-green-soft); color: var(--pk-green-dark); }
.pk-collection .pk-cat-chipnote { margin-top: 10px; }

/* ---- Медиа-блок подборки: фото 3:2 крупнее, чем в SEO-секциях выдачи ---- */
.pk-collection .pk-col-media .pk-cat-sec--media_text,
.pk-collection .pk-col-media .pk-cat-sec--media_text_reversed { grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }
.pk-collection .pk-col-media .pk-cat-sec__media { border-radius: var(--pk-radius-lg, 28px); box-shadow: var(--e1); }
.pk-collection .pk-col-media .pk-cat-sec__media img { aspect-ratio: 3 / 2; }

/* ---- Мобайл ---- */
@media (max-width: 900px) {
	.pk-collection .pk-col-hero__grid { grid-template-columns: 1fr; gap: 18px; }
	.pk-collection .pk-col-hero__media { order: -1; }
	.pk-collection h1.pk-cat-h1 { font-size: 30px; }
	.pk-collection .pk-col-media .pk-cat-sec--media_text,
	.pk-collection .pk-col-media .pk-cat-sec--media_text_reversed { grid-template-columns: 1fr; gap: 20px; }
	/* Шапка как у страниц типов (2026-09-17): сортировка живёт в панели
	   фильтров, отступы те же, что у .pk-cat-head на мобайле. */
	.pk-collection .pk-col-hero { padding: 20px 0 28px; }
	.pk-collection .pk-col-hero__tools .pk-cat-sort { display: none; }
}

/* Телефон: фото шапки уводило строку фильтров и выдачу на экран вниз -
   шапка остаётся текстовой, как у страниц типов. */
@media (max-width: 760px) {
	.pk-collection .pk-col-hero__media { display: none; }
	.pk-collection .pk-col-hero__grid { margin-top: 12px; }
}