/* =====================================================================
   h1-hero.css — АВТОМАТИЧНО ГЕНЕРИРАН ФАЙЛ (т.7 от анализа, 2026-11-10)

   Заглавията в началото на страниците бяха <h2>; сменени са на <h1> за SEO.
   Темата (blue-theme.css, responsive.css) има много правила само за h2
   (отстъпи, line-height, letter-spacing по секции и размери на екрана).
   Тук са същите правила, но за h1, за да не се промени дизайнът.
   Оставени са само правилата, които реално засягат заглавията на сайта.

   Зарежда се веднага след responsive.css (app/views/header.php).
   Не редактирай ръчно — при промяна на темата генерирай файла отново.
   ===================================================================== */

/* ---- от css/blue-theme.css ---- */
.section-title h1 { margin-bottom: 0; }
.section-title h1.w-700 { letter-spacing: -0.5px; }
.hero-section h1 { margin-bottom: 28px; }
.hero-4-txt h1 { padding: 0 3%; }
.hero-5-txt h1 { line-height: 1.3; margin-bottom: 25px; }
.hero-15-txt h1 { padding-right: 5%; }
.hero-27-txt h1 { margin-bottom: 26px!important; }

/* ---- от css/responsive.css ---- */
@media (min-width: 992px) and (max-width: 1199.95px) {
	.hero-section h1 { margin-bottom: 24px; }
	.hero-4-txt h1 { padding: 0; }
	.hero-5-txt h1 { margin-bottom: 20px; }
	.hero-15-txt h1 { padding-right: 10%; }
	.hero-27-txt h1 { margin-bottom: 28px!important; }
	.about-2-title h1.mb-30 { margin-bottom: 25px; }
	.ct-08 .section-title h1 { padding: 0 5px; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
	.hero-section h1 { margin-bottom: 18px; }
	.hero-5-txt h1 { margin-bottom: 20px; }
	.hero-15-txt h1 { padding-right: 0; }
	.hero-27-txt h1 { margin-bottom: 24px!important; }
	.about-2-title h1.mb-30 { margin-bottom: 20px; }
	.ct-08 .section-title h1 { padding: 0 5%; }
}
@media (max-width: 767px) {
	h1 { line-height: 1.35; }
	.hero-section h1 { margin-bottom: 15px; }
	.hero-4-txt h1 { padding: 0; }
	.hero-15-txt h1 { padding-right: 0; }
	.hero-27-txt h1 { margin-bottom: 24px!important; }
	.about-2-title h1.mb-30 { margin-bottom: 20px; }
}
@media (min-width: 480px) and (max-width: 767.98px) {
	.hero-section h1 { margin-bottom: 15px; }
	.hero-15-txt h1 { padding: 0 5%; }
}
@media (min-width: 414px) and (max-width: 479.98px) {
	.section-title h1 { padding: 0 1%; }
	.hero-section h1 { margin-bottom: 18px; }
	.hero-4-txt h1 { padding: 0 3%; }
	.hero-5-txt h1 { margin-bottom: 15px; }
	.hero-27-txt h1 { font-size: 2.05rem; margin-bottom: 15px!important; }
	.about-2-title h1.mb-30 { margin-bottom: 15px; }
}
@media (min-width: 390px) and (max-width: 413.98px) {
	.section-title h1 { padding: 0 1%; }
	.hero-section h1 { margin-bottom: 15px; }
	.hero-4-txt h1 { padding: 0 3%; }
	.hero-5-txt h1 { margin-bottom: 15px; }
	.hero-27-txt h1 { font-size: 1.9rem; margin-bottom: 15px!important; }
	.about-2-title h1.mb-30 { margin-bottom: 15px; }
}
@media (min-width: 321px) and (max-width: 389.98px) {
	.hero-section h1 { margin-bottom: 15px; }
	.hero-4-txt h1 { padding: 0 3%; }
	.hero-5-txt h1 { margin-bottom: 12px; }
	.hero-27-txt h1 { font-size: 1.85rem; margin-bottom: 15px!important; }
	.about-2-title h1.mb-30 { margin-bottom: 15px; }
}
@media (max-width: 320.98px) {
	.section-title h1 { padding: 0 1%; }
	.hero-section h1 { margin-bottom: 13px; }
	.hero-4-txt h1 { padding: 0 3%; }
	.hero-5-txt h1 { margin-bottom: 12px; }
	.hero-27-txt h1 { font-size: 1.85rem; margin-bottom: 15px!important; }
	.about-2-title h1.mb-30 { margin-bottom: 15px; }
}