/*
Theme Name: Service Lux Дочерняя тема
Theme URI: https://goodwinpress.ru/wp-tema-wp-service-lux
Author: GoodwinPress
Author URI: https://goodwinpress.ru/
Description: Используем дочернюю тему лишь в тех случаях, когда собрались менять стили, разметку или функции темы. Просто так ее ставить не требуется.
Text Domain: service-lux
Template: service-lux
*/

/* Размещайте ваши стили под этой строкой. */

/* ── Посадочные страницы матрицы (matrix_page) ── */

.matrix-page__related {
	padding-block: calc(var(--spacing) * 2);
}

/* ── MAX-мессенджер (social-btns, child-theme override) ──────────── */

/* MAX-иконка подгнана под остальные соц-кнопки темы (31×31 цветной квадрат
   + белый глиф 18px): даём item тот же фон-бренд, глиф — белый 18px. */
.social-btns__item.icon-max {
	background: linear-gradient(180deg, #4cf 0%, #53e 50%, #93d 100%);
}

.social-btns__icon--max {
	display: block;
	width: 18px;
	height: 18px;
	object-fit: contain;
}

/* ── MAX-кнопка и кнопки чатов в попапе «Чат с оценщиком» ── */

.btn--chat.btn--max {
	background: linear-gradient(180deg, #4cf 0%, #53e 50%, #93d 100%);
	color: #fff;
	border: 0;
}
.btn--chat.btn--max:hover,
.btn--chat.btn--max:focus { filter: brightness(1.05); }

.btn--chat .btn--chat__icon {
	display: inline-block;
	width: 22px;
	height: 22px;
	margin-right: 8px;
	vertical-align: middle;
	flex-shrink: 0;
}

.messengers-modal__btns .btn--chat {
	white-space: nowrap !important;
	padding-inline: 16px !important;
	flex: 0 0 auto !important;
	min-width: 0;
}

/* SVG-иконки Telegram/WhatsApp в кнопках — родитель не задал width/height,
   при flex-сжатии они схлопываются в 0px. Принудительно фиксируем размер
   и красим fill в currentColor (белый цвет кнопок). */
.messengers-modal__btns .btn--chat svg {
	width: 22px !important;
	height: 22px !important;
	flex-shrink: 0;
	fill: currentColor;
}

/* Таб «MAX» в base-modal — был «Письмо». Подменяем иконку: прячем
   стандартный SVG-use, кладём фон с MAX-логотипом. */
.contact-radio-form__item--mail .contact-radio-form__icon--mail use {
	display: none;
}
.contact-radio-form__item--mail .contact-radio-form__icon--mail {
	background: url('assets/img/max.svg') center/contain no-repeat;
}

/* ── Блок «Пришлите фото повреждения» (под галереей на главной) ─── */
/* 3 кнопки мессенджеров — Telegram / WhatsApp / MAX. */

.service-action--multi .service-action__btns {
	display: flex;
	gap: 10px;
	flex-shrink: 0;
	flex-wrap: wrap;
}

.service-action--multi .service-action__btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 18px;
	box-sizing: border-box; /* иначе при width:100% паддинг добавляется сверху → кнопка вылезает вправо */
	border: 0;
	border-radius: 10px;
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	line-height: 1.2;
	white-space: nowrap;
	text-decoration: none;
	transition: filter 0.15s ease;
}
.service-action--multi .service-action__btn:hover,
.service-action--multi .service-action__btn:focus {
	filter: brightness(1.05);
	color: #fff;
	text-decoration: none;
}

.service-action__btn--tg  { background: #229ED9; }
.service-action__btn--wh  { background: #25D366; }
.service-action__btn--max { background: linear-gradient(180deg, #4cf 0%, #53e 50%, #93d 100%); }

.service-action--multi .service-action__btn-icon {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	fill: currentColor;
	color: #fff;
}

@media (max-width: 900px) {
	.service-action--multi {
		flex-wrap: wrap;
	}
	.service-action--multi .service-action__btns {
		width: 100%;
		margin-top: 12px;
	}
	.service-action--multi .service-action__btn {
		flex: 1 1 0;
		justify-content: center;
		min-width: 0;
		padding-inline: 12px;
	}
}

@media (max-width: 480px) {
	.service-action--multi .service-action__btns {
		flex-direction: column;
		gap: 8px;
	}
	.service-action--multi .service-action__btn {
		width: 100%;
	}
}

.messengers-modal__item {
	flex: 1 1 auto;
	min-width: 0;
}

/* Модалка чатов с тремя мессенджерами (TG/WA/MAX): родитель верстал под два,
   три колонки по 200px QR + большой гэп не влезали в контент-колонку (grid
   400px|1fr) → горизонтальная прокрутка. Уменьшаем гэп и делаем QR адаптивным,
   колонки равной ширины — три помещаются без overflow. */
/* Grid-блоут: колонка контента (1fr) с min-width:auto распиралась до min-content
   (картинка 400px + кнопки nowrap), выталкивая модалку за max-width:1000px → полоса
   прокрутки. min-width:0 разрешает колонке и вложенным флексам сжиматься. */
#messengers .modal__content,
#messengers .messengers-modal {
	min-width: 0;
}
#messengers .messengers-modal__btns {
	gap: 1rem;
	flex-wrap: nowrap;
	min-width: 0;
}
#messengers .messengers-modal__item {
	flex: 1 1 0;
	min-width: 0;
}
#messengers .modal-btns__qr {
	width: 100%;
	max-width: 150px;
	height: auto;
}
/* На мобиле (btns стопкой) кнопка тянется на всю ширину item, а padding 16px
   при content-box добавлялся СВЕРХУ ширины → вылет на 32px вправо. border-box +
   max-width удерживают кнопку внутри контейнера. */
#messengers .btn--chat {
	box-sizing: border-box;
	max-width: 100%;
}

