/* ==========================================================================
   HOMEPAGE POLISHED STYLESHEET (dev.r9.by v2 modular architecture)
   Parity with production r9.by standards
   ========================================================================== */

/* Brand accent span */
span.color-name {
	color: #F2722A !important;
}

.background-b {
	background-color: #10131a;
}

.logo,
.logo a,
.site-header__logo {
	color: #ffffff !important;
	text-decoration: none !important;
	font-size: 22px !important;
	font-weight: 700 !important;
	letter-spacing: 0.02em !important;
}

.site-header__phone a,
.callback-phone {
	color: #ffffff !important;
	text-decoration: none !important;
	font-weight: 600 !important;
	font-size: 15px !important;
	transition: color 0.2s ease !important;
}

.site-header__phone a:hover,
.callback-phone:hover {
	color: #21d3a6 !important;
	text-decoration: underline !important;
}

.block-41,
.block-51,
.block-6 {
	width: 100% !important;
	box-sizing: border-box !important;
}

/* ==========================================================================
   1. HERO HEADER SECTION
   ========================================================================== */
.home-header,
.main-header {
	position: relative !important;
	min-height: 560px !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: flex-start !important;
	overflow: hidden !important;
	background-color: #0b1522 !important;
	color: #ffffff !important;
}

.home-header-bg-wrap,
.main-header-bg-wrap {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	z-index: 1 !important;
	overflow: hidden !important;
	background-color: #0b1522 !important;
}

.home-header-bg,
.main-header-bg {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center !important;
	display: block !important;
	opacity: 0.28 !important;
	filter: contrast(1.15) brightness(0.65) !important;
}

.home-header-overlay,
.main-header-overlay {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background: radial-gradient(circle at 75% 30%, rgba(16, 32, 54, 0.45) 0%, rgba(7, 14, 22, 0.94) 80%), linear-gradient(180deg, rgba(7, 13, 22, 0.85) 0%, rgba(9, 18, 30, 0.96) 100%) !important;
	z-index: 2 !important;
}

.home-header .site-header,
.main-header .site-header {
	position: relative !important;
	z-index: 1000 !important;
}

.home-header .layout:not(.site-header),
.main-header .layout:not(.site-header) {
	position: relative !important;
	z-index: 5 !important;
	padding-bottom: 50px !important;
	pointer-events: auto !important;
}

.home-header h1,
.main-header h1 {
	font-size: 38px !important;
	font-weight: 800 !important;
	line-height: 1.25 !important;
	margin: 35px 0 25px 0 !important;
	text-transform: uppercase !important;
	color: #ffffff !important;
	letter-spacing: 0.02em !important;
}

.home-header .block.header-2,
.main-header .block.header-2 {
	margin-bottom: 25px !important;
}

/* Category teaser links (4 columns on desktop) */
.header-2.teaser {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 30px !important;
	margin: 0 0 35px 0 !important;
	padding: 0 !important;
}

.header-2.teaser .teaser-cat-title {
	font-weight: 700 !important;
	color: #ffffff !important;
	text-decoration: none !important;
	display: inline-block !important;
	margin-bottom: 12px !important;
	font-size: 16px !important;
	line-height: 1.3 !important;
	cursor: pointer !important;
	pointer-events: auto !important;
	position: relative !important;
	z-index: 6 !important;
	transition: color 0.2s ease, transform 0.2s ease !important;
}

.header-2.teaser .teaser-cat-title:hover {
	color: #21d3a6 !important;
	text-decoration: underline !important;
	text-underline-offset: 3px !important;
	transform: translateX(2px) !important;
}

