/*
Theme Name: Automatika AKPP
Theme URI: https://remontakpp36.ru
Author: Egor Procod
Author URI: https://remontakpp36.ru
Description: Block theme for AKPP repair service "Automatika" in Voronezh. Built with Full Site Editing (Gutenberg).
Version: 1.9.276
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: automatika-akpp
Tags: full-site-editing, block-patterns, wide-blocks
*/

/* ========================================
   CSS Architecture — Source of Truth
   ========================================

   WordPress block patterns (patterns/*.php) render block JSON
   attributes as inline style="..." on elements. Inline styles
   have specificity 1000 and CANNOT be overridden by CSS classes.

   RULE: For each CSS property, ONE source controls it:
   - padding, margin, font-size, color, bg-color в†’ pattern inline (block JSON)
   - hover, transition, position, display, flex, grid в†’ style.css
   - media queries (mobile) в†’ style.css with !important
   - font-family defaults в†’ theme.json

   To change padding/font/color: edit the pattern .php file,
   NOT this CSS. CSS without !important will be ignored.

   Selectors marked "DEAD" were removed during audit — they either
   targeted non-existent classes or duplicated inline styles.
   ======================================== */

/* ========================================
   Base Reset & Global Styles
   ======================================== */

*,
*::before,
*::after {
	box-sizing: border-box;
}

body {
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin: 0;
	padding: 0;
}

body:not(.home, .page-id-4710, .privacy-policy, .single-post, .category-128) {
	background-color: #000000;
}

.wp-site-blocks {
	padding-top: 0 !important;
	margin-top: 0 !important;
}

.wp-site-blocks > .wp-block-template-part:first-child + * {
	margin-top: 0 !important;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

/* Remove white gaps between consecutive dark sections */
.wp-site-blocks > .wp-block-group > main > .wp-block-group + .wp-block-group {
	margin-top: 0 !important;
}

main > .wp-block-group {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/* WP default block gap reset for main content */
.wp-site-blocks .wp-block-group > main {
	gap: 0;
}

/* ========================================
   Content max-width (wide screens)
   Потолок контента 1200px (= theme.json contentSize).
   Фоны секций остаются full-bleed — растут только боковые padding.
   ======================================== */

:root {
	--site-content-max: 1200px;
	--site-pad-desktop: 100px;
}

@media screen and (min-width: 1400px) {
	.site-header__top,
	.site-header__brand,
	.hero__cover,
	main > .section,
	main > .livestream,
	main > .final-cta,
	main > .map-section,
	main > .wp-block-group.section,
	main > .wp-block-group.livestream,
	main > .wp-block-group.final-cta,
	main > .wp-block-group.map-section,
	.site-footer,
	.site-footer.wp-block-group,
	.page-inner {
		padding-left: max(var(--site-pad-desktop), calc((100vw - var(--site-content-max)) / 2)) !important;
		padding-right: max(var(--site-pad-desktop), calc((100vw - var(--site-content-max)) / 2)) !important;
		box-sizing: border-box;
	}

	/* advantages-bar уже max-width 1200 — без доп. padding, иначе пункты сжимаются */
	main > .advantages-bar,
	.advantages-bar {
		padding-left: 100px !important;
		padding-right: 100px !important;
	}

	/* Шапка absolute на всю ширину, внутренние ряды совпадают с контентом */
	.site-header__top,
	.site-header__brand {
		width: 100%;
		max-width: none;
	}
}

/* ========================================
   Header
   ======================================== */

header.wp-block-template-part {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	background: transparent !important;
}

.site-header {
	background: transparent !important;
}

header.wp-block-template-part .wp-block-group,
header.wp-block-template-part .wp-block-navigation,
header.wp-block-template-part .wp-block-site-logo {
	background-color: transparent !important;
}

/* Logo size — Figma: 99x87 */
.site-header .wp-block-site-logo,
.site-header .custom-logo-link {
	max-width: 99px;
	flex-shrink: 0;
}

.site-header .wp-block-site-logo img,
.site-header .custom-logo {
	width: 99px !important;
	height: auto !important;
	max-width: 99px !important;
}

/* Logo size — Figma: header 99px, footer 50px */
.site-footer .wp-block-site-logo {
	max-width: 50px;
}

.site-footer .wp-block-site-logo img {
	width: 50px;
	height: auto;
}

/* Logo white — header + footer */
.site-header .wp-block-site-logo img,
.site-footer .wp-block-site-logo img {
	filter: brightness(0) invert(1);
}

header.wp-block-template-part .wp-block-button__link {
	background-color: #46EEFA !important;
}

.diagnosis .wp-block-columns {
	align-items: flex-end;
}


.diagnosis .wp-block-group[style*="background-color:#151515"] {
	background-color: #151515 !important;
	width: 100%;
}

.site-header__top {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	padding: 15px 100px;
}

/* Force flex on brand bar — WP may render as is-layout-flow */
.site-header__brand {
	display: flex !important;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	gap: 24px;
	padding: 10px 100px;
}

/* Header absolute — отступ снизу у бренда + запас padding у hero, чтобы не наползал */
@media screen and (min-width: 782px) {
	.site-header__brand {
		margin-bottom: 40px !important;
		padding-bottom: 20px !important;
	}

	.hero__cover {
		/* top-меню + brand (~180px) + зазор */
		padding-top: 300px !important;
	}
}

/* DEAD: .site-header__logo, .site-header__logo-text — classes not used in header.html */

.site-header__nav {
	display: flex;
	gap: 40px;
	align-items: center;
}

/* WP navigation list — тот же gap */
.site-header__nav .wp-block-navigation__container,
.wp-block-navigation.site-header__nav .wp-block-navigation__container {
	display: flex !important;
	gap: 40px !important;
	align-items: center;
}

.site-header__nav,
.site-header__nav a,
.site-header__nav .wp-block-navigation-item__content,
.site-header__nav .wp-block-navigation__container,
.wp-block-navigation.site-header__nav {
	color: #ffffff !important;
}

.site-header__nav a {
	font-family: var(--wp--preset--font-family--montserrat);
	font-size: 16px;
	font-weight: 400;
	text-decoration: none;
	transition: color 0.3s ease;
}

.site-header__nav a:hover,
.site-header__nav .wp-block-navigation-item__content:hover {
	color: var(--wp--preset--color--primary) !important;
}

/* Выпадающее меню «Наши услуги» */
.site-header__nav .wp-block-navigation-submenu {
	position: relative;
}

.site-header__nav .wp-block-navigation-submenu > .wp-block-navigation__submenu-icon {
	display: none;
}

.site-header__nav .wp-block-navigation-submenu > .wp-block-navigation__submenu-container {
	display: none !important;
	position: absolute;
	top: calc(100% + 4px);
	left: 0;
	z-index: 300;
	min-width: 280px;
	margin: 0 !important;
	padding: 10px 0;
	list-style: none;
	background: #1a1a1a;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 8px;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
	opacity: 1 !important;
	visibility: visible !important;
	height: auto !important;
	width: max-content !important;
	overflow: visible !important;
}

.site-header__nav .wp-block-navigation-submenu > .wp-block-navigation__submenu-container .wp-block-navigation-item {
	width: 100%;
}

.site-header__nav .wp-block-navigation-submenu > .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	display: block;
	width: 100%;
	padding: 10px 18px;
	box-sizing: border-box;
	color: #fff !important;
	white-space: nowrap;
	font-size: 15px;
	line-height: 1.35;
}

.site-header__nav .wp-block-navigation-submenu > .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
	color: #00aeff !important;
	background: rgba(0, 174, 255, 0.1);
}

/* Десктоп: открытие по наведению */
@media (hover: hover) and (pointer: fine) {
	.site-header__nav .wp-block-navigation-submenu:hover > .wp-block-navigation__submenu-container,
	.site-header__nav .wp-block-navigation-submenu:focus-within > .wp-block-navigation__submenu-container {
		display: flex !important;
		flex-direction: column;
	}
}

/* Тач: открытие по клику (класс is-submenu-open) */
.site-header__nav .wp-block-navigation-submenu.is-submenu-open > .wp-block-navigation__submenu-container {
	display: flex !important;
	flex-direction: column;
}

/* Небольшой «мостик» под пунктом, чтобы курсор не терял hover */
@media (hover: hover) and (pointer: fine) {
	.site-header__nav .wp-block-navigation-submenu > .wp-block-navigation__submenu-container::before {
		content: "";
		position: absolute;
		top: -12px;
		left: 0;
		right: 0;
		height: 12px;
	}
}

/* Макет: адрес и телефон в один ряд справа */
.site-header__contacts,
.site-header__contacts.is-vertical,
.wp-block-group.site-header__contacts {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-end;
	gap: 24px;
}

.site-header__contacts > *,
.site-header__contacts .site-header__address,
.site-header__contacts .site-header__phone {
	margin: 0 !important;
	white-space: nowrap;
}

/* ≤1150px: адрес над телефоном, оба по правому краю */
@media screen and (max-width: 1150px) {
	.site-header__contacts,
	.site-header__contacts.is-vertical,
	.wp-block-group.site-header__contacts {
		flex-direction: column !important;
		align-items: flex-end !important;
		justify-content: flex-end !important;
		gap: 4px;
		width: auto;
		margin-left: auto;
		text-align: right !important;
	}

	.site-header__contacts > *,
	.site-header__contacts p,
	.site-header__contacts .site-header__address,
	.site-header__contacts .site-header__phone,
	.site-header__contacts a {
		white-space: normal;
		text-align: right !important;
		width: 100%;
		margin: 0 !important;
	}
}

/* DEAD: .site-header__city, .site-header__hours — classes not used in header.html */

/* DEAD: .site-header__phone, .site-header__address — font/color props inline from header.html */

.site-header__phone:hover {
	color: var(--wp--preset--color--primary);
}

/* ≤1000px: компактнее кнопка + оба ряда шапки на всю ширину экрана */
@media screen and (max-width: 1000px) and (min-width: 782px) {
	header.wp-block-template-part,
	.site-header,
	.site-header.wp-block-group {
		width: 100% !important;
		max-width: none !important;
	}

	/* Меню + адрес — как бренд-ряд, на всю ширину */
	.site-header__top,
	.wp-block-group.site-header__top {
		width: 100% !important;
		max-width: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 40px !important;
		padding-right: 40px !important;
		box-sizing: border-box !important;
	}

	.site-header__brand {
		width: 100% !important;
		max-width: none !important;
		gap: 32px !important;
		padding-left: 40px !important;
		padding-right: 40px !important;
		box-sizing: border-box !important;
	}

	.site-header__brand > .wp-block-group:last-child,
	.site-header__cta-btn {
		margin-left: auto;
		flex-shrink: 0;
	}

	.site-header__cta-btn .wp-block-button__link,
	.site-header__brand .site-header__cta-btn a {
		font-size: 14px !important;
		padding: 8px 18px !important;
		white-space: nowrap;
	}
}

/* ========================================
   Hero Section
   ======================================== */

.hero {
	position: relative;
	min-height: 988px;
	background-size: cover;
	background-position: center;
	overflow: visible;
}

/* Hero cover image — shift down so KPP visible at blue bar boundary */
.hero .wp-block-cover__image-background {
	object-position: center 60%;
}

/* DEAD: .hero__overlay — class not used, cover block handles overlay */

.hero__content {
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 0;
	gap: 60px;
}

.hero__left {
	flex: 1;
	max-width: 600px;
	/* max-width: 50%; */
}

/* DEAD: .hero__brand, .hero__subtitle, .hero__title, .hero__description
   These classes don't exist in hero.php — h1/p use inline styles from block JSON */

.hero__right {
	flex-shrink: 0;
	width: 450px;
}

/* ========================================
   CTA Form
   ======================================== */

/* DEAD: .cta-form { padding/bg } — inline style from hero.php wins */

/* Form heading — left-aligned */
.cta-form h3 {
	text-align: left !important;
}

/* "АКПП" — выделение цветом и весом, без смещения */

.cta-form__input {
	width: 100%;
	height: 80px;
	padding: 0 20px;
	margin: 0 0 25px;
	display: block;
	border: none;
	outline: none;
	border-radius: 10px;
	background: #1A1A1A;
	font-family: var(--wp--preset--font-family--roboto);
	font-size: 18px;
	font-weight: 200;
	color: var(--wp--preset--color--white);
}

.cta-form__input::placeholder {
	color: rgba(255, 255, 255, 0.5);
}

.cta-form__button {
	width: 100%;
	height: 80px;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	background-color: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--black);
	border: none;
	border-radius: 10px;
	font-family: var(--wp--preset--font-family--tektur);
	font-size: 20px;
	font-weight: 500;
	cursor: pointer;
	transition: background-color 0.3s ease, opacity 0.3s ease, filter 0.3s ease;
}

.cta-form__button:hover:not(:disabled) {
	background-color: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--black);
}

.cta-form__button:disabled,
.cta-form__button.is-disabled {
	opacity: 0.45;
	cursor: not-allowed;
	filter: none;
	pointer-events: none;
	background-color: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--black);
}

.cta-form__privacy {
	font-family: var(--wp--preset--font-family--roboto);
	font-size: 14px;
	font-weight: 200;
	color: rgba(255, 255, 255, 0.5);
	text-align: center;
	margin-top: 10px;
	max-width: 350px;
}

/* Чекбокс согласия на обработку ПДн */
.cta-form__consent {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin: 16px 0 8px;
	cursor: pointer;
	text-align: left;
	max-width: 100%;
}

.cta-form__consent-input {
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	margin: 2px 0 0;
	appearance: none;
	-webkit-appearance: none;
	border: 1px solid #6a6a6a;
	border-radius: 3px;
	background-color: #3a3a3a;
	cursor: pointer;
	accent-color: #46EEFA;
}

.cta-form__consent-input:checked {
	border-color: #46EEFA;
	background-color: #46EEFA;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M6.2 11.4L2.8 8l1.1-1.1 2.3 2.3 5-5L12.3 5.3z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px 14px;
}

.cta-form__consent-input:focus-visible {
	outline: 2px solid #46EEFA;
	outline-offset: 2px;
}

.cta-form__consent-text {
	font-family: var(--wp--preset--font-family--roboto);
	font-size: 13px;
	font-weight: 300;
	line-height: 1.4;
	color: rgba(255, 255, 255, 0.65);
}

.cta-form__consent-text a {
	color: #46EEFA;
	text-decoration: underline;
}

.cta-form__consent-text a:hover {
	opacity: 0.85;
}

/* Попап «Обсудить детали» — та же форма, что «Узнать стоимость» */
body.akpp-modal-open {
	overflow: hidden;
}

/* Mango: при открытии с кнопки сайта — форма рядом с кнопкой */
#mgo-mcw-widget.akpp-mango-anchored {
	position: fixed !important;
	z-index: 10000050 !important;
	margin: 0 !important;
}

.akpp-callback-modal {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	box-sizing: border-box;
}

.akpp-callback-modal[hidden] {
	display: none !important;
}

.akpp-callback-modal__overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.75);
}

.akpp-callback-modal__dialog {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 520px;
	margin: 0 auto;
}

.akpp-callback-modal__close {
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 2;
	width: 36px;
	height: 36px;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.12);
	color: #fff;
	font-size: 24px;
	line-height: 1;
	cursor: pointer;
}

.akpp-callback-modal__form-wrap {
	background: #000;
	border-radius: 20px;
	padding: 36px 32px 32px;
	box-sizing: border-box;
}

.akpp-callback-modal__title {
	margin: 0 0 24px;
	font-family: var(--wp--preset--font-family--montserrat), Montserrat, sans-serif;
	font-size: 28px;
	font-weight: 400;
	line-height: 1.3;
	color: #fff;
	text-align: left;
}

.akpp-callback-modal__title span {
	color: #00aeff;
	font-weight: 600;
}

.akpp-callback-modal .cta-form__input {
	background: #1a1a1a;
}

.akpp-callback-modal__form-wrap--diagnosis {
	background: #151515;
}

.akpp-callback-modal__title--center {
	text-align: center;
}

.akpp-callback-modal .cta-form__button--diagnosis {
	background: #46eefa;
	color: #000;
	font-family: var(--wp--preset--font-family--tektur), Tektur, sans-serif;
	font-size: 16px;
	font-weight: 500;
	border-radius: 10px;
}

.symptoms__card-cta-link {
	cursor: pointer;
	white-space: nowrap;
}

.symptoms__card-cta-link span {
	display: none !important;
}

@media (max-width: 599px) {
	.akpp-callback-modal__form-wrap {
		padding: 28px 20px 24px;
	}

	.akpp-callback-modal__title {
		font-size: 22px;
		padding-right: 28px;
	}

	.akpp-callback-modal .cta-form__input,
	.akpp-callback-modal .cta-form__button {
		height: 64px;
	}
}

/* ========================================
   Advantages Bar
   ======================================== */

.advantages-bar {
	/* DEAD: background-color, padding — inline from advantages.php wins */
	display: flex !important;
	flex-wrap: nowrap;
	justify-content: space-between !important;
	align-items: center !important;
	gap: 30px;
	width: 100%;
	max-width: var(--site-content-max, 1200px);
	margin: -96px auto 0;
	min-height: 250px;
	position: relative;
	z-index: 10;
	box-sizing: border-box;
}

.advantages-bar__block {
	align-items: center;
	flex: 1 1 0;
	min-width: 0;
	max-width: none;
}

.advantages-bar__icon {
	display: block;
	margin: 0 auto 15px;
}

.advantages-bar__item {
	/* DEAD: font-family, font-size, font-weight, color — inline from advantages.php wins */
	text-align: center;
}

/* ========================================
   Section Common
   ======================================== */

/* DEAD: .section { padding } — every pattern sets its own inline padding
   DEAD: .section--dark/--dark-gray/--light-gray { bg, color } — inline from patterns wins
   DEAD: .section__title, .section__subtitle — classes not used in any pattern */

/* ========================================
   Livestream Section
   ======================================== */
/* Temporarily hidden — no video yet */
.final-cta {
	display: none !important;
}

/* DEAD: .livestream { padding } — inline from livestream.php wins
   DEAD: .livestream__title — class not used, h2 has inline styles */

.livestream__embed {
	width: 100%;
	aspect-ratio: 16/9;
	border-radius: 5px;
	overflow: hidden;
}

.livestream__placeholder img {
	object-position: center 40%;
}

/* ========================================
   Services Section
   ======================================== */

.services__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 44px;
	margin-bottom: 40px;
	justify-content: center;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.services__card {
	position: relative;
	border-radius: 5px;
	overflow: hidden;
	height: 300px;
	transition: transform 0.3s ease;
	display: block;
	text-decoration: none;
	color: inherit;
}

.services__card:hover {
	transform: translateY(-5px);
}

.services__card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.services__card-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 150px;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, transparent 100%);
	display: flex;
	align-items: flex-end;
	padding: 20px;
	border-radius: 0 0 5px 5px;
}

.services__card-title {
	font-family: var(--wp--preset--font-family--tektur);
	font-size: 24px;
	font-weight: 700;
	color: var(--wp--preset--color--white);
}

.services__cta {
	text-align: center;
	margin-top: 40px;
}

/* DEAD: .services__cta-text, .services__cta-link — classes not used in services.php
   Text/link inside .services__cta use inline styles from block JSON */

/* ========================================
   Experience Counter
   ======================================== */

/* DEAD: .experience, .experience__text — classes not used in any pattern */

/* ========================================
   Article Section (dark bg)
   ======================================== */

/* DEAD: .article { padding } — inline from article-breakdown.php wins
   DEAD: .article__two-cols, .article__title, .article__text, .article__text--light
   — classes not used, elements have inline styles from block JSON */

.article__image {
	border-radius: 5px;
	overflow: hidden;
}

/*
  Desktop (Figma):
  L: «Почему АКПП…»
  R: фото механика → «Как продлить жизнь…»
  Фото авто — под левой колонкой, с заходом под текст справа.
*/
@media screen and (min-width: 782px) {
	.article {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		column-gap: 40px;
		row-gap: 20px;
		align-items: start;
		overflow: visible !important;
	}

	/* Разворачиваем обёртки колонок — дети становятся ячейками сетки */
	.article > .wp-block-columns {
		display: contents !important;
	}

	/* «Почему АКПП…» — левая колонка над фото авто + белый контур как в макете */
	.article > .wp-block-columns:first-child > .wp-block-column:first-child {
		grid-column: 1;
		grid-row: 1 / 3;
		border: 1px solid #ffffff;
		border-radius: 5px;
		padding: 28px 32px;
		box-sizing: border-box;
	}

	/* Фото механика — правый верх, на всю ширину колонки (без обводки) */
	.article > .wp-block-columns:first-child > .wp-block-column:last-child {
		grid-column: 2;
		grid-row: 1;
		width: 100%;
		max-width: 100%;
	}

	.article > .wp-block-columns:first-child > .wp-block-column:last-child .wp-block-image,
	.article > .wp-block-columns:first-child > .wp-block-column:last-child .article__image {
		width: 100%;
		max-width: 100%;
		border: none;
		border-radius: 5px;
		overflow: hidden;
		box-sizing: border-box;
	}

	.article > .wp-block-columns:first-child > .wp-block-column:last-child .wp-block-image img {
		display: block;
		width: 100%;
		height: auto;
		object-fit: cover;
		border-radius: 5px;
	}

	/* «Как продлить жизнь…» — под фото механика и дальше вдоль авто */
	.article > .wp-block-columns:last-child > .wp-block-column:last-child {
		grid-column: 2;
		grid-row: 2 / 4;
		position: relative;
		z-index: 2;
		background: rgba(0, 0, 0, 0.72);
		border-radius: 5px;
		padding: 24px 28px;
		margin-top: 0 !important;
		box-sizing: border-box;
	}

	/* Фото авто — под левой колонкой, картинка заезжает под правый текст */
	.article > .wp-block-columns:last-child > .wp-block-column:first-child {
		grid-column: 1;
		grid-row: 3;
		position: relative;
		z-index: 1;
		overflow: visible;
		margin-top: 0;
		justify-self: stretch;
	}

	.article > .wp-block-columns:last-child > .wp-block-column:first-child .wp-block-image {
		margin: 0;
		overflow: visible;
		width: 100%;
	}

	.article > .wp-block-columns:last-child > .wp-block-column:first-child .wp-block-image img {
		display: block;
		width: 170%;
		max-width: none;
		height: auto;
		position: relative;
		left: 0;
		z-index: 0;
		object-fit: contain;
		object-position: left center;
	}

	.article > .wp-block-columns:last-child {
		margin-top: 0 !important;
	}
}

.article .wp-block-group[style*="background-color:#00AEFF"] {
	position: relative;
	z-index: 3;
}

/* ========================================
   Symptoms Section
   ======================================== */

/* DEAD: .symptoms { padding } — inline from symptoms.php wins */

/* Figma: обводка вокруг блока; заголовок слева (как в 1.9.49);
   L: header(r1-2), 1(r3), 2(r4), 3(r5)
   R: 4(r1), 5(r2), 6(r3), CTA(r4) */
.symptoms__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto auto auto auto auto;
	gap: 20px;
	align-items: stretch;
	border: 1px solid #ffffff;
	border-radius: 5px;
	padding: 40px;
	box-sizing: border-box;
}

/* Горизонтальные линии над/под «План действий» не рисуем как рамку секции */
.action-plan {
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
}

.action-plan .wp-block-columns {
	border: none !important;
}

/* «Совет мастера»: без белых полос сверху/снизу (оставляем акцент слева из inline) */
.action-plan .wp-block-group[style*="background-color:#00AEFF"] {
	border-top: none !important;
	border-bottom: none !important;
	border-right: none !important;
}

.symptoms__header {
	grid-column: 1;
	grid-row: 1 / 3;
	align-self: start;
}

.symptoms__grid > :nth-child(2) { grid-column: 1; grid-row: 3; } /* 1 */
.symptoms__grid > :nth-child(3) { grid-column: 1; grid-row: 4; } /* 2 */
.symptoms__grid > :nth-child(4) { grid-column: 1; grid-row: 5; } /* 3 */
.symptoms__grid > :nth-child(5) { grid-column: 2; grid-row: 1; } /* 4 */
.symptoms__grid > :nth-child(6) { grid-column: 2; grid-row: 2; } /* 5 */
.symptoms__grid > :nth-child(7) { grid-column: 2; grid-row: 3; } /* 6 */
.symptoms__grid > :nth-child(8) { grid-column: 2; grid-row: 4; } /* CTA */

.symptoms__card {
	display: flex;
	align-items: stretch;
	height: 100%;
	border: 1px solid #ffffff;
	border-radius: 10px;
	overflow: hidden;
	min-height: 120px;
	box-sizing: border-box;
}

.symptoms__card-number {
	flex-shrink: 0;
	width: 56px;
	background-color: var(--wp--preset--color--primary);
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--wp--preset--font-family--montserrat);
	font-size: 28px;
	font-weight: 900;
	color: #000000;
}

.symptoms__card-text {
	padding: 16px 20px;
	font-family: var(--wp--preset--font-family--montserrat);
	font-size: 16px;
	font-weight: 500;
	color: #ffffff;
	line-height: 1.5;
	display: flex;
	align-items: center;
}

.symptoms__card--cta {
	background-color: var(--wp--preset--color--accent);
	border-color: var(--wp--preset--color--accent);
	justify-content: center;
	align-items: center;
	padding: 18px 40px;
}

.symptoms__card-cta-link {
	font-family: var(--wp--preset--font-family--tektur);
	font-size: 30px;
	font-weight: 600;
	color: #000000;
	text-decoration: none;
}

.symptoms__card-cta-link:hover {
	opacity: 0.8;
}

/* ========================================
   Action Plan
   ======================================== */

/* DEAD: .action-plan { padding } — inline from action-plan.php wins
   DEAD: .action-plan__title, .action-plan__text, .action-plan__tip
   — classes not used, elements have inline styles from block JSON */