/* ── Hero: компактные отступы между параграфами в подзаголовке ─────
   Service Lux разрешает в home-poster-text только <p>, поэтому список
   "Что делаем" собран отдельными параграфами с буллетом '•'. Без сжатия
   отступов hero растягивается на 1.5–2 экрана. !important — чтобы перебить
   глобальное правило `p { margin: 1.3em 0 }` родительской темы. */
.poster__text p {
	margin-top: 0.4em !important;
	margin-bottom: 0.4em !important;
}
.poster__text p:first-child { margin-top: 0 !important; }
.poster__text p:last-child  { margin-bottom: 0 !important; }

/* ════════════════════════════════════════════════════════════════
   ВОЛНА 2 UX — шапка и первый экран (mobile-first), 2026-06-17
   Источник: PDF заказчика. 90% трафика — мобильный.
   ════════════════════════════════════════════════════════════════ */

/* ── #2.1 Логотип компактнее на мобиле (разгрузить шапку) ── */
@media (max-width: 768px) {
	.site-header__logo {
		width: auto;
		max-width: 148px;
		height: auto;
	}
}

/* ── #2.3 Телефоны в шапке — крупнее и читабельнее ── */
.header-contacts__item--tel .header-contacts__link {
	font-weight: 700;
	font-size: 17px;
	white-space: nowrap;
}
@media (max-width: 768px) {
	/* Иконку телефона прячем — освобождаем место, чтобы оба номера
	   крупно влезли в одну строку без обрезки. */
	.header-contacts__item--tel .header-contacts__icon { display: none; }
	.header-contacts__item--tel { gap: 0; }
	.header-contacts__item--tel .header-contacts__link { font-size: 17px; }
}

/* ── #2.4 + #5 Чат-кнопка ⇄ иконки мессенджеров + «Позвонить» ──────
   В раскрытой шапке (нав НЕ залипла) показываем 3 иконки мессенджеров.
   При скролле (.site-main-nav.is-stick — класс вешает JS темы) прячем
   иконки, возвращаем компактную кнопку-текст «Чат с оценщиком» и
   добавляем кнопку «Позвонить» (tel:). Логика — чистый CSS. */
