/* Единые отступы первых экранов — по образцу главной (02.10.2026).
   Стандарт: контейнер не шире 1500px, боковые поля 40px (на телефоне 20px).
   Правила перечислены явно, без «умных» масок — так проще отменить. */

.hz-main > .container,
.hz-usluga-hero > .container,
.audit-hero > .container,
.competitor-check > .container,
.hz-reklama-hero > .container,
.education_main > .container,
.dor-hero > .container,
.container.audit-hero__inner,
.rz-wrap.rz-hero__inner,
.ta-wrap.ta-hero__inner,
.cx-hero__grid {
	max-width: 1500px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 40px !important;
	padding-right: 40px !important;
	box-sizing: border-box !important;
}

/* внутренние обёртки своих боковых полей не добавляют — иначе отступ удвоится */
.audit-hero__inner:not(.container),
.dor-hero__inner,
.competitor-check__inner,
.hz-rh__content,
.rz-hero__inner:not(.rz-wrap),
.ta-hero__inner:not(.ta-wrap) {
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	max-width: none !important;
}

@media (max-width: 767px) {
	.hz-main > .container,
	.hz-usluga-hero > .container,
	.audit-hero > .container,
	.competitor-check > .container,
	.hz-reklama-hero > .container,
	.education_main > .container,
	.dor-hero > .container,
	.container.audit-hero__inner,
	.rz-wrap.rz-hero__inner,
	.ta-wrap.ta-hero__inner,
	.cx-hero__grid {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
}

/* Единый верхний отступ: от шапки до заголовка — 64px на всех внутренних страницах.
   Главная не входит: там первый экран высокий и содержимое выровнено по центру. */
.hz-usluga-hero,
.audit-hero,
.rz-hero,
.ta-hero,
.competitor-check,
.hz-reklama-hero,
.cx-hero {
	padding-top: 64px !important;
}

/* внутренние обёртки своего верхнего отступа не добавляют */
.audit-hero__inner,
.dor-hero__inner,
.rz-hero__inner,
.ta-hero__inner,
.competitor-check__inner,
.cx-hero__grid,
.hz-rh__content,
.hz-usluga-hero > .container,
.audit-hero > .container,
.competitor-check > .container {
	padding-top: 0 !important;
	margin-top: 0 !important;
}

@media (max-width: 767px) {
	.hz-usluga-hero,
	.audit-hero,
	.rz-hero,
	.ta-hero,
	.competitor-check,
	.hz-reklama-hero,
	.cx-hero {
		padding-top: 28px !important;
	}
}

/* Содержимое первого экрана прижато к верху — иначе при вертикальном центрировании
   отступ от шапки «плавает» от 64 до 96px в зависимости от объёма текста. */
.hz-usluga-hero .audit-hero__inner,
.hz-usluga-hero .dor-hero__inner,
.hz-usluga-hero .education_main-inner,
.audit-hero .audit-hero__inner,
.rz-hero__inner,
.ta-hero__inner,
.competitor-check__inner {
	align-items: flex-start !important;
}

/* Сами секции тоже центрировали содержимое по вертикали — из-за этого отступ
   «гулял» ещё на 30px. Прижимаем к верху, кроме главной. */
.hz-usluga-hero,
.audit-hero,
.rz-hero,
.ta-hero,
.competitor-check,
.hz-reklama-hero,
.cx-hero {
	align-items: flex-start !important;
}

/* у части секций был ещё внешний отступ сверху — он добавлялся к общему */
.hz-usluga-hero,
.audit-hero,
.rz-hero,
.ta-hero,
.competitor-check,
.hz-reklama-hero,
.cx-hero {
	margin-top: 0 !important;
}

/* у сервисов «кто продвигает» и «анализ текста» обёртка добавляла свои 20px сверху */
.rz-wrap.rz-hero__inner,
.ta-wrap.ta-hero__inner,
.container.audit-hero__inner {
	padding-top: 0 !important;
	margin-top: 0 !important;
}

/* на двух сервисах обёртка контента сайта добавляла сверху ещё 20px */
body.page-id-74743 .site-content { margin-top: 0 !important; }
body.page-id-74747 .site-content { margin-top: 0 !important; }
body.page-id-74745 .site-content { margin-top: 0 !important; }
body.page-template-default .site-content { margin-top: 0 !important; }


/* Усиленный вариант: у части секций собственный padding-top задан правилом
   с бо́льшим весом, поэтому дублируем класс. */
section.audit-hero.audit-hero,
section.rz-hero.rz-hero,
section.ta-hero.ta-hero,
section.competitor-check.competitor-check,
section.hz-usluga-hero.hz-usluga-hero,
section.hz-reklama-hero.hz-reklama-hero,
section.cx-hero.cx-hero {
	padding-top: 64px !important;
	margin-top: 0 !important;
}
.site-content { margin-top: 0 !important; }

@media (max-width: 767px) {
	section.audit-hero.audit-hero,
	section.rz-hero.rz-hero,
	section.ta-hero.ta-hero,
	section.competitor-check.competitor-check,
	section.hz-usluga-hero.hz-usluga-hero,
	section.hz-reklama-hero.hz-reklama-hero,
	section.cx-hero.cx-hero {
		padding-top: 28px !important;
	}
}

/* На трёх сервисах скрипт шаблона ставит обёртке inline-отступ 20px со !important —
   из CSS его не перебить, поэтому вычитаем эти 20px из отступа секции. */
section.rz-hero.rz-hero,
section.ta-hero.ta-hero,
section.competitor-check.competitor-check {
	padding-top: 44px !important;
}
@media (max-width: 767px) {
	section.rz-hero.rz-hero,
	section.ta-hero.ta-hero,
	section.competitor-check.competitor-check {
		padding-top: 8px !important;
	}
}

/* Контакты: поля задаёт .container, сетка их не дублирует; минус inline-отступ 20px */
.cx-hero > .container {
	max-width: 1500px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 40px !important;
	padding-right: 40px !important;
	box-sizing: border-box !important;
}
.cx-hero__grid {
	max-width: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
section.cx-hero.cx-hero { padding-top: 44px !important; }
@media (max-width: 767px) {
	.cx-hero > .container { padding-left: 20px !important; padding-right: 20px !important; }
	section.cx-hero.cx-hero { padding-top: 8px !important; }
}

/* Партнёрство: та же компенсация inline-отступа обёртки */
section.hz-reklama-hero.hz-reklama-hero { padding-top: 44px !important; }
@media (max-width: 767px) {
	section.hz-reklama-hero.hz-reklama-hero { padding-top: 8px !important; }
}

/* Страница кейсов на телефоне: до первого кейса приходилось прокручивать
   почти весь экран (727px). Ужимаем шапку страницы, не убирая содержимое. */
@media (max-width: 767px) {
	.page-id-37080 .entry-title {
		font-size: 26px !important;
		line-height: 1.2 !important;
		margin: 0 0 14px !important;
	}
	.fraud-warning {
		margin: 0 0 14px !important;
		padding: 12px 14px !important;
		font-size: 13px !important;
		line-height: 1.4 !important;
	}
	.cases_lid {
		margin: 0 0 14px !important;
		font-size: 14px !important;
		line-height: 1.4 !important;
	}
	.cases_nav {
		padding: 12px !important;
		margin: 0 0 16px !important;
	}
	.cases_nav__t { font-size: 13px !important; }
	.cases_nav__l {
		padding: 7px 12px !important;
		font-size: 13px !important;
		line-height: 1.2 !important;
	}
}

/* Кейсы: заголовок и плашки ниш ужимаем сильнее — ниши встают по две в ряд */
@media (max-width: 767px) {
	body.cases-page .entry-title,
	body.page-id-37080 .entry-title.entry-title {
		font-size: 24px !important;
		line-height: 1.18 !important;
		margin: 0 0 12px !important;
	}
	body.cases-page .cases_nav { gap: 8px !important; padding: 10px !important; }
	body.cases-page .cases_nav__t { flex: 1 0 100% !important; margin: 0 0 2px !important; }
	body.cases-page .cases_nav__l {
		padding: 6px 10px !important;
		font-size: 12px !important;
		gap: 6px !important;
	}
	body.cases-page .fraud-warning { font-size: 12.5px !important; padding: 10px 12px !important; }
}

/* Главная — тот же отступ от шапки, что и на внутренних страницах */
section.hz-main.hz-main { padding-top: 0 !important; margin-top: 0 !important; }
section.hz-main .hz-hero {
	padding-top: 64px !important;
	align-items: flex-start !important;
}
@media (max-width: 767px) {
	section.hz-main .hz-hero { padding-top: 28px !important; }
}

/* ВАЖНО: на телефоне шапка висит поверх контента (fixed, 56px),
   поэтому к отступу прибавляем её высоту — иначе заголовок уезжает под меню. */
@media (max-width: 767px) {
	section.audit-hero.audit-hero,
	section.hz-usluga-hero.hz-usluga-hero,
	section.cx-hero.cx-hero,
	section.hz-main.hz-main .hz-hero {
		padding-top: 84px !important;
	}
	section.rz-hero.rz-hero,
	section.ta-hero.ta-hero,
	section.competitor-check.competitor-check,
	section.hz-reklama-hero.hz-reklama-hero {
		padding-top: 64px !important;
	}
}

/* Отступ от меню до текста увеличен: 64px выглядело вплотную. */
section.audit-hero.audit-hero,
section.hz-usluga-hero.hz-usluga-hero,
section.cx-hero.cx-hero,
section.hz-main.hz-main .hz-hero {
	padding-top: 100px !important;
}
section.rz-hero.rz-hero,
section.ta-hero.ta-hero,
section.competitor-check.competitor-check,
section.hz-reklama-hero.hz-reklama-hero {
	padding-top: 80px !important;   /* у них обёртка добавляет свои 20px */
}
@media (max-width: 767px) {
	section.audit-hero.audit-hero,
	section.hz-usluga-hero.hz-usluga-hero,
	section.cx-hero.cx-hero,
	section.hz-main.hz-main .hz-hero {
		padding-top: 96px !important;   /* 56px шапка + 40px отступ */
	}
	section.rz-hero.rz-hero,
	section.ta-hero.ta-hero,
	section.competitor-check.competitor-check,
	section.hz-reklama-hero.hz-reklama-hero {
		padding-top: 76px !important;
	}
}

/* Логотип упирался в нижний край шапки (зазор был 0). Поднимаем его и даём
   воздух снизу, высота самой шапки не меняется. */
.header_bot { padding-top: 0 !important; padding-bottom: 0 !important; }
.header_bot-left {
	padding-top: 14px !important;
	padding-bottom: 16px !important;
	box-sizing: border-box !important;
	align-items: center !important;
}
.header_logo {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/* Видео-портфолио на телефоне: до роликов было 734px прокрутки.
   Между заголовком и подзаголовком зияла дыра в 88px. */
@media (max-width: 767px) {
	body.page-id-55232 .entry-title {
		font-size: 24px !important;
		line-height: 1.18 !important;
		margin: 0 0 10px !important;
	}
	.vpx { margin-top: 0 !important; padding-top: 0 !important; }
	.vpx-sec { margin: 0 0 10px !important; padding-top: 0 !important; }
	.vpx-sec h2, .vpx h2 {
		font-size: 20px !important;
		line-height: 1.25 !important;
		margin: 0 0 10px !important;
	}
	.vpx-lid {
		font-size: 14px !important;
		line-height: 1.45 !important;
		margin: 0 0 14px !important;
	}
	.vpx-nav { padding: 10px !important; margin: 0 0 16px !important; gap: 8px !important; }
	.vpx-nav__t { flex: 1 0 100% !important; font-size: 13px !important; margin: 0 0 2px !important; }
	.vpx-nav__l { padding: 6px 10px !important; font-size: 12px !important; gap: 6px !important; }
}

/* Дыру в 70px между заголовком и текстом давала «шапка записи»: padding-bottom 48px
   плюс внешний отступ. На телефоне убираем. Плашки ниш ужимаем, чтобы вставали по две. */
@media (max-width: 767px) {
	body.page-id-55232 .entry-header,
	body.cases-page .entry-header {
		padding-bottom: 0 !important;
		margin-bottom: 10px !important;
	}
	.vpx-nav__l, body.cases-page .cases_nav__l {
		padding: 5px 9px !important;
		font-size: 11.5px !important;
		gap: 5px !important;
	}
	.vpx-nav, body.cases-page .cases_nav { gap: 7px !important; }
}

/* Плашки ниш — ровная сетка в две колонки: длинные названия переносятся,
   но строк становится втрое меньше. */
@media (max-width: 767px) {
	.vpx-nav__l, body.cases-page .cases_nav__l {
		flex: 1 1 calc(50% - 4px) !important;
		min-width: 0 !important;
		white-space: normal !important;
		line-height: 1.2 !important;
		justify-content: flex-start !important;
		text-align: left !important;
	}
}

/* Заголовок партнёрства был легче остальных (36px/600) — приводим к виду услуг */
html body section.hz-reklama-hero.hz-reklama-hero .hz-rh__content h1 {
	font-size: 42px !important;
	font-weight: 800 !important;
	line-height: 1.14 !important;
	letter-spacing: -0.01em !important;
}
@media (max-width: 1100px) {
	html body section.hz-reklama-hero.hz-reklama-hero .hz-rh__content h1 { font-size: 36px !important; }
}
@media (max-width: 767px) {
	html body section.hz-reklama-hero.hz-reklama-hero .hz-rh__content h1 { font-size: 30px !important; }
}

/* Планшеты: шапка здесь висит поверх контента (fixed, высота 101px),
   поэтому отступ считаем от неё: 101 + 40. */
@media (min-width: 768px) and (max-width: 1023px) {
	section.audit-hero.audit-hero,
	section.hz-usluga-hero.hz-usluga-hero,
	section.cx-hero.cx-hero,
	section.hz-main.hz-main .hz-hero {
		padding-top: 141px !important;
	}
	section.rz-hero.rz-hero,
	section.ta-hero.ta-hero,
	section.competitor-check.competitor-check,
	section.hz-reklama-hero.hz-reklama-hero {
		padding-top: 121px !important;
	}
}

/* Заголовки шагов были h4 после h2 — для валидности подняты до h3,
   вид сохраняем прежним (размер как у h4). */
.hz-kak-h4 {
	font-size: 16px !important;
	font-weight: 700 !important;
	color: #11172D !important;
	margin-bottom: 8px !important;
	line-height: 1.35 !important;
}

/* ПРИЧИНА CLS 0,78–0,80 на услугах: у <img> стоят размеры десктопного файла (≈3:1),
   а на телефоне из <source> подставляется квадрат. Браузер сначала резервирует
   место по 3:1, потом меняет на 1:1 — контент прыгает на пол-экрана.
   Фиксируем квадрат до загрузки. */
@media (max-width: 767px) {
	html body img.usluga-scena.usluga-scena,
	html body .hz-reklama-hero img.hz-rh__mob {
		aspect-ratio: 1 / 1 !important;
		height: auto !important;
		width: 100% !important;
		object-fit: cover !important;
	}
}

/* Главная: слева картинка просвечивала сквозь полупрозрачную подложку.
   Делаем как на услугах — сплошной фон до 42%, дальше плавный переход. */
section.hz-main .hz-hero::before {
	background: linear-gradient(90deg,
		#E9F1FA 0%,
		#E9F1FA 42%,
		rgba(233, 241, 250, 0.92) 50%,
		rgba(233, 241, 250, 0.35) 60%,
		rgba(233, 241, 250, 0) 70%) !important;
}
@media (max-width: 767px) {
	section.hz-main .hz-hero::before { display: none !important; }
}
/* Все экраны от 768 px. Подложка держится сплошной ровно под текстовой
   колонкой (заголовок доходит до 51-52 % ширины на любом десктопе) и резко
   сходит на нет до фигуры на фотографии. Короткий спад — чтобы за заголовком
   не просвечивали дома и рама окна, но человек оставался виден (02.10.2026). */
@media (min-width: 768px) {
	section.hz-main .hz-hero::before {
		background: linear-gradient(90deg,
			#E9F1FA 0%,
			#E9F1FA 53%,
			rgba(233, 241, 250, 0.85) 57%,
			rgba(233, 241, 250, 0.30) 61%,
			rgba(233, 241, 250, 0) 66%) !important;
	}
	section.hz-main .hz-hero__scena img{ object-position:72% 12% !important; }
}


/* ──────────────────────────────────────────────────────────────────
   Двухуровневый лид первого экрана (02.10.2026).
   Первое предложение — крупно и тёмным, остаток — мельче и серым.
   Так же сделана главная: обещание читается сразу, пояснение не спорит с ним.
   ────────────────────────────────────────────────────────────────── */
.audit-hero__subtitle,
.dor-hero__subtitle,
.ta-hero__sub,
.rz-hero__sub,
.competitor-check__desc,
.education_main-text > span:first-child{
	font-size:22px !important; line-height:1.38 !important; font-weight:500 !important;
	color:#11172D !important; -webkit-text-fill-color:#11172D !important;
	margin-bottom:10px !important; max-width:640px;
}
.education_main-text > span:first-child{ display:block; }
.education_main-text{
	font-size:16.5px !important; line-height:1.6 !important; color:#5D6584 !important;
	-webkit-text-fill-color:#5D6584 !important; max-width:640px;
}
.hz-lid-dop{
	font-size:16.5px !important; line-height:1.6 !important; font-weight:400 !important;
	color:#5D6584 !important; -webkit-text-fill-color:#5D6584 !important;
	margin:0 0 26px !important; max-width:620px;
}
.hz-usluga-hero .hz-lid-dop,
.hz-usluga-hero .education_main-text{ color:#5D6584 !important; -webkit-text-fill-color:#5D6584 !important; }
@media (max-width:768px){
	.audit-hero__subtitle,
	.dor-hero__subtitle,
	.ta-hero__sub,
	.rz-hero__sub,
	.competitor-check__desc,
	.education_main-text > span:first-child{ font-size:19.5px !important; line-height:1.38 !important; margin-bottom:8px !important; }
	.hz-lid-dop,
	.education_main-text{ font-size:15.5px !important; line-height:1.55 !important; margin-bottom:20px !important; }
}

/* Перебиваем цвет из usluga-hero.css: там свой !important на подзаголовок */
.hz-usluga-hero .audit-hero__subtitle,
.hz-usluga-hero .dor-hero__subtitle,
.hz-usluga-hero .education_main-text > span:first-child,
section .audit-hero__subtitle,
section .dor-hero__subtitle,
section .ta-hero__sub,
section .rz-hero__sub,
section .competitor-check__desc{
	color:#11172D !important; -webkit-text-fill-color:#11172D !important;
	font-size:22px !important; line-height:1.38 !important; font-weight:500 !important;
}
.hz-usluga-hero .hz-lid-dop,
section .hz-lid-dop{
	color:#5D6584 !important; -webkit-text-fill-color:#5D6584 !important;
	font-size:16.5px !important; font-weight:400 !important;
}
@media (max-width:768px){
	.hz-usluga-hero .audit-hero__subtitle,
	.hz-usluga-hero .dor-hero__subtitle,
	.hz-usluga-hero .education_main-text > span:first-child,
	section .audit-hero__subtitle,
	section .dor-hero__subtitle,
	section .ta-hero__sub,
	section .rz-hero__sub,
	section .competitor-check__desc{ font-size:19.5px !important; }
	.hz-usluga-hero .hz-lid-dop,
	section .hz-lid-dop{ font-size:15.5px !important; }
}

/* Телефон: пояснение встаёт сразу за первой фразой.
   В usluga-hero.css первый экран разложен через order, и новый абзац
   без своего order уезжал в самый верх, выше заголовка. */
@media (max-width:980px){
	.hz-usluga-hero .hz-lid-dop{ order:3 !important; margin:0 18px 16px !important; }
	.ta-hero__inner .hz-lid-dop{ order:1 !important; }
}


/* ──────────────────────────────────────────────────────────────────
   Карточки кейсов на главной и в портфолио (02.10.2026).
   Было: заголовок по центру при левом тексте, красная кнопка-кирпич
   на 66 px и подпись «Читать полностью» поверх последней строки.
   Стало: всё по левому краю, кнопка видео контурная, «Читать далее»
   отдельной кнопкой под текстом.
   ────────────────────────────────────────────────────────────────── */
.cases_item-title{ text-align:left !important; font-size:23px !important; line-height:1.3 !important; margin-bottom:8px !important; }
.cases_item > img{ margin-bottom:14px !important; }

.cases_item-link{ font-weight:500 !important; font-size:15px !important; color:#5D6584 !important;
	-webkit-text-fill-color:#5D6584 !important; width:auto !important; margin-bottom:16px !important; }
.cases_item-link:hover{ color:#005DAC !important; -webkit-text-fill-color:#005DAC !important; }

/* Видеообзор: белая кнопка с красным контуром */
.cases_item .video__btn{ height:46px !important; padding:0 20px !important; font-size:15px !important;
	font-weight:600 !important; background-color:#fff !important; color:#E03A37 !important;
	-webkit-text-fill-color:#E03A37 !important; border:1.5px solid #E03A37 !important; border-radius:10px !important;
	margin-bottom:18px !important; }
.cases_item .video__btn:hover{ background-color:#FDECEB !important; border-color:#C32F2C !important;
	color:#C32F2C !important; -webkit-text-fill-color:#C32F2C !important; }
.cases_item .video__btn svg{ margin-right:10px !important; width:18px; height:11px; }
.cases_item .video__btn svg path{ fill:#E03A37 !important; }
.cases_item .video__btn:hover svg path{ fill:#C32F2C !important; }

/* «Читать далее» — отдельная кнопка под описанием, а не подпись поверх строки */
.cases_item-opis{ max-height:150px !important; padding-bottom:52px !important; }
/* текст растворяется над кнопкой, иначе обрезанная строка лезет ей под ноги */
.cases_item-opis::before{ content:"" !important; position:absolute !important; left:0; right:0; bottom:0;
	height:72px; background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#fff 42%) !important; pointer-events:none; }
.cases_item-opis.raskryt::before{ display:none !important; }
.cases_item-opis::after{
	content:"Читать далее" !important; left:0 !important; right:auto !important; bottom:0 !important;
	padding:8px 16px !important; background:#fff !important; border:1px solid #D9E2F0 !important;
	border-radius:9px !important; font-size:14px !important; font-weight:600 !important; color:#005DAC !important;
	-webkit-text-fill-color:#005DAC !important; line-height:1.2 !important; }
.cases_item-opis.raskryt{ max-height:6000px !important; padding-bottom:52px !important; }
.cases_item-opis.raskryt::after{ content:"Свернуть" !important; left:0 !important; right:auto !important;
	padding:8px 16px !important; background:#fff !important; }
.cases_item-opis:hover::after{ border-color:#005DAC !important; }

/* Нижние кнопки в одну линию и одной высоты */
.cases_item-btns{ display:flex !important; align-items:center !important; gap:12px !important; flex-wrap:wrap !important; }
.cases_item-btns .cases_item-btn{ margin:0 !important; }

@media (max-width:767.98px){
	.cases_item-title{ font-size:20px !important; }
	.cases_item .video__btn{ width:100% !important; justify-content:center !important; }
	.cases_item-opis{ max-height:132px !important; }
	.cases_item-btns .cases_item-btn{ flex:1 1 100% !important; justify-content:center !important; }
}

/* Главная: у блока кнопки стоял margin-top:-63px — костыль под старую
   вёрстку, где ссылка занимала половину ширины и кнопка вставала рядом.
   После выравнивания по левому краю он наехал на заголовок. */
.cases_item .videoBtn__block{ margin-top:0 !important; text-align:left !important; display:flex !important;
	justify-content:flex-start !important; }

/* Логотипы кейсов — одной высоты, иначе карточки «прыгают» */
.cases_item > img{ height:44px !important; width:auto !important; max-width:230px !important;
	object-fit:contain !important; object-position:left center !important; display:block !important;
	padding-bottom:0 !important; margin-bottom:16px !important; }
@media (max-width:767.98px){
	.cases_item > img{ height:38px !important; max-width:190px !important; margin-bottom:13px !important; }
}

/* Нижние кнопки карточки: были прямоугольники с острыми углами во всю
   ширину. Скругляем, задаём одну высоту и человеческие отступы. */
.cases_item-btns{ gap:10px !important; }
.cases_item-btns .cases_item-btn{
	display:inline-flex !important; align-items:center !important; justify-content:center !important;
	min-height:48px !important; padding:0 22px !important; border-radius:10px !important;
	font-size:15px !important; font-weight:600 !important; line-height:1.2 !important; text-align:center !important; }
.cases_item-btns .cases_item-btn.btnTwo{ background:#005DAC !important; border:1.5px solid #005DAC !important;
	color:#fff !important; -webkit-text-fill-color:#fff !important; }
.cases_item-btns .cases_item-btn.btnTwo:hover{ background:#004A8A !important; border-color:#004A8A !important; }
.cases_item-btns .cases_item-btn.btn{ background:#fff !important; border:1.5px solid #D9E2F0 !important;
	color:#005DAC !important; -webkit-text-fill-color:#005DAC !important; gap:10px !important; }
.cases_item-btns .cases_item-btn.btn:hover{ border-color:#005DAC !important; background:#F6F9FD !important; }
.cases_item-btns .cases_item-btn.arrow::after{ margin-left:0 !important; }
@media (max-width:767.98px){
	.cases_item-btns{ flex-direction:column !important; gap:9px !important; }
	.cases_item-btns .cases_item-btn{ width:100% !important; min-height:50px !important; font-size:15.5px !important; }
}

/* На странице кейсов своя версия кнопки видео (cases.min.css, селектор
   из трёх классов с !important) — мельче и уже. Приводим к виду с главной. */
.cases-page .cases_item .videoBtn__block .video__btn{
	height:46px !important; padding:0 20px !important; font-size:15px !important; font-weight:600 !important;
	border-radius:10px !important; width:auto !important; max-width:none !important;
	background-color:#fff !important; color:#E03A37 !important; -webkit-text-fill-color:#E03A37 !important;
	border:1.5px solid #E03A37 !important; }
.cases-page .cases_item .videoBtn__block .video__btn svg{ width:18px !important; height:11px !important; margin-right:10px !important; }
.cases-page .cases_item .videoBtn__block .video__btn svg path{ fill:#E03A37 !important; }
.cases-page .cases_item .videoBtn__block .video__btn:hover{ background-color:#FDECEB !important;
	border-color:#C32F2C !important; color:#C32F2C !important; -webkit-text-fill-color:#C32F2C !important; }
@media (max-width:767.98px){
	.cases-page .cases_item .videoBtn__block .video__btn,
	.cases_item .videoBtn__block .video__btn{ width:100% !important; justify-content:center !important; font-size:15px !important; }
	.cases-page .cases_item .videoBtn__block{ display:block !important; }
}

/* Выравнивание карточек между собой (02.10.2026).
   Заголовки бывают в одну и в две строки, описания разной длины —
   из-за этого кнопки в соседних карточках стояли на разной высоте.
   Фиксируем высоту заголовка и описания: элементы встают по одной линии. */
@media (min-width:768px){
	.cases_item-title{ min-height:60px !important; display:flex !important; align-items:flex-start !important; }
	.cases_item-opis{ min-height:150px !important; }
	.cases_item-link{ min-height:24px !important; }
}

/* Страница кейсов: приводим карточку к виду главной (02.10.2026).
   В cases.min.css логотип лежал в серой плашке с тенью и сжимался до 60-80 px,
   адрес сайта был оформлен подложкой-пилюлей, заголовок мельче. */
.cases-page.cases-page .cases_item > img:first-child{
	height:44px !important; width:auto !important; max-width:230px !important; max-height:44px !important;
	object-fit:contain !important; object-position:left center !important;
	background:none !important; padding:0 !important; border-radius:0 !important;
	box-shadow:none !important; margin-bottom:16px !important; display:block !important; }
.cases-page.cases-page .cases_item-title{
	font-size:23px !important; line-height:1.3 !important; color:#005DAC !important;
	-webkit-text-fill-color:#005DAC !important; margin-bottom:8px !important; }
.cases-page.cases-page .cases_item-link{
	font-size:15px !important; font-weight:500 !important; color:#5D6584 !important;
	-webkit-text-fill-color:#5D6584 !important; background:none !important; border:0 !important;
	border-radius:0 !important; box-shadow:none !important; padding:0 0 0 24px !important;
	margin-bottom:16px !important; display:block !important; width:auto !important;
	text-decoration:none !important; }
.cases-page.cases-page .cases_item-link:hover{ background:none !important; color:#005DAC !important;
	-webkit-text-fill-color:#005DAC !important; }
.cases-page.cases-page .cases_item-link::before{ width:14px !important; height:14px !important; left:0 !important; }
@media (max-width:767.98px){
	.cases-page.cases-page .cases_item > img:first-child{ height:38px !important; max-height:38px !important; max-width:190px !important; }
	.cases-page.cases-page .cases_item-title{ font-size:20px !important; }
	.cases-page.cases-page .cases_item-link{ font-size:14.5px !important; }
}

/* Преимущества работы со мной: фото слева убрано (02.10.2026),
   карточки занимают всю ширину контейнера. */
.help_adv{ display:block !important; }
.help_adv .help_items--grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:22px !important; margin:0 !important; }
@media (max-width:860px){
	.help_adv .help_items--grid{ grid-template-columns:1fr !important; gap:16px !important; }
}

/* Свои иконки преимуществ: раньше две картинки повторялись по кругу */
.help_item-img .help_item-svg{ width:44px !important; height:44px !important; color:#fff !important;
	display:block !important; opacity:.95; }
@media (max-width:767.98px){ .help_item-img .help_item-svg{ width:34px !important; height:34px !important; } }

/* Визитка автора на первом экране была прижата к краю окна: она absolute
   внутри .hz-hero__scena, а та — во всю ширину экрана. На мониторе шире
   1600 px карточка уезжала далеко вправо от колонки с текстом, и первый
   экран «разъезжался». Привязываем её правый край к контейнеру 1500 px. */
@media (min-width:1200px){
	.hz-hero__scena .hz-vizitka{ right:max(40px, calc((100% - 1420px) / 2)) !important; }
}

/* ──────────────────────────────────────────────────────────────────
   Широкие мониторы (02.10.2026, по просьбе владельца — вариант «А»).
   Контент сидел в колонке 1500 px, а фон первого экрана шёл во всю
   ширину: на 2000+ px текст прижимался влево, а фотография уезжала
   вправо, и первый экран читался как две несвязанные половины.
   От 1800 px расширяем колонку до 1760 — текст идёт правее, разрыв
   с фотографией сокращается. Правило общее: контейнер один на всех
   страницах, значит блоки ниже тоже становятся шире.
   ────────────────────────────────────────────────────────────────── */
@media (min-width:1800px){
	.hz-main > .container,
	.hz-usluga-hero > .container,
	.audit-hero > .container,
	.competitor-check > .container,
	.hz-reklama-hero > .container,
	.education_main > .container,
	.dor-hero > .container,
	.container.audit-hero__inner,
	.rz-wrap.rz-hero__inner,
	.ta-wrap.ta-hero__inner,
	.cx-hero__grid,
	.cx-hero > .container,
	.container,
	.ta-wrap,
	.rz-wrap,
	body .cases.cases,
	body .vpx.vpx,
	body .help.help,
	.cases,
	.vpx,
	.help,
	.tariffs,
	.works{ max-width:1760px !important; }
	/* визитка держится правого края той же колонки */
	.hz-hero__scena .hz-vizitka{ right:max(40px, calc((100% - 1680px) / 2)) !important; }
}

/* Отдельные подложки для 1401+ и 2000+ сняты 02.10.2026: они обрывали
   сплошной фон на 24 и 20 % ширины, и за заголовком снова проступали дома
   и поперечина оконной рамы. Доля текста от ширины экрана почти не меняется,
   поэтому формула выше одна на все десктопные размеры. */

/* Узкие телефоны (320-360 px): кнопка «Посмотреть все отзывы» имела
   фиксированную ширину 330 px и вылезала за экран на 25 px. */
@media (max-width: 360px) {
	.newb3, a.newb3 { width:auto !important; max-width:100% !important; box-sizing:border-box !important;
		padding-left:16px !important; padding-right:16px !important; }
}