@media screen and (min-width: 782px) {
	.action-plan .wp-block-columns {
		align-items: stretch !important;
		gap: 40px !important;
		/* место под вырезку АКПП, которая висит ниже синего блока */
		margin-bottom: 140px !important;
	}

	/* Фото шире, текст уже — как в макете */
	.action-plan .wp-block-columns > .wp-block-column:first-child {
		flex-basis: 55% !important;
		max-width: 55%;
	}

	.action-plan .wp-block-columns > .wp-block-column:last-child {
		flex-basis: 45% !important;
		max-width: 45%;
	}

	/* Левая колонка = высота правой до низа «Совет мастера» */
	.action-plan .wp-block-column:first-child {
		position: relative;
		align-self: stretch;
		min-height: 100%;
	}

	.action-plan .wp-block-column:first-child .wp-block-image {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		margin: 0;
		border-radius: 5px;
		overflow: hidden;
	}

	.action-plan .wp-block-column:first-child .wp-block-image img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		border-radius: 5px;
	}

	/* Вырезка вне потока: от низа колонки (низ синего блока), с лёгким наездом */
	.action-plan .wp-block-column:last-child {
		position: relative;
		padding-bottom: 0;
		box-sizing: border-box;
	}

	.action-plan .wp-block-column:last-child > .wp-block-image:last-child {
		position: absolute;
		right: 0;
		top: 100%;
		bottom: auto;
		margin-top: -50px !important;
		margin-bottom: 0 !important;
		z-index: 2;
		width: 70%;
		max-width: 320px;
		text-align: right;
	}

	.action-plan .wp-block-column:last-child > .wp-block-image:last-child img {
		display: inline-block;
		width: 100%;
		height: auto;
	}
}

/* Mobile: вырезка с лёгким перекрытием */
@media screen and (max-width: 781px) {
	.action-plan .wp-block-column:last-child > .wp-block-image:last-child {
		margin-top: -45px !important;
		position: relative;
		z-index: 2;
		width: auto;
		max-width: 100%;
		right: auto;
		bottom: auto;
	}

	.action-plan .wp-block-column:last-child {
		padding-bottom: 0;
	}

	.action-plan .wp-block-column:first-child {
		position: relative;
		min-height: 0;
	}

	.action-plan .wp-block-column:first-child .wp-block-image {
		position: relative;
		inset: auto;
		height: auto;
	}

	.action-plan .wp-block-column:first-child .wp-block-image img {
		height: auto;
		min-height: 0;
		object-fit: cover;
	}
}

/* ========================================
   Diagnosis Form Section
   ======================================== */

/* DEAD: .diagnosis { padding } — inline from diagnosis.php wins
   DEAD: .diagnosis__title, .diagnosis__text — classes not used */

/* ========================================
   Gallery Section
   ======================================== */

/* DEAD: .gallery { padding } — inline from gallery.php wins
   DEAD: .gallery__title — class not used, h2 has inline styles */

.gallery__slider {
	display: flex;
	gap: 20px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	padding-bottom: 20px;
}

.gallery__slider::-webkit-scrollbar {
	display: none;
}

.gallery__slide {
	flex-shrink: 0;
	scroll-snap-align: start;
	border-radius: 5px;
	overflow: hidden;
	width: 400px;
	height: 400px;
	background: var(--wp--preset--color--light-gray);
}

/* ========================================
   Benefits Section
   ======================================== */

.benefits__grid {
	display: grid;
	/* Всегда 2 колонки; на узких экранах сжимаются, не вылезают */
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 49px clamp(20px, 4vw, 127px);
	justify-content: center;
	align-items: stretch;
	width: 100%;
	max-width: 100%;
	margin-inline: auto;
	box-sizing: border-box;
}

/* WP is-layout-flow добавляет margin-block-start 2–4-й карточкам — сбивает верхний край */
.benefits__grid > *,
.benefits__grid > .benefits__card,
.benefits__grid.wp-block-group > .wp-block-group {
	margin-block-start: 0 !important;
	margin-top: 0 !important;
}

.benefits__card {
	height: 100%;
	min-height: 300px;
	align-self: stretch;
	box-sizing: border-box;
	background-repeat: no-repeat !important;
	background-position: top 25px right 25px !important;
}

/* Место под иконку справа — заголовок не залезает под фон */
.benefits__card > h3,
.benefits__card > .wp-block-heading {
	padding-right: 60px;
	box-sizing: border-box;
}

/* Benefit card icons via CSS (PHP doesn't work in wp:group inline styles) */
.benefits__grid .benefits__card:nth-child(1) {
	background-image: url('/wp-content/themes/automatika-akpp/./assets/images/icon-benefit-3.svg') !important;
	background-size: 43px 31px;
}
.benefits__grid .benefits__card:nth-child(2) {
	background-image: url('/wp-content/themes/automatika-akpp/./assets/images/icon-benefit-4.svg') !important;
	background-size: 45px 46px;
}
.benefits__grid .benefits__card:nth-child(3) {
	background-image: url('/wp-content/themes/automatika-akpp/./assets/images/icon-benefit-1.svg') !important;
	background-size: 44px 42px;
}
.benefits__grid .benefits__card:nth-child(4) {
	background-image: url('/wp-content/themes/automatika-akpp/./assets/images/icon-benefit-2.svg') !important;
	background-size: 51px 48px;
}

/* ========================================
   Work Examples (slider)
   ======================================== */

.works__slider {
	display: flex;
	gap: 20px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	padding-bottom: 20px;
}

.works__slider::-webkit-scrollbar {
	display: none;
}

.works__slide {
	flex-shrink: 0;
	scroll-snap-align: start;
	border-radius: 5px;
	overflow: hidden;
	width: 600px;
	height: 400px;
	background: var(--wp--preset--color--light-gray);
	position: relative;
	display: block;
	text-decoration: none;
	color: inherit;
}

.works__slide-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 200px;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, transparent 100%);
	display: flex;
	align-items: flex-end;
	padding: 20px;
}

.works__slide-title {
	font-family: var(--wp--preset--font-family--tektur);
	font-size: 48px;
	font-weight: 400;
	color: var(--wp--preset--color--white);
}

/* ========================================
   Final CTA Section
   ======================================== */

/* DEAD: .final-cta { bg-color, padding } — inline from final-cta.php wins
   DEAD: .final-cta__title, .final-cta__phone — classes not used */

.final-cta__video {
	position: relative;
	width: 100%;
	height: 437px;
	border-radius: 5px;
	overflow: hidden;
}

.final-cta__video img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 38%;
}

/* ========================================
   Map Section
   ======================================== */

/* DEAD: .map-section { padding } — inline from map.php wins
   DEAD: .map-section__title — class not used, h2 has inline styles */

.map-section__embed {
	width: 100%;
	height: 600px;
	border-radius: 5px;
	overflow: hidden;
}

/* Синий адрес над картой — весь жирный (главная и др.) */
.map-section h2 span,
.map-section .wp-block-heading span,
.map-section h2 span strong,
.map-section .wp-block-heading span strong {
	font-weight: 700 !important;
}

/* ========================================
   Footer
   ======================================== */

/* DEAD: .site-footer { bg-color, padding, color } — inline from footer.html wins */

.site-footer__grid {
	margin-bottom: 40px;
}

/* DEAD: .site-footer__brand, .site-footer__copyright, .site-footer__col-title
   — classes not used or inline from footer.html wins
   DEAD: .site-footer__link, .site-footer__social-link — classes not used
   — footer uses inline links and wp:button blocks instead */

.site-footer__social {
	display: flex;
	gap: 15px;
	/* DEAD: margin-top — inline from footer.html wins */
}

/* Mobile socials in brand column — hidden on desktop */
.site-footer__social-mobile {
	display: none !important;
}

/* Footer brand: keep "Автоматика" on one line */
.site-footer__brand-row,
.site-footer .wp-block-site-title,
.site-footer .wp-block-site-title a {
	flex-wrap: nowrap !important;
	white-space: nowrap !important;
}

.site-footer .wp-block-columns {
	align-items: flex-start !important;
}

.site-footer__col-brand,
.site-footer .wp-block-columns > .wp-block-column:first-child {
	flex: 0 0 320px !important;
	max-width: 320px !important;
}

.site-footer__brand-row {
	align-items: flex-start !important;
	gap: 10px !important;
}

.site-footer__brand-row p,
.site-footer__brand-row p a,
.site-footer .wp-block-site-title,
.site-footer .wp-block-site-title a {
	font-size: 36px !important;
	line-height: 1 !important;
	white-space: nowrap !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	margin-top: 0 !important;
	align-self: flex-start !important;
	display: block !important;
}

.site-footer .wp-block-site-logo {
	max-width: 34px !important;
	align-self: flex-start !important;
	margin-top: 2px !important;
}

.site-footer .wp-block-site-logo img {
	width: 34px !important;
	height: 34px !important;
	max-width: 34px !important;
	object-fit: contain;
}

.site-footer h4,
.site-footer .wp-block-heading {
	font-size: 24px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	margin-top: 0 !important;
	min-height: 29px;
	display: flex;
	align-items: flex-start;
}

.site-footer .wp-element-button,
.site-footer .wp-block-button__link,
.site-footer__cta .wp-element-button,
.site-footer__cta .wp-block-button__link {
	background: transparent !important;
	background-color: transparent !important;
	color: #fff !important;
	border: 0.5px solid #fff !important;
	box-shadow: none !important;
	font-weight: 400 !important;
	font-size: 16px !important;
}

.site-footer .wp-element-button:hover,
.site-footer .wp-block-button__link:hover,
.site-footer__cta .wp-element-button:hover,
.site-footer__cta .wp-block-button__link:hover {
	background: #333333 !important;
	background-color: #333333 !important;
}

/* DEAD: .site-footer__bottom { border-top, padding-top } — inline from footer.html wins */

/* DEAD: .site-footer__bottom-text — class not used */

/* DEAD: .btn, .btn--primary, .btn--outline, .btn--accent — classes not used anywhere
   WordPress uses wp-block-button/wp-element-button instead */

/* ========================================
   Quiz / Test Section
   ======================================== */

.quiz-banner {
	text-align: center;
	padding: 30px 0;
}

/* DEAD: .quiz-banner__link — class not used, button uses inline styles */

/* ========================================
   Mobile Header Elements
   ======================================== */

/* Mobile info bar — hidden on desktop */
.site-header__mobile-info {
	display: none;
}

/* Mobile menu button — hidden on desktop */
.site-header__mobile-menu-btn {
	display: none;
}

/* Mobile phone button — hidden on desktop */
.site-header__mobile-phone-btn {
	display: none;
}

/* Mobile nav dropdown — hidden by default */
.site-header__mobile-nav {
	display: none;
}

/* ========================================
   Slider Arrows
   ======================================== */

.slider-wrapper {
	position: relative;
	display: flex;
	align-items: center;
	gap: 15px;
}

.slider-arrow {
	flex-shrink: 0;
	width: 50px;
	height: 50px;
	border: none;
	background: none;
	color: var(--wp--preset--color--primary);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: opacity 0.3s ease;
}

.slider-arrow svg {
	width: 44px;
	height: 44px;
}

.slider-arrow:hover {
	opacity: 0.7;
}

/* ========================================
   Wave Decoration
   ======================================== */

.wave-separator {
	width: 100%;
	overflow: hidden;
	line-height: 0;
}

.wave-separator img {
	width: 100%;
	display: block;
}

/* ========================================
   Decorative Elements (from Figma)
   ======================================== */

/* Контейнеры секций с декором — без clip, волна выходит за viewport */
.section:has(.services__grid),
.section:has(.gallery__slider),
.section.gallery,
.section:has(.works__slider),
.section.works,
.section:has(.benefits__grid) {
	position: relative;
	overflow: visible;
}

/* Inline overflow:hidden в паттерне — перебиваем для полосы */
#benefits {
	position: relative;
	overflow: visible !important;
}

.livestream {
	position: relative;
	overflow: visible;
}

/* Секция с квизом поверх волны из блока услуг */
.section:has(.quiz-banner) {
	position: relative;
	z-index: 2;
}

/* Без горизонтального скролла на всей странице */
.wp-site-blocks,
main {
	overflow-x: hidden;
	max-width: 100%;
}

img.decoration-wave {
	max-width: none !important;
	width: calc(100vw + 200px);
}

/* Wave lines — шире viewport, края скрыты за экраном */
.decoration-wave {
	position: absolute;
	z-index: 0;
	pointer-events: none;
	max-width: none;
	height: auto;
	width: calc(100vw + 200px);
	left: 50%;
	right: auto;
	transform: translateX(-50%);
}

/* Figma Line 20 — секция «Наши услуги» */
.section:has(.services__grid) .decoration-wave--1 {
	top: 20px;
}

/* Figma Line 21 — секция «Выгоды для наших клиентов» */
.section:has(.benefits__grid) .decoration-wave--2,
#benefits .decoration-wave--2 {
	top: 120px;
	z-index: 0;
}

/* Контент поверх волны в услугах */
.section:has(.services__grid) > h2,
.section:has(.services__grid) .services__grid,
.section:has(.services__grid) .services__cta,
.section:has(.services__grid) > .wp-block-group {
	position: relative;
	z-index: 1;
}

/* Контент поверх волны в «Выгоды» */
#benefits > h2,
#benefits > p,
#benefits .benefits__card {
	position: relative;
	z-index: 1;
}

#benefits .benefits__grid {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 100%;
}

/* Semicircles — solid blue half-circles (всегда под контентом) */
.decoration-semicircle {
	position: absolute;
	z-index: 0;
	pointer-events: none;
}

/* Контент секций поверх полукругов */
.gallery > .wp-block-heading,
.gallery h2.wp-block-heading,
.gallery .slider-wrapper,
.gallery__slider,
.gallery__dots,
.works > .wp-block-heading,
.works h2.wp-block-heading,
.works .slider-wrapper,
.works__slider,
.works__dots,
.works__slide-overlay {
	position: relative;
	z-index: 2;
}

/* Figma desktop: Ellipse 38 — right edge near gallery title */
/* x:1389 relative to frame (1728px), so right = 1728-1389-344 = -5px */
.decoration-semicircle--gallery {
	top: 0;
	right: -5px;
	width: 344px;
	height: 688px;
}

/* Figma mobile only: Ellipse 37 — left edge near works, x:-6, 161x321 */
/* Hidden on desktop, shown on mobile */
.decoration-semicircle--works {
	display: none;
	top: 50px;
	left: -6px;
	width: 161px;
	height: 321px;
}


/* ========================================
   Responsive — Mobile (375px)
   Все значения строго по Figma: фрейм 1:2
   "Mobile version - dark theme" (375Г—12534)
   ======================================== */