.header-2.teaser ul {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.header-2.teaser ul li {
	margin-bottom: 8px !important;
	list-style: none !important;
}

.header-2.teaser ul li a {
	color: rgba(255, 255, 255, 0.85) !important;
	text-decoration: none !important;
	display: inline-block !important;
	font-size: 13.5px !important;
	cursor: pointer !important;
	pointer-events: auto !important;
	position: relative !important;
	z-index: 6 !important;
	transition: color 0.2s ease, transform 0.2s ease !important;
}

.header-2.teaser ul li a:hover {
	color: #21d3a6 !important;
	text-decoration: underline !important;
	text-underline-offset: 2px !important;
	transform: translateX(4px) !important;
}

/* Tasks teaser block (header-3, 3 columns) */
.block.header-3 {
	margin-top: 15px !important;
	border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
	padding-top: 25px !important;
}

.block.header-3 h2 {
	font-size: 22px !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	margin: 0 0 25px 0 !important;
	text-transform: uppercase !important;
}

.header-3.teaser {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 25px 35px !important;
	margin: 0 !important;
	padding: 0 0 15px 0 !important;
}

.header-3.text.icon {
	display: grid !important;
	grid-template-columns: 56px 1fr !important;
	align-items: center !important;
	gap: 15px !important;
}

.header-3-svg,
.header-5-svg {
	width: 56px !important;
	height: 56px !important;
	border-radius: 50% !important;
	background: #2A9DDD !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
	overflow: visible !important;
}

.header-3-svg svg,
.header-5-svg svg,
.img-svg-1 {
	width: 28px !important;
	height: 28px !important;
	color: #ffffff !important;
	stroke: #ffffff !important;
	fill: none !important;
	display: block !important;
	margin: 0 auto !important;
}

.header-3-text {
	color: #cbd5e1 !important;
	font-size: 14px !important;
	line-height: 1.45 !important;
}

.header-3-text strong {
	color: #ffffff !important;
	font-size: 15px !important;
	display: block !important;
	margin-bottom: 3px !important;
}

/* ==========================================================================
   2. BLOCK 2: OFFER ("ЗАКРЫВАЕМ 100% ЗАДАЧ")
   ========================================================================== */
.home-offer,
.main-block-2-color.background-b {
	background: #2A9DDD !important;
	padding: 70px 0 !important;
	color: #ffffff !important;
}

.home-offer__grid,
.block.block-2 {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	align-items: center !important;
	gap: 50px !important;
	padding: 0 !important;
	color: #ffffff !important;
}

.home-offer h2,
.main-block-2-color h2 {
	color: #ffffff !important;
	font-size: 30px !important;
	font-weight: 800 !important;
	margin: 0 0 18px 0 !important;
	text-transform: uppercase !important;
	line-height: 1.25 !important;
}

.home-offer div,
.main-block-2-color div {
	color: rgba(255, 255, 255, 0.95) !important;
	font-size: 16px !important;
	line-height: 1.6 !important;
}

.home-offer button,
.block.block-2 button {
	background-color: #ffffff !important;
	color: #2A9DDD !important;
	margin: 25px 0 0 0 !important;
	padding: 15px 35px !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	border-radius: 6px !important;
	border: none !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	display: inline-block !important;
}

.home-offer button:hover,
.block.block-2 button:hover {
	background-color: #f0f7fc !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}

.home-offer__media,
.svg-block-21 {
	text-align: center !important;
}

.home-offer__svg,
.img-svg-block-21 {
	width: 100% !important;
	max-width: 460px !important;
	height: auto !important;
	display: block !important;
	margin: 0 auto !important;
}

/* ==========================================================================
   3. BLOCK 3: WHAT WE DO ("ЧТО МЫ ДЕЛАЕМ ДЛЯ ВАШЕГО БИЗНЕСА")
   ========================================================================== */
.home-metrics,
.main-block-3 {
	background: url(/images/block-3.jpg) fixed center center / cover !important;
	padding: 80px 0 !important;
	color: #333333 !important;
}

.home-metrics h2,
.main-block-3 h2 {
	font-size: 32px !important;
	font-weight: 800 !important;
	text-align: center !important;
	margin: 0 0 50px 0 !important;
	color: #000000 !important;
	text-transform: uppercase !important;
}

.block-3-grid {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important;
	gap: 30px !important;
}

.block-31 {
	background-color: #ffffff !important;
	padding: 35px !important;
	border-radius: 12px !important;
	border: 1px solid #e2e8f0 !important;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06) !important;
	transition: all 0.3s ease !important;
	display: flex !important;
	flex-direction: column !important;
}

.block-31:hover {
	transform: translateY(-4px) !important;
	box-shadow: 0 16px 32px rgba(0, 0, 0, 0.1) !important;
	border-color: #cbd5e1 !important;
}

.block-31-top {
	display: grid !important;
	grid-template-columns: 60px 1fr !important;
	align-items: center !important;
	gap: 20px !important;
	margin-bottom: 18px !important;
}

.block-31 .header-3-svg {
	width: 56px !important;
	height: 56px !important;
	min-width: 56px !important;
	border-radius: 50% !important;
	background: #ECF4FA !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
	border: none !important;
}

.block-31 .header-3-svg svg {
	width: 28px !important;
	height: 28px !important;
	stroke: #2A9DDD !important;
	color: #2A9DDD !important;
	fill: none !important;
}

.header-3-title h3 {
	font-size: 18px !important;
	font-weight: 800 !important;
	color: #0f172a !important;
	text-transform: uppercase !important;
	margin: 0 !important;
	line-height: 1.3 !important;
	text-align: left !important;
}

.block-31-desc {
	font-size: 15px !important;
	line-height: 1.6 !important;
	color: #475569 !important;
	margin-bottom: 22px !important;
	text-align: left !important;
	flex-grow: 1 !important;
}

.block-31-link {
	text-align: left !important;
	width: 100% !important;
}

.instrument-link {
	display: inline-flex !important;
	align-items: center !important;
	color: #2A9DDD !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	gap: 8px !important;
	font-size: 14px !important;
	background: none !important;
	padding: 0 !important;
	border: none !important;
	cursor: pointer !important;
	transition: color 0.2s ease !important;
}

.instrument-link:hover {
	color: #0284c7 !important;
	text-decoration: underline !important;
}

.instrument-link svg {
	width: 20px !important;
	height: 20px !important;
	stroke: #2A9DDD !important;
	fill: none !important;
}

/* ==========================================================================
   4. BLOCK 4: PRICE BANNER ("КОМПЛЕКСНОЕ СОПРОВОЖДЕНИЕ БИЗНЕСА")
   ========================================================================== */
.main-block-4-color {
	background: #2A9DDD !important;
	padding: 80px 0 !important;
	color: #ffffff !important;
}

.block-4.grid {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	align-items: center !important;
	gap: 40px !important;
}

.block-411 {
	font-size: 22px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	text-transform: uppercase !important;
	color: #ffffff !important;
}

.block-412 {
	font-size: 48px !important;
	font-weight: 800 !important;
	margin-top: 15px !important;
	color: #ffffff !important;
}

.svg-block-42 {
	display: flex !important;
	justify-content: flex-end !important;
	align-items: center !important;
}

.img-svg-block-42 {
	width: 100% !important;
	max-width: 520px !important;
	height: auto !important;
	display: block !important;
}

/* ==========================================================================
   5. BLOCK 5: WHY BUSINESS TRUSTS US ("ПОЧЕМУ БИЗНЕС ДОВЕРЯЕТ НАМ")
   ========================================================================== */
.home-workflow,
.main-block-5 {
	padding: 80px 0 !important;
	background-color: #f8fafc !important;
}

.home-workflow h2,
.main-block-5 h2 {
	font-size: 32px !important;
	font-weight: 800 !important;
	text-align: center !important;
	margin: 0 0 50px 0 !important;
	color: #000000 !important;
	text-transform: uppercase !important;
}

.block-5-grid {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 40px 60px !important;
}

.block-5111 {
	display: grid !important;
	grid-template-columns: 56px 1fr !important;
	gap: 20px !important;
	align-items: flex-start !important;
	text-align: left !important;
}

.block-5111 .header-5-svg {
	background: #2A9DDD !important;
	color: #ffffff !important;
	border-radius: 50% !important;
	width: 56px !important;
	height: 56px !important;
	min-width: 56px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
}

.block-5111 .header-5-svg svg {
	width: 28px !important;
	height: 28px !important;
	color: #ffffff !important;
	stroke: #ffffff !important;
	fill: none !important;
}

.block-5111 h3 {
	font-size: 18px !important;
	font-weight: 800 !important;
	margin: 0 0 8px 0 !important;
	color: #0f172a !important;
	text-transform: uppercase !important;
	text-align: left !important;
	line-height: 1.3 !important;
}

.block-5111 div div {
	font-size: 14.5px !important;
	color: #475569 !important;
	line-height: 1.55 !important;
	text-align: left !important;
}

/* ==========================================================================
   6. BLOCK 6: WORKFLOW ACCORDION & RESULTS
   ========================================================================== */
.home-stack,
.main-block-6 {
	background-color: #ECF4FA !important;
	padding: 80px 0 !important;
}

.home-stack h2,
.main-block-6 h2 {
	font-size: 32px !important;
	font-weight: 800 !important;
	text-align: center !important;
	margin: 0 0 40px 0 !important;
	color: #000000 !important;
	text-transform: uppercase !important;
}

.acor-container {
	margin: 20px auto 60px auto !important;
	max-width: 1000px !important;
}

.acor-container input {
	display: none !important;
}

.acor-container label {
	cursor: pointer !important;
	background-color: #337AB7 !important;
	display: block !important;
	padding: 16px 24px !important;
	width: 100% !important;
	color: #BFE2FF !important;
	font-weight: 600 !important;
	box-sizing: border-box !important;
	font-size: 17px !important;
	margin: 0 0 8px 0 !important;
	border-radius: 8px !important;
	transition: all 0.25s ease !important;
	position: relative !important;
}

.acor-container label:hover {
	color: #ffffff !important;
	background-color: #285f8f !important;
}

.acor-container label:before {
	content: '\276F' !important;
	float: right !important;
	transition: transform 0.35s ease !important;
}

.acor-container input:checked + label {
	background-color: #285f8f !important;
	color: #ffffff !important;
	box-shadow: 0 8px 24px rgba(40, 95, 143, 0.3) !important;
}

.acor-container input:checked + label:before {
	transform: rotate(90deg) !important;
}

.acor-container .acor-body {
	height: 0 !important;
	color: transparent !important;
	background-color: #ffffff !important;
	border: 1px solid #d0e4f7 !important;
	line-height: 1.6 !important;
	padding: 0 24px !important;
	box-sizing: border-box !important;
	transition: all 0.35s ease !important;
	overflow: hidden !important;
	font-size: 15px !important;
	border-radius: 0 0 8px 8px !important;
	margin-top: -8px !important;
	margin-bottom: 8px !important;
}

.acor-container input:checked + label + .acor-body {
	height: auto !important;
	color: #333333 !important;
	padding: 24px !important;
}

.acor-container .acor-body p {
	margin: 0 0 10px 0 !important;
}

.acor-container .acor-body p:last-child {
	margin-bottom: 0 !important;
}

.results-section {
	padding-top: 40px !important;
}

.results-section h2 {
	margin-bottom: 50px !important;
	text-align: center !important;
}

.block-6-grid {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important;
	gap: 40px 60px !important;
}

.block-6111 {
	display: grid !important;
	grid-template-columns: 56px 1fr !important;
	gap: 20px !important;
	align-items: center !important;
	text-align: left !important;
}

.block-6111 h3 {
	font-size: 16px !important;
	font-weight: 700 !important;
	margin: 0 !important;
	color: #0f172a !important;
	text-transform: none !important;
	text-align: left !important;
	line-height: 1.45 !important;
}

/* ==========================================================================
   7. BLOCK 8: WHILE YOU THINK ("ПОКА ВЫ ДУМАЕТЕ")
   ========================================================================== */
.main-block-8.background-b.while-you-think,
.main-block-8 {
	background: #2A9DDD !important;
	padding: 80px 0 !important;
	color: #ffffff !important;
}

.block-8 {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	align-items: center !important;
	gap: 50px !important;
	color: #ffffff !important;
	padding: 0 !important;
}

.block-81 svg,
.img-svg-block-8 {
	width: 100% !important;
	max-width: 500px !important;
	height: auto !important;
	display: block !important;
}

.block-82 h2 {
	font-size: 32px !important;
	color: #ffffff !important;
	margin: 0 0 20px 0 !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	line-height: 1.25 !important;
}

.block-82 div {
	font-size: 16px !important;
	line-height: 1.6 !important;
	margin-bottom: 25px !important;
	color: rgba(255, 255, 255, 0.95) !important;
}

.block-8 button {
	background-color: #ffffff !important;
	color: #2A9DDD !important;
	padding: 16px 36px !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	border-radius: 6px !important;
	border: none !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
}

.block-8 button:hover {
	background-color: #f0f7fc !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}

/* ==========================================================================
   8. BLOCK 9: CERTIFICATES & PARTNERS ("СЕРТИФИЦИРОВАННЫЙ ПАРТНЁР")
   ========================================================================== */
.main-block-9 {
	background-color: #f8fafc !important;
	padding: 80px 0 !important;
}

.main-block-9 h2 {
	font-size: 24px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	max-width: 900px !important;
	margin: 0 auto 50px auto !important;
	line-height: 1.4 !important;
	text-align: center !important;
	color: #000000 !important;
}

.cert-logos {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 30px !important;
	align-items: center !important;
	justify-items: center !important;
}

.cert-item {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	height: 90px !important;
	width: 100% !important;
	background: #ffffff !important;
	border-radius: 10px !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
	padding: 15px !important;
	border: 1px solid #eef2f6 !important;
}

.img-svg-cert {
	height: auto !important;
	width: 100% !important;
	max-height: 60px !important;
	max-width: 160px !important;
	filter: grayscale(100%) !important;
	transition: filter 0.3s ease !important;
}

.cert-item:hover .img-svg-cert {
	filter: grayscale(0%) !important;
}

/* ==========================================================================
   9. BLOCK 11: CASE STUDY ("ИСТОРИИ УСПЕШНОГО СОТРУДНИЧЕСТВА")
   ========================================================================== */
.main-block-11 {
	background: url(/images/block-11.jpg) fixed center center / cover !important;
	padding: 80px 0 !important;
	color: #ffffff !important;
}

.main-block-11 > .layout > h2 {
	font-size: 32px !important;
	font-weight: 800 !important;
	margin: 0 0 40px 0 !important;
	text-align: center !important;
	color: #000000 !important;
	text-transform: uppercase !important;
}

.case-study {
	background: rgba(255, 255, 255, 0.96) !important;
	padding: 45px !important;
	border-radius: 16px !important;
	box-shadow: 0 12px 35px rgba(0, 0, 0, 0.12) !important;
	color: #333333 !important;
}

.case-study h3 {
	font-size: 20px !important;
	font-weight: 700 !important;
	color: #0f172a !important;
	margin: 0 0 20px 0 !important;
}

.block.block-11.header-3.teaser {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 25px !important;
	padding: 10px 0 30px 0 !important;
	margin: 0 !important;
}

.block.block-11.header-3.teaser .header-3.text.icon {
	display: grid !important;
	grid-template-columns: 56px 1fr !important;
	align-items: center !important;
	gap: 15px !important;
}

.block.block-11 .header-3-svg {
	background-color: #2A9DDD !important;
	border-radius: 50% !important;
	width: 56px !important;
	height: 56px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
}

.block.block-11 .header-3-svg span {
	color: #ffffff !important;
	font-weight: 800 !important;
	font-size: 22px !important;
}

.block.block-11.header-3.teaser .text {
	color: #334155 !important;
	font-size: 14.5px !important;
	line-height: 1.45 !important;
	font-weight: 500 !important;
}

.block-12 {
	margin: 20px 0 30px 0 !important;
	padding: 25px 0 !important;
	border-top: 1px solid #e2e8f0 !important;
	border-bottom: 1px solid #e2e8f0 !important;
}

.block-12 .text {
	font-size: 15px !important;
	line-height: 1.6 !important;
	color: #475569 !important;
}

.block-14-grid {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important;
	gap: 20px !important;
	padding: 10px 0 !important;
}

.block-141 {
	background-color: #2A9DDD !important;
	border-radius: 10px !important;
	padding: 18px 24px !important;
	display: flex !important;
	align-items: center !important;
	gap: 16px !important;
	color: #ffffff !important;
}

.block-141-img {
	background: #ffffff !important;
	width: 44px !important;
	height: 44px !important;
	min-width: 44px !important;
	border-radius: 8px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #2A9DDD !important;
	flex-shrink: 0 !important;
}

.block-141-img .img-svg-1,
.block-141-img svg {
	width: 24px !important;
	height: 24px !important;
	stroke: #2A9DDD !important;
	color: #2A9DDD !important;
	fill: none !important;
}

.block-141-txt {
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
}

/* ==========================================================================
   10. BLOCK 15: FAQ ("ЧАСТО ЗАДАВАЕМЫЕ ВОПРОСЫ")
   ========================================================================== */
.main-block-15 {
	background-color: #ECF4FA !important;
	padding: 80px 0 !important;
}

.main-block-15 h2 {
	font-size: 32px !important;
	font-weight: 800 !important;
	text-align: center !important;
	margin: 0 0 40px 0 !important;
	color: #000000 !important;
	text-transform: uppercase !important;
}

/* ==========================================================================
   11. BOTTOM FEEDBACK WIDGET / STATIC ORDER FORM
   ========================================================================== */
.main-block-feedback-widget {
	padding: 80px 0 !important;
	background: #0c1017 !important;
	color: #ffffff !important;
}

.main-block-feedback-widget h2 {
	color: #ffffff !important;
	text-align: center !important;
	margin: 0 0 40px 0 !important;
	font-size: 32px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
}

.main-block-feedback-widget h2 span {
	color: #F2722A !important;
}

.form-group-hidden-field {
	margin: 0 !important;
	padding: 0 !important;
	display: none !important;
}

.services-hint-sub,
.project-details-sub {
	font-size: 13px !important;
	color: #94a3b8 !important;
	margin-top: -8px !important;
	margin-bottom: 15px !important;
	font-weight: 500 !important;
}

.form-row-custom {
	display: flex !important;
	flex-direction: column !important;
	margin-bottom: 18px !important;
}

.form-row-custom label {
	font-size: 13.5px !important;
	font-weight: 600 !important;
	color: #e2e8f0 !important;
	margin-bottom: 6px !important;
}

.form-row-custom .form-control-custom {
	background: #1e293b !important;
	border: 1px solid #334155 !important;
	border-radius: 8px !important;
	padding: 12px 16px !important;
	color: #ffffff !important;
	font-size: 14px !important;
	width: 100% !important;
	box-sizing: border-box !important;
	transition: border-color 0.2s, box-shadow 0.2s !important;
}

.form-row-custom .form-control-custom:focus {
	border-color: #38bdf8 !important;
	outline: none !important;
	box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.2) !important;
}

/* ==========================================================================
   12. RESPONSIVE MEDIA QUERIES
   ========================================================================== */
@media (max-width: 1200px) {
	.cert-logos {
		grid-template-columns: repeat(3, 1fr) !important;
	}
}

@media (max-width: 992px) {
	.home-header h1,
	.main-header h1 {
		font-size: 28px !important;
	}

	.header-2.teaser {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 20px !important;
	}

	.header-3.teaser {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 20px !important;
	}

	.home-offer__grid,
	.block.block-2 {
		grid-template-columns: 1fr !important;
		gap: 35px !important;
		text-align: center !important;
	}

	.block-3-grid {
		grid-template-columns: 1fr !important;
		gap: 20px !important;
	}

	.block-4.grid {
		grid-template-columns: 1fr !important;
		gap: 30px !important;
		text-align: center !important;
	}

	.svg-block-42 {
		justify-content: center !important;
	}

	.block-5-grid {
		grid-template-columns: 1fr !important;
		gap: 30px !important;
	}

	.block-6-grid {
		grid-template-columns: 1fr !important;
		gap: 25px !important;
	}

	.block-8 {
		grid-template-columns: 1fr !important;
		gap: 35px !important;
		text-align: center !important;
	}

	.cert-logos {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 20px !important;
	}

	.block.block-11.header-3.teaser {
		grid-template-columns: 1fr !important;
	}

	.block-14-grid {
		grid-template-columns: 1fr !important;
	}
}

@media (max-width: 992px) {
	/* Бесшовный отступ под фиксированную шапку для Hero блока главной */
	body.home-page #mainHeader,
	body.home-page .main-header,
	body.home-page .home-header {
		padding-top: 80px !important;
		margin-top: 0 !important;
	}

	.home-header h1,
	.main-header h1,
	.header-2 h1 {
		font-size: 21px !important;
		margin-top: 24px !important;
		margin-bottom: 14px !important;
		line-height: 1.25 !important;
		text-transform: uppercase !important;
	}

	.header-2.teaser {
		margin-top: 10px !important;
	}

	.header-2.teaser > div {
		margin-bottom: 16px !important;
	}

	.teaser-cat-title {
		font-size: 16px !important;
		margin-bottom: 8px !important;
	}

	.header-2.teaser ul li {
		margin-bottom: 4px !important;
		line-height: 1.3 !important;
	}

	.header-2.teaser ul li a {
		font-size: 14px !important;
	}
}

@media (max-width: 768px) {
	.header-2.teaser {
		grid-template-columns: 1fr !important;
	}

	.header-3.teaser {
		grid-template-columns: 1fr !important;
		padding: 10px 0 !important;
	}

	.block-31 {
		padding: 22px 18px !important;
	}

	.block-412 {
		font-size: 36px !important;
	}

	.case-study {
		padding: 25px 18px !important;
	}

	/* Защитный отступ футера снизу, чтобы плавающий бар не перекрывал текст и копирайт */
	.site-footer {
		padding-bottom: 90px !important;
	}

	/* Плавающая оранжевая кнопка телефона внизу слева с ТЕМНЫМ текстом (точно по референсу) */
	.site-footer__phone,
	.block.footer-phone {
		position: fixed !important;
		bottom: 16px !important;
		bottom: max(16px, env(safe-area-inset-bottom, 16px)) !important;
		left: 14px !important;
		z-index: 10000005 !important;
		margin: 0 !important;
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		padding: 0 !important;
		pointer-events: auto !important;
	}

	.site-footer__phone .callback-phone,
	.block.footer-phone .callback-phone,
	.site-footer__phone .button.callback-phone,
	.block.footer-phone .button.callback-phone,
	a.button.callback-phone {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: calc(100vw - 92px) !important;
		max-width: 320px !important;
		height: 52px !important;
		box-sizing: border-box !important;
		font-size: 16.5px !important;
		padding: 0 16px !important;
		font-weight: 700 !important;
		background: #ffb454 !important;
		background-color: #ffb454 !important;
		color: #10131a !important;
		border-radius: 12px !important;
		box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35) !important;
		text-decoration: none !important;
		letter-spacing: -0.2px !important;
		line-height: 1 !important;
		border: none !important;
		pointer-events: auto !important;
		cursor: pointer !important;
		transition: transform 0.2s ease, background-color 0.2s ease !important;
	}

	.site-footer__phone .callback-phone:hover,
	.block.footer-phone .callback-phone:hover,
	a.button.callback-phone:hover {
		background: #f59e0b !important;
		background-color: #f59e0b !important;
		color: #10131a !important;
		transform: translateY(-2px) !important;
	}

	/* Круглая зеленая кнопка AI чат-бота внизу справа (точно по референсу) */
	#r9-bot-launcher {
		position: fixed !important;
		bottom: 16px !important;
		bottom: max(16px, env(safe-area-inset-bottom, 16px)) !important;
		right: 14px !important;
		width: 52px !important;
		height: 52px !important;
		min-width: 52px !important;
		min-height: 52px !important;
		padding: 0 !important;
		border-radius: 50% !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		visibility: visible !important;
		opacity: 1 !important;
		z-index: 10000005 !important;
		background: #388e3c !important;
		background-color: #388e3c !important;
		box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35) !important;
		cursor: pointer !important;
		pointer-events: auto !important;
		transition: transform 0.2s ease !important;
	}

	#r9-bot-launcher:hover {
		transform: scale(1.08) !important;
	}

	#r9-bot-launcher .r9-bot-text {
		display: none !important;
	}

	#r9-bot-launcher .r9-bot-launcher-icon-wrapper {
		margin: 0 !important;
		padding: 0 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		line-height: 1 !important;
	}

	#r9-bot-launcher .r9-bot-svg-icon {
		width: 26px !important;
		height: 26px !important;
		fill: #ffffff !important;
		display: block !important;
	}

	/* Куки баннер на мобильных экранах располагается выше плавающих кнопок, чтобы не перекрывать их */
	.r9-cookie-banner {
		bottom: 74px !important;
		z-index: 10000002 !important;
	}
}