.avr-header-chats {
	display: flex;
	align-items: center;
	gap: 8px;
}
.avr-header-msgrs {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.avr-header-msgrs li { margin: 0; padding: 0; }
.avr-msgr {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	color: #fff;
	transition: filter 0.15s ease;
}
.avr-msgr:hover,
.avr-msgr:focus { filter: brightness(1.06); }
.avr-msgr svg { width: 22px; height: 22px; fill: currentColor; }
.avr-msgr img { width: 22px; height: 22px; display: block; }
.avr-msgr--wa  { background: #25D366; }
.avr-msgr--tg  { background: #229ED9; }
.avr-msgr--max { background: linear-gradient(180deg, #4cf 0%, #53e 50%, #93d 100%); }

/* Текст-кнопка чата и кнопка звонка — по умолчанию скрыты, видны при залипании */
.avr-chats-text,
.avr-header-call { display: none !important; }
.avr-header-call { align-items: center; gap: 6px; }
/* Родительская тема вешает на a.site-header__btn ::after-стрелку (sprite#arrow) —
   у ссылки-телефона она не нужна (это не выпадашка), убираем. */
.avr-header-call::after { content: none !important; display: none !important; }

.site-main-nav.is-stick .avr-header-msgrs { display: none; }
.site-main-nav.is-stick .avr-chats-text  { display: inline-flex !important; }
.site-main-nav.is-stick .avr-header-call { display: inline-flex !important; }

/* На мобиле в липкой нав — компактно: иконки без подписей, чтобы влезло */
@media (max-width: 768px) {
	.site-main-nav.is-stick .avr-header-call span { display: none; }
	.site-main-nav.is-stick .avr-chats-text span { display: none; }
	.site-main-nav.is-stick .header-terms__btn span { display: none; }
}

/* ── #16 «Чат с оценщиком» — текст в одну строку, по левому краю ── */
.site-header__chats span {
	white-space: nowrap;
	text-align: left;
}

/* ── #10 Кликабельные телефоны в моб-меню (.nav-panel) ── */
.nav-panel__phones {
	list-style: none;
	margin: 18px 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.nav-panel__phone a {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: 20px;
	font-weight: 700;
	color: inherit;
	text-decoration: none;
}
.nav-panel__phone svg {
	width: 22px;
	height: 22px;
	fill: currentColor;
	flex-shrink: 0;
}

/* ── #4 + #3.1 Первый экран (моб): порядок H1 → фото → CTA → текст → аргументы ──
   На мобиле было ДВЕ картинки: вертикальная (.poster__secondary в descr) и
   горизонтальная (.poster__primary в media). Вертикальную прячем.
   Фото (.poster__primary) лежит в .poster__media, а кнопка — в .poster__descr,
   это разные flex-контейнеры, поэтому простым order их рядом не поставить.
   Решение: «растворяем» обёртки .poster__content/.poster__descr/.poster__media
   через display:contents (они не несут фонов/паддингов — только маргины),
   тогда H1, фото, кнопка, текст и аргументы становятся одним flex-списком
   .poster__wrap и порядок задаётся на самих элементах. Только мобильная версия. */
@media (max-width: 768px) {
	.poster__wrap    { flex-direction: column; }
	.poster__content { display: contents; }
	.poster__descr   { display: contents; }
	.poster__media   { display: contents; }

	.poster__title     { order: 0; }
	.poster__primary   { order: 1; margin: 0 0 16px; } /* фото между H1 и кнопкой */
	.poster__btn       { order: 2; margin: 0 0 24px; } /* CTA сразу под фото */
	.poster__text      { order: 3; }
	.poster__subtitle  { order: 4; }
	.poster__list      { order: 5; }
	.poster__secondary { display: none; }              /* убрать дублирующую вертикальную картинку */
}

/* ════════════════════════════════════════════════════════════════
   ВОЛНА 3 UX — блоки и формы, 2026-06-17
   ════════════════════════════════════════════════════════════════ */

/* ── #6 Форма «Записаться на ремонт» в конце блока send-foto ── */
.send-foto-booking {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 14px 20px;
	margin-top: 18px;
	padding: 18px 22px;
	background: #f7f7ff;
	border-radius: 14px;
}
.send-foto-booking__title {
	font-weight: 700;
	font-size: 18px;
	margin-right: 4px;
}
.send-foto-booking__phones {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 18px;
}
.send-foto-booking__phone {
	font-weight: 700;
	font-size: 19px;
	color: inherit;
	text-decoration: none;
	white-space: nowrap;
}
.send-foto-booking__phone:hover,
.send-foto-booking__phone:focus { text-decoration: underline; }
.send-foto-booking__btn { margin-left: auto; }

@media (max-width: 768px) {
	.send-foto-booking {
		flex-direction: column;
		align-items: stretch;
		text-align: center;
		gap: 12px;
	}
	.send-foto-booking__phones { justify-content: center; }
	.send-foto-booking__btn { margin-left: 0; width: 100%; justify-content: center; }
}

/* ── #9 Блок «Как работаем»: кнопка + шейп с телефонами рядом ── */
.textblock__cta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 16px;
	margin-top: 22px;
}
.textblock__cta .textblock__btn { margin: 0; }
.textblock__phones {
	display: inline-flex;
	flex-direction: column;
	gap: 2px;
	padding: 10px 18px;
	border: 1px solid #e2e2ee;
	border-radius: 12px;
	background: #f7f7ff;
}
.textblock__phones-label {
	font-size: 13px;
	color: #888;
	line-height: 1.2;
}
.textblock__phone {
	font-weight: 700;
	font-size: 18px;
	color: inherit;
	text-decoration: none;
	white-space: nowrap;
	line-height: 1.3;
}
.textblock__phone:hover,
.textblock__phone:focus { text-decoration: underline; }

@media (max-width: 768px) {
	.textblock__cta { flex-direction: column; align-items: stretch; }
	.textblock__cta .textblock__btn { width: 100%; justify-content: center; }
	.textblock__phones { align-items: center; text-align: center; }
}

/* ── #в5 «Другие услуги»: видимая надпись «Подробнее →» для кликабельности ── */
.related-services__footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}
.related-services__footer::after {
	content: "Подробнее →";
	font-weight: 600;
	font-size: 14px;
	color: #ff5a1f;
	white-space: nowrap;
}
.related-services__item {
	transition: box-shadow 0.15s ease, transform 0.15s ease;
}
.related-services__item:hover {
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.10);
	transform: translateY(-2px);
}
.related-services__item:hover .related-services__footer::after {
	text-decoration: underline;
}

/* ── #в2 Блок «О сервисе» на страницах услуг ── */
.svc-about {
	margin-top: 36px;
	padding-top: 28px;
	border-top: 1px solid #ececf3;
}
.svc-about__title {
	font-size: 24px;
	margin: 0 0 18px;
}
.svc-about__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}
.svc-about__item {
	padding: 18px 20px;
	background: #f7f7ff;
	border-radius: 14px;
}
.svc-about__label {
	display: block;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #ff5a1f;
	margin-bottom: 8px;
}
.svc-about__item p {
	margin: 0;
	font-size: 15px;
	line-height: 1.5;
}
@media (max-width: 900px) {
	.svc-about__grid { grid-template-columns: 1fr; gap: 12px; }
}

/* ════════════════════════════════════════════════════════════════
   ДОБИВКА A — мелочи UX, 2026-06-17
   ════════════════════════════════════════════════════════════════ */

/* ── #в4 Фото в поп-апе заявок: показывать центр кадра, а не верх
   (на мобиле картинка обрезалась по потолку — «криво»). ── */
.modal .modal__image {
	background-position: center center !important;
}

/* ── #11 Моб-меню «Пишите нам в мессенджер»: иконки в едином стиле —
   круглые, равного размера, равные отступы (#15). ── */
.nav-panel__socials .social-btns__list {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 0;
	padding: 0;
	justify-content: flex-start;
}
.nav-panel__socials .social-btns__item {
	width: 46px;
	height: 46px;
	margin: 0;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.nav-panel__socials .social-btns__item img,
.nav-panel__socials .social-btns__item svg {
	width: 24px;
	height: 24px;
}

/* ════════════════════════════════════════════════════════════════
   ПОСАДОЧНЫЕ (template-landing.php) — эталонный шаблон, 2026-06-18
   Наследуем классы темы (.poster/.price/.faq/.call-to-action),
   ниже — только то, чего в теме нет.
   ════════════════════════════════════════════════════════════════ */

/* Вертикальный ритм секций — как на главной. Родитель навешивает отступы
   правилом «.home .site-main > * + *», но только для .home. На посадочной
   тело получает класс avr-landing (фильтр в template-landing.php) — зеркалим. */
.avr-landing .site-main > * + * {
	padding-block: calc(var(--spacing) * 2);
}
@media (max-width: 800px) {
	.avr-landing .site-main > * + * { padding-block: 3rem; }
}
@media (max-width: 500px) {
	.avr-landing .site-main > * + * { padding-block: var(--spacing); }
}
.avr-landing .site-main > *:not(.call-to-action):last-child {
	margin-block-end: var(--spacing);
}

/* Плитки-аргументы вынесены под hero на всю ширину контейнера — по три в ряд. */
.landing-hero__args {
	margin-top: calc(var(--spacing) * 1.5);
}
.landing-hero__args .poster__subtitle {
	display: block;
	margin-bottom: 1.2rem;
}
.landing-hero__args .poster-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1rem;
}
@media (max-width: 900px) {
	.landing-hero__args .poster-list { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
	.landing-hero__args .poster-list { grid-template-columns: 1fr; }
}

/* Порядок в hero: H1 → подзаголовок → буллеты → кнопка → микрокопия.
   Родитель задаёт .poster__text { order:1 } (для главной) — переопределяем,
   иначе подзаголовок уезжает в конец flex-колонки .poster__descr. */
.landing-hero .poster__text   { order: 0; }
.landing-hero__bullets        { order: 1; }
.landing-hero .poster__btn    { order: 2; }
.landing-hero__microcopy      { order: 3; }

/* ── Hero: буллеты «Что делаем» ── */
.landing-hero__bullets {
	list-style: none;
	margin: 18px 0 24px;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 10px 18px;
}
.landing-hero__bullet {
	position: relative;
	padding-left: 26px;
	font-size: 16px;
	line-height: 1.4;
	font-weight: 600;
}
.landing-hero__bullet::before {
	content: "";
	position: absolute;
	left: 0;
	top: 2px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #ff5a1f;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M9 16.2l-3.5-3.5L4 14.2 9 19 20 8l-1.5-1.5z'/%3E%3C/svg%3E") center/14px no-repeat,
	            linear-gradient(#fff, #fff);
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M9 16.2l-3.5-3.5L4 14.2 9 19 20 8l-1.5-1.5z'/%3E%3C/svg%3E") center/14px no-repeat;
	background: #ff5a1f;
}

.landing-hero__microcopy {
	margin: 12px 0 0;
	font-size: 14px;
	line-height: 1.5;
	opacity: 0.7;
}

/* Текстовый блок страницы и блок «О сервисе» — на всю ширину контейнера
   (отступы секции задаёт общий ритм .avr-landing выше). */
.landing-content .post-content {
	max-width: none;
}

/* ── CTA: кнопка мессенджера + телефон рядом ── */
.landing-cta__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center; /* выравниваем кнопки по центру строки */
	gap: 14px;
	margin-top: 18px;
}
/* Сбрасываем собственные отступы кнопок темы (у .call-to-action__btn есть
   margin-top для одиночного размещения) — иначе в строке кнопки разъезжаются. */
.landing-cta__actions > .btn {
	margin: 0;
}
.landing-cta__tel {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box; /* рамка 2px внутрь — высота совпадает с оранжевой кнопкой (52px) */
	color: #ff5a1f;
	background: #fff;
	border: 2px solid #ff5a1f;
}
.landing-cta__tel:hover {
	background: #ff5a1f;
	color: #fff;
}
.landing-cta__tel span {
	color: inherit;
	font-weight: 700;
}

/* ── Перелинковка: сетка ссылок ── */
.landing-related__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 14px;
}
.landing-related__link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 16px 20px;
	background: #f7f7ff;
	border-radius: 14px;
	font-weight: 600;
	text-decoration: none;
	color: inherit;
	transition: background 0.2s, transform 0.2s;
}
.landing-related__link:hover {
	background: #eeeeff;
	transform: translateY(-2px);
}
.landing-related__icon {
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	fill: #ff5a1f;
}

@media (max-width: 600px) {
	.landing-hero__bullets { flex-direction: column; gap: 10px; }
	.landing-cta__actions { flex-direction: column; align-items: stretch; }
	.landing-related__list { grid-template-columns: 1fr; }
}

/* ── Галерея: первые 9 фото, остальные по кнопке «Показать ещё» ──────
   Применяется и на главной, и на посадочных (общий template-part). */
.home-gallery__list--collapsed .home-gallery__item:nth-child(n+10) {
	display: none;
}
/* Зазор от галереи до кнопки и от кнопки до следующего блока (send-foto). */
.home-gallery__list {
	margin-bottom: 28px;
}
.home-gallery__more-wrap {
	display: flex;
	justify-content: center;
	margin-bottom: 32px;
}
.home-gallery__more {
	cursor: pointer;
}

/* ── Шаблон «Страница без боковой колонки»: контент на всю ширину ── */
.single-page__wrap--full {
	display: block;
}
.single-page__wrap--full .single-page__content {
	width: 100%;
	max-width: 100%;
	float: none;
	margin: 0;
}

/* ════════════════════════════════════════════════════════════════
   ВОЛНА 5 UX — перестройка мобильной шапки, 2026-06-18
   По запросу заказчика. Все правки — только мобильная версия (≤768px):
   • бургер «Меню» — поднят наверх (top-right), крупнее, чёрный;
   • адрес скрыт; у телефонов — оранжевые иконки трубок;
   • «Наши услуги» и иконки мессенджеров убраны из шапки
     («Наши услуги» переехали в off-canvas меню — см. mob-menu-phones.php);
   • мессенджеры вынесены в фикс-бар, прилепленный к низу экрана
     (см. inc/mobile-bottom-bar.php).
   ════════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {

	/* — Адрес скрываем — */
	.header-contacts__item--address { display: none; }

	/* — Телефоны: оба номера в один ряд. Родитель раскладывает контакты
	     в grid из одной колонки (→ номера в столбик); адрес скрыт, поэтому
	     переводим строку во flex-ряд и слегка уменьшаем шрифт, чтобы оба
	     номера с иконками влезли в одну строку. — */
	.header-contacts {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		gap: 10px;
	}
	.header-contacts__item--tel {
		min-width: 0;
		flex: 0 1 auto;
	}
	.header-contacts__item--tel .header-contacts__link {
		font-size: 15px;
	}

	/* — Иконка трубки: возвращаем (была скрыта в #2.3), красим оранжевым — */
	.header-contacts__item--tel .header-contacts__icon {
		display: inline-flex;
		align-items: center;
		margin-right: 5px;
	}
	.header-contacts__item--tel .header-contacts__icon svg {
		width: 16px;
		height: 16px;
		fill: #f96020;
	}

	/* — Вторая строка nav: убираем «Наши услуги» и иконки мессенджеров,
	     схлопываем сам ряд (бургер вынесем абсолютом наверх) — */
	.site-main-nav {
		position: static;
		background: transparent;
	}
	.site-main-nav__wrap {
		padding: 0;
		border: 0;
		min-height: 0;
		position: static; /* убираем контекст позиционирования, чтобы бургер
		                     якорился к .site-wrapper и встал у логотипа */
	}
	.header-terms,
	.avr-header-chats { display: none; }

	/* — Бургер «Меню»: наверх к логотипу, крупнее, чёрный.
	     position:absolute якорится к .site-wrapper (position:relative). — */
	.site-header__mob--btn {
		position: absolute;
		top: 22px;
		right: 14px;
		z-index: 30;
		flex-direction: column;
		gap: 2px;
		color: #1a1a1a;
	}
	.site-header__mob--btn .site-header__icon {
		width: 34px;
		height: 34px;
		fill: currentColor;
	}
	.site-header__mob--btn span {
		font-size: 12px;
		font-weight: 600;
		color: #1a1a1a;
	}

	/* ── Липкая компактная шапка (моб) ──────────────────────────────
	   Тема вешает .is-stick на .site-main-nav при скролле (JS темы).
	   В обычном состоянии (верх страницы) ряд nav схлопнут (см. выше);
	   при .is-stick делаем из него фиксированную компактную шапку:
	   уменьшенный логотип + телефон + бургер. */
	.site-main-nav.is-stick {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 900;
		background: #fff;
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
	}
	.site-main-nav.is-stick .site-main-nav__wrap {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 8px;
		padding: 8px 14px;
	}

	/* Бренд (лого + телефон) — виден только в липком состоянии.
	   flex:1 + margin-left:auto на телефоне → лого слева, телефон уезжает
	   вправо вплотную к бургеру. */
	.site-main-nav.is-stick .avr-stick-brand {
		display: flex;
		align-items: center;
		gap: 10px;
		min-width: 0;
		flex: 1 1 auto;
	}
	.site-main-nav.is-stick .avr-stick-tel {
		margin-left: auto;
	}
	.avr-stick-logo {
		/* лого 300×125 (≈2.4:1); width:auto для этого SVG считается неверно
		   (отдаёт ~27px), поэтому задаём размеры явно по пропорции */
		height: 32px;
		width: 77px;
		display: block;
		flex-shrink: 0;
		object-fit: contain;
	}
	.avr-stick-tel {
		display: inline-flex;
		align-items: center;
		gap: 4px;
		flex-shrink: 0;
		color: #1a1a1a;
		font-weight: 700;
		font-size: 13px;
		white-space: nowrap;
		text-decoration: none;
	}
	.avr-stick-tel svg {
		width: 16px;
		height: 16px;
		fill: #f96020;
		flex-shrink: 0;
	}

	/* Бургер в липком баре — возвращаем в поток (не absolute) и компактим */
	.site-main-nav.is-stick .site-header__mob--btn {
		position: static;
		top: auto;
		right: auto;
		flex-direction: row;
		gap: 6px;
		flex-shrink: 0; /* не сжимать, иначе «Меню» переносится в 2 строки */
	}
	.site-main-nav.is-stick .site-header__mob--btn .site-header__icon {
		width: 26px;
		height: 26px;
	}
	.site-main-nav.is-stick .site-header__mob--btn span {
		font-size: 13px;
		white-space: nowrap;
	}
}