@media (max-width: 781px) {

	/* ============================================
	   HEADER MOBILE — Figma: 2 rows
	   Row 1 (y:0-49): city + address | hours
	   Row 2 (y:49-109): phone icon + logo + Автоматика + menu icon
	   ============================================ */

	/* Hide desktop top bar (nav + contacts) */
	.site-header__top {
		display: none !important;
	}

	/* WP flow: убрать 24px между mobile-info и brand на 601–781px */
	.site-header.is-layout-flow > *,
	.site-header.wp-block-group > *,
	:where(.site-header.is-layout-flow) > * {
		margin-block-start: 0 !important;
	}

	/* Show mobile info bar — Figma: y:0-49, Line 2 at y:49 */
	.site-header__mobile-info {
		display: flex !important;
		justify-content: space-between;
		align-items: flex-start;
		padding: 5px 15px;
		border-bottom: 1px solid rgba(255,255,255,0.7);
	}

	.site-header__mobile-info-left {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 5px;
	}

	.site-header__mobile-icon-map {
		width: 17px;
		height: 17px;
		flex-shrink: 0;
	}

	.site-header__mobile-city {
		font-family: var(--wp--preset--font-family--montserrat);
		font-size: 12px;
		font-weight: 600;
		color: #00aeff;
	}

	.site-header__mobile-address {
		font-family: var(--wp--preset--font-family--montserrat);
		font-size: 12px;
		font-weight: 400;
		color: #ffffff;
		width: 100%;
		margin-left: 22px;
	}

	.site-header__mobile-hours {
		font-family: var(--wp--preset--font-family--montserrat);
		font-size: 12px;
		font-weight: 400;
		color: #ffffff;
		white-space: normal;
		text-align: right;
	}

	/* [M3] Logo white on mobile */
	.site-header__brand .wp-block-site-logo img {
		filter: brightness(0) invert(1) !important;
	}

	/* [M4] Brand bar — Figma: бургер | лого+название | телефон */
	.site-header__brand,
	.site-header__brand.is-layout-flow,
	.wp-block-group.site-header__brand {
		position: relative;
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		justify-content: center !important;
		align-items: center !important;
		gap: 0 !important;
		/* место под absolute-кнопки слева/справа */
		padding: 8px 48px !important;
		border-bottom: 1px solid rgba(255,255,255,0.7);
		min-height: 56px;
		height: auto;
		/* WP is-layout-flow даёт 24px margin-block-start свыше 600px */
		margin: 0 !important;
		margin-block-start: 0 !important;
		margin-block-end: 0 !important;
		overflow: hidden;
	}

	/* Убрать вертикальные отступы WP flow у детей — иначе бургер/лого/трубка на разных уровнях */
	.site-header__brand > *,
	.site-header__brand.is-layout-flow > *,
	:where(.site-header__brand.is-layout-flow) > * {
		margin: 0 !important;
		margin-block-start: 0 !important;
		margin-block-end: 0 !important;
		align-self: center !important;
	}

	.site-header > .site-header__mobile-info + .site-header__brand,
	.site-header .site-header__mobile-info + .site-header__brand {
		margin-block-start: 0 !important;
		margin-top: 0 !important;
	}

	.site-header__logo-group {
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 8px !important;
		max-width: 100%;
		min-width: 0;
		margin: 0 !important;
		margin-block-start: 0 !important;
		align-self: center !important;
	}

	.site-header__brand .wp-block-site-logo,
	.site-header__brand .site-header__logo-img {
		flex-shrink: 0;
	}

	.site-header__brand .wp-block-site-logo img,
	.site-header__brand .custom-logo {
		width: 36px !important;
		height: auto !important;
		max-width: 36px !important;
	}

	/* «Автоматика» — не 48px inline, всегда видима */
	.site-header__brand .site-header__logo-group p[style*="font-size:48px"],
	.site-header__brand .site-header__logo-group p[style*="font-size: 48px"],
	.site-header__brand .site-header__logo-group p[style*="font-size:48px"] a,
	.site-header__brand .site-header__logo-group p[style*="font-size: 48px"] a {
		display: block !important;
		font-size: 22px !important;
		line-height: 1.1 !important;
		margin: 0 !important;
		white-space: nowrap;
	}

	.site-header__brand .site-header__logo-group p[style*="font-size:48px"] a,
	.site-header__brand .site-header__logo-group p[style*="font-size: 48px"] a {
		display: inline !important;
	}

	/* Скрыть «Профессиональный ремонт АКПП» (inline 24px) — не трогаем Автоматика */
	.site-header__brand .site-header__logo-group p[style*="font-size:24px"],
	.site-header__brand .site-header__logo-group p[style*="font-size: 24px"] {
		display: none !important;
	}

	/* Hide CTA button + hours on right */
	.site-header__brand > .wp-block-group:last-child {
		display: none !important;
	}

	.site-header__cta-btn {
		display: none !important;
	}

	/* Mobile menu button — LEFT */
	.site-header__mobile-menu-btn {
		display: flex !important;
		align-items: center;
		justify-content: center;
		position: absolute;
		left: 12px;
		right: auto;
		top: 50%;
		transform: translateY(-50%);
		background: none;
		border: none;
		cursor: pointer;
		padding: 8px;
		z-index: 20;
		width: 36px;
		height: 36px;
		margin: 0 !important;
	}

	/* Mobile phone button — RIGHT */
	.site-header__mobile-phone-btn {
		display: flex !important;
		align-items: center;
		justify-content: center;
		position: absolute;
		right: 12px;
		top: 50%;
		transform: translateY(-50%);
		background: none;
		border: none;
		cursor: pointer;
		padding: 8px;
		z-index: 20;
		width: 36px;
		height: 36px;
		margin: 0 !important;
	}

	/* Hidden number for Mango calltracking substitution */
	.site-header__mobile-phone-btn .akpp-mgo-number {
		position: absolute !important;
		width: 1px !important;
		height: 1px !important;
		padding: 0 !important;
		margin: -1px !important;
		overflow: hidden !important;
		clip: rect(0, 0, 0, 0) !important;
		white-space: nowrap !important;
		border: 0 !important;
	}

	/* Mobile nav dropdown */
	.site-header__mobile-nav {
		display: none;
		flex-direction: column;
		background: rgba(0,0,0,0.95);
		padding: 20px 15px;
	}

	.site-header__mobile-nav.is-open {
		display: flex;
	}

	.site-header__mobile-nav a {
		font-family: var(--wp--preset--font-family--montserrat);
		font-size: 16px;
		color: #ffffff;
		text-decoration: none;
		padding: 12px 0;
		border-bottom: 1px solid rgba(255,255,255,0.1);
	}

	.site-header__mobile-nav a:hover {
		color: #00aeff;
	}

	.site-header__mobile-dropdown {
		display: flex;
		flex-direction: column;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	}

	.site-header__mobile-dropdown-btn {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		margin: 0;
		padding: 12px 0;
		border: 0;
		background: transparent;
		font-family: var(--wp--preset--font-family--montserrat);
		font-size: 16px;
		font-weight: 400;
		color: #fff;
		text-align: left;
		cursor: pointer;
	}

	.site-header__mobile-dropdown-chevron {
		display: inline-block;
		width: 8px;
		height: 8px;
		margin-right: 4px;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
		transform: rotate(45deg);
		transition: transform 0.2s ease;
	}

	.site-header__mobile-dropdown-btn.is-open .site-header__mobile-dropdown-chevron {
		transform: rotate(-135deg);
		margin-top: 4px;
	}

	.site-header__mobile-submenu {
		display: flex;
		flex-direction: column;
		padding: 0 0 8px 14px;
	}

	.site-header__mobile-submenu[hidden] {
		display: none !important;
	}

	.site-header__mobile-submenu a {
		padding: 10px 0;
		font-size: 15px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.06);
	}

	.site-header__mobile-submenu a:last-child {
		border-bottom: 0;
	}

	/* Mobile info bar + brand выше hero */
	header.wp-block-template-part,
	.site-header {
		z-index: 200 !important;
	}

	.hero__cover {
		padding-top: 130px !important;
	}
	.hero {
		position: relative;
		z-index: 1;
		min-height: auto !important;
		margin-bottom: 0 !important;
		/* ЕДИНСТВЕННОЕ фото на весь блок hero+преимущества */
		background-color: #000 !important;
		background-image: url('/wp-content/themes/automatika-akpp/./assets/images/hero-bg.jpg') !important;
		background-size: cover !important;
		background-position: center 60% !important;
		background-repeat: no-repeat !important;
		/* место под 3 пункта преимуществ */
		padding-bottom: 240px !important;
	}

	/* затемнение поверх фото */
	.hero::before {
		content: "";
		position: absolute;
		inset: 0;
		background: rgba(0, 0, 0, 0.65);
		z-index: 0;
		pointer-events: none;
	}

	.hero > * {
		position: relative;
		z-index: 1;
	}

	.hero__cover {
		padding-top: 149px !important;
		padding-bottom: 20px !important;
		padding-left: 15px !important;
		padding-right: 15px !important;
		min-height: auto !important;
		background: transparent !important;
		/* убираем собственное фото cover — иначе «два кадра» */
	}

	.hero__cover .wp-block-cover__image-background {
		display: none !important;
		opacity: 0 !important;
		visibility: hidden !important;
	}

	/* dim от WP cover не нужен — есть .hero::before */
	.hero__cover .wp-block-cover__background {
		display: none !important;
	}

	.hero__cover .wp-block-cover__inner-container {
		position: relative;
		z-index: 2;
	}

	/* Hero content — remove desktop 100px padding */
	.hero__content {
		padding: 0 !important;
		gap: 20px !important;
	}

	/* Stack columns vertically */
	.hero__content .wp-block-columns {
		flex-direction: column !important;
	}

	.hero__content .wp-block-column {
		flex-basis: 100% !important;
		width: 100% !important;
	}

	/* Override desktop fixed width on hero right column */
	.hero__right {
		width: 100% !important;
		flex-shrink: 1 !important;
	}

	/* Figma: title 32px Tektur w400 */
	.hero__left h1,
	.hero__left h1.wp-block-heading,
	.hero__left .wp-block-heading,
	.home .hero__left h1 {
		font-size: 32px !important;
		font-weight: 400 !important;
		line-height: 1.2 !important;
		margin-bottom: 15px !important;
		margin-top: 0 !important;
	}

	/* Figma: description paragraph hidden on mobile */
	.hero__left > p,
	.hero__left > .wp-block-paragraph {
		display: none !important;
	}

	/* ============================================
	   CTA FORM MOBILE — Figma: card 340px wide
	   padding 30px, inputs 280x60 (340-30-30=280)
	   ============================================ */
	.cta-form,
	.cta-form.wp-block-group {
		width: 100% !important;
		max-width: 340px;
		margin: 0 auto;
		padding: 30px !important;
		border-radius: 20px;
		box-sizing: border-box;
	}

	/* Form title 20px, centered on mobile */
	.cta-form h3,
	.cta-form .wp-block-heading {
		font-size: 20px !important;
		font-weight: 500 !important;
		line-height: 1.4 !important;
		margin-bottom: 20px !important;
		max-width: none !important;
		text-align: center !important;
	}

	/* Inputs full width inside card (280px = 340 - 30 - 30) */
	.cta-form__input {
		width: 100% !important;
		height: 60px !important;
		font-size: 14px !important;
		font-weight: 200 !important;
		margin-bottom: 12px !important;
	}

	/* Button full width inside card */
	.cta-form__button {
		width: 100% !important;
		height: 60px !important;
		font-size: 20px !important;
	}

	/* Privacy 10px */
	.cta-form__privacy {
		font-size: 10px !important;
	}

	/* ============================================
	   ADVANTAGES MOBILE — на том же фото .hero (без своего bg)
	   ============================================ */
	.advantages-bar,
	main > .advantages-bar,
	.wp-block-group.advantages-bar {
		background: transparent !important;
		background-color: transparent !important;
		background-image: none !important;
		padding: 10px 15px 24px !important;
		flex-direction: column !important;
		justify-content: flex-start !important;
		align-items: stretch !important;
		gap: 28px !important;
		min-height: auto !important;
		/* заезжаем в padding-bottom .hero */
		margin: -230px 0 0 0 !important;
		width: 100% !important;
		max-width: none !important;
		position: relative !important;
		z-index: 20 !important;
		transform: none !important;
		box-sizing: border-box !important;
	}

	.advantages-bar::before {
		display: none !important;
		content: none !important;
	}

	.advantages-bar__item,
	.advantages-bar p.advantages-bar__item,
	p.advantages-bar__item {
		color: #ffffff !important;
		-webkit-text-fill-color: #ffffff !important;
		font-family: var(--wp--preset--font-family--montserrat) !important;
		font-size: 16px !important;
		font-weight: 500 !important;
		line-height: 1.3 !important;
		text-align: left !important;
		flex: 1;
		margin: 0 !important;
		text-shadow: none !important;
	}

	.advantages-bar__icon {
		width: 36px !important;
		height: auto !important;
		margin: 0 !important;
		flex-shrink: 0;
		filter: none !important;
	}

	.advantages-bar__block {
		flex-direction: row !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 12px !important;
		width: 100% !important;
	}

	/* Livestream title — как в Figma */
	.livestream h2.wp-block-heading span {
		font-style: normal !important;
		font-weight: 700 !important;
		color: #00AEFF !important;
	}

	/* ============================================
	   ARTICLE — hide small КПП photo + bg shape on mobile
	   ============================================ */
	.article .wp-block-column:last-child .wp-block-image:last-child {
		display: none !important;
	}

	.article .wp-block-image img {
		width: 100% !important;
		max-height: 230px;
		object-fit: cover;
	}


	/* ---- Section-level padding ---- */
	/* Light sections: 15px side padding */
	main > .wp-block-group {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	/* Dark sections: pad from inside, no white side strips */
	main > .section--dark,
	main > .wp-block-group[style*="background-color:#000"] {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	/* Hero: full-width, no side padding, bg stretches edge to edge */
	.hero {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.hero__cover {
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100% !important;
	}

	/* Vertical padding for content sections */
	main > .section,
	main > .final-cta,
	main > .map-section {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}

	/* не перебивать padding преимуществ */

	/* Header padding */
	.site-header__brand {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	/* Footer padding */
	.site-footer {
		padding: 40px 15px !important;
	}

	/* Root padding variable */
	body {
		--wp--style--root--padding-left: 0px;
		--wp--style--root--padding-right: 0px;
	}

	/* WP site blocks: no side padding so dark sections go edge-to-edge */
	.wp-site-blocks {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	/* ---- Global font overrides via CSS custom properties ---- */
	/* WordPress converts font sizes to var(--wp--preset--font-size--*) */
	/* Per WP docs: override on body, not :root — cascades to all blocks */
	body {
		--wp--preset--font-size--hero: 32px;       /* 80px в†’ 32px (Figma mobile) */
		--wp--preset--font-size--heading-1: 32px;  /* 64px в†’ 32px */
		--wp--preset--font-size--heading-2: 22px;  /* 48px в†’ 22px */
		--wp--preset--font-size--huge: 20px;       /* 36px в†’ 20px */
		--wp--preset--font-size--xx-large: 20px;   /* 32px в†’ 20px */
		--wp--preset--font-size--x-large: 16px;    /* 24px в†’ 16px */
		--wp--preset--font-size--large: 14px;      /* 20px в†’ 14px */
		--wp--preset--font-size--normal: 14px;     /* 18px в†’ 14px */
		--wp--preset--font-size--medium: 14px;     /* 16px в†’ 14px */
		--wp--preset--font-size--small: 12px;      /* 14px в†’ 12px */
	}

	/* Direct font-size overrides for inline-styled elements */
	.section h2, .section h3 {
		font-size: 22px !important;
	}

	.section p {
		font-size: 14px !important;
	}

	/* Specific section title overrides from Figma mobile */
	.livestream h2.wp-block-heading {
		font-size: 32px !important;
	}

	.gallery h2.wp-block-heading,
	.services h2.wp-block-heading,
	#benefits h2.wp-block-heading {
		font-size: 32px !important;
	}

	.final-cta h2.wp-block-heading {
		font-size: 30px !important;
	}

	.map-section h2.wp-block-heading {
		font-size: 20px !important;
	}

	/* ---- Livestream ---- */
	/* Figma: 32px title, embed 375x250 */
	.livestream {
		padding-left: 15px !important;
		padding-right: 15px !important;
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}

	.livestream .wp-block-heading {
		font-size: 32px !important;
	}

	/* ---- Intro text / Quiz ---- */
	/* Reduce spacing around quiz button on mobile */
	.quiz-banner {
		padding: 5px 0 0 !important;
		margin-top: 10px !important;
		margin-bottom: 0 !important;
	}

	/* Kill gap after intro-text section before services */
	.section:has(.quiz-banner) {
		padding-bottom: 5px !important;
	}

	/* Figma: quiz button 20px, cyan bg, full width */
	.quiz-banner .wp-block-button a {
		font-size: 20px !important;
		padding: 18px 25px !important;
		width: 100%;
		box-sizing: border-box;
	}

	/* ---- Services ---- */
	/* Reduce top padding after quiz banner — minimal gap */
	.section:has(.services__grid) {
		padding-top: 15px !important;
	}

	/* Figma: single column, cards 345x200 */
	.services__grid {
		grid-template-columns: 1fr !important;
		gap: 10px;
	}

	.services__card {
		height: 200px;
	}

	/* Figma: card title 16px Tektur w500 */
	.services__card-title {
		font-size: 16px;
		font-weight: 500;
	}

	/* Figma: services CTA — first line 20px, "Позвоните нам" 25px */
	.services__cta p {
		font-size: 20px !important;
	}

	.services__cta p + p {
		font-size: 25px !important;
	}

	/* Figma: experience counter 18px */
	.services__cta + .wp-block-group p {
		font-size: 18px !important;
	}

	/* ---- Article breakdown — single column ---- */
	.article {
		display: block !important;
		padding-left: 15px !important;
		padding-right: 15px !important;
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}

	.article > .wp-block-columns {
		display: flex !important;
	}

	.article .wp-block-columns {
		flex-direction: column !important;
	}

	.article .wp-block-column {
		flex-basis: 100% !important;
	}

	/* Figma: article images full width */
	.article .wp-block-image img {
		width: 100% !important;
		max-height: 230px;
		object-fit: cover;
	}

	/* ---- Symptoms ---- */
	.symptoms {
		padding-left: 15px !important;
		padding-right: 15px !important;
		padding-bottom: 40px !important;
	}

	.symptoms .wp-block-columns {
		flex-direction: column !important;
	}

	.symptoms .wp-block-column {
		flex-basis: 100% !important;
	}

	/* OLD symptoms grid rule removed — see [M13] below */

	.symptoms__card--cta {
		grid-column: 1 !important;
	}

	/* Figma: symptom text 14px, number 12px */
	.symptoms__card-text {
		font-size: 14px !important;
		padding: 15px;
	}

	.symptoms__card-number {
		width: 50px;
		font-size: 12px;
	}

	.symptoms__card {
		min-height: auto;
	}

	.symptoms__card-cta-link {
		font-size: 20px !important;
	}

	/* Symptoms CTA not covered by image */
	.symptoms__card--cta {
		position: relative;
		z-index: 5;
		margin-bottom: 20px;
	}

	/* ---- Action plan — single column ---- */
	.action-plan {
		padding-left: 15px !important;
		padding-right: 15px !important;
		padding-bottom: 40px !important;
	}

	.action-plan .wp-block-columns {
		flex-direction: column !important;
	}

	.action-plan .wp-block-column {
		flex-basis: 100% !important;
	}

	/* Figma: blue tip box text 14px */
	.action-plan .wp-block-group p,
	.article .wp-block-group p {
		font-size: 14px !important;
	}

	/* ---- Diagnosis — single column ---- */
	.diagnosis {
		padding-left: 15px !important;
		padding-right: 15px !important;
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}

	.diagnosis .wp-block-columns {
		flex-direction: column !important;
	}

	.diagnosis .wp-block-column {
		flex-basis: 100% !important;
	}

	/* Figma: diagnosis form title 22px в†’ keep; form padding smaller */
	.diagnosis .wp-block-group[style*="background-color:#151515"] {
		padding: 25px 20px !important;
	}

	/* ---- Gallery ---- */
	/* Figma: full-width slides, 250px height, dots visible, arrows hidden */
	.gallery {
		padding-left: 15px !important;
		padding-right: 15px !important;
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}

	.gallery__slide {
		width: calc(100vw - 30px) !important;
		height: 250px !important;
	}

	.gallery .slider-arrow {
		display: none;
	}

	.gallery .slider-wrapper {
		gap: 0;
	}

	/* Figma: dots 12px, gap 5px */
	.gallery__dots span {
		width: 12px !important;
		height: 12px !important;
	}

	/* ---- Benefits — single column ---- */
	/* Figma: cards 345px wide, stacked, bg #f3f3f3 */
	.benefits__grid {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.benefits__card {
		min-height: auto;
		padding: 15px 12px !important;
	}

	/* Figma: benefit card title 20px, text 14px */
	.benefits__card h3 {
		font-size: 20px !important;
	}

	.benefits__card p {
		font-size: 14px !important;
	}

	/* Figma: "В Автоматике..." 30px */
	#benefits > p {
		font-size: 30px !important;
	}

	/* Figma: "Выгоды для наших клиентов" 22px */
	#benefits > h2 {
		font-size: 22px !important;
	}

	/* ---- Works slider ---- */
	/* Figma: full-width slide, 244px height, arrows hidden, dots visible */
	.works__slide {
		width: calc(100vw - 30px) !important;
		height: 244px !important;
	}

	.works__slider + .slider-arrow,
	.section .slider-wrapper .slider-arrow {
		display: none;
	}

	.section .slider-wrapper {
		gap: 0;
	}

	/* Figma: works dots 12px */
	.works__dots span {
		width: 12px !important;
		height: 12px !important;
	}

	/* Figma mobile: works slide title 25px */
	.works__slide-title {
		font-size: 25px;
	}

	.works__slide-overlay {
		height: 120px;
	}

	/* ---- Final CTA — single column ---- */
	.final-cta {
		padding-left: 15px !important;
		padding-right: 15px !important;
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}

	.final-cta .wp-block-columns {
		flex-direction: column !important;
	}

	.final-cta .wp-block-column {
		flex-basis: 100% !important;
	}

	/* Figma: final CTA title 30px */
	.final-cta .wp-block-heading[style*="font-size:60px"],
	.final-cta .wp-block-heading[style*="font-size: 60px"] {
		font-size: 30px !important;
	}

	/* Figma mobile: video image 345x194, crop black bars */
	.final-cta__video {
		height: 194px;
		border-radius: 5px;
		overflow: hidden;
	}

	.final-cta__video img {
		width: 100%;
		height: 300px;
		object-fit: cover;
		object-position: center 35%;
	}

	/* ---- Map ---- */
	/* Figma: title 20px, map 345x242 */
	.map-section {
		padding-left: 15px !important;
		padding-right: 15px !important;
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}

	.map-section .wp-block-heading {
		font-size: 20px !important;
	}

	.map-section__embed,
	.map-section__embed > div,
	.map-section__embed iframe {
		height: 242px !important;
	}

	/* ============================================
	   FOOTER MOBILE — exact Figma 1:265-1:292
	   Order: Автоматика → socials → copyright → Контакты → Услуги → bottom
	   ============================================ */
	.site-footer,
	.site-footer.wp-block-group,
	footer.site-footer {
		padding: 20px 15px 15px 15px !important;
	}

	.site-footer .wp-block-columns {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 20px !important;
		flex-direction: unset !important;
	}

	.site-footer .wp-block-column {
		flex-basis: auto !important;
		max-width: none !important;
		width: auto !important;
		margin-bottom: 0;
		text-align: left !important;
	}

	/* Логотип слева от «Автоматика» сохраняем */
	.site-footer .wp-block-site-logo {
		display: block !important;
	}

	.site-footer .wp-block-site-logo img {
		display: block !important;
		width: auto !important;
		height: 28px !important;
	}

	/* "Автоматика" — слева */
	.site-footer__brand-row {
		justify-content: flex-start !important;
	}

	.site-footer__brand-row p {
		font-size: 30px !important;
		text-align: left !important;
	}

	/* Copyright — Figma 1:276: 14px Montserrat 300, white, left-aligned */
	.site-footer__copyright {
		font-size: 14px !important;
		text-align: left !important;
		color: rgba(255,255,255,1) !important;
		margin-top: 10px !important;
	}

	/* All other footer text 14px */
	.site-footer p {
		font-size: 14px !important;
	}

	/* Override: brand name stays 30px */
	.site-footer__brand-row p {
		font-size: 30px !important;
	}

	/* Show mobile socials in brand column, hide desktop socials in contacts */
	.site-footer__social-mobile {
		display: flex !important;
		justify-content: flex-start !important;
	}

	.site-footer__social {
		display: none !important;
	}

	/* Column titles 16px Tektur 700 */
	.site-footer h4 {
		font-size: 16px !important;
	}

	/* Hide "Обсудить детали" button and search box */
	.site-footer__cta,
	.site-footer__search {
		display: none !important;
	}

	/* «О компании» — всегда внизу столбца */
	.site-footer__col-about {
		display: block !important;
		order: 4 !important;
	}

	/* Порядок: Brand → Контакты → Услуги → О компании */
	.site-footer__col-brand { order: 1 !important; }
	.site-footer__col-contacts { order: 2 !important; }
	.site-footer__col-services { order: 3 !important; }

	/* Footer bottom — 10px */
	.site-footer__bottom p {
		font-size: 10px !important;
	}

	/* ---- Phone buttons — full width, 60px tall ---- */
	.wp-block-button a,
	.wp-block-button__link {
		font-size: 16px !important;
		padding: 15px 30px !important;
		width: 100%;
		box-sizing: border-box;
	}

	/* Phone call buttons keep 20px per Figma mobile */
	.wp-block-button a[href^="tel:"] {
		font-size: 20px !important;
		font-weight: 700 !important;
	}

	/* ---- Slider arrows hidden on mobile ---- */
	.slider-arrow {
		display: none;
	}

	.slider-wrapper {
		gap: 0;
	}

	/* ---- Decorations mobile ---- */
	/* Figma mobile: wave lines hidden (not present in mobile frame) */
	.decoration-wave {
		display: none;
	}

	/* Figma mobile: полукруги ниже заголовков, под контентом */
	.decoration-semicircle--gallery {
		width: 173px;
		height: 346px;
		right: -20px;
		top: 70px; /* под заголовком «Фото нашего автосервиса» */
		z-index: 0;
	}

	.decoration-semicircle--works {
		display: block;
		top: 90px; /* под заголовком «Посмотрите примеры…» */
		left: -30px;
		z-index: 0;
	}

	.gallery > .wp-block-heading,
	.gallery h2.wp-block-heading {
		position: relative;
		z-index: 2;
		padding-right: 48px;
	}

	.works > .wp-block-heading,
	.works h2.wp-block-heading {
		position: relative;
		z-index: 2;
		padding-left: 24px;
	}

	.works__slide-overlay,
	.works__slide-title {
		position: relative;
		z-index: 3;
	}

	/* ---- Inner pages mobile ---- */
	.page-hero {
		padding-top: 150px !important;
		padding-bottom: 40px !important;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.page-hero h1,
	.page-hero .wp-block-post-title,
	.page-hero .wp-block-query-title {
		font-size: 28px !important;
	}

	.page-content {
		padding: 40px 15px !important;
	}

	.archive-card {
		padding: 20px !important;
	}

	/* ============================================
	   MOBILE FIXES — ALL values from Figma 1:2
	   ============================================ */

	/* [M2] White stripes: kill ALL gaps between sections */
	main > .wp-block-group {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

	/* Figma: dark bg 1:9 is one block y=3614 h=4812 — no gaps */
	.section--dark + .section--dark {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}

	/* Ensure no WP default block spacing */
	.wp-site-blocks > .wp-block-group > main {
		gap: 0 !important;
	}

	/* [M7] Services: Figma has no cyan stripe on mobile, cards start directly */

	/* [M9] "За нами 15 лет" — NOT in Figma mobile, hide it */
	.services__cta + .wp-block-group {
		display: none !important;
	}

	/* [M9 fix] Also hide via direct selector for the "15 лет" block */
	.section .wp-block-group[style*="margin-bottom:-100px"] {
		display: none !important;
	}

	/* [M2] Advantages: поверх hero (прозрачный фон), см. блок ADVANTAGES MOBILE */

	/* [M10] Article: hide second small image on mobile */
	.article .wp-block-column:last-child .wp-block-image:last-child {
		display: none !important;
	}

	/* [M11] "Важно" block: Figma 1:125 = left stripe 6px #00AEFF */
	.article .wp-block-group[style*="background-color:#00AEFF"] {
		border-left: 6px solid #006bb3 !important;
	}

	/* [M12,14,16] White stripes from images — ensure images fill width */
	.article .wp-block-image img {
		width: 100% !important;
		max-height: 250px;
		object-fit: cover;
		border-radius: 5px;
	}

	/* [M13] Symptoms: mobile — single column, natural DOM order */
	.symptoms__grid {
		display: flex !important;
		flex-direction: column !important;
		gap: 12px !important;
		padding: 20px 16px !important;
	}

	.symptoms__header,
	.symptoms__grid > :nth-child(n) {
		grid-column: auto !important;
		grid-row: auto !important;
	}

	/* [M15] Action plan: КПП image overlays cyan block — Figma 1:155 at x=186 y=7580 */
	.action-plan .wp-block-image {
		margin-top: -60px !important;
		position: relative;
		z-index: 2;
	}

	/* [M17] Benefits: меньше иконки + отступ у заголовка */
	.benefits__grid .benefits__card:nth-child(1) {
		background-size: 28px 20px !important;
		background-position: top 18px right 15px !important;
	}

	.benefits__grid .benefits__card:nth-child(2) {
		background-size: 28px 29px !important;
		background-position: top 18px right 15px !important;
	}

	.benefits__grid .benefits__card:nth-child(3) {
		background-size: 28px 27px !important;
		background-position: top 18px right 15px !important;
	}

	.benefits__grid .benefits__card:nth-child(4) {
		background-size: 30px 28px !important;
		background-position: top 18px right 15px !important;
	}

	.benefits__card > h3,
	.benefits__card > .wp-block-heading {
		padding-right: 45px;
	}

	/* [M18] Footer — handled in footer section above */
}

/* ========================================
   Inner Pages
   ======================================== */

.page-hero {
	position: relative;
}

.page-content h2 {
	font-family: var(--wp--preset--font-family--tektur);
	font-size: 36px;
	font-weight: 700;
	color: #00AEFF;
	margin-top: 40px;
	margin-bottom: 20px;
}

.page-content h3 {
	font-family: var(--wp--preset--font-family--tektur);
	font-size: 24px;
	font-weight: 700;
	margin-top: 30px;
	margin-bottom: 15px;
}

.page-content p {
	margin-bottom: 15px;
}

.page-content ul,
.page-content ol {
	margin-bottom: 20px;
	padding-left: 25px;
}

.page-content li {
	margin-bottom: 8px;
	line-height: 1.6;
}

.page-content img {
	border-radius: 5px;
}

/* Archive cards */
.archive-card {
	transition: transform 0.3s ease;
}

.archive-card:hover {
	transform: translateY(-3px);
}

/* Guarantee cards */
.guarantee-card {
	background-color: #f2f2f2;
	border-radius: 5px;
	padding: 30px;
	margin-bottom: 20px;
}

.guarantee-card h3 {
	font-family: var(--wp--preset--font-family--tektur);
	font-size: 24px;
	font-weight: 700;
	color: #00AEFF;
	margin-bottom: 10px;
}

/* Testimonial cards */
.testimonial-card {
	background-color: #f2f2f2;
	border-radius: 5px;
	padding: 30px;
	margin-bottom: 20px;
}

.testimonial-card__author {
	font-family: var(--wp--preset--font-family--tektur);
	font-size: 20px;
	font-weight: 700;
	color: #00AEFF;
}

.testimonial-card__car {
	font-family: var(--wp--preset--font-family--montserrat);
	font-size: 14px;
	color: #999;
}

/* Service cards on services page */
.service-detail-card {
	border-left: 4px solid #00AEFF;
	padding: 20px 30px;
	margin-bottom: 30px;
	background-color: #f2f2f2;
	border-radius: 0 5px 5px 0;
}

.service-detail-card h3 {
	font-family: var(--wp--preset--font-family--tektur);
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 10px;
	margin-top: 0;
}

/* FAQ items */
.faq-item {
	border: 1px solid #f2f2f2;
	border-radius: 5px;
	padding: 25px 30px;
	margin-bottom: 15px;
}

.faq-item summary {
	font-family: var(--wp--preset--font-family--tektur);
	font-size: 20px;
	font-weight: 500;
	cursor: pointer;
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.faq-item summary::after {
	content: "+";
	font-size: 24px;
	color: #00AEFF;
	font-weight: 700;
	transition: transform 0.3s ease;
}

.faq-item[open] summary::after {
	transform: rotate(45deg);
}

.faq-item p {
	margin-top: 15px;
	font-family: var(--wp--preset--font-family--montserrat);
	font-size: 16px;
	line-height: 1.6;
}

/* Contact page */
.contact-info-card {
	background-color: #000;
	border-radius: 5px;
	padding: 40px;
	color: #fff;
}

.contact-info-card h3 {
	font-family: var(--wp--preset--font-family--tektur);
	color: #00AEFF;
}

.contact-info-card a {
	color: #00AEFF;
	text-decoration: none;
}

.contact-info-card a:hover {
	color: #46EEFA;
}

/* Inner pages (Contacts, About, Reviews, Services) */
.page-inner,
.page-inner.wp-block-group {
	color: #ffffff !important;
	background-color: #000000 !important;
	padding-top: 160px !important;
	padding-bottom: 80px !important;
	padding-left: 100px !important;
	padding-right: 100px !important;
}

.page-inner p,
.page-inner .wp-block-list li,
.page-inner li,
.page-inner span {
	color: rgba(255, 255, 255, 0.9) !important;
}

.page-inner a {
	color: #00AEFF !important;
}

.page-inner a:hover {
	color: #46EEFA !important;
}

.page-inner h2,
.page-inner h2.wp-block-heading {
	color: #ffffff !important;
}

.page-inner h3,
.page-inner h3.wp-block-heading {
	color: #00AEFF !important;
}

/* Inner page buttons — blue centered */
.page-inner .wp-block-button__link,
.page-inner .wp-element-button {
	background-color: #00AEFF !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: 8px !important;
	font-family: var(--wp--preset--font-family--tektur) !important;
	text-align: center !important;
}

.page-inner .wp-block-button__link:hover,
.page-inner .wp-element-button:hover {
	background-color: #46EEFA !important;
	color: #000000 !important;
}

.page-inner .wp-block-buttons {
	justify-content: center !important;
}

@media (max-width: 781px) {
	.page-inner {
		padding-top: 120px !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
		padding-bottom: 40px !important;
	}

	/* Fix icons overlapping text on mobile */
	.advantages__card,
	.benefits__card {
		flex-direction: column !important;
		text-align: center !important;
	}

	.advantages__icon,
	.benefits__icon {
		margin-bottom: 10px !important;
		position: static !important;
		float: none !important;
	}
}


.page-id-4710 header,
.privacy-policy header {
	background-color: #000000 !important;
}

/*
 * Guarantee page: absolute header overlaps post content.
 * Theme template padding-top:180px is shorter than the header (~250–300px).
 */
.page-id-4710 main.page-content {
	padding-top: 380px !important;
}

.page-id-4710 .wp-block-post-title {
	color: #000000 !important;
}

@media screen and (max-width: 781px) {
	.page-id-4710 main.page-content {
		padding-top: 220px !important;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}

/*
 * Only privacy (and similar legal) pages: header in normal document flow.
 * Do NOT apply to service templates (oil/gidro/…) — they need absolute header.
 */
.privacy-policy header.wp-block-template-part {
	position: relative !important;
}

.privacy-policy .site-header {
	background-color: #000000 !important;
}

.privacy-policy main.page-content {
	padding-top: 40px !important;
}

.privacy-policy .entry-content,
.privacy-policy .wp-block-post-content {
	padding-top: 0 !important;
}

.privacy-policy main.page-content > h1:first-child,
.privacy-policy main.page-content > h2:first-child,
.privacy-policy main.page-content h1,
.privacy-policy main.page-content h2,
.privacy-policy main.page-content .wp-block-heading {
	margin-top: 0 !important;
	color: #000000 !important;
}

@media screen and (max-width: 781px) {
	.privacy-policy main.page-content {
		padding-top: 24px !important;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}


/* Корректировка вёрстки */
.wp-singular.single {
	& h1 {
		margin-top: 100px;
	}
}

.home {
	--wp--preset--font-size--medium: 16px;
	--wp--preset--font-size--normal: 16px;
	font-size: 16px;

	& .wp-block-column.hero__left {
		max-width: 50%;
	}
}

.home .section p,
.home .wp-block-paragraph,
.home main p {
	font-size: 16px !important;
}

/* Homepage headings scaled ~0.8 to match 16px body (was ~20px) */
.home h1[style*="font-size:64px"],
.home h2[style*="font-size:64px"],
.home .wp-block-heading[style*="font-size:64px"] {
	font-size: 48px !important;
}

.home h2[style*="font-size:60px"],
.home .wp-block-heading[style*="font-size:60px"] {
	font-size: 48px !important;
}

.home h2[style*="font-size:54px"],
.home .wp-block-heading[style*="font-size:54px"] {
	font-size: 42px !important;
}

.home h2[style*="font-size:48px"],
.home .wp-block-heading[style*="font-size:48px"],
.home .symptoms__header h2 {
	font-size: 36px !important;
}

.wp-singular.page-template-default {
	& .wp-block-group.page-inner {
		padding-left: 0px !important;
		padding-right: 0px !important;

		& .wp-block-columns {
			gap: 30px;

			& .wp-block-group {
				height: 100%;
			}
		}
	}
}

/* Десктоп узкий 1201–1500: ещё плотнее, чтобы меню не ломалось */
@media screen and (max-width: 1500px) and (min-width: 1201px) {
	.site-header__nav,
	.site-header__nav .wp-block-navigation__container,
	.wp-block-navigation.site-header__nav .wp-block-navigation__container {
		gap: 28px !important;
	}
}

/* Планшет 782–1200: не трогаем телефон (≤781) — иначе перебивают mobile */
@media screen and (max-width: 1200px) and (min-width: 782px) {
	.wp-singular {
		& .site-header__nav,
		& .site-header__nav .wp-block-navigation__container {
			gap: 20px !important;
		}
	}

	.home {

		& .wp-block-column.hero__left {
			max-width: 100%;
			margin-top: 100px;
		}

		& .wp-block-column.hero__right {
			width: 100%;
		}

		& .decoration-wave {display: none;}

		& .wp-block-columns.hero__content {
			display: flex;
			flex-direction: column;
		}

		& .wp-block-group.benefits__grid {
			grid-template-columns: repeat(1, 1fr);
		}
	}
}

/* Услуги: 2 колонки раньше, чтобы карточки не вылезали за viewport */
@media screen and (max-width: 1600px) and (min-width: 782px) {
	.home .services__grid,
	.services__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media screen and (max-width: 900px) and (min-width: 782px) {
	.wp-singular.single {
		& h1 {
			margin-top: 200px;
		}
	}

	.home {

		& .wp-block-column.hero__left {
			max-width: 100%;
			margin-top: 150px;

			& h1 {
				font-size: 48px !important;
			}
		}
		
	}
}

@media screen and (max-width: 800px) and (min-width: 782px) {
	.wp-singular.single {
		& h1 {
			margin-top: 100px;
		}
	}
}

@media screen and (max-width: 600px) {
	.archive.category {
		& h1 {
			margin-top: 100px;
		}

		& .page-content ul, .page-content ol {
			padding-left: 0px;
		}
	}

	.wp-singular {
		& .site-footer__col-about {
			display: flex !important;
			flex-direction: column;
			order: 4 !important;
		}
	}

	.wp-singular.single {
		table {
			display: block;
			overflow-x: scroll;
		}
	}

	/* Только внутренние страницы — НЕ главная (иначе 35px на advantages) */
	.wp-singular.page-template-default:not(.home) {
		& .page-inner .wp-block-group.is-vertical {
			& p {font-size: 35px !important;}

			& p:nth-child(5) {display: none;}
		}

		& .site-header__mobile-menu-btn {
			top: 50%;
		}

		& h1 {
			margin-top: 0 !important;
		}
	}

	:root :where(.is-layout-flow) > * {
		margin-block-start: unset;
	}

	.home {
		& .wp-block-column.hero__left {
			margin-top: 0px;
		}

		& .hero__left h1,
		& .hero__left .wp-block-heading {
			font-size: 32px !important;
		}

		& .advantages-bar__item,
		& .advantages-bar p {
			font-size: 16px !important;
			font-weight: 500 !important;
			display: block !important;
			color: #ffffff !important;
		}
	}
}

/* Телефон ≤781: финальный приоритет шрифтов */
@media (max-width: 781px) {
	.home .hero__left h1,
	.home .hero__left .wp-block-heading,
	.hero__left h1,
	.hero__left .wp-block-heading,
	.hero h1 {
		font-size: 32px !important;
		font-weight: 400 !important;
		line-height: 1.2 !important;
	}

	.advantages-bar__item,
	.advantages-bar p,
	p.advantages-bar__item {
		font-size: 16px !important;
		font-weight: 500 !important;
		text-shadow: none !important;
		color: #ffffff !important;
	}

	.home .wp-block-column.hero__left,
	.home .wp-block-column.hero__left {
		margin-top: 0 !important;
		max-width: 100% !important;
	}

	.advantages-bar {
		transform: none !important;
		background-image: none !important;
	}
}

/* ========================================
   Service page: Замена масла в АКПП
   Append to style.css (v1.9.61+)
   ======================================== */

.oil-page {
	background: #fff;
	color: #1a1a1a;
	overflow: clip;
	margin-bottom: 0 !important;
}

/* чёрный фон body не должен просвечивать над футером */
body:has(.oil-page) {
	background-color: #fff !important;
}

body:has(.oil-page) .wp-site-blocks > * + * {
	margin-block-start: 0 !important;
}

body:has(.oil-page) main,
body:has(.oil-page) .oil-page,
body:has(.oil-page) .oil-map {
	margin-bottom: 0 !important;
}

.oil-page .section {
	padding: 80px 100px;
	position: relative;
	max-width: 100%;
}

.oil-heading {
	font-family: var(--wp--preset--font-family--tektur), Tektur, sans-serif;
	font-size: 32px;
	font-weight: 700;
	line-height: 1.25;
	color: #1a1a1a;
	margin: 0 0 24px;
}

.oil-heading--lg {
	font-size: 48px;
	max-width: 998px;
}

.oil-heading--sm {
	font-size: 28px;
	max-width: 367px;
}

.oil-heading--light {
	color: #1a1a1a;
}

.oil-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 61px;
	padding: 18px 24px;
	background: #46eefb;
	color: #000 !important;
	font-family: var(--wp--preset--font-family--montserrat), Montserrat, sans-serif;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.2;
	text-decoration: none !important;
	border: 0;
	border-radius: 0;
	cursor: pointer;
	transition: opacity 0.2s ease, transform 0.2s ease;
}

.oil-btn:hover {
	opacity: 0.9;
	transform: translateY(-1px);
}

/* --- Hero --- */
.oil-hero {
	position: relative;
	box-sizing: border-box;
	min-height: 100vh;
	min-height: 100dvh;
	padding: 0 100px 180px;
	display: flex;
	flex-direction: column;
	/* шапка absolute + ~50px до заголовка */
	padding-top: 300px;
}

.oil-hero__bg,
.oil-hero__overlay {
	position: absolute;
	inset: 0;
}

.oil-hero__bg {
	/* сдвиг кадра вверх: голова почти у верхнего края */
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 58% 48%;
}

.oil-hero__overlay {
	/* общий затемнитель + тёмная полоса под меню (~200px как Rectangle 21 в Figma) */
	background:
		linear-gradient(
			to bottom,
			rgba(0, 0, 0, 0.92) 0,
			rgba(0, 0, 0, 0.88) 100px,
			rgba(0, 0, 0, 0.78) 160px,
			rgba(0, 0, 0, 0.72) 200px,
			rgba(0, 0, 0, 0.78) 100%
		);
}

/* На странице масла: меню ближе к верху экрана */
body:has(.oil-page) .site-header__top,
body:has(.oil-page) .wp-block-group.site-header__top {
	padding-top: 8px !important;
	padding-bottom: 8px !important;
}

body:has(.oil-page) header.wp-block-template-part {
	z-index: 20;
}

.oil-hero__inner {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: var(--site-content-max, 1200px);
	margin: 0 auto;
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	padding-bottom: 142px;
}

.oil-hero__title {
	font-family: var(--wp--preset--font-family--tektur), Tektur, sans-serif;
	font-size: 72px;
	font-weight: 700;
	line-height: 1.15;
	color: #fff;
	margin: 0 0 40px;
	max-width: 900px;
}

.oil-hero__title span {
	color: #00aeff;
}

.oil-hero__intro {
	display: grid;
	grid-template-columns: 440px minmax(0, 1fr);
	gap: 48px;
	align-items: start;
	margin-bottom: 0;
}

.oil-hero__callout {
	position: relative;
	border: 0;
	padding: 28px 32px;
	min-height: 186px;
	display: flex;
	align-items: center;
	/* уголки: слева сверху и справа снизу (как в макете) */
	background:
		linear-gradient(#00aeff, #00aeff) top left / 52px 2px no-repeat,
		linear-gradient(#00aeff, #00aeff) top left / 2px 52px no-repeat,
		linear-gradient(#00aeff, #00aeff) bottom right / 52px 2px no-repeat,
		linear-gradient(#00aeff, #00aeff) bottom right / 2px 52px no-repeat;
}

.oil-hero__callout p {
	margin: 0;
	font-family: var(--wp--preset--font-family--montserrat), Montserrat, sans-serif;
	font-size: 48px;
	font-weight: 400;
	line-height: 1.3;
	color: #fff;
}

.oil-hero__question {
	margin: 0 0 16px;
	font-family: var(--wp--preset--font-family--montserrat), Montserrat, sans-serif;
	font-size: 28px;
	font-weight: 400;
	line-height: 1.3;
	color: #fff;
}

.oil-hero__answer {
	margin: 0 0 28px;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.45;
	color: #fff;
	max-width: 696px;
}

.oil-hero__answer span {
	color: #00aeff;
	font-weight: 700;
}

.oil-hero__answer strong {
	color: inherit;
	font-weight: 400;
}

.oil-hero__copy .oil-btn {
	width: auto;
	min-width: 320px;
	max-width: 100%;
	box-sizing: border-box;
	padding-left: 24px;
	padding-right: 24px;
	white-space: nowrap;
}

.oil-bridge {
	position: relative;
	z-index: 2;
	/* карточки наезжают на hero; белый фон только ПОД ними — без чёрной полосы */
	margin-top: -180px;
	padding: 0 100px 0;
	background: transparent;
}

.oil-bridge::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 180px;
	bottom: 0;
	background: #fff;
	z-index: 0;
	pointer-events: none;
}

.oil-bridge__inner {
	position: relative;
	z-index: 1;
	max-width: var(--site-content-max, 1200px);
	margin: 0 auto;
}

.oil-bridge .oil-hero__cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
	width: 75%;
	max-width: 75%;
}

.oil-feature-card {
	background: #00aeff;
	color: #fff;
	padding: 24px 28px 28px;
	min-height: 230px;
	border-radius: 15px;
}

.oil-feature-card__icon {
	display: block;
	width: 22px;
	height: 22px;
	margin-bottom: 20px;
}

.oil-feature-card p {
	margin: 0;
	font-family: var(--wp--preset--font-family--montserrat), Montserrat, sans-serif;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.2;
	color: #fff;
}

/* --- Oil color --- */
.oil-color {
	background: #fff;
	padding-top: 48px;
	padding-bottom: 80px;
	margin-top: 0;
}

.oil-color .oil-heading,
.oil-color .oil-heading--lg {
	color: #b3b3b3;
}

.oil-color .oil-sample figcaption {
	color: #4a4a4a;
}

.oil-color__grid {
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
	gap: 40px;
	align-items: stretch;
	max-width: var(--site-content-max, 1200px);
	margin: 0 auto;
}

.oil-color__main {
	min-width: 0;
	display: flex;
	flex-direction: column;
}

.oil-color__aside {
	background: #151515;
	border-radius: 20px;
	padding: 22px 20px;
	min-height: 0;
	height: auto;
	max-width: 100%;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 16px;
	align-self: center;
}

.oil-color__warn {
	margin: 0;
	font-family: var(--wp--preset--font-family--tektur), Tektur, sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.25;
	color: #fff;
}

.oil-color__lead {
	margin: 0;
	font-size: 14px;
	line-height: 1.4;
	color: #fff;
}

.oil-color__aside .oil-btn {
	width: 100%;
	text-align: center;
	font-size: 14px;
	padding-left: 10px;
	padding-right: 10px;
	min-height: 42px;
	margin-top: auto;
}

.oil-samples {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 16px;
	margin-top: 40px;
	flex: 1 1 auto;
}

.oil-sample {
	margin: 0;
	text-align: center;
}

.oil-sample img {
	display: block;
	width: 120px;
	height: 120px;
	object-fit: contain;
	margin: 0 auto 12px;
}

.oil-sample:last-child img {
	width: 80px;
	height: 80px;
	margin-top: 20px;
	margin-bottom: 32px;
}

.oil-sample figcaption {
	font-size: 14px;
	line-height: 1.3;
	color: #4a4a4a;
}

/* --- Safe / shelf --- */
.oil-safe {
	background: #fff;
	overflow: visible;
}

.oil-safe__grid {
	/* ~600 / 800 */
	display: grid;
	grid-template-columns: minmax(0, 600fr) minmax(0, 800fr);
	gap: 48px;
	align-items: start;
	max-width: var(--site-content-max, 1200px);
	margin: 0 auto;
}

.oil-safe__media {
	position: relative;
	max-width: 600px;
	/* запас сверху под плашки, вылезающие за фото */
	padding-top: 54px;
}

.oil-safe__media > img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 644 / 399;
	object-fit: cover;
	border-radius: 4px;
}

.oil-safe__tags {
	position: absolute;
	left: auto;
	/* чуть за правый край фото, как в макете */
	right: -32px;
	top: 0;
	transform: none;
	display: flex;
	gap: 12px;
	width: max-content;
	max-width: none;
	z-index: 1;
}

.oil-safe__tags span {
	background: #00aeff;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.25;
	padding: 16px 14px;
	width: 210px;
	text-align: center;
	border-radius: 15px;
}

.oil-safe__content {
	/* верх текста = верх синих плашек */
	padding-top: 0;
	margin-top: 0;
}

.oil-safe__kicker {
	margin: 0 0 20px;
	font-family: var(--wp--preset--font-family--tektur), Tektur, sans-serif;
	font-size: 24px;
	font-weight: 400;
	color: #1a1a1a;
}

.oil-safe__text p {
	margin: 0 0 16px;
	font-size: 16px;
	line-height: 1.45;
	color: #333;
}

.oil-safe__text .oil-safe__hl {
	font-weight: 700;
	color: #00aeff;
}

.oil-safe__accent {
	margin: 24px 0 0;
	font-family: var(--wp--preset--font-family--montserrat), Montserrat, sans-serif;
	font-size: 40px;
	font-weight: 400;
	line-height: 1.35;
	color: #00aeff;
}

.oil-safe__note {
	margin: 16px 0 0;
	font-size: 16px;
	line-height: 1.35;
	color: #333;
}

/* --- Frequency --- */
.oil-freq {
	background: #fff;
}

.oil-freq__grid {
	/* текст ~800 / фото ~600 */
	display: grid;
	grid-template-columns: minmax(0, 800fr) minmax(0, 600fr);
	gap: 48px;
	align-items: start;
	max-width: var(--site-content-max, 1200px);
	margin: 0 auto;
}

.oil-freq__kicker {
	margin: 0 0 20px;
	font-family: var(--wp--preset--font-family--tektur), Tektur, sans-serif;
	font-size: 24px;
	font-weight: 400;
	line-height: 1.3;
	color: #1a1a1a;
}

.oil-freq__text p {
	margin: 0 0 16px;
	font-size: 16px;
	line-height: 1.45;
	color: #333;
}

.oil-freq__text .oil-freq__hl {
	font-weight: 700;
	color: #00aeff;
}

.oil-freq__text .oil-freq__em {
	font-weight: 700;
	color: #1a1a1a;
}

.oil-freq__media {
	margin: 0;
	max-width: 600px;
	width: 100%;
	justify-self: end;
}

.oil-freq__media img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 4px;
}

.oil-freq__media figcaption {
	margin-top: 16px;
	font-size: 16px;
	line-height: 1.4;
	color: #333;
}

/* --- Steps --- */
.oil-steps {
	background: #fff;
	overflow: visible;
}

.oil-steps__board {
	position: relative;
	max-width: var(--site-content-max, 1200px);
	margin: 0 auto 48px;
}

.oil-steps__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
	margin: 0;
	position: relative;
}

.oil-steps__grid::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 12%;
	right: 12%;
	height: 1px;
	background: rgba(0, 0, 0, 0.2);
	pointer-events: none;
}

.oil-step {
	border: 1px solid #1a1a1a;
	border-radius: 15px;
	padding: 28px 22px;
	min-height: 200px;
	background: #fff;
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	box-sizing: border-box;
}

.oil-step p {
	margin: 0;
	font-size: 14px;
	line-height: 1.4;
	color: #333;
}

.oil-steps__cta-text {
	max-width: var(--site-content-max, 1200px);
	margin: 0 auto 20px;
	text-align: center;
	font-size: 16px;
	color: #333;
}

.oil-steps__cta-row {
	max-width: var(--site-content-max, 1200px);
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 24px;
	position: relative;
}

.oil-steps__cta-row .oil-btn {
	background: #000;
	color: #fff !important;
}

.oil-steps__drop {
	position: absolute;
	right: 0;
	top: 100%;
	width: 220px;
	height: auto;
	object-fit: contain;
	transform: none;
	pointer-events: none;
	z-index: 2;
	opacity: 1 !important;
}

/* --- Trust --- */
.oil-trust {
	position: relative;
	background: #fff;
	overflow: visible;
}

.oil-trust__deco {
	position: absolute;
	left: 0;
	right: auto;
	top: 50%;
	width: 280px;
	height: 560px;
	object-fit: contain;
	opacity: 1;
	pointer-events: none;
	z-index: 0;
	/* плоская сторона слева, дуга вправо под блоки */
	transform: translateY(-50%) scaleX(-1);
}

/* нижний полукруг — только мобилка */
.oil-trust__deco--bottom {
	display: none;
}

.oil-trust .oil-heading {
	font-weight: 400;
}

.oil-trust .oil-heading,
.oil-trust__grid {
	position: relative;
	z-index: 1;
	max-width: 1390px;
	margin-left: auto;
	margin-right: auto;
}

.oil-trust__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 450px));
	gap: 20px;
	justify-content: center;
}

.oil-trust-card {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	max-width: 450px;
	height: 200px;
	padding: 4px 24px 16px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	background: #f3f3f3;
	border-radius: 15px;
}

.oil-trust-card__bg {
	position: relative;
	inset: auto;
	display: block;
	flex: 0 0 auto;
	font-family: var(--wp--preset--font-family--tektur), Tektur, sans-serif;
	font-size: 64px;
	font-weight: 700;
	line-height: 0.95;
	color: #e6e6e6;
	text-transform: lowercase;
	pointer-events: none;
	user-select: none;
	white-space: nowrap;
	max-width: 100%;
	overflow: hidden;
}

.oil-trust-card p {
	position: relative;
	z-index: 1;
	margin: 0;
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	font-size: 14px;
	line-height: 1.35;
	color: #000;
}

.oil-trust-card--slogan {
	align-items: flex-start;
	justify-content: center;
	text-align: left;
	padding: 24px;
	background: transparent;
}

.oil-trust-card--slogan p {
	display: block;
	flex: none;
	font-family: var(--wp--preset--font-family--tektur), Tektur, sans-serif;
	font-size: 42px;
	font-weight: 700;
	line-height: 1.1;
	text-transform: lowercase;
	color: #6e6e6e;
}

/* --- Team --- */
.oil-team {
	background: #fff;
}

.oil-team .oil-heading {
	font-size: 24px;
	font-weight: 400;
	line-height: 1.3;
	color: #1a1a1a;
}

.oil-team .oil-heading,
.oil-team__grid {
	max-width: var(--site-content-max, 1200px);
	margin-left: auto;
	margin-right: auto;
}

.oil-team__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
}

.oil-team__grid img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
	aspect-ratio: 764 / 510;
	border-radius: 4px;
}