@media (min-width: 993px) {
	.site-footer__phone,
	.block.footer-phone {
		display: none !important;
	}
}

@media (max-width: 480px) {
	body.home-page #mainHeader,
	body.home-page .main-header,
	body.home-page .home-header {
		padding-top: 76px !important;
	}

	h1,
	.home-header h1,
	.main-header h1,
	.header-2 h1 {
		font-size: 21px !important;
		margin-top: 20px !important;
		margin-bottom: 14px !important;
		line-height: 1.25 !important;
	}

	.site-header__top {
		padding: 8px 12px !important;
		gap: 8px !important;
	}

	.site-header__logo,
	.logo a {
		font-size: 17px !important;
	}

	.header-phone-link,
	.site-header__phone a,
	.header-1-tel a {
		font-size: 13.5px !important;
		letter-spacing: -0.3px !important;
	}

	button.burger-menu,
	.burger-menu {
		width: 26px !important;
		height: 20px !important;
	}

	button.burger-menu span,
	.burger-menu span {
		width: 26px !important;
		height: 2.5px !important;
	}

	h2,
	h3,
	.home-offer h2,
	.home-metrics h2,
	.home-workflow h2,
	.home-stack h2,
	.block-82 h2,
	.main-block-11 > .layout > h2,
	.main-block-15 h2,
	.main-block-feedback-widget h2 {
		font-size: 16px !important;
	}

	.block-31-top {
		grid-template-columns: 48px 1fr !important;
		gap: 12px !important;
	}

	.block-31 .header-3-svg {
		width: 46px !important;
		height: 46px !important;
		min-width: 46px !important;
	}

	.block-31 .header-3-svg svg {
		width: 22px !important;
		height: 22px !important;
	}

	.header-3-title h3 {
		font-size: 16px !important;
	}

	.cert-logos {
		grid-template-columns: 1fr !important;
	}
}

