/* ===================================================================
   QA-фиксы визуального прогона 31.07.2026 (4 вьюпорта, 29 страниц).
   Подключается ПОСЛЕ main.css на всех страницах. Точечные починки
   дефектов шаблона — не редизайн.
   =================================================================== */

/* --- Бренд-акцент вместо остатков синей палитры исходного шаблона --- */

/* кружок-декор у заголовков секций был сине-голубым */
.sec-title .title:before{
	background-image: linear-gradient(to right, #f45c43 0%, #eb3349 100%);
}
/* кнопки: «Contact Us» (фиолет), «Read More» (синяя), «Send now» (фиолет-градиент) */
.btn-style-two,
.btn-style-three,
.btn-style-four,
.theme-btn.submit-btn{
	background: #f24e41 !important;
	background-image: linear-gradient(to right, #f45c43 0%, #eb3349 100%) !important;
	border-color: #eb3349 !important;
	color: #ffffff !important;
}
.btn-style-two .txt, .btn-style-three .txt, .btn-style-four .txt{ color:#ffffff !important; }
/* ссылки «Read More» в карточках блога и шевроны списков были синими/зелёными */
a.read-more{ color:#f24e41 !important; }
a.read-more .icon{ color:#f24e41 !important; }
.list-style-one li:before{ color:#f24e41; }

/* «Download App» в шапке: белый текст уезжал на бледный конец градиента */
.btn-style-one{
	background: #f24e41 !important;
	background-image: linear-gradient(to right, #f45c43 0%, #eb3349 100%) !important;
	color:#ffffff !important;
}

/* --- Читаемость --- */

/* пункты меню были коралловыми поверх тёмного фото (контраст ~3:1).
   Белым — только ≥992px, где хедер лежит поверх фото; на планшете/мобиле
   хедер на светлой полосе — там тёмный текст. */
@media only screen and (min-width: 992px){
	.main-header .main-menu .navigation > li > a{ color:#ffffff; }
	.main-header .main-menu .navigation > li:hover > a,
	.main-header .main-menu .navigation > li.current > a{ color:#f8b4ad; }
	/* выпадашки остаются на белом фоне — тёмный текст */
	.main-header .main-menu .navigation > li > ul > li > a{ color:#373a5b; }
}
@media only screen and (max-width: 991px){
	.main-header .main-menu .navigation > li > a{ color:#373a5b; }
}

/* серые мета-строки карточек блога (2.99:1) */
.post-meta li, .post-meta li a{ color:#5a5d6b !important; }

/* отзывы: текст рвался посреди слов на узких вьюпортах */
.slide-text{
	word-break: normal !important;
	overflow-wrap: normal !important;
	hyphens: none;
}

/* --- Вёрстка --- */

/* сайдбар блога прилипал к верху и прятал нижние виджеты (высота > вьюпорта) */
aside.sidebar.sticky-top{ position: static !important; }

/* обложка статьи была на 25px шире текстовой колонки с каждой стороны */
.blog-detail .inner-box > .image{ margin: 0 25px; }
.blog-detail .inner-box > .image img{ width:100%; }

/* карточки списка блога: фото без ограничения высоты раздувало страницу на планшете */
@media only screen and (max-width: 991px){
	.news-block-two .inner-box .image-column .image img{
		max-height: 340px;
		width: 100%;
		object-fit: cover;
	}
}

/* features: на ≤768 секция карточек начиналась вплотную к баннеру */
@media only screen and (max-width: 768px){
	.featured-section, .features-section{ padding-top: 60px; }
}
/* карточки фич одного ряда — одной высоты */
.featured-block .inner-box{ height: 100%; }

/* funfacts (index, counter-section): колонка выравнивается по центру высокого телефона */
.counter-section .row{ align-items: center; }

/* contact-блок: жёсткий сдвиг текста «We'd love to hear from you!» */
.contact-section .text{ padding-left: 0 !important; }

/* пустая полоса ~180px перед футером */
.contact-section{ padding-bottom: 60px; }

/* --- Футер --- */

/* мёртвая зона перед копирайтом + огромный логотип на мобиле */
.main-footer .widgets-section{ padding-bottom: 30px; }
@media only screen and (max-width: 576px){
	.main-footer .logo-widget .logo img{ max-width: 200px; }
}
/* планшет: колонки не пересобирались, правая половина пустовала */
@media only screen and (min-width: 577px) and (max-width: 991px){
	.main-footer .footer-widget{ margin-bottom: 30px; }
}
/* сторовые бейджи футера в один ряд */
.main-footer .btns .appstore-link,
.main-footer .btns .playstore-link{ display:inline-block; margin-right:10px; }

/* --- Заголовки статей: ключевые слова в strong/span ломали кегль --- */
.sidebar-page-container h2 strong, .sidebar-page-container h2 span,
.sidebar-page-container h3 strong, .sidebar-page-container h3 span,
.sidebar-page-container h4 strong, .sidebar-page-container h4 span{
	font-size: inherit !important;
	font-family: inherit !important;
	line-height: inherit !important;
}

/* --- Sitemap --- */
.sitemap-list{ max-width: 900px; }
.sitemap-list li{ margin-bottom: 10px; }
.sitemap-list a{ color:#373a5b; }
.sitemap-list a:hover{ color:#f24e41; }
.sitemap-list li.sub{ padding-left: 28px; }

/* --- Cookie-баннер (генерится JS): компактнее и контрастнее --- */
#cookieBanner{ padding: 14px 16px; }
#cookieBanner p, #cookieBanner ul{ font-size: 13px; margin-bottom: 12px; }
#cookieBanner .btn-wrap button{ line-height: 32px; font-size: 14px; }
#cookieBanner a{ color:#c63a2f; border-bottom-color:#c63a2f; }
@media only screen and (max-width: 600px){
	#cookieBanner{ padding: 10px 12px; }
	#cookieBanner h4{ font-size: 15px; }
}