/* --- Reviews --- */
.oil-reviews {
	background: #fff;
}

.oil-reviews .oil-heading {
	font-size: 24px;
	font-weight: 400;
	line-height: 1.3;
	color: #1a1a1a;
	max-width: none;
}

.oil-reviews .oil-heading.oil-heading--sm {
	font-size: 24px !important;
	font-weight: 400;
}

.oil-reviews__grid {
	display: grid;
	grid-template-columns: 360px minmax(0, 1fr);
	gap: 40px;
	align-items: start;
	max-width: var(--site-content-max, 1200px);
	margin: 0 auto;
}

.oil-reviews__aside {
	overflow: visible;
}

.oil-reviews__bars {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 14px;
	margin: 28px 0;
	min-height: 0;
	overflow: visible;
}

.oil-reviews__bars > span {
	display: block;
	box-sizing: border-box;
	width: 110px;
	height: var(--h, 40px);
	max-width: none;
	background: #00aeff;
	position: relative;
	overflow: visible;
}

.oil-reviews__bars > span:first-child {
	background: #d9d9d9 !important;
}

/* 90% справа от второго сверху */
.oil-reviews__bars > span:nth-child(2)::after {
	content: "90%";
	position: absolute;
	left: calc(100% + 16px);
	top: 50%;
	transform: translateY(-50%);
	font-family: var(--wp--preset--font-family--tektur), "Tektur", sans-serif !important;
	font-size: 45px !important;
	font-weight: 700 !important;
	font-style: normal;
	line-height: 1;
	color: #00aeff;
	white-space: nowrap;
	pointer-events: none;
}

/* ≤1400: порядок секции отзывов + горизонтальная полоска */
@media (max-width: 1400px) {
	.oil-reviews.section {
		overflow: visible;
	}

	.oil-reviews__grid {
		display: flex !important;
		flex-direction: column;
		gap: 24px;
		min-width: 0;
	}

	.oil-reviews__aside {
		display: contents;
	}

	/* 1. заголовок сверху */
	.oil-reviews__aside .oil-heading {
		order: 1;
		margin: 0;
		max-width: none;
	}

	/* 2. блоки отзывов */
	.oil-reviews__list {
		order: 2;
		min-width: 0;
	}

	/* 3. 90% положительных отзывов */
	.oil-reviews.section p.oil-reviews__stat {
		order: 3;
		margin: 0;
		font-size: clamp(26px, 8vw, 45px) !important;
		font-weight: 700 !important;
		line-height: 1.05;
		color: #cfcfcf;
		max-width: 100%;
		hyphens: auto;
		-webkit-hyphens: auto;
		overflow-wrap: anywhere;
	}

	/* 4. горизонтальная полоска */
	.oil-reviews__bars {
		order: 4;
		flex-direction: row-reverse;
		align-items: stretch;
		justify-content: flex-start;
		flex-wrap: nowrap;
		gap: 6px;
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
		overflow: visible;
		margin: 0;
		padding-bottom: 36px;
	}

	.oil-reviews__bars > span {
		/* --h в px; сумма высот = 490px → доля ширины контейнера */
		flex: 0 0 calc(var(--h, 40px) * (100% - 36px) / 490px);
		width: calc(var(--h, 40px) * (100% - 36px) / 490px);
		min-width: 0;
		height: 48px;
		max-width: none;
	}

	.oil-reviews__bars > span:last-child::after {
		content: none;
	}

	/* 90% под вторым справа (в DOM — 2-й при row-reverse) */
	.oil-reviews__bars > span:nth-child(2)::after {
		content: "90%";
		position: absolute;
		left: 50%;
		top: calc(100% + 8px);
		transform: translateX(-50%);
		font-family: var(--wp--preset--font-family--tektur), "Tektur", sans-serif !important;
		font-size: 28px !important;
		font-weight: 700 !important;
		line-height: 1;
		color: #00aeff;
		white-space: nowrap;
		pointer-events: none;
	}
}

.oil-reviews__stat {
	margin: 0;
	font-family: var(--wp--preset--font-family--tektur), Tektur, sans-serif;
	font-size: 45px;
	font-weight: 700;
	line-height: 1;
	color: #cfcfcf;
	max-width: 496px;
}

.oil-reviews__stat span {
	color: inherit;
	font-size: inherit;
	margin: 0;
	display: inline;
}

.oil-reviews__list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
}

.oil-review-card {
	display: flex;
	flex-direction: column;
	background: transparent;
	border-radius: 12px;
	padding: 20px;
	/* тень слева, справа и снизу — без верхней */
	box-shadow:
		-6px 8px 18px rgba(0, 0, 0, 0.07),
		6px 8px 18px rgba(0, 0, 0, 0.07),
		0 12px 22px rgba(0, 0, 0, 0.08);
}

.oil-review-card__head {
	display: flex;
	gap: 14px;
	align-items: flex-start;
	flex: 0 0 auto;
	min-height: 88px;
	margin-bottom: 16px;
}

.oil-review-card__head > div {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	min-width: 0;
}

.oil-review-card__head img {
	width: 65px;
	height: 65px;
	border-radius: 50%;
	object-fit: cover;
	flex-shrink: 0;
}

.oil-review-card__head strong {
	display: block;
	font-size: 16px;
	color: #1a1a1a;
}

.oil-review-card__head span {
	display: block;
	font-size: 13px;
	color: rgba(0, 0, 0, 0.55);
}

.oil-review-card__stars {
	color: #f5c518;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 1;
	margin-bottom: 4px;
}

.oil-review-card > p {
	margin: 0;
	font-size: 12px !important;
	line-height: 1.45;
	color: #333;
	max-height: none;
	overflow: visible;
}

/* --- Booking --- */
.oil-booking {
	background: #fff;
}

.oil-booking__inner {
	max-width: 560px;
	margin: 0 auto;
}

.oil-booking__lead {
	margin: 0 0 24px;
	font-size: 18px;
	line-height: 1.4;
	color: #333;
}