@media (max-width: 480px) {
	.site-footer__phone,
	.block.footer-phone,
	.site-footer .footer-phone,
	footer .footer-phone {
		left: 10px !important;
		bottom: 12px !important;
		bottom: max(12px, env(safe-area-inset-bottom, 12px)) !important;
	}

	.site-footer__phone .callback-phone,
	.block.footer-phone .callback-phone,
	.site-footer__phone .button.callback-phone,
	.block.footer-phone .button.callback-phone,
	a.button.callback-phone,
	a.callback-phone {
		font-size: 15px !important;
		height: 50px !important;
		width: calc(100vw - 80px) !important;
		max-width: calc(100vw - 80px) !important;
		padding: 0 12px !important;
	}

	#r9-bot-launcher {
		right: 10px !important;
		bottom: 12px !important;
		bottom: max(12px, env(safe-area-inset-bottom, 12px)) !important;
		width: 50px !important;
		height: 50px !important;
		min-width: 50px !important;
		min-height: 50px !important;
	}

	#r9-bot-launcher .r9-bot-svg-icon {
		width: 25px !important;
		height: 25px !important;
	}
}

@media (max-width: 375px) {
	.site-header__top {
		padding: 8px 8px !important;
		gap: 6px !important;
	}

	.site-header__logo,
	.logo a {
		font-size: 15px !important;
	}

	.header-phone-link,
	.site-header__phone a,
	.header-1-tel a {
		font-size: 12px !important;
		letter-spacing: -0.4px !important;
	}

	.site-footer__phone,
	.block.footer-phone,
	.site-footer .footer-phone,
	footer .footer-phone {
		left: 8px !important;
		bottom: 10px !important;
		bottom: max(10px, env(safe-area-inset-bottom, 10px)) !important;
	}

	.site-footer__phone .callback-phone,
	.block.footer-phone .callback-phone,
	.site-footer__phone .button.callback-phone,
	.block.footer-phone .button.callback-phone,
	a.button.callback-phone,
	a.callback-phone {
		font-size: 13px !important;
		height: 48px !important;
		width: calc(100vw - 72px) !important;
		max-width: calc(100vw - 72px) !important;
		padding: 0 6px !important;
		border-radius: 10px !important;
		letter-spacing: -0.3px !important;
		background: #ffb454 !important;
		background-color: #ffb454 !important;
		color: #10131a !important;
	}

	#r9-bot-launcher {
		right: 8px !important;
		bottom: 10px !important;
		bottom: max(10px, env(safe-area-inset-bottom, 10px)) !important;
		width: 48px !important;
		height: 48px !important;
		min-width: 48px !important;
		min-height: 48px !important;
		background: #388e3c !important;
		background-color: #388e3c !important;
	}

	#r9-bot-launcher .r9-bot-svg-icon {
		width: 23px !important;
		height: 23px !important;
	}
}




