/* == Перф страниц парфюмеров (2026-07-05) ==
   У плодовитых парфюмеров товарная swiper-карусель содержит сотни слайдов
   (Alberto Morillas — 432 + клоны от loop:true) → тяжёлый layout/paint при загрузке.
   content-visibility:auto — браузер пропускает рендер вне-экранных карточек,
   пока они не приблизятся к viewport (горизонтальный скролл учитывается).
   Swiper, SEO-разметка и lazysizes не затронуты. Старые браузеры игнорируют
   свойство (progressive enhancement).
   contain-intrinsic-size резервирует габарит нерендеренного слайда, чтобы
   не прыгала геометрия карусели; auto = запомнить фактический размер после
   первого показа. */
.staff-epilog .catalog-block__wrapper {
	content-visibility: auto;
	contain-intrinsic-size: auto 240px auto 400px;
}

/* == Мобильная версия: единый вид плитки (2026-09-07) ==
   Задача владельца — привести карточки на всех страницах к виду страницы бренда.
   На мобильных Aspro не запускает карусель работ парфюмера (класс mobile-offs),
   и .swiper-wrapper уже является сеткой — остаётся сделать её двухколоночной
   и повторить эталон: картинка 80 %, без кнопки «Купить», название над ценой.
   Правила живут здесь, а не в custom.css: на странице парфюмера custom.css
   не подключается (проверено по CSSOM — ни одного правила оттуда).
   Файл подключается только на /perfumers/{slug}/ (footer.php), поэтому
   карусели карточки товара и главной не затронуты.
   План: PLAN-mobile-tiles-unification-2026-09-07.md */
@media (max-width: 600px) {
	.link_property_goods .swiper-wrapper {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 10px !important;
	}
	.link_property_goods .catalog-block__item .js-config-btns {
		display: none !important;
	}
	.link_property_goods .catalog-block__item .image-list__link img {
		width: 80% !important;
		height: auto !important;
		max-height: none !important;
		margin: 0 auto !important;
		position: relative !important;
	}
	/* Повтор эталонных правил бренда: здесь их неоткуда взять — custom.css на этой
	   странице не подключается. Осознанное дублирование, отмечено в плане. */
	.link_property_goods .catalog-block__item {
		padding: 6px 5px 0 !important;
		overflow: hidden !important;
	}
	.link_property_goods .catalog-block__inner {
		flex-direction: column !important;
		gap: 4px !important;
	}
	.link_property_goods .catalog-block__item .image-list {
		width: 100% !important;
		max-width: none !important;
		height: auto !important;
		min-height: 0 !important;
		margin: 0 !important;
		left: 0 !important;
		right: 0 !important;
	}
	.link_property_goods .catalog-block__item .image-list-wrapper {
		width: 100% !important;
		height: auto !important;
		padding-top: 0 !important;
	}
	.link_property_goods .catalog-block__item .overflow-block {
		width: 100% !important;
		height: auto !important;
	}
	.link_property_goods .catalog-block__item .image-list__link {
		width: 100% !important;
		height: auto !important;
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	}
	.link_property_goods .catalog-block__info-inner {
		display: flex !important;
		flex-direction: column !important;
	}
	.link_property_goods .catalog-block__info-inner .catalog-block__info-title {
		order: -1 !important;
	}
	.link_property_goods .catalog-block__info-inner .js-popup-price {
		margin-top: 0 !important;
	}
	.link_property_goods .catalog-block__item .sticker .sticker__item ~ .sticker__item {
		display: none !important;
	}
	/* Зарезервированная высота нерендеренной плитки: в один столбец было 400px,
	   в двух столбцах фактическая высота ~195px — иначе сетку распирает. */
	.staff-epilog .catalog-block__wrapper {
		contain-intrinsic-size: auto 167px auto 200px !important;
	}
}