.oil-booking .cta-form__form {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.oil-booking .cta-form__input {
	background: #fff !important;
	border: 1px solid #d0d0d0 !important;
	color: #1a1a1a !important;
}

.oil-booking .cta-form__input::placeholder {
	color: rgba(0, 0, 0, 0.45) !important;
}

.oil-booking .cta-form__consent-text,
.oil-booking .cta-form__consent-text a {
	color: #555 !important;
}

/* --- Map --- */
.oil-map {
	background: #fff;
	padding: 60px 100px 80px;
}

.oil-map__title {
	font-family: var(--wp--preset--font-family--tektur), Tektur, sans-serif;
	font-size: 54px;
	font-weight: 400;
	line-height: 1.25;
	color: #000;
	margin: 0 0 40px;
	max-width: 942px;
}

.oil-map__title span,
.oil-map__title span strong {
	color: #00aeff;
	font-weight: 700 !important;
}

/* ========================================
   Tablet ≤1200
   ======================================== */
@media (max-width: 1200px) {
	/* футер: 2 столбца */
	.site-footer .wp-block-columns {
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
		gap: 28px 24px !important;
		flex-wrap: unset !important;
		flex-direction: unset !important;
		align-items: start !important;
	}

	.site-footer .wp-block-column,
	.site-footer__col-brand,
	.site-footer .wp-block-columns > .wp-block-column:first-child {
		flex: none !important;
		flex-basis: auto !important;
		max-width: none !important;
		width: auto !important;
		min-width: 0 !important;
		margin-bottom: 0 !important;
	}

	.site-footer__col-about {
		display: block !important;
	}

	.oil-page .section,
	.oil-hero,
	.oil-bridge,
	.oil-map {
		padding-left: 40px !important;
		padding-right: 40px !important;
	}

	.oil-hero {
		min-height: 100vh !important;
		min-height: 100dvh !important;
		padding-top: 300px !important;
		padding-bottom: 180px !important;
	}

	.oil-bridge {
		margin-top: -180px;
		background: transparent;
	}

	.oil-bridge::after {
		top: 180px;
	}

	.oil-bridge .oil-hero__cards {
		width: 100%;
		max-width: 100%;
	}

	.oil-hero__title {
		font-size: 56px;
	}

	.oil-hero__intro {
		grid-template-columns: 1fr;
	}

	.oil-hero__callout p {
		font-size: 40px;
	}

	.oil-color__grid,
	.oil-safe__grid,
	.oil-freq__grid,
	.oil-reviews__grid {
		grid-template-columns: 1fr;
	}

	.oil-samples {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.oil-steps__grid {
		grid-template-columns: 1fr 1fr;
	}

	.oil-steps__grid::before {
		display: none;
	}

	.oil-trust__grid,
	.oil-reviews__list {
		grid-template-columns: 1fr 1fr;
	}

	.oil-steps__drop {
		display: none;
	}

	.oil-heading--lg {
		font-size: 40px;
	}

	.oil-map__title {
		font-size: 40px;
	}
}

/* ========================================
   Footer ≤800 — одна колонка, выравнивание слева
   ======================================== */
@media (max-width: 800px) {
	.site-footer .wp-block-columns {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 20px !important;
		flex-direction: unset !important;
		justify-items: start !important;
		text-align: left !important;
	}

	.site-footer .wp-block-column,
	.site-footer__col-brand,
	.site-footer .wp-block-columns > .wp-block-column:first-child {
		flex: none !important;
		flex-basis: auto !important;
		max-width: none !important;
		width: 100% !important;
		min-width: 0 !important;
		margin-bottom: 0 !important;
		text-align: left !important;
	}

	.site-footer__brand-row {
		justify-content: flex-start !important;
	}

	.site-footer__brand-row p,
	.site-footer__brand-row p a,
	.site-footer h4,
	.site-footer p,
	.site-footer a {
		text-align: left !important;
	}

	.site-footer__social-mobile {
		justify-content: flex-start !important;
	}

	/* логотип + «О компании» внизу */
	.site-footer .wp-block-site-logo {
		display: block !important;
	}

	.site-footer__col-brand { order: 1 !important; }
	.site-footer__col-contacts { order: 2 !important; }
	.site-footer__col-services { order: 3 !important; }
	.site-footer__col-about {
		display: block !important;
		order: 4 !important;
	}
}

/* ========================================
   Mobile ≤768 — синие блоки в колонку под кнопкой
   ======================================== */
@media (max-width: 768px) {
	.oil-hero {
		/* запас снизу под три карточки на тёмном фоне */
		padding-bottom: 420px !important;
	}

	.oil-hero__inner {
		padding-bottom: 16px !important;
	}

	.oil-hero__copy {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.oil-hero__copy .oil-btn {
		width: 85% !important;
		max-width: 85% !important;
		min-width: 0 !important;
		margin-left: auto;
		margin-right: auto;
		white-space: normal !important;
	}

	/* карточки сразу под кнопкой, на фоне hero */
	.oil-bridge {
		margin-top: -400px !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
		padding-bottom: 24px;
	}

	.oil-bridge::after {
		/* белый фон только после карточек */
		top: 100% !important;
		display: none;
	}

	.oil-bridge .oil-hero__cards,
	.oil-hero__cards {
		grid-template-columns: 1fr !important;
		gap: 12px;
		width: 100%;
		max-width: 100%;
	}

	.oil-feature-card {
		min-height: 0;
		padding: 18px 20px;
	}
}

/* ========================================
   Mobile ≤781 (Figma 375)
   ======================================== */
@media (max-width: 781px) {
	.oil-page .section {
		padding: 48px 20px !important;
	}

	.oil-hero {
		min-height: 100vh !important;
		min-height: 100dvh !important;
		padding: 140px 20px 420px !important;
	}

	.oil-hero__title {
		font-size: 36px !important;
		margin-top: 0 !important;
		margin-bottom: 24px;
	}

	.oil-hero__inner {
		padding-bottom: 16px;
	}

	.oil-bridge {
		margin-top: -400px;
		padding-left: 20px !important;
		padding-right: 20px !important;
		padding-bottom: 24px;
		background: transparent;
	}

	.oil-bridge::after {
		display: none;
	}

	.oil-hero__intro {
		gap: 20px;
		margin-bottom: 0 !important;
	}

	.oil-hero__copy {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.oil-hero__copy .oil-btn {
		width: 85% !important;
		max-width: 85% !important;
		min-width: 0 !important;
		margin-left: auto;
		margin-right: auto;
		white-space: normal !important;
	}

	.oil-hero__callout {
		min-height: 0;
		padding: 16px 18px;
		border: 0;
	}

	.oil-hero__callout p {
		font-size: 28px !important;
		font-weight: 400 !important;
		line-height: 1.2;
	}

	.oil-hero__question {
		font-size: 20px !important;
		font-weight: 400 !important;
	}

	.oil-hero__answer {
		font-size: 16px !important;
		margin-bottom: 20px;
	}

	.oil-btn {
		width: 100%;
		font-size: 16px !important;
		min-height: 56px;
	}

	.oil-bridge .oil-hero__cards,
	.oil-hero__cards {
		grid-template-columns: 1fr;
		gap: 12px;
		width: 100%;
		max-width: 100%;
	}

	.oil-feature-card {
		min-height: 0;
		padding: 18px 20px;
	}

	.oil-color {
		background: #fff !important;
	}

	.oil-heading,
	.oil-heading--lg,
	.oil-heading--sm {
		font-size: 28px !important;
	}

	.oil-samples {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 20px 12px;
	}

	.oil-sample img,
	.oil-sample:last-child img {
		width: 96px;
		height: 96px;
		margin-top: 0;
		margin-bottom: 10px;
	}

	.oil-color__aside {
		min-height: 0;
		padding: 28px 22px;
		border-radius: 16px;
	}

	.oil-color__warn {
		font-size: 22px !important;
	}

	.oil-safe__accent {
		font-size: 24px !important;
		font-weight: 400 !important;
	}

	.oil-safe.section p.oil-safe__kicker,
	.oil-safe.section p.oil-safe__accent {
		font-size: 24px !important;
	}

	.oil-steps.section p.oil-steps__cta-text {
		font-size: 16px !important;
	}

	.oil-steps__grid,
	.oil-trust__grid,
	.oil-team__grid,
	.oil-reviews__list {
		grid-template-columns: 1fr;
	}

	.oil-trust__deco {
		width: 160px;
		height: 320px;
		left: 0;
		right: auto;
		opacity: 1;
		/* перебиваем desktop top:50% + translateY(-50%) — позиция задаётся в ≤768 */
		top: 50%;
		transform: translateY(-50%) scaleX(-1);
	}

	.oil-trust-card {
		height: auto;
		min-height: 160px;
		max-width: none;
	}

	.oil-trust-card__bg {
		font-size: 48px;
	}

	.oil-trust-card--slogan p {
		font-size: 36px !important;
	}

	/* слоган по левому краю карточек, без внутреннего отступа как у текста внутри */
	.oil-trust-card--slogan {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.oil-reviews__bars {
		gap: 4px;
		max-width: 100%;
	}

	.oil-reviews__bars > span {
		flex: 0 0 calc(var(--h, 40px) * (100% - 24px) / 490px);
		width: calc(var(--h, 40px) * (100% - 24px) / 490px);
		min-width: 0;
		height: 36px;
		max-width: none;
	}

	.oil-reviews__bars > span:last-child::after {
		content: none;
	}

	.oil-reviews__bars > span:nth-child(2)::after {
		content: "90%";
		font-size: 22px !important;
		left: 50%;
		top: calc(100% + 6px);
		transform: translateX(-50%);
	}

	.oil-reviews__stat {
		font-size: clamp(26px, 8vw, 45px) !important;
		font-weight: 700 !important;
		color: #cfcfcf;
		hyphens: auto;
		-webkit-hyphens: auto;
		overflow-wrap: anywhere;
		max-width: 100%;
	}

	.oil-map {
		padding: 40px 20px !important;
	}

	.oil-map__title {
		font-size: clamp(18px, 5.2vw, 24px) !important;
		margin-bottom: 24px;
		white-space: normal;
		line-height: 1.25;
	}

	.oil-map .map-section__embed iframe {
		height: 320px !important;
	}

	.oil-review-card > p {
		max-height: none;
		overflow: visible;
		font-size: 12px !important;
	}
}

/* ========================================
   Mobile ≤768 — oil-safe: текст → плашки → фото → подпись
   (после 781, чтобы перебить старые правила media)
   ======================================== */
@media (max-width: 768px) {
	.oil-safe__grid {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}

	/* дети media участвуют в порядке родителя */
	.oil-safe__media {
		display: contents;
		padding-top: 0;
	}

	.oil-safe__content {
		order: 1;
	}

	.oil-safe__tags {
		order: 2;
		position: static;
		transform: none;
		right: auto;
		left: auto;
		top: auto;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: stretch;
		gap: 10px;
		width: 100%;
		max-width: none;
		margin: 0;
		z-index: auto;
	}

	.oil-safe__tags span {
		flex: 1 1 0;
		width: auto;
		min-width: 0;
		padding: 14px 10px;
		font-size: 13px;
		border-radius: 12px;
	}

	.oil-safe__media > img {
		order: 3;
		width: 100%;
		margin: 0;
	}

	.oil-safe__note {
		order: 4;
		margin: 0;
		color: #333;
		font-size: 14px;
		line-height: 1.35;
	}

	.oil-safe__accent {
		font-size: 24px !important;
		font-weight: 400 !important;
	}

	.oil-safe__kicker {
		font-size: 24px !important;
	}

	/* перебить .section p { 14px !important } */
	.oil-safe.section p.oil-safe__kicker,
	.oil-safe.section p.oil-safe__accent {
		font-size: 24px !important;
	}

	.oil-steps.section p.oil-steps__cta-text {
		font-size: 16px !important;
	}

	/* oil-steps mobile: без капли (только десктоп) */
	.oil-steps__grid {
		grid-template-columns: 1fr !important;
		gap: 50px;
	}

	.oil-steps__grid::before {
		display: block;
		top: 0;
		bottom: 0;
		left: 50%;
		right: auto;
		width: 1px;
		height: auto;
		transform: translateX(-50%);
		background: rgba(0, 0, 0, 0.12);
		z-index: 0;
	}

	.oil-steps__drop,
	.oil-steps__drop--mob,
	.oil-steps__drop--desk {
		display: none !important;
	}

	.oil-step--drop-anchor::after {
		content: none !important;
		display: none !important;
	}

	.oil-step {
		background: #fff;
		z-index: 2;
	}

	.oil-steps__board {
		overflow: visible;
		padding-bottom: 0;
	}

	/* oil-trust mobile: Regular заголовок + два полукруга */
	.oil-trust.section h2.oil-heading {
		font-weight: 400 !important;
		font-size: 24px !important;
	}

	.oil-trust__deco--top,
	.oil-trust__deco:not(.oil-trust__deco--bottom) {
		top: -24px;
		bottom: auto;
		left: 0;
		width: 160px;
		height: 320px;
		opacity: 1;
		/* под кнопкой «Записаться», без центрирования по вертикали */
		transform: scaleX(-1);
	}

	.oil-trust-card--slogan {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.oil-trust__deco--bottom {
		display: block !important;
		top: auto;
		bottom: 80px;
		left: auto;
		right: 0;
		width: 160px;
		height: 320px;
		opacity: 1;
		/* справа, дуга влево; без scaleY — не уезжает за низ секции */
		transform: none;
	}

	/* отзывы ≤768: горизонтальный слайдер (порядок уже задан в ≤1400) */
	.oil-reviews__list {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		grid-template-columns: none !important;
		gap: 16px;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		-ms-overflow-style: none;
		/* Разрешаем вертикальный скролл страницы, чтобы блок отзывов не "залипал" на тач-жестах */
		touch-action: pan-y pan-x;
		overscroll-behavior-x: contain;
		min-width: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		margin-left: -20px;
		margin-right: -20px;
		padding: 0 20px 4px;
	}

	.oil-reviews__list::-webkit-scrollbar {
		display: none;
		width: 0;
		height: 0;
	}

	.oil-review-card {
		flex: 0 0 min(300px, 82vw) !important;
		width: min(300px, 82vw) !important;
		max-width: min(300px, 82vw) !important;
		min-width: min(300px, 82vw) !important;
		scroll-snap-align: start;
		box-shadow: none !important;
		background: #fff;
		border: 1px solid #e8e8e8;
	}

	.oil-reviews.section p.oil-reviews__stat {
		font-size: clamp(26px, 8vw, 45px) !important;
		font-weight: 700 !important;
		hyphens: auto;
		-webkit-hyphens: auto;
		overflow-wrap: anywhere;
		max-width: 100%;
	}
}

/* ========================================
   Гидротрансформатор — новые элементы
   ======================================== */

/* Hero: заголовок — синим только «гидротрансформаторов», ровно 2 строки */
body.page-template-page-service-gidro .oil-hero__title , body.page-template-page-service-gidroblok .oil-hero__title , body.page-template-page-service-robot .oil-hero__title, body.page-template-page-service-variator .oil-hero__title , body.page-template-page-service-ebu .oil-hero__title {
	line-height: 1.1;
	max-width: 100%;
	width: 100%;
	margin-bottom: 32px;
}

/* H1 и текстовый блок — одна ширина контента макета */
body.page-template-page-service-gidro .oil-hero__inner , body.page-template-page-service-gidroblok .oil-hero__inner , body.page-template-page-service-robot .oil-hero__inner, body.page-template-page-service-variator .oil-hero__inner , body.page-template-page-service-ebu .oil-hero__inner {
	max-width: var(--site-content-max, 1200px);
	padding-bottom: 80px;
}

body.page-template-page-service-gidro .oil-hero__intro , body.page-template-page-service-gidroblok .oil-hero__intro , body.page-template-page-service-robot .oil-hero__intro, body.page-template-page-service-variator .oil-hero__intro , body.page-template-page-service-ebu .oil-hero__intro {
	width: 100%;
	max-width: 100%;
}

/* Зазор логотип → H1 ≈ 20px (шапка absolute) */
body.page-template-page-service-gidro .oil-hero , body.page-template-page-service-gidroblok .oil-hero , body.page-template-page-service-robot .oil-hero, body.page-template-page-service-variator .oil-hero , body.page-template-page-service-ebu .oil-hero {
	padding-top: 255px;
	padding-bottom: 90px;
}

/* Синие карточки: 90px на hero, ~30px наезд на следующую секцию */
body.page-template-page-service-gidro .oil-bridge , body.page-template-page-service-gidroblok .oil-bridge , body.page-template-page-service-robot .oil-bridge, body.page-template-page-service-variator .oil-bridge , body.page-template-page-service-ebu .oil-bridge {
	margin-top: -90px;
}

body.page-template-page-service-gidro .oil-bridge::after , body.page-template-page-service-gidroblok .oil-bridge::after , body.page-template-page-service-robot .oil-bridge::after, body.page-template-page-service-variator .oil-bridge::after , body.page-template-page-service-ebu .oil-bridge::after {
	top: 90px;
}

body.page-template-page-service-gidro .oil-hero__title span , body.page-template-page-service-gidroblok .oil-hero__title span , body.page-template-page-service-robot .oil-hero__title span, body.page-template-page-service-variator .oil-hero__title span , body.page-template-page-service-ebu .oil-hero__title span {
	color: inherit;
}

body.page-template-page-service-gidro .oil-hero__title .oil-hero__title-accent , body.page-template-page-service-gidroblok .oil-hero__title .oil-hero__title-accent , body.page-template-page-service-robot .oil-hero__title .oil-hero__title-accent, body.page-template-page-service-variator .oil-hero__title .oil-hero__title-accent , body.page-template-page-service-ebu .oil-hero__title .oil-hero__title-accent {
	color: #00aeff;
}

body.page-template-page-service-gidro .oil-hero__title-line , body.page-template-page-service-gidroblok .oil-hero__title-line , body.page-template-page-service-robot .oil-hero__title-line, body.page-template-page-service-variator .oil-hero__title-line , body.page-template-page-service-ebu .oil-hero__title-line {
	display: block;
	white-space: nowrap;
}

@media (max-width: 1200px) {
	body.page-template-page-service-gidro .oil-hero__title-line , body.page-template-page-service-gidroblok .oil-hero__title-line , body.page-template-page-service-robot .oil-hero__title-line, body.page-template-page-service-variator .oil-hero__title-line , body.page-template-page-service-ebu .oil-hero__title-line {
		white-space: normal;
	}
}

@media (min-width: 1201px) {
	body.page-template-page-service-gidro .oil-hero__title , body.page-template-page-service-gidroblok .oil-hero__title , body.page-template-page-service-robot .oil-hero__title, body.page-template-page-service-variator .oil-hero__title , body.page-template-page-service-ebu .oil-hero__title {
		/* меньше 80px, чтобы 2 строки влезали в 1200px */
		font-size: 64px;
		letter-spacing: -0.02em;
	}

	body.page-template-page-service-gidro .oil-hero__callout , body.page-template-page-service-gidroblok .oil-hero__callout , body.page-template-page-service-robot .oil-hero__callout, body.page-template-page-service-variator .oil-hero__callout , body.page-template-page-service-ebu .oil-hero__callout {
		min-height: 0;
		padding: 20px 24px;
	}

	body.page-template-page-service-gidro .oil-hero__callout p , body.page-template-page-service-gidroblok .oil-hero__callout p , body.page-template-page-service-robot .oil-hero__callout p, body.page-template-page-service-variator .oil-hero__callout p , body.page-template-page-service-ebu .oil-hero__callout p {
		font-size: 28px;
		font-weight: 500;
		line-height: 1.25;
	}

	body.page-template-page-service-gidro .oil-hero__question , body.page-template-page-service-gidroblok .oil-hero__question , body.page-template-page-service-robot .oil-hero__question, body.page-template-page-service-variator .oil-hero__question , body.page-template-page-service-ebu .oil-hero__question {
		font-size: 22px;
		font-weight: 400;
		line-height: 1.3;
		margin-bottom: 12px;
	}

	body.page-template-page-service-gidro .oil-bridge .oil-hero__cards , body.page-template-page-service-gidroblok .oil-bridge .oil-hero__cards , body.page-template-page-service-robot .oil-bridge .oil-hero__cards, body.page-template-page-service-variator .oil-bridge .oil-hero__cards , body.page-template-page-service-ebu .oil-bridge .oil-hero__cards {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 16px;
		width: 100%;
		max-width: 100%;
	}

	body.page-template-page-service-gidro .oil-feature-card--accent , body.page-template-page-service-gidroblok .oil-feature-card--accent , body.page-template-page-service-robot .oil-feature-card--accent, body.page-template-page-service-variator .oil-feature-card--accent , body.page-template-page-service-ebu .oil-feature-card--accent {
		min-height: 120px;
		height: auto;
		padding: 16px 30px;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	}

	body.page-template-page-service-gidro .oil-feature-card--accent p , body.page-template-page-service-gidroblok .oil-feature-card--accent p , body.page-template-page-service-robot .oil-feature-card--accent p, body.page-template-page-service-variator .oil-feature-card--accent p , body.page-template-page-service-ebu .oil-feature-card--accent p {
		font-size: 18px;
		font-weight: 400;
		line-height: 1.25;
	}
}

/* ≤1200: синие карточки парами (2×2), без растягивания на всю ширину */
@media (max-width: 1200px) {
	body.page-template-page-service-gidro .oil-hero__inner , body.page-template-page-service-gidroblok .oil-hero__inner , body.page-template-page-service-robot .oil-hero__inner, body.page-template-page-service-variator .oil-hero__inner , body.page-template-page-service-ebu .oil-hero__inner {
		padding-bottom: 40px !important;
	}

	body.page-template-page-service-gidro .oil-hero , body.page-template-page-service-gidroblok .oil-hero , body.page-template-page-service-robot .oil-hero, body.page-template-page-service-variator .oil-hero , body.page-template-page-service-ebu .oil-hero {
		padding-bottom: 200px !important;
	}

	body.page-template-page-service-gidro .oil-bridge , body.page-template-page-service-gidroblok .oil-bridge , body.page-template-page-service-robot .oil-bridge, body.page-template-page-service-variator .oil-bridge , body.page-template-page-service-ebu .oil-bridge {
		margin-top: -200px !important;
	}

	body.page-template-page-service-gidro .oil-bridge::after , body.page-template-page-service-gidroblok .oil-bridge::after , body.page-template-page-service-robot .oil-bridge::after, body.page-template-page-service-variator .oil-bridge::after , body.page-template-page-service-ebu .oil-bridge::after {
		top: 200px;
	}

	body.page-template-page-service-gidro .oil-bridge .oil-hero__cards, body.page-template-page-service-gidroblok .oil-bridge .oil-hero__cards, body.page-template-page-service-robot .oil-bridge .oil-hero__cards, body.page-template-page-service-variator .oil-bridge .oil-hero__cards, body.page-template-page-service-ebu .oil-bridge .oil-hero__cards,
	body.page-template-page-service-gidro .oil-hero__cards , body.page-template-page-service-gidroblok .oil-hero__cards , body.page-template-page-service-robot .oil-hero__cards, body.page-template-page-service-variator .oil-hero__cards , body.page-template-page-service-ebu .oil-hero__cards {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 280px)) !important;
		justify-content: start;
		gap: 16px;
		width: 100%;
		max-width: 100%;
	}

	body.page-template-page-service-gidro .oil-feature-card--accent , body.page-template-page-service-gidroblok .oil-feature-card--accent , body.page-template-page-service-robot .oil-feature-card--accent, body.page-template-page-service-variator .oil-feature-card--accent , body.page-template-page-service-ebu .oil-feature-card--accent {
		min-height: 120px;
		height: auto;
		width: 100%;
		max-width: 280px;
		padding: 16px 24px;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	}

	body.page-template-page-service-gidro .oil-feature-card--accent p , body.page-template-page-service-gidroblok .oil-feature-card--accent p , body.page-template-page-service-robot .oil-feature-card--accent p, body.page-template-page-service-variator .oil-feature-card--accent p , body.page-template-page-service-ebu .oil-feature-card--accent p {
		font-size: 16px;
		font-weight: 400;
		line-height: 1.25;
	}
}

/* <450: один столбец; без «С гарантией»; синие блоки сразу под фото hero */
/* Карточка гарантии — только <450px */
.gt-guarantee-card {
	display: none;
}

@media (max-width: 449px) {
	body.page-template-page-service-gidro .oil-hero__guarantee , body.page-template-page-service-gidroblok .oil-hero__guarantee , body.page-template-page-service-robot .oil-hero__guarantee, body.page-template-page-service-variator .oil-hero__guarantee , body.page-template-page-service-ebu .oil-hero__guarantee {
		display: none !important;
	}

	body.page-template-page-service-gidroblok .gt-guarantee-card , body.page-template-page-service-robot .gt-guarantee-card, body.page-template-page-service-variator .gt-guarantee-card , body.page-template-page-service-ebu .gt-guarantee-card {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 18px;
		width: 100%;
		box-sizing: border-box;
		margin-top: 20px;
		padding: 40px 24px;
		border: 1px solid #fff;
		border-radius: 24px;
		background: transparent !important;
		background-image: none !important;
		text-align: center;
	}

	body.page-template-page-service-gidroblok .gt-guarantee-card__title , body.page-template-page-service-robot .gt-guarantee-card__title, body.page-template-page-service-variator .gt-guarantee-card__title , body.page-template-page-service-ebu .gt-guarantee-card__title {
		margin: 0;
		font-family: var(--wp--preset--font-family--tektur), Tektur, sans-serif;
		font-size: 28px;
		font-weight: 700;
		line-height: 1.2;
		color: #d9d9d9;
	}

	body.page-template-page-service-gidroblok .gt-guarantee-card__badge , body.page-template-page-service-robot .gt-guarantee-card__badge, body.page-template-page-service-variator .gt-guarantee-card__badge , body.page-template-page-service-ebu .gt-guarantee-card__badge {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 40px;
		padding: 8px 28px;
		border-radius: 999px;
		background: #00aeff;
		font-family: var(--wp--preset--font-family--montserrat), Montserrat, sans-serif;
		font-size: 16px;
		font-weight: 400;
		line-height: 1;
		color: #fff;
	}

	/* «Нам доверяют»: скрываем у gidro/robot/ebu на <450 */
	body.page-template-page-service-gidro .oil-trust , body.page-template-page-service-gidroblok .oil-trust , body.page-template-page-service-robot .oil-trust,
	body.page-template-page-service-ebu .oil-trust,
	body.page-template-page-service-ebu .eb-trust {
		display: none !important;
	}

	body.page-template-page-service-gidro .oil-hero , body.page-template-page-service-gidroblok .oil-hero , body.page-template-page-service-robot .oil-hero, body.page-template-page-service-variator .oil-hero , body.page-template-page-service-ebu .oil-hero {
		min-height: 0 !important;
		padding-bottom: 28px !important;
	}

	body.page-template-page-service-gidro .oil-hero__inner , body.page-template-page-service-gidroblok .oil-hero__inner , body.page-template-page-service-robot .oil-hero__inner, body.page-template-page-service-variator .oil-hero__inner , body.page-template-page-service-ebu .oil-hero__inner {
		padding-bottom: 12px !important;
	}

	body.page-template-page-service-gidro .oil-hero__cta-row , body.page-template-page-service-gidroblok .oil-hero__cta-row , body.page-template-page-service-robot .oil-hero__cta-row, body.page-template-page-service-variator .oil-hero__cta-row , body.page-template-page-service-ebu .oil-hero__cta-row {
		max-width: 100%;
	}

	body.page-template-page-service-gidro .oil-bridge , body.page-template-page-service-gidroblok .oil-bridge , body.page-template-page-service-robot .oil-bridge, body.page-template-page-service-variator .oil-bridge , body.page-template-page-service-ebu .oil-bridge {
		margin-top: 0 !important;
		padding-top: 20px;
		padding-bottom: 40px;
		background: transparent;
	}

	body.page-template-page-service-gidro .oil-bridge::after , body.page-template-page-service-gidroblok .oil-bridge::after , body.page-template-page-service-robot .oil-bridge::after, body.page-template-page-service-variator .oil-bridge::after , body.page-template-page-service-ebu .oil-bridge::after {
		display: none !important;
	}

	body.page-template-page-service-gidro .gt-stand.section , body.page-template-page-service-gidroblok .gt-stand.section , body.page-template-page-service-robot .gt-stand.section, body.page-template-page-service-variator .gt-stand.section , body.page-template-page-service-ebu .gt-stand.section {
		padding-top: 0 !important;
	}

	body.page-template-page-service-gidro .oil-bridge .oil-hero__cards, body.page-template-page-service-gidroblok .oil-bridge .oil-hero__cards, body.page-template-page-service-robot .oil-bridge .oil-hero__cards, body.page-template-page-service-variator .oil-bridge .oil-hero__cards, body.page-template-page-service-ebu .oil-bridge .oil-hero__cards,
	body.page-template-page-service-gidro .oil-hero__cards , body.page-template-page-service-gidroblok .oil-hero__cards , body.page-template-page-service-robot .oil-hero__cards, body.page-template-page-service-variator .oil-hero__cards , body.page-template-page-service-ebu .oil-hero__cards {
		grid-template-columns: 1fr !important;
		justify-content: stretch;
		gap: 12px;
		width: 100%;
		max-width: 100%;
	}

	body.page-template-page-service-gidro .oil-feature-card--accent , body.page-template-page-service-gidroblok .oil-feature-card--accent , body.page-template-page-service-robot .oil-feature-card--accent, body.page-template-page-service-variator .oil-feature-card--accent , body.page-template-page-service-ebu .oil-feature-card--accent {
		max-width: none;
		width: 100%;
		min-height: 88px;
		height: 88px;
		padding: 18px 20px;
		box-sizing: border-box;
	}

	/* «Позвоните нам»: синий 20px bold; телефон — белый в чёрной рамке */
	body.page-template-page-service-gidro .gt-call-section__subtitle , body.page-template-page-service-gidroblok .gt-call-section__subtitle , body.page-template-page-service-robot .gt-call-section__subtitle, body.page-template-page-service-variator .gt-call-section__subtitle , body.page-template-page-service-ebu .gt-call-section__subtitle {
		font-size: 20px !important;
		font-weight: 700 !important;
		color: #00aeff !important;
		margin-bottom: 16px;
	}

	body.page-template-page-service-gidro .gt-call-section__phone , body.page-template-page-service-gidroblok .gt-call-section__phone , body.page-template-page-service-robot .gt-call-section__phone, body.page-template-page-service-variator .gt-call-section__phone , body.page-template-page-service-ebu .gt-call-section__phone {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		box-sizing: border-box;
		min-height: 56px;
		padding: 14px 20px;
		background: #1a1a1a;
		border-radius: 8px;
		font-size: 22px !important;
		font-weight: 700;
		color: #fff !important;
		text-decoration: none;
	}

	body.page-template-page-service-gidro .gt-call-section__phone:hover , body.page-template-page-service-gidroblok .gt-call-section__phone:hover , body.page-template-page-service-robot .gt-call-section__phone:hover, body.page-template-page-service-variator .gt-call-section__phone:hover , body.page-template-page-service-ebu .gt-call-section__phone:hover {
		color: #fff !important;
		background: #000;
	}
}

/* Hero: список симптомов — без точек */
.oil-hero__symptoms {
	margin: 16px 0 24px;
}

.oil-hero__symptoms p {
	margin: 0 0 6px;
	font-size: 16px;
	line-height: 1.5;
	color: rgba(255, 255, 255, 0.9);
	padding-left: 0;
}

/* Hero: кнопка + гарантия в ряд */
.oil-hero__cta-row {
	display: flex;
	align-items: center;
	gap: 24px;
	flex-wrap: wrap;
}

.oil-hero__guarantee {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-height: 61px;
	padding: 14px 24px;
	font-family: var(--wp--preset--font-family--montserrat), Montserrat, sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.2;
	color: #fff;
	white-space: nowrap;
	border: 1px solid #fff;
	border-radius: 8px;
	background: transparent;
}

/* Акцентные карточки преимуществ (синий фон) */
.oil-feature-card--accent {
	background: #00aeff !important;
	color: #fff;
	border: none !important;
}

.oil-feature-card--accent p {
	color: #fff;
}

/* Теги признаков поломки */
.gt-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 20px;
}

.gt-tag {
	display: inline-block;
	padding: 8px 20px;
	border: 1.5px solid #1a1a1a;
	border-radius: 6px;
	font-family: var(--wp--preset--font-family--montserrat), Montserrat, sans-serif;
	font-size: 14px;
	font-weight: 500;
	color: #1a1a1a;
	background: transparent;
}

/* Секция «Ремонт и проверка… на стенде» */
body.page-template-page-service-gidro .gt-stand .oil-safe__grid , body.page-template-page-service-gidroblok .gt-stand .oil-safe__grid , body.page-template-page-service-robot .gt-stand .oil-safe__grid, body.page-template-page-service-variator .gt-stand .oil-safe__grid , body.page-template-page-service-ebu .gt-stand .oil-safe__grid {
	grid-template-columns: 1fr 1fr;
	gap: 40px;
	align-items: start;
}

body.page-template-page-service-gidro .gt-stand .oil-safe__media , body.page-template-page-service-gidroblok .gt-stand .oil-safe__media , body.page-template-page-service-robot .gt-stand .oil-safe__media, body.page-template-page-service-variator .gt-stand .oil-safe__media , body.page-template-page-service-ebu .gt-stand .oil-safe__media {
	max-width: none;
	padding-top: 0;
}

body.page-template-page-service-gidro .gt-stand__title , body.page-template-page-service-gidroblok .gt-stand__title , body.page-template-page-service-robot .gt-stand__title, body.page-template-page-service-variator .gt-stand__title , body.page-template-page-service-ebu .gt-stand__title {
	margin: 0 0 20px;
	font-family: var(--wp--preset--font-family--tektur), Tektur, sans-serif;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.3;
	color: #1a1a1a;
	max-width: none;
}

body.page-template-page-service-gidro .gt-stand .oil-safe__media > img , body.page-template-page-service-gidroblok .gt-stand .oil-safe__media > img , body.page-template-page-service-robot .gt-stand .oil-safe__media > img, body.page-template-page-service-variator .gt-stand .oil-safe__media > img , body.page-template-page-service-ebu .gt-stand .oil-safe__media > img {
	width: 100%;
	aspect-ratio: 781 / 521;
	object-fit: cover;
}

body.page-template-page-service-gidro .gt-stand .oil-safe__text p , body.page-template-page-service-gidroblok .gt-stand .oil-safe__text p , body.page-template-page-service-robot .gt-stand .oil-safe__text p, body.page-template-page-service-variator .gt-stand .oil-safe__text p , body.page-template-page-service-ebu .gt-stand .oil-safe__text p {
	font-size: 16px;
	line-height: 1.5;
	color: #1a1a1a;
}

body.page-template-page-service-gidro .gt-stand__signs , body.page-template-page-service-gidroblok .gt-stand__signs , body.page-template-page-service-robot .gt-stand__signs, body.page-template-page-service-variator .gt-stand__signs , body.page-template-page-service-ebu .gt-stand__signs {
	margin: 20px 0 0;
	font-family: var(--wp--preset--font-family--montserrat), Montserrat, sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
	color: #000;
}

body.page-template-page-service-gidro .oil-freq__kicker , body.page-template-page-service-gidroblok .oil-freq__kicker , body.page-template-page-service-robot .oil-freq__kicker, body.page-template-page-service-variator .oil-freq__kicker , body.page-template-page-service-ebu .oil-freq__kicker {
	font-weight: 700;
}

/* Зазор между «стенд» и «соленоиды» ≤ 100px */
body.page-template-page-service-gidro .gt-stand.section , body.page-template-page-service-gidroblok .gt-stand.section , body.page-template-page-service-robot .gt-stand.section, body.page-template-page-service-variator .gt-stand.section , body.page-template-page-service-ebu .gt-stand.section {
	padding-bottom: 40px;
}

body.page-template-page-service-gidro .oil-freq.section , body.page-template-page-service-gidroblok .oil-freq.section , body.page-template-page-service-robot .oil-freq.section, body.page-template-page-service-variator .oil-freq.section , body.page-template-page-service-ebu .oil-freq.section {
	padding-top: 40px;
	padding-bottom: 40px;
}

/* Секция соленоидов: равные колонки, CTA и Sonnax слева */
body.page-template-page-service-gidro .gt-solenoid .oil-freq__grid , body.page-template-page-service-gidroblok .gt-solenoid .oil-freq__grid , body.page-template-page-service-robot .gt-solenoid .oil-freq__grid, body.page-template-page-service-variator .gt-solenoid .oil-freq__grid , body.page-template-page-service-ebu .gt-solenoid .oil-freq__grid {
	grid-template-columns: 1fr 1fr;
	gap: 40px;
	align-items: start;
}

body.page-template-page-service-gidro .gt-solenoid .oil-freq__media , body.page-template-page-service-gidroblok .gt-solenoid .oil-freq__media , body.page-template-page-service-robot .gt-solenoid .oil-freq__media, body.page-template-page-service-variator .gt-solenoid .oil-freq__media , body.page-template-page-service-ebu .gt-solenoid .oil-freq__media {
	margin: calc(24px * 1.3 + 20px) 0 0;
	max-width: none;
}

body.page-template-page-service-gidro .gt-solenoid .oil-freq__media img , body.page-template-page-service-gidroblok .gt-solenoid .oil-freq__media img , body.page-template-page-service-robot .gt-solenoid .oil-freq__media img, body.page-template-page-service-variator .gt-solenoid .oil-freq__media img , body.page-template-page-service-ebu .gt-solenoid .oil-freq__media img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
}

/* Синий акцент — только первое предложение */
.oil-freq__highlight,
.oil-freq__text p.oil-freq__highlight {
	color: #00aeff !important;
	font-weight: 400;
}

.oil-freq__text p.oil-freq__highlight strong {
	color: inherit;
	font-weight: 700;
}

/* CTA-блок в левой колонке */
body.page-template-page-service-gidro .gt-solenoid .gt-cta-block , body.page-template-page-service-gidroblok .gt-solenoid .gt-cta-block , body.page-template-page-service-robot .gt-solenoid .gt-cta-block, body.page-template-page-service-variator .gt-solenoid .gt-cta-block , body.page-template-page-service-ebu .gt-solenoid .gt-cta-block {
	background: #1a1a1a;
	border-radius: 16px;
	padding: 24px 28px;
	max-width: none;
	margin: 16px 0 0;
}

body.page-template-page-service-gidro .gt-solenoid .gt-cta-block__title , body.page-template-page-service-gidroblok .gt-solenoid .gt-cta-block__title , body.page-template-page-service-robot .gt-solenoid .gt-cta-block__title, body.page-template-page-service-variator .gt-solenoid .gt-cta-block__title , body.page-template-page-service-ebu .gt-solenoid .gt-cta-block__title {
	margin: 0 0 16px;
	font-family: var(--wp--preset--font-family--tektur), Tektur, sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.35;
	color: #fff;
}

body.page-template-page-service-gidro .gt-solenoid .gt-cta-block .oil-btn , body.page-template-page-service-gidroblok .gt-solenoid .gt-cta-block .oil-btn , body.page-template-page-service-robot .gt-solenoid .gt-cta-block .oil-btn, body.page-template-page-service-variator .gt-solenoid .gt-cta-block .oil-btn , body.page-template-page-service-ebu .gt-solenoid .gt-cta-block .oil-btn {
	width: 100%;
	box-sizing: border-box;
	text-align: center;
}

body.page-template-page-service-gidro .gt-solenoid .gt-sonnax , body.page-template-page-service-gidroblok .gt-solenoid .gt-sonnax , body.page-template-page-service-robot .gt-solenoid .gt-sonnax, body.page-template-page-service-variator .gt-solenoid .gt-sonnax , body.page-template-page-service-ebu .gt-solenoid .gt-sonnax {
	margin: 16px 0 0;
	font-family: var(--wp--preset--font-family--montserrat), Montserrat, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.45;
	color: #1a1a1a;
	text-align: left;
}

/* Отзывы: заголовок над карточками */
body.page-template-page-service-gidro .oil-trust.section , body.page-template-page-service-gidroblok .oil-trust.section , body.page-template-page-service-robot .oil-trust.section, body.page-template-page-service-variator .oil-trust.section , body.page-template-page-service-ebu .oil-trust.section {
	padding-top: 40px;
	padding-bottom: 40px;
}

body.page-template-page-service-gidro .gt-reviews.section , body.page-template-page-service-gidroblok .gt-reviews.section , body.page-template-page-service-robot .gt-reviews.section, body.page-template-page-service-variator .gt-reviews.section , body.page-template-page-service-ebu .gt-reviews.section {
	padding-top: 40px;
	/* место под box-shadow карточек (иначе перекрывается следующей секцией) */
	padding-bottom: 28px;
	overflow: visible;
}

body.page-template-page-service-gidro .gt-reviews__title , body.page-template-page-service-gidroblok .gt-reviews__title , body.page-template-page-service-robot .gt-reviews__title, body.page-template-page-service-variator .gt-reviews__title , body.page-template-page-service-ebu .gt-reviews__title {
	margin: 0 auto 40px;
	max-width: var(--site-content-max, 1200px);
	font-family: var(--wp--preset--font-family--tektur), Tektur, sans-serif;
	font-size: 70px;
	font-weight: 700;
	line-height: 1.1;
	color: #cfcfcf;
}

body.page-template-page-service-gidro .gt-reviews .oil-reviews__list , body.page-template-page-service-gidroblok .gt-reviews .oil-reviews__list , body.page-template-page-service-robot .gt-reviews .oil-reviews__list, body.page-template-page-service-variator .gt-reviews .oil-reviews__list , body.page-template-page-service-ebu .gt-reviews .oil-reviews__list {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
	max-width: var(--site-content-max, 1200px);
	margin: 0 auto;
	overflow: visible;
	padding-bottom: 4px;
}

/* Отзывы (кроме «Замена масла»): 768–1100 — две колонки */
@media (max-width: 1100px) and (min-width: 768px) {
	.gt-reviews .oil-reviews__list {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		flex-direction: unset !important;
		flex-wrap: unset !important;
		gap: 20px;
		overflow: visible !important;
		overflow-x: visible !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		width: 100% !important;
		max-width: var(--site-content-max, 1200px);
		scroll-snap-type: none;
	}

	.gt-reviews .oil-review-card {
		flex: none !important;
		min-width: 0 !important;
		max-width: none !important;
		width: auto !important;
		scroll-snap-align: unset;
	}
}

body.page-template-page-service-gidro .gt-reviews .oil-review-card > p,
body.page-template-page-service-gidroblok .gt-reviews .oil-review-card > p , body.page-template-page-service-robot .gt-reviews .oil-review-card > p, body.page-template-page-service-variator .gt-reviews .oil-review-card > p , body.page-template-page-service-ebu .gt-reviews .oil-review-card > p {
	font-size: 12px !important;
	line-height: 1.45;
}

/* «Позвоните нам»: отступы сверху/снизу 80px */
body.page-template-page-service-gidro .oil-color.section , body.page-template-page-service-gidroblok .oil-color.section , body.page-template-page-service-robot .oil-color.section, body.page-template-page-service-variator .oil-color.section , body.page-template-page-service-ebu .oil-color.section {
	padding-top: 52px; /* 28 (отзывы) + 52 ≈ 80 до текста */
	padding-bottom: 80px;
}

body.page-template-page-service-gidro .gt-call-section , body.page-template-page-service-gidroblok .gt-call-section , body.page-template-page-service-robot .gt-call-section, body.page-template-page-service-variator .gt-call-section , body.page-template-page-service-ebu .gt-call-section {
	padding-top: 0;
	padding-bottom: 0;
}

body.page-template-page-service-gidro .oil-map , body.page-template-page-service-gidroblok .oil-map , body.page-template-page-service-robot .oil-map, body.page-template-page-service-variator .oil-map , body.page-template-page-service-ebu .oil-map {
	padding-top: 0;
}

/* CTA-блок (fallback) */
.gt-cta-block {
	background: #1a1a1a;
	border-radius: 16px;
	padding: 48px 40px;
	max-width: 560px;
}

.gt-cta-block__title {
	margin: 0 0 24px;
	font-family: var(--wp--preset--font-family--tektur), Tektur, sans-serif;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.3;
	color: #fff;
}

/* Секция «Позвоните нам» */
.gt-call-section {
	text-align: center;
	padding: 60px 20px;
	max-width: var(--site-content-max, 1200px);
	margin: 0 auto;
}

.gt-call-section__title {
	margin: 0 0 8px;
	font-family: var(--wp--preset--font-family--tektur), Tektur, sans-serif;
	font-size: 24px;
	font-weight: 400;
	color: #1a1a1a;
}

.gt-call-section__subtitle {
	margin: 0 0 8px;
	font-family: var(--wp--preset--font-family--tektur), Tektur, sans-serif;
	font-size: 20px;
	font-weight: 700;
	color: #00aeff;
}

.gt-call-section__phone {
	display: inline-block;
	font-family: var(--wp--preset--font-family--tektur), Tektur, sans-serif;
	font-size: 36px;
	font-weight: 700;
	color: #1a1a1a;
	text-decoration: none;
}

.gt-call-section__phone:hover {
	color: #00aeff;
}

/* ========================================
   Гидротрансформатор — мобильные ≤768
   ======================================== */
@media (max-width: 781px) {
	.oil-hero__symptoms p {
		font-size: 14px;
	}

	.oil-hero__cta-row {
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
	}

	.oil-hero__guarantee {
		font-size: 16px;
		text-align: center;
	}

	/* Gidro: симптомы, кнопка и гарантия — по левому краю */
	body.page-template-page-service-gidro .oil-hero__copy , body.page-template-page-service-gidroblok .oil-hero__copy , body.page-template-page-service-robot .oil-hero__copy, body.page-template-page-service-variator .oil-hero__copy , body.page-template-page-service-ebu .oil-hero__copy {
		align-items: flex-start;
	}

	body.page-template-page-service-gidro .oil-hero__symptoms , body.page-template-page-service-gidroblok .oil-hero__symptoms , body.page-template-page-service-robot .oil-hero__symptoms, body.page-template-page-service-variator .oil-hero__symptoms , body.page-template-page-service-ebu .oil-hero__symptoms {
		width: 100%;
		align-self: stretch;
	}

	/* Кнопка + гарантия = ширина двух синих блоков (280 + 16 + 280) */
	body.page-template-page-service-gidro .oil-hero__cta-row , body.page-template-page-service-gidroblok .oil-hero__cta-row , body.page-template-page-service-robot .oil-hero__cta-row, body.page-template-page-service-variator .oil-hero__cta-row , body.page-template-page-service-ebu .oil-hero__cta-row {
		width: 100%;
		max-width: calc(2 * 280px + 16px);
		align-self: flex-start;
		align-items: stretch;
	}

	body.page-template-page-service-gidro .oil-hero__copy .oil-btn, body.page-template-page-service-gidroblok .oil-hero__copy .oil-btn, body.page-template-page-service-robot .oil-hero__copy .oil-btn, body.page-template-page-service-variator .oil-hero__copy .oil-btn, body.page-template-page-service-ebu .oil-hero__copy .oil-btn,
	body.page-template-page-service-gidro .oil-hero__cta-row .oil-btn , body.page-template-page-service-gidroblok .oil-hero__cta-row .oil-btn , body.page-template-page-service-robot .oil-hero__cta-row .oil-btn, body.page-template-page-service-variator .oil-hero__cta-row .oil-btn , body.page-template-page-service-ebu .oil-hero__cta-row .oil-btn {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box;
	}

	body.page-template-page-service-gidro .oil-hero__guarantee , body.page-template-page-service-gidroblok .oil-hero__guarantee , body.page-template-page-service-robot .oil-hero__guarantee, body.page-template-page-service-variator .oil-hero__guarantee , body.page-template-page-service-ebu .oil-hero__guarantee {
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
		justify-content: flex-start;
		text-align: left;
	}

	.gt-tags {
		gap: 8px;
	}

	.gt-tag {
		font-size: 13px;
		padding: 6px 14px;
	}

	.gt-cta-block {
		padding: 32px 24px;
	}

	.gt-cta-block__title {
		font-size: 18px;
	}

	body.page-template-page-service-gidro .gt-reviews__title , body.page-template-page-service-gidroblok .gt-reviews__title , body.page-template-page-service-robot .gt-reviews__title, body.page-template-page-service-variator .gt-reviews__title , body.page-template-page-service-ebu .gt-reviews__title {
		font-size: 32px;
		margin-bottom: 24px;
	}

	.gt-call-section__phone {
		font-size: 28px;
	}

	/* Стенд: заголовок → фото → текст (как в макете) */
	body.page-template-page-service-gidro .gt-stand .gt-stand__title , body.page-template-page-service-gidroblok .gt-stand .gt-stand__title , body.page-template-page-service-robot .gt-stand .gt-stand__title, body.page-template-page-service-variator .gt-stand .gt-stand__title , body.page-template-page-service-ebu .gt-stand .gt-stand__title {
		order: 1;
	}

	body.page-template-page-service-gidro .gt-stand .oil-safe__media > img , body.page-template-page-service-gidroblok .gt-stand .oil-safe__media > img , body.page-template-page-service-robot .gt-stand .oil-safe__media > img, body.page-template-page-service-variator .gt-stand .oil-safe__media > img , body.page-template-page-service-ebu .gt-stand .oil-safe__media > img {
		order: 2;
	}

	body.page-template-page-service-gidro .gt-stand .oil-safe__content , body.page-template-page-service-gidroblok .gt-stand .oil-safe__content , body.page-template-page-service-robot .gt-stand .oil-safe__content, body.page-template-page-service-variator .gt-stand .oil-safe__content , body.page-template-page-service-ebu .gt-stand .oil-safe__content {
		order: 3;
	}

	/* Скрыть признаки поломки и теги; зазор до «Проверка соленоидов» = 40px */
	body.page-template-page-service-gidro .gt-stand__signs, body.page-template-page-service-gidroblok .gt-stand__signs, body.page-template-page-service-robot .gt-stand__signs, body.page-template-page-service-variator .gt-stand__signs, body.page-template-page-service-ebu .gt-stand__signs,
	body.page-template-page-service-gidro .gt-tags , body.page-template-page-service-gidroblok .gt-tags , body.page-template-page-service-robot .gt-tags, body.page-template-page-service-variator .gt-tags , body.page-template-page-service-ebu .gt-tags {
		display: none !important;
	}

	body.page-template-page-service-gidro .gt-stand .oil-safe__text p:last-child , body.page-template-page-service-gidroblok .gt-stand .oil-safe__text p:last-child , body.page-template-page-service-robot .gt-stand .oil-safe__text p:last-child, body.page-template-page-service-variator .gt-stand .oil-safe__text p:last-child , body.page-template-page-service-ebu .gt-stand .oil-safe__text p:last-child {
		margin-bottom: 0;
	}

	body.page-template-page-service-gidro .gt-stand.section , body.page-template-page-service-gidroblok .gt-stand.section , body.page-template-page-service-robot .gt-stand.section, body.page-template-page-service-variator .gt-stand.section , body.page-template-page-service-ebu .gt-stand.section {
		padding-bottom: 40px !important;
	}

	body.page-template-page-service-gidro .oil-freq.section, body.page-template-page-service-gidroblok .oil-freq.section, body.page-template-page-service-robot .oil-freq.section, body.page-template-page-service-variator .oil-freq.section, body.page-template-page-service-ebu .oil-freq.section,
	body.page-template-page-service-gidro .gt-solenoid.section , body.page-template-page-service-gidroblok .gt-solenoid.section , body.page-template-page-service-robot .gt-solenoid.section, body.page-template-page-service-variator .gt-solenoid.section , body.page-template-page-service-ebu .gt-solenoid.section {
		padding-top: 0 !important;
	}

	/* Соленоиды: заголовок → фото → текст (как в макете) */
	body.page-template-page-service-gidro .gt-solenoid .oil-freq__grid , body.page-template-page-service-gidroblok .gt-solenoid .oil-freq__grid , body.page-template-page-service-robot .gt-solenoid .oil-freq__grid, body.page-template-page-service-variator .gt-solenoid .oil-freq__grid , body.page-template-page-service-ebu .gt-solenoid .oil-freq__grid {
		display: flex !important;
		flex-direction: column;
		gap: 20px;
	}

	body.page-template-page-service-gidro .gt-solenoid .oil-freq__content , body.page-template-page-service-gidroblok .gt-solenoid .oil-freq__content , body.page-template-page-service-robot .gt-solenoid .oil-freq__content, body.page-template-page-service-variator .gt-solenoid .oil-freq__content , body.page-template-page-service-ebu .gt-solenoid .oil-freq__content {
		display: contents;
	}

	body.page-template-page-service-gidro .gt-solenoid .oil-freq__kicker , body.page-template-page-service-gidroblok .gt-solenoid .oil-freq__kicker , body.page-template-page-service-robot .gt-solenoid .oil-freq__kicker, body.page-template-page-service-variator .gt-solenoid .oil-freq__kicker , body.page-template-page-service-ebu .gt-solenoid .oil-freq__kicker {
		order: 1;
		margin-bottom: 0;
	}

	body.page-template-page-service-gidro .gt-solenoid .oil-freq__media , body.page-template-page-service-gidroblok .gt-solenoid .oil-freq__media , body.page-template-page-service-robot .gt-solenoid .oil-freq__media, body.page-template-page-service-variator .gt-solenoid .oil-freq__media , body.page-template-page-service-ebu .gt-solenoid .oil-freq__media {
		order: 2;
		margin: 0;
		max-width: none;
		width: 100%;
	}

	body.page-template-page-service-gidro .gt-solenoid .oil-freq__media img , body.page-template-page-service-gidroblok .gt-solenoid .oil-freq__media img , body.page-template-page-service-robot .gt-solenoid .oil-freq__media img, body.page-template-page-service-variator .gt-solenoid .oil-freq__media img , body.page-template-page-service-ebu .gt-solenoid .oil-freq__media img {
		width: 100%;
		height: auto;
		display: block;
	}

	body.page-template-page-service-gidro .gt-solenoid .oil-freq__text , body.page-template-page-service-gidroblok .gt-solenoid .oil-freq__text , body.page-template-page-service-robot .gt-solenoid .oil-freq__text, body.page-template-page-service-variator .gt-solenoid .oil-freq__text , body.page-template-page-service-ebu .gt-solenoid .oil-freq__text {
		order: 3;
	}

	body.page-template-page-service-gidro .gt-solenoid .gt-cta-block , body.page-template-page-service-gidroblok .gt-solenoid .gt-cta-block , body.page-template-page-service-robot .gt-solenoid .gt-cta-block, body.page-template-page-service-variator .gt-solenoid .gt-cta-block , body.page-template-page-service-ebu .gt-solenoid .gt-cta-block {
		order: 4;
	}

	body.page-template-page-service-gidro .gt-solenoid .gt-sonnax , body.page-template-page-service-gidroblok .gt-solenoid .gt-sonnax , body.page-template-page-service-robot .gt-solenoid .gt-sonnax, body.page-template-page-service-variator .gt-solenoid .gt-sonnax , body.page-template-page-service-ebu .gt-solenoid .gt-sonnax {
		order: 5;
	}
}

/* ========================================
   Роботизированные АКПП — page-service-robot
   ======================================== */

body.page-template-page-service-robot .rb-hero, body.page-template-page-service-variator .rb-hero , body.page-template-page-service-ebu .rb-hero {
	padding-top: 240px;
	padding-bottom: 120px;
}

body.page-template-page-service-robot .rb-hero__inner, body.page-template-page-service-variator .rb-hero__inner , body.page-template-page-service-ebu .rb-hero__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(240px, 320px);
	gap: 40px;
	align-items: end;
	max-width: var(--site-content-max, 1200px);
	padding-bottom: 40px;
}

body.page-template-page-service-robot .rb-hero__title, body.page-template-page-service-variator .rb-hero__title , body.page-template-page-service-ebu .rb-hero__title {
	max-width: 820px;
	font-size: 56px;
	line-height: 1.1;
	margin-bottom: 28px;
}

body.page-template-page-service-robot .rb-hero__title .oil-hero__title-accent, body.page-template-page-service-variator .rb-hero__title .oil-hero__title-accent , body.page-template-page-service-ebu .rb-hero__title .oil-hero__title-accent {
	color: #00aeff;
}

body.page-template-page-service-robot .rb-hero__list, body.page-template-page-service-variator .rb-hero__list , body.page-template-page-service-ebu .rb-hero__list {
	margin: 0 0 16px;
	padding: 0;
	list-style: none;
}

body.page-template-page-service-robot .rb-hero__list li, body.page-template-page-service-variator .rb-hero__list li , body.page-template-page-service-ebu .rb-hero__list li {
	position: relative;
	margin: 0 0 10px;
	padding-left: 42px;
	font-family: var(--wp--preset--font-family--montserrat), Montserrat, sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.35;
	color: #fff;
}

body.page-template-page-service-robot .rb-hero__list li::before, body.page-template-page-service-variator .rb-hero__list li::before , body.page-template-page-service-ebu .rb-hero__list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
	height: 16px;
	background: url('/wp-content/themes/automatika-akpp/assets/images/robot/arrow.svg') center / contain no-repeat;
}