/* ==========================================================================
   Universal Gold Button Standard (Identical to .btn-calc-cost)
   ========================================================================== */
.btn:not(.burger-menu):not(.close):not([data-dismiss="modal"]):not(.owl-prev):not(.owl-next):not(.slider-captcha-slider):not(.chat-widget-btn):not(.btn-icon):not([aria-label="Close"]):not(.header-search-btn):not(.nav-tabs > li > a):not(.tag-link):not(.tag-badge):not(.r9-tab-btn):not(.btn-phone):not(.phone-link):not(.mobile-hidden-order-btn):not(.btn-order-service):not(.callback-phone):not(.footer-phone),
.button:not(.burger-menu):not(.close):not([data-dismiss="modal"]):not(.owl-prev):not(.owl-next):not(.slider-captcha-slider):not(.chat-widget-btn):not(.btn-icon):not([aria-label="Close"]):not(.header-search-btn):not(.nav-tabs > li > a):not(.tag-link):not(.tag-badge):not(.r9-tab-btn):not(.btn-phone):not(.phone-link):not(.phone):not(.mobile-hidden-order-btn):not(.btn-order-service):not(.callback-phone):not(.footer-phone),
button:not(.burger-menu):not(.close):not([data-dismiss="modal"]):not(.owl-prev):not(.owl-next):not(.slider-captcha-slider):not(.chat-widget-btn):not(.btn-icon):not([aria-label="Close"]):not(.header-search-btn):not(.nav-tabs > li > a):not(.tag-link):not(.tag-badge):not(.r9-tab-btn):not(.modal-header button):not(.faq-accordion-trigger):not(.mobile-hidden-order-btn):not(.btn-order-service):not(.callback-phone):not(.footer-phone),
input[type="submit"]:not(.slider-captcha-slider),
.btn-calc-cost,
.btn-calc-apply,
.btn-primary,
.submit-btn-custom,
.contact-submit-btn,
.tools-card-btn,
.pricing-btn,
.child-service-btn,
.site-header__btn:not(.mobile-hidden-order-btn),
.home-service-card-btn,
.r9-cta-btn-primary,
.bulk-submit-btn,
.serp-start-btn,
.button.callback:not(.mobile-hidden-order-btn):not(.callback-phone):not(.footer-phone),
.btn-order:not(.mobile-hidden-order-btn) {
    background: #ffb454 !important;
    background-color: #ffb454 !important;
    color: #10131a !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    border-radius: 8px !important;
    padding: 12px 24px !important;
    border: none !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    text-align: center !important;
    line-height: 1.4 !important;
    box-shadow: 0 4px 14px rgba(255, 180, 84, 0.3) !important;
    transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
}