/* Компактный бренд липкой шапки скрыт везде по умолчанию (показывается
   только на моб при .site-main-nav.is-stick — см. блок ВОЛНА 5 выше). */
.avr-stick-brand { display: none; }

/* Пункт «Наши услуги» в off-canvas (href="#") — без подчёркивания,
   чтобы совпадал с остальными пунктами меню. */
.avr-services-item > .menu-item__link { text-decoration: none; }

/* ── Фикс-бар мессенджеров, прилепленный к низу экрана (моб) ── */
.avr-mobile-bar { display: none; }

@media (max-width: 768px) {
	.avr-mobile-bar {
		display: flex;
		gap: 8px;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 800;
		padding: 8px 10px calc(8px + env(safe-area-inset-bottom, 0px));
		background: #fff;
		box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.12);
	}
	.avr-mobile-bar__btn {
		flex: 1 1 0;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		min-width: 0;
		padding: 12px 6px;
		border-radius: 10px;
		color: #fff;
		font-weight: 700;
		font-size: 13px;
		line-height: 1;
		white-space: nowrap;
		text-decoration: none;
		transition: filter 0.15s ease;
	}
	.avr-mobile-bar__btn:hover,
	.avr-mobile-bar__btn:focus {
		filter: brightness(1.05);
		color: #fff;
		text-decoration: none;
	}
	.avr-mobile-bar__btn svg,
	.avr-mobile-bar__btn img {
		width: 20px;
		height: 20px;
		flex-shrink: 0;
		fill: currentColor;
	}
	.avr-mobile-bar__btn--tg  { background: #229ED9; }
	.avr-mobile-bar__btn--wa  { background: #25D366; }
	.avr-mobile-bar__btn--max { background: linear-gradient(180deg, #4cf 0%, #53e 50%, #93d 100%); }

	/* Чтобы фикс-бар не перекрывал низ контента/футера */
	.site-wrapper { padding-bottom: 64px; }
}

/* ════════════════════════════════════════════════════════════════
   ДОРАБОТКА ЭТАЛОНА посадочной — задача 13 пунктов, 2026-06-18
   ════════════════════════════════════════════════════════════════ */

/* #11 Якоря (#price/#faq/…) не уходят под липкую шапку */
#poster, #price, #reasons, #gallery, #feedback, #faq, #action, .landing-related {
	scroll-margin-top: 100px;
}

/* #3 Карусель отзывов на мобиле: кастомные стрелки темы (.splide-arrow-btn)
   позиционированы по краям и наезжают на карточку. На телефонах (≤600) убираем
   их (остаётся свайп), пагинацию выносим под карточку. Слайд уже на всю ширину. */
@media (max-width: 600px) {
	.feedbacks-carousel .splide-arrow-btn,
	.feedbacks-carousel .splide__arrow { display: none !important; }
	.feedbacks-carousel .splide__pagination {
		position: static;
		margin-top: 14px;
		padding: 0;
	}
}

/* #5/#6 Финальный CTA: вторичные кнопки (телефон/маршрут) — оранжевый контур,
   читаемы на светлом фоне секции, одной высоты с основной кнопкой. */
.landing-cta__route {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	color: #ff5a1f;
	background: #fff;
	border: 2px solid #ff5a1f;
}
.landing-cta__route:hover { background: #ff5a1f; color: #fff; }
.landing-cta__route span { color: inherit; font-weight: 700; }

/* #5 Ссылка «Построить маршрут» в карточке «Где» блока «О сервисе» */
.svc-about__route {
	display: inline-block;
	margin-top: 10px;
	font-weight: 700;
	color: #ff5a1f;
	text-decoration: none;
}
.svc-about__route:hover { text-decoration: underline; }

/* ── Страницы Реквизиты / Фурнитура / Благодарность (2026-06-21) ─────────────── */
.page-lead {
	font-size: 1.08em;
	line-height: 1.55;
	color: #333;
	margin-bottom: 1.4em;
}
.reqs-table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 1.6em;
	font-size: 0.98em;
}
.reqs-table th,
.reqs-table td {
	text-align: left;
	vertical-align: top;
	padding: 10px 14px;
	border: 1px solid #e6e6e6;
}
.reqs-table th {
	width: 38%;
	background: #f7f7f8;
	font-weight: 600;
	color: #555;
}
@media (max-width: 560px) {
	.reqs-table th { width: 42%; }
	.reqs-table th, .reqs-table td { padding: 8px 10px; font-size: 0.92em; }
}
.thanks-block { text-align: center; padding: 12px 0 8px; }
.thanks-block .page-lead { font-size: 1.5em; font-weight: 700; color: #1a1a1a; margin-bottom: 0.6em; }
.thanks-block__actions { display: flex; gap: 18px; align-items: center; justify-content: center; flex-wrap: wrap; margin-top: 1.4em; }
.thanks-block__link { color: #ff5a1f; font-weight: 600; text-decoration: none; }
.thanks-block__link:hover { text-decoration: underline; }
.site-footer__nav { margin: 0 0 14px; }
.site-footer__nav-link { color: inherit; opacity: 0.85; text-decoration: none; }
.site-footer__nav-link:hover { opacity: 1; text-decoration: underline; }

/* ── Галерея фурнитуры (/furnitura/, 2026-06-21) ─────────────────────────────── */
.furn-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 18px;
	margin: 0 0 1.8em;
}
.furn-card {
	margin: 0;
	border: 1px solid #e6e6e6;
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
	display: flex;
	flex-direction: column;
}
.furn-card img {
	width: 100%;
	height: 200px;
	object-fit: contain;
	background: #fafafa;
	padding: 10px;
	box-sizing: border-box;
	display: block;
}
.furn-card figcaption {
	padding: 10px 12px;
	font-size: 0.9em;
	line-height: 1.4;
	color: #333;
	border-top: 1px solid #f0f0f0;
}
@media (max-width: 480px) {
	.furn-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
	.furn-card img { height: 150px; }
	.furn-card figcaption { font-size: 0.82em; padding: 8px 9px; }
}