body.page-template-page-service-robot .rb-hero__note, body.page-template-page-service-variator .rb-hero__note , body.page-template-page-service-ebu .rb-hero__note {
	margin: 0 0 24px;
	font-size: 16px;
	line-height: 1.4;
	color: rgba(255, 255, 255, 0.9);
}

body.page-template-page-service-robot .rb-hero__guarantee, body.page-template-page-service-variator .rb-hero__guarantee , body.page-template-page-service-ebu .rb-hero__guarantee {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 16px;
	width: 100%;
	box-sizing: border-box;
	padding: 36px 24px;
	border: 1px solid #fff;
	border-radius: 24px;
	background: transparent;
	text-align: center;
}

body.page-template-page-service-robot .rb-hero__guarantee .gt-guarantee-card__title, body.page-template-page-service-variator .rb-hero__guarantee .gt-guarantee-card__title , body.page-template-page-service-ebu .rb-hero__guarantee .gt-guarantee-card__title {
	margin: 0;
	font-family: var(--wp--preset--font-family--tektur), Tektur, sans-serif;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.2;
	color: #d9d9d9;
}

body.page-template-page-service-robot .rb-hero__guarantee .gt-guarantee-card__badge, body.page-template-page-service-variator .rb-hero__guarantee .gt-guarantee-card__badge , body.page-template-page-service-ebu .rb-hero__guarantee .gt-guarantee-card__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 8px 28px;
	border-radius: 999px;
	background: #00aeff;
	font-family: var(--wp--preset--font-family--montserrat), Montserrat, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	color: #fff;
}