.btn:not(.burger-menu):not(.close):not([data-dismiss="modal"]):not(.owl-prev):not(.owl-next):not(.slider-captcha-slider):not(.chat-widget-btn):not(.btn-icon):not([aria-label="Close"]):not(.header-search-btn):not(.nav-tabs > li > a):not(.tag-link):not(.tag-badge):not(.r9-tab-btn):not(.btn-phone):not(.phone-link):not(.mobile-hidden-order-btn):not(.btn-order-service):not(.callback-phone):not(.footer-phone):hover,
.button:not(.burger-menu):not(.close):not([data-dismiss="modal"]):not(.owl-prev):not(.owl-next):not(.slider-captcha-slider):not(.chat-widget-btn):not(.btn-icon):not([aria-label="Close"]):not(.header-search-btn):not(.nav-tabs > li > a):not(.tag-link):not(.tag-badge):not(.r9-tab-btn):not(.btn-phone):not(.phone-link):not(.phone):not(.mobile-hidden-order-btn):not(.btn-order-service):not(.callback-phone):not(.footer-phone):hover,
button:not(.burger-menu):not(.close):not([data-dismiss="modal"]):not(.owl-prev):not(.owl-next):not(.slider-captcha-slider):not(.chat-widget-btn):not(.btn-icon):not([aria-label="Close"]):not(.header-search-btn):not(.nav-tabs > li > a):not(.tag-link):not(.tag-badge):not(.r9-tab-btn):not(.modal-header button):not(.faq-accordion-trigger):not(.mobile-hidden-order-btn):not(.btn-order-service):not(.callback-phone):not(.footer-phone):hover,
input[type="submit"]:not(.slider-captcha-slider):hover,
.btn-calc-cost:hover,
.btn-calc-apply:hover,
.btn-primary:hover,
.submit-btn-custom:hover,
.contact-submit-btn:hover,
.tools-card-btn:hover,
.pricing-btn:hover,
.child-service-btn:hover,
.site-header__btn:not(.mobile-hidden-order-btn):hover,
.home-service-card-btn:hover,
.r9-cta-btn-primary:hover,
.bulk-submit-btn:hover,
.serp-start-btn:hover,
.button.callback:not(.mobile-hidden-order-btn):hover,
.btn-order:not(.mobile-hidden-order-btn):hover {
    background: #ffa012 !important;
    background-color: #ffa012 !important;
    color: #10131a !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(255, 180, 84, 0.5) !important;
    text-decoration: none !important;
}

