/* clg-headings.css — заголовки, которые выглядят как H1, но размечены H2: на странице должен быть
   один H1 (поиск и ИИ). Правила — копия правил темы для h1 из css/style.css (26.10.2026);
   :where() держит специфичность как у исходных «h1», файл подключается после style.css. */
h2:where(.clg-h1) { font-size: 30px; font-weight: 300; line-height: 44px; text-align: inherit; color: inherit; margin-top: 20px; margin-bottom: 10px; }
.main-section h2:where(.clg-h1) { margin-top: 0; margin-bottom: 30px; }
.main-section.version2 h2:where(.clg-h1) { font-weight: normal; font-size: 28px; line-height: 44px; letter-spacing: -0.01em; }
@media (max-width: 989px) {
	h2:where(.clg-h1) { font-size: 40px; line-height: 44px; margin-top: 20px; margin-bottom: 10px; }
	.main-section h2:where(.clg-h1) { font-weight: normal; line-height: 29px; font-size: 20px; margin-bottom: 15px; }
	.main-section.version2 h2:where(.clg-h1) { font-size: 20px; line-height: normal; }
}
@media (max-width: 767px) {
	/* в теме здесь «h2 { margin-top: -10px !important }» — для h1 его не было */
	h2:where(.clg-h1) { margin-top: 20px !important; }
	.main-section h2:where(.clg-h1) { margin-top: 0 !important; margin-bottom: 25px; }
}
/* Мобильная плашка «Деревянные жалюзи» (стр. 1990): была вторым H1, теперь div с тем же видом.
   :where() — нулевая специфичность: классовые правила темы для плашки по-прежнему главнее. */
:where(div.main-section__info-title) { font-size: 30px; font-weight: 300; line-height: 44px; margin-top: 20px; margin-bottom: 10px; }
@media (max-width: 991px) {
	:where(div.main-section__info-title) { line-height: 1.1; }
}