/* Секция «Вы уверены…» */
body.page-template-page-service-robot .rb-check__title, body.page-template-page-service-variator .rb-check__title , body.page-template-page-service-ebu .rb-check__title {
	margin: 0 0 20px;
	max-width: none;
	font-family: var(--wp--preset--font-family--tektur), Tektur, sans-serif;
	font-size: 24px;
	font-weight: 400;
	line-height: 1.3;
	color: #1a1a1a;
}

body.page-template-page-service-robot .rb-check__grid, body.page-template-page-service-variator .rb-check__grid , body.page-template-page-service-ebu .rb-check__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 40px;
	align-items: start;
	max-width: var(--site-content-max, 1200px);
	margin: 0 auto;
}

body.page-template-page-service-robot .rb-check__text p, body.page-template-page-service-variator .rb-check__text p , body.page-template-page-service-ebu .rb-check__text p {
	margin: 0 0 16px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	color: #1a1a1a;
}

body.page-template-page-service-robot .rb-check__hl, body.page-template-page-service-variator .rb-check__hl , body.page-template-page-service-ebu .rb-check__hl {
	color: #00aeff !important;
	font-weight: 700;
}

body.page-template-page-service-robot .rb-check__media, body.page-template-page-service-variator .rb-check__media , body.page-template-page-service-ebu .rb-check__media {
	margin: 0;
}

body.page-template-page-service-robot .rb-check__media img, body.page-template-page-service-variator .rb-check__media img , body.page-template-page-service-ebu .rb-check__media img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 8px;
}

/* Trust: сетка + чёрная CTA + слоган под «цена» */
body.page-template-page-service-robot .rb-trust__grid, body.page-template-page-service-variator .rb-trust__grid , body.page-template-page-service-ebu .rb-trust__grid {
	align-items: stretch;
	grid-template-rows: auto auto auto;
}

body.page-template-page-service-robot .rb-trust__grid > .oil-trust-card:nth-child(4), body.page-template-page-service-variator .rb-trust__grid > .oil-trust-card:nth-child(4) , body.page-template-page-service-ebu .rb-trust__grid > .oil-trust-card:nth-child(4) {
	grid-column: 1;
	grid-row: 2;
}

body.page-template-page-service-robot .rb-trust__grid > .oil-trust-card:nth-child(6), body.page-template-page-service-variator .rb-trust__grid > .oil-trust-card:nth-child(6) , body.page-template-page-service-ebu .rb-trust__grid > .oil-trust-card:nth-child(6) {
	grid-column: 2;
	grid-row: 2;
}

body.page-template-page-service-robot .rb-trust-cta, body.page-template-page-service-variator .rb-trust-cta , body.page-template-page-service-ebu .rb-trust-cta {
	grid-column: 3;
	grid-row: 2 / 4;
	background: #1a1a1a !important;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 0;
	height: auto !important;
	min-height: 100%;
	max-width: none;
	padding: 30px;
	box-sizing: border-box;
	align-self: stretch;
}

body.page-template-page-service-robot .rb-trust-cta .oil-trust-card__bg, body.page-template-page-service-variator .rb-trust-cta .oil-trust-card__bg , body.page-template-page-service-ebu .rb-trust-cta .oil-trust-card__bg {
	display: none;
}

body.page-template-page-service-robot .rb-trust-cta__title, body.page-template-page-service-variator .rb-trust-cta__title , body.page-template-page-service-ebu .rb-trust-cta__title {
	margin: 0 0 35px;
	font-family: var(--wp--preset--font-family--tektur), Tektur, sans-serif;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.25;
	color: #fff;
}

body.page-template-page-service-robot .rb-trust-cta__text, body.page-template-page-service-variator .rb-trust-cta__text , body.page-template-page-service-ebu .rb-trust-cta__text {
	margin: 0 0 80px;
	flex: 0 0 auto;
	font-size: 14px;
	line-height: 1.45;
	color: rgba(255, 255, 255, 0.9);
}

body.page-template-page-service-robot .rb-trust-cta .oil-btn, body.page-template-page-service-variator .rb-trust-cta .oil-btn , body.page-template-page-service-ebu .rb-trust-cta .oil-btn {
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	font-size: 14px;
	min-height: 48px;
	padding: 12px 16px;
	margin-top: 0;
}

body.page-template-page-service-robot .rb-trust__slogan, body.page-template-page-service-variator .rb-trust__slogan , body.page-template-page-service-ebu .rb-trust__slogan {
	display: block;
	grid-column: 1 / 3;
	grid-row: 3;
	align-self: start;
	margin: 8px 0 0;
	max-width: calc(100% - 20px);
	width: max-content;
	box-sizing: border-box;
	font-family: var(--wp--preset--font-family--tektur), Tektur, sans-serif;
	font-size: 60px;
	font-weight: 700;
	line-height: 1.05;
	color: #6e6e6e;
	text-transform: lowercase;
}

/* Trust mobile ≤781: серые карточки + чёрный CTA */
body.page-template-page-service-robot .rb-trust-mobile, body.page-template-page-service-variator .rb-trust-mobile , body.page-template-page-service-ebu .rb-trust-mobile {
	display: none;
}

@media (max-width: 781px) {
	body.page-template-page-service-robot .rb-trust, body.page-template-page-service-variator .rb-trust , body.page-template-page-service-ebu .rb-trust {
		display: none !important;
	}

	body.page-template-page-service-robot .rb-trust-mobile, body.page-template-page-service-variator .rb-trust-mobile , body.page-template-page-service-ebu .rb-trust-mobile {
		display: block;
		position: relative;
		overflow: hidden;
		padding-top: 40px;
		padding-bottom: 40px;
		background: #fff;
	}

	body.page-template-page-service-robot .rb-trust-mobile__deco, body.page-template-page-service-variator .rb-trust-mobile__deco , body.page-template-page-service-ebu .rb-trust-mobile__deco {
		position: absolute;
		width: 160px;
		height: 320px;
		object-fit: contain;
		pointer-events: none;
		z-index: 0;
	}

	body.page-template-page-service-robot .rb-trust-mobile__deco--left, body.page-template-page-service-variator .rb-trust-mobile__deco--left , body.page-template-page-service-ebu .rb-trust-mobile__deco--left {
		left: 0;
		right: auto;
		top: 40px;
		bottom: auto;
		transform: scaleX(-1);
	}

	body.page-template-page-service-robot .rb-trust-mobile__deco--right, body.page-template-page-service-variator .rb-trust-mobile__deco--right , body.page-template-page-service-ebu .rb-trust-mobile__deco--right {
		left: auto;
		right: 0;
		top: auto;
		bottom: 100px;
		transform: none;
	}

	body.page-template-page-service-robot .rb-trust-mobile__title, body.page-template-page-service-variator .rb-trust-mobile__title , body.page-template-page-service-ebu .rb-trust-mobile__title {
		position: relative;
		z-index: 1;
		margin: 0 0 20px;
		font-family: var(--wp--preset--font-family--tektur), Tektur, sans-serif;
		font-size: 28px;
		font-weight: 700;
		line-height: 1.2;
		color: #1a1a1a;
	}

	body.page-template-page-service-robot .rb-trust-mobile__list, body.page-template-page-service-variator .rb-trust-mobile__list , body.page-template-page-service-ebu .rb-trust-mobile__list {
		position: relative;
		z-index: 1;
		display: flex;
		flex-direction: column;
		gap: 12px;
		margin: 0 0 16px;
	}

	body.page-template-page-service-robot .rb-trust-mobile__card, body.page-template-page-service-variator .rb-trust-mobile__card , body.page-template-page-service-ebu .rb-trust-mobile__card {
		position: relative;
		overflow: hidden;
		box-sizing: border-box;
		min-height: 88px;
		padding: 16px 18px;
		border-radius: 12px;
		background: #f3f3f3;
	}

	body.page-template-page-service-robot .rb-trust-mobile__bg, body.page-template-page-service-variator .rb-trust-mobile__bg , body.page-template-page-service-ebu .rb-trust-mobile__bg {
		display: block;
		margin: 0 0 6px;
		font-family: var(--wp--preset--font-family--tektur), Tektur, sans-serif;
		font-size: clamp(28px, 9vw, 40px);
		font-weight: 700;
		line-height: 0.95;
		color: #e0e0e0;
		text-transform: lowercase;
		pointer-events: none;
		user-select: none;
		white-space: nowrap;
		overflow: hidden;
	}

	body.page-template-page-service-robot .rb-trust-mobile__card p, body.page-template-page-service-variator .rb-trust-mobile__card p , body.page-template-page-service-ebu .rb-trust-mobile__card p {
		position: relative;
		z-index: 1;
		margin: 0;
		font-size: 14px;
		line-height: 1.4;
		color: #1a1a1a;
	}

	body.page-template-page-service-robot .rb-trust-mobile__cta, body.page-template-page-service-variator .rb-trust-mobile__cta , body.page-template-page-service-ebu .rb-trust-mobile__cta {
		position: relative;
		z-index: 1;
		box-sizing: border-box;
		padding: 24px 20px;
		border-radius: 15px;
		background: #1a1a1a;
	}

	body.page-template-page-service-robot .rb-trust-mobile__cta-title, body.page-template-page-service-variator .rb-trust-mobile__cta-title , body.page-template-page-service-ebu .rb-trust-mobile__cta-title {
		margin: 0 0 16px;
		font-family: var(--wp--preset--font-family--tektur), Tektur, sans-serif;
		font-size: 20px;
		font-weight: 700;
		line-height: 1.25;
		color: #fff;
	}

	body.page-template-page-service-robot .rb-trust-mobile__cta-text, body.page-template-page-service-variator .rb-trust-mobile__cta-text , body.page-template-page-service-ebu .rb-trust-mobile__cta-text {
		margin: 0 0 24px;
		font-size: 14px;
		line-height: 1.45;
		color: rgba(255, 255, 255, 0.9);
	}

	body.page-template-page-service-robot .rb-trust-mobile__cta .oil-btn, body.page-template-page-service-variator .rb-trust-mobile__cta .oil-btn , body.page-template-page-service-ebu .rb-trust-mobile__cta .oil-btn {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		box-sizing: border-box;
		min-height: 48px;
		padding: 12px 16px;
		text-align: center;
		font-size: 14px;
	}

	body.page-template-page-service-robot .section p.rb-trust-mobile__slogan, body.page-template-page-service-variator .section p.rb-trust-mobile__slogan , body.page-template-page-service-ebu .section p.rb-trust-mobile__slogan {
		position: relative;
		z-index: 1;
		margin: 20px 0 0;
		font-family: var(--wp--preset--font-family--tektur), Tektur, sans-serif;
		font-size: 40px !important;
		font-weight: 700;
		line-height: 1.05;
		color: #6e6e6e;
		text-transform: lowercase;
	}
}

/* Два фото */
body.page-template-page-service-robot .rb-hands, body.page-template-page-service-variator .rb-hands , body.page-template-page-service-ebu .rb-hands {
	background: #fff;
}

body.page-template-page-service-robot .rb-hands__head, body.page-template-page-service-variator .rb-hands__head , body.page-template-page-service-ebu .rb-hands__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	flex-wrap: wrap;
	max-width: var(--site-content-max, 1200px);
	margin: 0 auto 28px;
}

body.page-template-page-service-robot .rb-hands__title, body.page-template-page-service-variator .rb-hands__title , body.page-template-page-service-ebu .rb-hands__title {
	margin: 0;
	font-family: var(--wp--preset--font-family--tektur), Tektur, sans-serif;
	font-size: 36px;
	font-weight: 700;
	line-height: 1.2;
	color: #1a1a1a;
}

body.page-template-page-service-robot .rb-hands__photos, body.page-template-page-service-variator .rb-hands__photos , body.page-template-page-service-ebu .rb-hands__photos {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
	max-width: var(--site-content-max, 1200px);
	margin: 0 auto;
}

body.page-template-page-service-robot .rb-hands__photos figure, body.page-template-page-service-variator .rb-hands__photos figure , body.page-template-page-service-ebu .rb-hands__photos figure {
	margin: 0;
}

body.page-template-page-service-robot .rb-hands__photos img, body.page-template-page-service-variator .rb-hands__photos img , body.page-template-page-service-ebu .rb-hands__photos img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 8px;
	object-fit: cover;
}

@media (max-width: 1200px) {
	body.page-template-page-service-robot .rb-hero__inner, body.page-template-page-service-variator .rb-hero__inner , body.page-template-page-service-ebu .rb-hero__inner {
		grid-template-columns: 1fr;
		align-items: start;
	}

	body.page-template-page-service-robot .rb-hero__guarantee, body.page-template-page-service-variator .rb-hero__guarantee , body.page-template-page-service-ebu .rb-hero__guarantee {
		max-width: 320px;
	}

	body.page-template-page-service-robot .rb-check__grid, body.page-template-page-service-variator .rb-check__grid , body.page-template-page-service-ebu .rb-check__grid {
		grid-template-columns: 1fr;
	}

	body.page-template-page-service-robot .rb-hero__title, body.page-template-page-service-variator .rb-hero__title , body.page-template-page-service-ebu .rb-hero__title {
		font-size: 42px;
	}

	body.page-template-page-service-robot .rb-trust__grid > .oil-trust-card:nth-child(4), body.page-template-page-service-variator .rb-trust__grid > .oil-trust-card:nth-child(4), body.page-template-page-service-ebu .rb-trust__grid > .oil-trust-card:nth-child(4),
	body.page-template-page-service-robot .rb-trust__grid > .oil-trust-card:nth-child(6), body.page-template-page-service-variator .rb-trust__grid > .oil-trust-card:nth-child(6), body.page-template-page-service-ebu .rb-trust__grid > .oil-trust-card:nth-child(6),
	body.page-template-page-service-robot .rb-trust-cta, body.page-template-page-service-variator .rb-trust-cta, body.page-template-page-service-ebu .rb-trust-cta,
	body.page-template-page-service-robot .rb-trust__slogan, body.page-template-page-service-variator .rb-trust__slogan , body.page-template-page-service-ebu .rb-trust__slogan {
		grid-column: auto;
		grid-row: auto;
	}

	body.page-template-page-service-robot .rb-trust-cta, body.page-template-page-service-variator .rb-trust-cta , body.page-template-page-service-ebu .rb-trust-cta {
		height: auto !important;
		min-height: 0;
	}

	body.page-template-page-service-robot .rb-trust__slogan, body.page-template-page-service-variator .rb-trust__slogan , body.page-template-page-service-ebu .rb-trust__slogan {
		font-size: clamp(32px, 8vw, 60px);
		max-width: 450px;
	}
}

@media (max-width: 859px) and (min-width: 782px) {
	/* Равные колонки: слоган больше не раздувает левый трек */
	body.page-template-page-service-robot .rb-trust__grid, body.page-template-page-service-variator .rb-trust__grid , body.page-template-page-service-ebu .rb-trust__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	body.page-template-page-service-robot .rb-trust__grid > *, body.page-template-page-service-variator .rb-trust__grid > * , body.page-template-page-service-ebu .rb-trust__grid > * {
		min-width: 0;
		max-width: none !important;
		width: 100%;
		box-sizing: border-box;
	}

	body.page-template-page-service-robot .rb-trust__slogan, body.page-template-page-service-variator .rb-trust__slogan , body.page-template-page-service-ebu .rb-trust__slogan {
		width: 100%;
		max-width: 100%;
		font-size: clamp(28px, 5.2vw, 42px);
	}

	body.page-template-page-service-robot .rb-trust__grid > .oil-trust-card, body.page-template-page-service-variator .rb-trust__grid > .oil-trust-card , body.page-template-page-service-ebu .rb-trust__grid > .oil-trust-card {
		padding-left: 16px;
		padding-right: 16px;
		container-type: inline-size;
	}

	/* Заголовки подстраиваются под ширину карточки и не вылезают */
	body.page-template-page-service-robot .rb-trust__grid > .oil-trust-card .oil-trust-card__bg, body.page-template-page-service-variator .rb-trust__grid > .oil-trust-card .oil-trust-card__bg , body.page-template-page-service-ebu .rb-trust__grid > .oil-trust-card .oil-trust-card__bg {
		font-size: clamp(22px, 13cqi, 48px);
		max-width: 100%;
		overflow: hidden;
	}
}

@media (max-width: 781px) {
	body.page-template-page-service-robot .rb-hero__title, body.page-template-page-service-variator .rb-hero__title , body.page-template-page-service-ebu .rb-hero__title {
		font-size: 32px !important;
	}

	body.page-template-page-service-robot .rb-trust__slogan, body.page-template-page-service-variator .rb-trust__slogan , body.page-template-page-service-ebu .rb-trust__slogan {
		display: none;
	}

	body.page-template-page-service-robot .rb-check__title, body.page-template-page-service-variator .rb-check__title , body.page-template-page-service-ebu .rb-check__title {
		font-size: 24px;
		font-weight: 400;
	}

	body.page-template-page-service-robot .rb-hands__title, body.page-template-page-service-variator .rb-hands__title , body.page-template-page-service-ebu .rb-hands__title {
		font-size: 28px;
	}

	body.page-template-page-service-robot .rb-hands__photos, body.page-template-page-service-variator .rb-hands__photos , body.page-template-page-service-ebu .rb-hands__photos {
		grid-template-columns: 1fr;
	}

	body.page-template-page-service-robot .rb-hands__head, body.page-template-page-service-variator .rb-hands__head , body.page-template-page-service-ebu .rb-hands__head {
		flex-direction: column;
		align-items: stretch;
	}

	body.page-template-page-service-robot .rb-hands__btn, body.page-template-page-service-variator .rb-hands__btn , body.page-template-page-service-ebu .rb-hands__btn {
		width: 100%;
	}
}

@media (max-width: 449px) {
	body.page-template-page-service-robot .rb-hero__inner,
	body.page-template-page-service-variator .rb-hero__inner,
	body.page-template-page-service-robot .rb-hero .rb-hero__inner,
	body.page-template-page-service-variator .vr-hero .rb-hero__inner {
		display: flex !important;
		flex-direction: column;
		gap: 20px;
		align-items: stretch;
	}

	body.page-template-page-service-robot .rb-hero__main,
	body.page-template-page-service-variator .rb-hero__main,
	body.page-template-page-service-robot .rb-hero .rb-hero__main,
	body.page-template-page-service-variator .vr-hero .rb-hero__main {
		display: flex !important;
		flex-direction: column;
		order: 1;
	}

	body.page-template-page-service-robot .rb-hero__guarantee,
	body.page-template-page-service-variator .rb-hero__guarantee,
	body.page-template-page-service-robot .rb-hero .rb-hero__guarantee,
	body.page-template-page-service-variator .vr-hero .rb-hero__guarantee,
	body.page-template-page-service-robot .gt-guarantee-card,
	body.page-template-page-service-variator .gt-guarantee-card {
		grid-column: auto !important;
		grid-row: auto !important;
		order: 2;
		width: auto !important;
		max-width: 320px !important;
		align-self: center !important;
		margin-left: auto;
		margin-right: auto;
		box-sizing: border-box;
	}

	/* Фото сразу под заголовком */
	body.page-template-page-service-robot .rb-check__grid, body.page-template-page-service-variator .rb-check__grid , body.page-template-page-service-ebu .rb-check__grid {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}

	body.page-template-page-service-robot .rb-check__content, body.page-template-page-service-variator .rb-check__content , body.page-template-page-service-ebu .rb-check__content {
		display: contents;
	}

	body.page-template-page-service-robot .rb-check__title, body.page-template-page-service-variator .rb-check__title , body.page-template-page-service-ebu .rb-check__title {
		order: 1;
		margin-bottom: 0;
	}

	body.page-template-page-service-robot .rb-check__media, body.page-template-page-service-variator .rb-check__media , body.page-template-page-service-ebu .rb-check__media {
		order: 2;
	}

	body.page-template-page-service-robot .rb-check__text, body.page-template-page-service-variator .rb-check__text , body.page-template-page-service-ebu .rb-check__text {
		order: 3;
	}

	body.page-template-page-service-robot .rb-check__content > .oil-btn, body.page-template-page-service-variator .rb-check__content > .oil-btn , body.page-template-page-service-ebu .rb-check__content > .oil-btn {
		order: 4;
		align-self: flex-start;
	}
}
/* ========================================
   Вариаторы — page-service-variator (desktop)
   ======================================== */