@media (max-width: 420px) {
	.header-1.online-call.site-header__btn.btn-order.button.callback.btn-order-service.mobile-hidden-order-btn,
	.header-1.online-call.site-header__btn.btn-order.button.callback.btn-order-service,
	button.header-1.online-call.site-header__btn.btn-order.button.callback.btn-order-service.mobile-hidden-order-btn,
	button.header-1.online-call.site-header__btn.btn-order.button.callback.btn-order-service,
	button.mobile-hidden-order-btn:not(#unmatched-override),
	button.btn-order-service:not(#unmatched-override),
	button.site-header__btn:not(#unmatched-override),
	.site-header__top .header-1.online-call,
	.site-header__top .site-header__btn,
	.site-header__top .btn-order,
	.site-header__top .button.callback,
	.btn-order-service,
	.mobile-hidden-order-btn {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		pointer-events: none !important;
		width: 0 !important;
		height: 0 !important;
		min-width: 0 !important;
		max-width: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
	}
}

/* ============================================================
   МОБИЛЬНАЯ АДАПТАЦИЯ КАЛЬКУЛЯТОРА И ТАБЛИЦ (320px - 992px)
   ============================================================ */
html, body, .main-wrapper, .main-content, .wrap, section, .calculator-section {
	max-width: 100vw !important;
	overflow-x: hidden !important;
	box-sizing: border-box !important;
}

@media (max-width: 992px) {
	.table-responsive {
		max-width: 100% !important;
		width: 100% !important;
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch !important;
		display: block !important;
		box-sizing: border-box !important;
	}
	.calculator-card {
		padding: 20px 14px !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
	}
	.calc-result-panel {
		padding: 18px 14px !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 14px !important;
	}
	.calc-result-action {
		width: 100% !important;
		max-width: 100% !important;
	}
	.btn-calc-apply {
		width: 100% !important;
		max-width: 100% !important;
		padding: 12px 10px !important;
		font-size: 14px !important;
		white-space: normal !important;
		box-sizing: border-box !important;
		text-align: center !important;
		display: block !important;
	}
	.calc-btn {
		font-size: 13px !important;
		padding: 10px 14px !important;
	}
}

@media (max-width: 480px) {
	.calculator-card {
		padding: 16px 12px !important;
	}
	.calc-result-panel {
		padding: 16px 12px !important;
	}
	.btn-calc-apply {
		font-size: 13px !important;
		padding: 10px 8px !important;
	}
	.calc-btn {
		font-size: 12px !important;
		padding: 8px 10px !important;
	}
}

@media (max-width: 375px) {
	.calculator-card {
		padding: 14px 10px !important;
	}
	.calc-result-panel {
		padding: 14px 10px !important;
	}
	.btn-calc-apply {
		font-size: 12px !important;
		padding: 9px 6px !important;
		letter-spacing: -0.2px !important;
	}
	.calc-btn {
		font-size: 11px !important;
		padding: 7px 8px !important;
	}
	.calc-slider-ticks span {
		font-size: 10.5px !important;
	}
}


/* ==========================================================================
   Mobile Typography Standardization & Header Spacing
   h1: 21px, h2: 18px, h3: 16px
   ========================================================================== */
@media (max-width: 992px) {
	/* На главной странице: комфортный отступ от фиксированной шапки до h1 */
	body.home-page #mainHeader,
	body.home-page .main-header,
	body.home-page .home-header {
		padding-top: 80px !important;
		margin-top: 0 !important;
	}
	body.home-page .header-2 h1,
	body.home-page .home-header h1,
	body.home-page .main-header h1 {
		margin-top: 24px !important;
		margin-bottom: 16px !important;
	}
}

@media (max-width: 768px) {
	/* H1 - 21px across ALL pages, home, landings, tools */
	h1,
	.h1,
	.home-header h1,
	.main-header h1,
	.header-2 h1,
	.razrabotka-sajta-page h1,
	.razrabotka-sajta-page .hero h1,
	.landing-hero h1,
	header.hero h1,
	.hero h1,
	.static-page-dark-wrap h1,
	.doc-page-container h1,
	.doc-main-title,
	.r9-prototypes-h1,
	.tools-header h1,
	.tool-page-header h1,
	.tool-title,
	.serp-h1-title,
	.tools-seo-analyzer h1,
	.bulk-domain-checker-container h1,
	.domain-mail-audit-container h1,
	.tools-utm-generator h1,
	.tool-page-header .tools-hero-h1 {
		font-size: 21px !important;
		line-height: 1.28 !important;
		word-break: break-word !important;
		overflow-wrap: break-word !important;
		hyphens: auto !important;
	}

	/* H2 - 18px across ALL pages */
	h2,
	.h2,
	.razrabotka-sajta-page h2,
	.razrabotka-sajta-page .hero h2,
	.hero h2,
	.landing-hero h2,
	.main-block-2-color h2,
	.main-block-services h2,
	.services-section h2,
	.section-title,
	.block-title,
	.doc-section h2,
	.crawl-title-group h2,
	.utm-info-section h2,
	.tools-card-title,
	.serp-proto-section-title,
	.mail-domain-title,
	.tool-page-header h2 {
		font-size: 18px !important;
		line-height: 1.32 !important;
		word-break: break-word !important;
		overflow-wrap: break-word !important;
	}

	/* H3 - 16px across ALL pages */
	h3,
	.h3,
	.razrabotka-sajta-page h3,
	.hero h3,
	.tools-card-title,
	.info-card h3,
	.result-header h3,
	.serp-success-banner h3,
	.serp-proto-block-title,
	.mail-detail-card-header h3 {
		font-size: 16px !important;
		line-height: 1.35 !important;
		word-break: break-word !important;
		overflow-wrap: break-word !important;
	}
}

@media (max-width: 480px) {
	body.home-page #mainHeader,
	body.home-page .main-header,
	body.home-page .home-header {
		padding-top: 76px !important;
		margin-top: 0 !important;
	}
	body.home-page .header-2 h1,
	body.home-page .home-header h1,
	body.home-page .main-header h1 {
		margin-top: 20px !important;
		margin-bottom: 14px !important;
	}

	h1,
	.h1,
	.home-header h1,
	.main-header h1,
	.header-2 h1,
	.razrabotka-sajta-page h1,
	.razrabotka-sajta-page .hero h1,
	.landing-hero h1,
	header.hero h1,
	.hero h1,
	.static-page-dark-wrap h1,
	.doc-page-container h1,
	.doc-main-title,
	.r9-prototypes-h1,
	.tools-header h1,
	.tool-page-header h1,
	.tool-title,
	.serp-h1-title,
	.tools-seo-analyzer h1,
	.bulk-domain-checker-container h1,
	.domain-mail-audit-container h1,
	.tools-utm-generator h1,
	.tool-page-header .tools-hero-h1 {
		font-size: 21px !important;
		line-height: 1.28 !important;
		word-break: break-word !important;
		overflow-wrap: break-word !important;
		hyphens: auto !important;
	}

	h2,
	.h2,
	.razrabotka-sajta-page h2,
	.hero h2,
	.landing-hero h2,
	.main-block-2-color h2,
	.main-block-services h2,
	.services-section h2,
	.section-title,
	.block-title,
	.doc-section h2,
	.crawl-title-group h2,
	.utm-info-section h2,
	.tools-card-title,
	.serp-proto-section-title,
	.mail-domain-title {
		font-size: 18px !important;
		line-height: 1.32 !important;
		word-break: break-word !important;
		overflow-wrap: break-word !important;
	}

	h3,
	.h3,
	.razrabotka-sajta-page h3,
	.hero h3,
	.tools-card-title,
	.info-card h3,
	.result-header h3,
	.serp-success-banner h3,
	.serp-proto-block-title,
	.mail-detail-card-header h3 {
		font-size: 16px !important;
		line-height: 1.35 !important;
		word-break: break-word !important;
		overflow-wrap: break-word !important;
	}
}

@media (max-width: 375px) {
	body.home-page #mainHeader,
	body.home-page .main-header,
	body.home-page .home-header {
		padding-top: 72px !important;
		margin-top: 0 !important;
	}
	body.home-page .header-2 h1,
	body.home-page .home-header h1,
	body.home-page .main-header h1 {
		margin-top: 18px !important;
		margin-bottom: 12px !important;
	}

	h1,
	.h1,
	.home-header h1,
	.main-header h1,
	.header-2 h1,
	.razrabotka-sajta-page h1,
	.razrabotka-sajta-page .hero h1,
	.landing-hero h1,
	header.hero h1,
	.hero h1,
	.static-page-dark-wrap h1,
	.doc-page-container h1,
	.doc-main-title,
	.r9-prototypes-h1,
	.tools-header h1,
	.tool-page-header h1,
	.tool-title,
	.serp-h1-title,
	.tools-seo-analyzer h1,
	.bulk-domain-checker-container h1,
	.domain-mail-audit-container h1,
	.tools-utm-generator h1,
	.tool-page-header .tools-hero-h1 {
		font-size: 21px !important;
		line-height: 1.28 !important;
		word-break: break-word !important;
		overflow-wrap: break-word !important;
		hyphens: auto !important;
	}

	h2,
	.h2,
	.razrabotka-sajta-page h2,
	.hero h2,
	.landing-hero h2,
	.main-block-2-color h2,
	.main-block-services h2,
	.services-section h2,
	.section-title,
	.block-title,
	.doc-section h2,
	.crawl-title-group h2,
	.utm-info-section h2,
	.tools-card-title,
	.serp-proto-section-title,
	.mail-domain-title {
		font-size: 18px !important;
		line-height: 1.32 !important;
		word-break: break-word !important;
		overflow-wrap: break-word !important;
	}

	h3,
	.h3,
	.razrabotka-sajta-page h3,
	.hero h3,
	.tools-card-title,
	.info-card h3,
	.result-header h3,
	.serp-success-banner h3,
	.serp-proto-block-title,
	.mail-detail-card-header h3 {
		font-size: 16px !important;
		line-height: 1.35 !important;
		word-break: break-word !important;
		overflow-wrap: break-word !important;
	}
}