body.page-template-page-service-variator .vr-hero__list li::before {
	background-image: url('/wp-content/themes/automatika-akpp/assets/images/robot/arrow.svg');
}

/* Гарантия — по верхнему краю списка со стрелками */
body.page-template-page-service-variator .vr-hero .rb-hero__inner,
body.page-template-page-service-robot .rb-hero .rb-hero__inner {
	align-items: start;
	grid-template-rows: auto auto;
}

body.page-template-page-service-variator .vr-hero .rb-hero__inner {
	row-gap: 12px;
	column-gap: 40px;
	padding-bottom: 16px;
}

body.page-template-page-service-variator .vr-hero.rb-hero {
	padding-bottom: 90px;
}

body.page-template-page-service-variator .vr-hero .rb-hero__note {
	margin-bottom: 0;
}

body.page-template-page-service-variator .vr-hero .rb-hero__list {
	margin-bottom: 0;
}

body.page-template-page-service-variator .vr-hero .rb-hero__main,
body.page-template-page-service-robot .rb-hero .rb-hero__main {
	display: contents;
}

body.page-template-page-service-variator .vr-hero .rb-hero__title,
body.page-template-page-service-robot .rb-hero .rb-hero__title {
	grid-column: 1;
	grid-row: 1;
}

body.page-template-page-service-variator .vr-hero .rb-hero__list,
body.page-template-page-service-robot .rb-hero .rb-hero__list {
	grid-column: 1;
	grid-row: 2;
	align-self: start;
}

body.page-template-page-service-variator .vr-hero .rb-hero__guarantee,
body.page-template-page-service-robot .rb-hero .rb-hero__guarantee {
	grid-column: 2;
	grid-row: 2;
	align-self: start;
}

body.page-template-page-service-variator .vr-hero .rb-hero__note,
body.page-template-page-service-robot .rb-hero .rb-hero__note {
	grid-column: 1;
	grid-row: 3;
}

body.page-template-page-service-variator .vr-hero .rb-hero__main > .oil-btn,
body.page-template-page-service-variator .vr-hero .rb-hero__inner > .oil-btn,
body.page-template-page-service-robot .rb-hero .rb-hero__main > .oil-btn,
body.page-template-page-service-robot .rb-hero .rb-hero__inner > .oil-btn {
	grid-column: 1;
	grid-row: 4;
	justify-self: start;
	margin-top: 24px;
}

/* 450–599: гарантия под кнопкой «Записаться» (иначе grid-column:2 вылезает за экран) */
@media (max-width: 599px) and (min-width: 450px) {
	body.page-template-page-service-robot .rb-hero__inner,
	body.page-template-page-service-variator .rb-hero__inner,
	body.page-template-page-service-robot .rb-hero .rb-hero__inner,
	body.page-template-page-service-variator .vr-hero .rb-hero__inner {
		display: flex !important;
		flex-direction: column;
		gap: 20px;
		align-items: stretch;
	}

	body.page-template-page-service-robot .rb-hero__main,
	body.page-template-page-service-variator .rb-hero__main,
	body.page-template-page-service-robot .rb-hero .rb-hero__main,
	body.page-template-page-service-variator .vr-hero .rb-hero__main {
		display: flex !important;
		flex-direction: column;
		order: 1;
	}

	body.page-template-page-service-robot .rb-hero__guarantee,
	body.page-template-page-service-variator .rb-hero__guarantee,
	body.page-template-page-service-robot .rb-hero .rb-hero__guarantee,
	body.page-template-page-service-variator .vr-hero .rb-hero__guarantee {
		grid-column: auto !important;
		grid-row: auto !important;
		order: 2;
		width: auto;
		max-width: 320px;
		align-self: center;
		box-sizing: border-box;
	}

	body.page-template-page-service-robot .rb-hero__title,
	body.page-template-page-service-variator .rb-hero__title,
	body.page-template-page-service-robot .rb-hero__list,
	body.page-template-page-service-variator .rb-hero__list,
	body.page-template-page-service-robot .rb-hero__note,
	body.page-template-page-service-variator .rb-hero__note,
	body.page-template-page-service-robot .rb-hero .rb-hero__main > .oil-btn,
	body.page-template-page-service-variator .vr-hero .rb-hero__main > .oil-btn {
		grid-column: auto !important;
		grid-row: auto !important;
	}
}

body.page-template-page-service-variator .vr-intro {
	background: #fff;
	padding-top: 40px !important;
	padding-bottom: 20px !important;
	overflow: visible;
}

body.page-template-page-service-variator .vr-intro__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 40px;
	align-items: start;
	max-width: var(--site-content-max, 1200px);
	margin: 0 auto;
}

body.page-template-page-service-variator .vr-intro__media {
	position: relative;
	margin: 0;
	overflow: visible;
}

body.page-template-page-service-variator .vr-intro__media img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 8px;
}

body.page-template-page-service-variator .vr-intro__badge {
	position: absolute;
	top: 0;
	right: -10px;
	z-index: 2;
	display: block;
	box-sizing: border-box;
	width: 100%;
	max-width: 200px;
	padding: 16px 18px;
	border-radius: 15px;
	background: #00aeff;
	transform: translateY(-50%);
	font-family: var(--wp--preset--font-family--montserrat), Montserrat, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.25;
	color: #fff;
	text-align: left;
}

body.page-template-page-service-variator .vr-intro__content p {
	margin: 0 0 18px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	color: #1a1a1a;
}

body.page-template-page-service-variator .vr-intro__content .vr-hl {
	color: #00aeff;
	font-weight: 700;
}

body.page-template-page-service-variator .vr-stand {
	position: relative;
	overflow: visible;
	background: #fff;
	padding-top: 20px !important;
	padding-bottom: 60px !important;
}

body.page-template-page-service-variator .vr-stand__deco {
	display: none;
}

body.page-template-page-service-variator .vr-stand__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 40px;
	align-items: end;
	max-width: var(--site-content-max, 1200px);
	margin: 0 auto;
}

body.page-template-page-service-variator .vr-stand__aside {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 20px;
	width: 100%;
	min-width: 0;
}

body.page-template-page-service-variator .vr-stand__media {
	margin: 0;
	width: 100%;
}

body.page-template-page-service-variator .vr-stand__media img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 8px;
}

body.page-template-page-service-variator .vr-stand__cta {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 24px;
	width: 100%;
	max-width: 100% !important;
	min-height: 0;
	margin: 0;
	padding: 30px;
	border-radius: 15px;
	background: #1a1a1a;
	box-sizing: border-box;
}

body.page-template-page-service-variator .vr-stand__title {
	margin: 0 0 20px;
	font-family: var(--wp--preset--font-family--tektur), Tektur, sans-serif;
	font-size: 24px !important;
	font-weight: 400 !important;
	line-height: 1.2;
	color: #1a1a1a;
}

body.page-template-page-service-variator .vr-stand__copy > p,
body.page-template-page-service-variator .vr-stand__lead,
body.page-template-page-service-variator .vr-stand__check p {
	margin: 0 0 16px;
	font-size: 16px;
	line-height: 1.5;
	color: #1a1a1a;
}

body.page-template-page-service-variator .vr-stand__check p:last-child {
	margin-bottom: 0;
}

body.page-template-page-service-variator .vr-stand__rule {
	display: block;
	width: 100%;
	max-width: 300px;
	height: 1px;
	margin: 20px auto;
	border: 0;
	background: #d9d9d9;
}

body.page-template-page-service-variator .vr-stand__check p > strong:not(.vr-hl) {
	color: #1a1a1a;
	font-weight: 700;
}

body.page-template-page-service-variator .vr-hl {
	color: #00aeff;
	font-weight: 700;
}

body.page-template-page-service-variator .vr-stand__cta .gt-cta-block__title {
	margin: 0;
	font-family: var(--wp--preset--font-family--tektur), Tektur, sans-serif;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.3;
	color: #fff;
}

body.page-template-page-service-variator .vr-stand__cta .oil-btn {
	width: 100%;
	box-sizing: border-box;
	text-align: center;
}

body.page-template-page-service-variator .vr-trust .oil-trust-card--slogan {
	align-items: flex-start;
	justify-content: center;
	text-align: left;
	padding-left: 0;
}

body.page-template-page-service-variator .vr-trust .oil-trust-card--slogan p {
	font-size: 42px;
	font-weight: 700;
	line-height: 1.1;
	color: #6e6e6e;
	text-transform: lowercase;
	text-align: left;
	margin: 0;
	width: 100%;
}

body.page-template-page-service-variator .gt-reviews__title {
	font-size: 48px;
}

/* <800: intro+stand — один столбец в порядке макета */
@media (max-width: 799px) {
	body.page-template-page-service-variator .vr-story {
		display: flex;
		flex-direction: column;
		gap: 20px;
		background: #fff;
		padding: 24px 20px 40px;
		box-sizing: border-box;
		width: 100%;
	}

	body.page-template-page-service-variator .vr-intro,
	body.page-template-page-service-variator .vr-stand {
		display: contents;
	}

	body.page-template-page-service-variator .vr-intro__grid,
	body.page-template-page-service-variator .vr-stand__grid,
	body.page-template-page-service-variator .vr-stand__copy,
	body.page-template-page-service-variator .vr-stand__aside {
		display: contents;
	}

	body.page-template-page-service-variator .vr-intro__media {
		order: 1;
		margin-top: 24px;
	}

	body.page-template-page-service-variator .vr-intro__content {
		order: 2;
	}

	body.page-template-page-service-variator .vr-stand__title {
		order: 3;
		margin: 8px 0 0;
		font-size: 24px !important;
		font-weight: 400 !important;
	}

	body.page-template-page-service-variator .vr-stand__lead {
		order: 4;
	}

	body.page-template-page-service-variator .vr-stand__rule {
		display: none !important;
	}

	body.page-template-page-service-variator .vr-stand__media {
		order: 5;
	}

	body.page-template-page-service-variator .vr-stand__check {
		order: 6;
	}

	body.page-template-page-service-variator .vr-stand__cta {
		order: 7;
	}

	body.page-template-page-service-variator .vr-intro__content p,
	body.page-template-page-service-variator .vr-stand__lead,
	body.page-template-page-service-variator .vr-stand__check p {
		margin-bottom: 14px;
	}

	body.page-template-page-service-variator .vr-intro__content p:last-child,
	body.page-template-page-service-variator .vr-stand__check p:last-child {
		margin-bottom: 0;
	}

	/* Без синего/жирного выделения */
	body.page-template-page-service-variator .vr-story .vr-hl,
	body.page-template-page-service-variator .vr-story strong {
		color: inherit !important;
		font-weight: 400 !important;
	}

	body.page-template-page-service-variator .vr-intro__badge {
		right: 0;
		max-width: 180px;
		font-size: 14px;
		padding: 12px 14px;
	}
}

/* ========================================
   Ремонт ЭБУ — page-service-ebu
   ======================================== */

body.page-template-page-service-ebu .eb-hero .rb-hero__inner {
	align-items: start;
	grid-template-rows: auto auto auto auto auto;
	row-gap: 0;
	column-gap: 40px;
	padding-bottom: 8px;
}

body.page-template-page-service-ebu .eb-hero.rb-hero {
	padding-bottom: 70px;
}

body.page-template-page-service-ebu .eb-hero .rb-hero__main {
	display: contents;
}

body.page-template-page-service-ebu .eb-hero .rb-hero__title {
	grid-column: 1;
	grid-row: 1;
	margin-bottom: 16px;
}

body.page-template-page-service-ebu .eb-hero__tags {
	grid-column: 1;
	grid-row: 2;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 0 8px;
}

body.page-template-page-service-ebu .eb-hero__tag {
	display: inline-flex;
	align-items: center;
	padding: 8px 18px;
	border: 1.5px solid #fff;
	border-radius: 5px;
	font-family: var(--wp--preset--font-family--montserrat), Montserrat, sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.3;
	color: #fff;
	background: transparent;
}

body.page-template-page-service-ebu .eb-hero .rb-hero__list {
	grid-column: 1;
	grid-row: 3;
	align-self: start;
	margin: 0;
}

body.page-template-page-service-ebu .eb-hero .rb-hero__list li:last-child {
	margin-bottom: 0;
}

/* Гарантия не растягивает ряд со списком — иначе огромный «пробел» до абзаца */
body.page-template-page-service-ebu .eb-hero .rb-hero__guarantee {
	grid-column: 2;
	grid-row: 3 / 6;
	align-self: start;
}

body.page-template-page-service-ebu .eb-hero .rb-hero__note {
	grid-column: 1;
	grid-row: 4;
	margin-top: 30px;
	margin-bottom: 0;
	max-width: 720px;
}

body.page-template-page-service-ebu .eb-hero .rb-hero__main > .oil-btn,
body.page-template-page-service-ebu .eb-hero .rb-hero__inner > .oil-btn {
	grid-column: 1;
	grid-row: 5;
	justify-self: start;
	margin-top: 28px;
	margin-bottom: 48px;
}

body.page-template-page-service-ebu .eb-hero__hl {
	color: #00aeff;
	font-weight: 400;
}

/* Принцип работы */
body.page-template-page-service-ebu .eb-principle {
	background: #fff;
	padding-top: 48px !important;
	padding-bottom: 40px !important;
}

body.page-template-page-service-ebu .eb-principle__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	grid-template-rows: auto auto;
	gap: 28px 40px;
	align-items: start;
	max-width: var(--site-content-max, 1200px);
	margin: 0 auto;
}

body.page-template-page-service-ebu .eb-principle__intro {
	grid-column: 1;
	grid-row: 1;
	min-width: 0;
}

body.page-template-page-service-ebu .eb-principle__process {
	grid-column: 1;
	grid-row: 2;
	min-width: 0;
}

body.page-template-page-service-ebu .eb-principle__media {
	grid-column: 2;
	grid-row: 1 / 3;
}

body.page-template-page-service-ebu .eb-principle__title,
body.page-template-page-service-ebu .eb-process__title {
	margin: 0 0 24px;
	font-family: var(--wp--preset--font-family--tektur), Tektur, sans-serif;
	font-size: 24px !important;
	font-weight: 400 !important;
	line-height: 1.3;
	color: #1a1a1a;
}

body.page-template-page-service-ebu .eb-principle__process .eb-process__title {
	margin-top: 0;
}

body.page-template-page-service-ebu .eb-principle__intro p,
body.page-template-page-service-ebu .eb-principle__process p,
body.page-template-page-service-ebu .eb-principle__content p,
body.page-template-page-service-ebu .eb-process__inner > p {
	margin: 0 0 16px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	color: #1a1a1a;
}

body.page-template-page-service-ebu .eb-principle__intro p:last-child,
body.page-template-page-service-ebu .eb-principle__process p:last-child,
body.page-template-page-service-ebu .eb-principle__content p:last-child {
	margin-bottom: 0;
}

body.page-template-page-service-ebu .eb-principle__intro strong:not(.eb-principle__hl),
body.page-template-page-service-ebu .eb-principle__process strong:not(.eb-principle__hl),
body.page-template-page-service-ebu .eb-principle__content strong:not(.eb-principle__hl),
body.page-template-page-service-ebu .eb-process__inner strong:not(.eb-principle__hl) {
	color: inherit;
	font-weight: 400;
}

body.page-template-page-service-ebu .eb-principle__hl {
	color: #00aeff !important;
	font-weight: 700 !important;
}

/* Картинка справа; круг выглядывает на 20px снизу, без вылезания за блок */
body.page-template-page-service-ebu .eb-principle__media {
	position: relative;
	margin: 56px 0 0;
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	padding-bottom: 20px;
	border-radius: 0;
	background: transparent;
	overflow: hidden;
	box-sizing: border-box;
}

body.page-template-page-service-ebu .eb-principle__circle {
	position: absolute;
	left: 50%;
	top: 0;
	bottom: 0;
	z-index: 0;
	height: auto;
	width: auto;
	max-width: 100%;
	max-height: 100%;
	aspect-ratio: 1;
	border-radius: 50%;
	background: #00aeff;
	transform: translateX(-50%);
	pointer-events: none;
}

body.page-template-page-service-ebu .eb-principle__media img {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	object-fit: contain;
}

/* Процесс ремонта (legacy-секция больше не используется) */
body.page-template-page-service-ebu .eb-process {
	display: none;
}

/* Порядок ремонта — 6 шагов */
body.page-template-page-service-ebu .eb-steps {
	background: #fff;
	padding-top: 20px !important;
	padding-bottom: 48px !important;
}

body.page-template-page-service-ebu .eb-steps__inner {
	max-width: var(--site-content-max, 1200px);
	margin: 0 auto;
}

body.page-template-page-service-ebu .eb-steps__title {
	margin: 0 0 32px;
	font-family: var(--wp--preset--font-family--tektur), Tektur, sans-serif;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.4;
	color: #1a1a1a;
}

body.page-template-page-service-ebu .eb-steps__list {
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	gap: 60px;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.page-template-page-service-ebu .eb-step {
	position: relative;
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	padding-top: 14px;
}

body.page-template-page-service-ebu .eb-step--wide {
	flex: 1.55 1 0;
}

body.page-template-page-service-ebu .eb-step__num {
	position: absolute;
	top: 0;
	left: 15px;
	z-index: 2;
	transform: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: #00aeff;
	font-family: var(--wp--preset--font-family--tektur), Tektur, sans-serif;
	font-size: 24px;
	font-weight: 400;
	line-height: 1;
	color: #000;
}

body.page-template-page-service-ebu .eb-step > p {
	position: relative;
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 20px 10px;
	border: 1px solid #1a1a1a;
	border-radius: 5px;
	background: #fff;
	box-sizing: border-box;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.35;
	color: #1a1a1a;
	text-align: center;
}

/* Стрелка строго в 60px-зазоре, по центру высоты прямоугольника */
body.page-template-page-service-ebu .eb-step:not(:last-child)::after {
	content: none;
}

body.page-template-page-service-ebu .eb-step:not(:last-child) > p::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
	z-index: 1;
	width: 60px;
	height: 14px;
	transform: translateY(-50%);
	background: url('/wp-content/themes/automatika-akpp/assets/images/robot/arrow.svg') center / 20px 12px no-repeat;
	filter: brightness(0) saturate(100%);
	opacity: 0.55;
	pointer-events: none;
}

/* CTA фото + чёрный блок */
body.page-template-page-service-ebu .eb-cta {
	background: #fff;
	padding-top: 20px !important;
	padding-bottom: 60px !important;
}

body.page-template-page-service-ebu .eb-cta__grid {
	display: grid;
	grid-template-columns: minmax(0, 60%) minmax(0, 40%);
	gap: 40px;
	align-items: center;
	max-width: var(--site-content-max, 1200px);
	margin: 0 auto;
}

body.page-template-page-service-ebu .eb-cta__media {
	margin: 0;
}

body.page-template-page-service-ebu .eb-cta__media img {
	display: block;
	width: 100%;
	height: auto;
	min-height: 0;
	object-fit: cover;
	border-radius: 8px;
}

body.page-template-page-service-ebu .eb-cta__card {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-self: center;
	gap: 20px;
	width: 100%;
	height: auto;
	max-width: 100% !important;
	margin: 0;
	padding: 28px 24px;
	border-radius: 15px;
	background: #1a1a1a;
	box-sizing: border-box;
}

body.page-template-page-service-ebu .eb-cta__card .gt-cta-block__title {
	margin: 0;
	font-family: var(--wp--preset--font-family--tektur), Tektur, sans-serif;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.25;
	color: #fff;
}

body.page-template-page-service-ebu .eb-cta__text {
	margin: 0;
	font-size: 16px;
	line-height: 1.45;
	color: rgba(255, 255, 255, 0.9);
}

body.page-template-page-service-ebu .eb-cta__card .oil-btn {
	width: 100%;
	box-sizing: border-box;
	text-align: center;
}

body.page-template-page-service-ebu .eb-trust .oil-trust-card--slogan {
	align-items: flex-start;
	justify-content: center;
	text-align: left;
	padding-left: 0;
}

body.page-template-page-service-ebu .eb-trust .oil-trust-card--slogan p {
	font-size: 42px;
	font-weight: 700;
	line-height: 1.1;
	color: #6e6e6e;
	text-transform: lowercase;
	text-align: left;
	margin: 0;
	width: 100%;
}

body.page-template-page-service-ebu .gt-reviews__title {
	font-size: 48px;
}

@media (max-width: 1100px) {
	body.page-template-page-service-ebu .eb-steps__list {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		grid-auto-rows: 1fr;
		align-items: stretch;
		gap: 24px 40px;
	}

	body.page-template-page-service-ebu .eb-step,
	body.page-template-page-service-ebu .eb-step--wide {
		flex: none;
		width: auto;
		min-width: 0;
		height: 100%;
	}

	body.page-template-page-service-ebu .eb-step > p {
		flex: 1 1 auto;
		height: 100%;
		box-sizing: border-box;
		/* 3 строки текста — высота как у самого высокого шага */
		min-height: calc(40px + 4.05em);
	}

	body.page-template-page-service-ebu .eb-step:not(:last-child) > p::after {
		display: none;
	}
}

@media (max-width: 799px) {
	body.page-template-page-service-ebu .eb-principle__grid,
	body.page-template-page-service-ebu .eb-cta__grid {
		grid-template-columns: 1fr;
		grid-template-rows: none;
		gap: 24px;
	}

	body.page-template-page-service-ebu .eb-principle__intro,
	body.page-template-page-service-ebu .eb-principle__process,
	body.page-template-page-service-ebu .eb-principle__media {
		grid-column: auto;
		grid-row: auto;
	}

	body.page-template-page-service-ebu .eb-principle__media {
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		padding-bottom: 20px;
		min-height: 0;
		overflow: hidden;
	}

	body.page-template-page-service-ebu .eb-principle__circle {
		top: 0;
		bottom: 0;
		left: 50%;
		height: auto;
		width: auto;
		max-width: 100%;
		max-height: 100%;
		aspect-ratio: 1;
		transform: translateX(-50%);
	}

	body.page-template-page-service-ebu .eb-principle__media img {
		width: 100%;
		height: auto;
		max-height: none;
	}

	body.page-template-page-service-ebu .eb-principle__title,
	body.page-template-page-service-ebu .eb-process__title {
		font-size: 24px !important;
		font-weight: 400 !important;
	}

	body.page-template-page-service-ebu .eb-steps__title {
		font-size: 16px !important;
	}

	body.page-template-page-service-ebu .eb-steps__list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-auto-rows: 1fr;
	}

	body.page-template-page-service-ebu .eb-cta__card .gt-cta-block__title {
		font-size: 24px;
	}
}

/* <700: гарантия под контентом (иначе grid-column:2 вылезает за экран) */
@media (max-width: 699px) and (min-width: 450px) {
	body.page-template-page-service-ebu .eb-hero .rb-hero__inner {
		display: flex !important;
		flex-direction: column;
		gap: 20px;
		align-items: stretch;
	}

	body.page-template-page-service-ebu .eb-hero .rb-hero__main {
		display: flex !important;
		flex-direction: column;
		order: 1;
	}

	body.page-template-page-service-ebu .eb-hero .rb-hero__guarantee {
		grid-column: auto !important;
		grid-row: auto !important;
		order: 2;
		width: auto;
		max-width: 320px;
		align-self: center;
		box-sizing: border-box;
	}

	body.page-template-page-service-ebu .eb-hero .rb-hero__title,
	body.page-template-page-service-ebu .eb-hero__tags,
	body.page-template-page-service-ebu .eb-hero .rb-hero__list,
	body.page-template-page-service-ebu .eb-hero .rb-hero__note,
	body.page-template-page-service-ebu .eb-hero .rb-hero__main > .oil-btn {
		grid-column: auto !important;
		grid-row: auto !important;
	}
}

@media (max-width: 449px) {
	body.page-template-page-service-ebu .eb-hero .rb-hero__inner {
		display: flex !important;
		flex-direction: column;
		gap: 20px;
	}

	body.page-template-page-service-ebu .eb-hero .rb-hero__main {
		display: flex !important;
		flex-direction: column;
		order: 1;
	}

	body.page-template-page-service-ebu .eb-hero .rb-hero__guarantee,
	body.page-template-page-service-ebu .gt-guarantee-card {
		order: 2;
		width: auto !important;
		max-width: 320px !important;
		align-self: center !important;
		margin-left: auto;
		margin-right: auto;
	}

	body.page-template-page-service-ebu .eb-principle {
		overflow-x: clip;
	}

	body.page-template-page-service-ebu .eb-principle__media {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		min-height: 300px;
		margin: 4px 0 8px;
		padding-bottom: 0;
		overflow: visible;
	}

	body.page-template-page-service-ebu .eb-principle__circle {
		top: 50%;
		bottom: auto;
		left: auto;
		right: -70px;
		width: 300px;
		height: 300px;
		max-width: none;
		max-height: none;
		aspect-ratio: auto;
		transform: translateY(-50%);
	}

	body.page-template-page-service-ebu .eb-principle__media img {
		width: 100%;
		max-width: 100%;
		height: auto;
	}

	body.page-template-page-service-ebu .eb-steps__list {
		grid-template-columns: 1fr;
		grid-auto-rows: auto;
	}

	body.page-template-page-service-ebu .eb-step,
	body.page-template-page-service-ebu .eb-step--wide {
		height: auto;
	}

	body.page-template-page-service-ebu .eb-step > p {
		height: auto;
		min-height: 0;
	}

	body.page-template-page-service-ebu .eb-hero__tag {
		font-size: 12px;
		padding: 6px 12px;
	}

	body.page-template-page-service-ebu .gt-reviews__title {
		font-size: 28px !important;
	}
}