/* ============================================================================
 * usluga-view.css — СЛОЙ ПРЕДСТАВЛЕНИЯ страницы услуги (DESIGN-REALIZ / LANE-D-USLUGA)
 * ----------------------------------------------------------------------------
 * ЧТО ЭТО. Натяжка дизайн-прототипа «Страница услуги (standalone).html» на боевой
 * рендер tpl-usluga. Только ОФОРМЛЕНИЕ: типографика, отступы, радиусы, карточки,
 * сетки, кнопки, мобильное поведение. Разметка/контент/логика НЕ меняются.
 *
 * ГРАНИЦЫ (жёстко):
 *   • assets/usluga.css и page-templates/tpl-usluga.php — FORBID. Движок услуг не
 *     трогаем; этот файл грузится ПОСЛЕ usluga.css (handle okna-usluga-view,
 *     зависимость okna-usluga-css) и перебивает его СПЕЦИФИЧНОСТЬЮ.
 *   • Ни один блок услуги не скрыт и не удалён — только перекрашен/перемерен.
 *   • 0 новых #hex / шрифтов / радиусов: цвета и радиусы ТОЛЬКО из токенов
 *     :root design.css (--ink, --blue, --blue-soft, --red, --text, --muted,
 *     --line, --bg-soft, --r, --r-lg, --r-xl, --btn-r, --shadow, --shadow-lg,
 *     --shadow-sm, --okna-cw, --okna-head-indent).
 *
 * СКОУП. Всё правило начинается с `html body.page-template-tpl-usluga .okna-usluga`
 * (специфичность ≥ 0,2,3). Два следствия:
 *   1) TT1 (twentytwentyone/style.css) грузится ПОСЛЕ нас — перебиваем его
 *      специфичностью и !important, а НЕ порядком (см. памятку TT1);
 *   2) общие классы (.okna-services, .okna-pf2, .okna-bm, .okna-pf-form, .okna-fc…)
 *      используются также на главной/каталоге/посадочных — скоуп по body-классу
 *      шаблона гарантирует НУЛЕВУЮ утечку на другие страницы.
 *
 * БРЕЙКПОИНТЫ — канон реестра okna-mobile.css, новые запрещены:
 *      LG 1024 · MD 768 · SM 600 · XS 480
 *
 * ШКАЛА РАДИУСОВ ПРОТОТИПА (главный источник «единого языка» страницы).
 * В боевом рендере радиусы разъехались (7/9/11/12/13/14/16/18/20/22/24/26px).
 * Прототип знает ровно три ступени — сводим к токенам:
 *      панель/плашка/секция-карточка  → var(--ok-radius-card,16px)  16px
 *      карточка/плитка/иконка-тайл    → var(--ok-radius-dropdown,10px)     10px
 *      кнопка и поле ввода            → var(--btn-r)  4px
 * (999px-пилюли и 50%-кружки — форма, а не радиус; не трогаем.)
 *
 * НЕ ВХОДИТ В ЭТОТ ФАЙЛ (осознанно):
 *   • .okna-faq — по канону проекта FAQ оформляется ТОЛЬКО в design.css,
 *     per-страничные варианты запрещены (okna-faq-canon). Не трогаем вообще.
 *   • .okna-table / .okna-reviews / модалки — общие компоненты, свои владельцы.
 *   • Ось заголовков --okna-head-indent:37px на десктопе — утверждённый канон
 *     владельца, сохраняем как есть (на ≤600 см. комментарий в блоке SM).
 * ========================================================================== */


/* ============================================================================
 * [1] ТИПОГРАФИКА — шкала прототипа
 * H1 42/1.16/-0.02em · H2 28/1.15/-0.02em · лид 17 · текст 15 · мелкий 14
 * ========================================================================== */

/* H1 героя. Перебиваем glavnaya.css `.okna-usluga h1{font-size:clamp(26px,4vw,40px)!important}`
   (0,1,1) — нужна и бо́льшая специфичность, и !important. */
html body.page-template-tpl-usluga .okna-usluga .okna-uhero .okna-uhero__h1{
  font-size:clamp(32px, 2.6vw + 16px, 42px) !important;
  line-height:1.16 !important;
  letter-spacing:-0.02em !important;
  font-weight:800;
  max-width:700px;
  margin:0 0 18px;
}

/* Лид героя — 17px по прототипу (было 19px), мера 560px. */
html body.page-template-tpl-usluga .okna-usluga .okna-uhero .okna-uhero__sub{
  font-size:17px;
  line-height:1.6;
  max-width:560px;
  margin:0 0 26px;
}

/* H2 секций. Перебиваем группу design.css `.okna-usluga > section > h2` +
   `.okna-pf2__title/.okna-geo-req__title/.okna-section-title` (0,1,2 с !important).
   Красную черту-акцент (::after) и цвет --ink НЕ снимаем — это сквозной канон
   сайта, живущий в design.css; меняем только МЕТРИКУ под прототип (28/-0.02em). */
html body.page-template-tpl-usluga .okna-usluga > section > h2,
html body.page-template-tpl-usluga .okna-usluga .okna-pf2__title,
html body.page-template-tpl-usluga .okna-usluga .okna-geo-req__title,
html body.page-template-tpl-usluga .okna-usluga .okna-section-title,
html body.page-template-tpl-usluga .okna-usluga .okna-fc__title,
html body.page-template-tpl-usluga .okna-usluga .okna-pf-form__h2{
  font-size:28px !important;
  line-height:1.15 !important;
  letter-spacing:-0.02em !important;
  font-weight:800 !important;
}

/* Подзаголовки секций — единый лид 15/1.6 --muted (прототип). */
html body.page-template-tpl-usluga .okna-usluga .okna-rs__sub,
html body.page-template-tpl-usluga .okna-usluga .okna-ws__sub,
html body.page-template-tpl-usluga .okna-usluga .okna-bm__sub,
html body.page-template-tpl-usluga .okna-usluga .okna-pick__sub,
html body.page-template-tpl-usluga .okna-usluga .okna-services__subtitle,
html body.page-template-tpl-usluga .okna-usluga .okna-pf-form__sub,
html body.page-template-tpl-usluga .okna-usluga .okna-pf2__lead{
  font-size:15px;
  line-height:1.6;
}

/* Заголовок карточки и описание карточки — 17/800 и 14/1.6 (прототип). */
html body.page-template-tpl-usluga .okna-usluga .okna-ws__title,
html body.page-template-tpl-usluga .okna-usluga .okna-pf2__factor-title,
html body.page-template-tpl-usluga .okna-usluga .okna-pf2__step-title,
html body.page-template-tpl-usluga .okna-usluga .okna-fc__benefit-title,
html body.page-template-tpl-usluga .okna-usluga .okna-fc__format-title{
  font-size:17px;
  line-height:1.3;
  font-weight:800;
}
html body.page-template-tpl-usluga .okna-usluga .okna-ws__desc,
html body.page-template-tpl-usluga .okna-usluga .okna-pf2__factor-txt,
html body.page-template-tpl-usluga .okna-usluga .okna-pf2__step-txt,
html body.page-template-tpl-usluga .okna-usluga .okna-fc__benefit-txt,
html body.page-template-tpl-usluga .okna-usluga .okna-fc__format-txt,
html body.page-template-tpl-usluga .okna-usluga .okna-geo-req__zone-txt,
html body.page-template-tpl-usluga .okna-usluga .okna-services__text{
  font-size:14px;
  line-height:1.6;
}


/* ============================================================================
 * [2] КНОПКИ И CTA — единая геометрия прототипа
 * primary 16/700, паддинг 16×28, радиус --btn-r, красная тень;
 * ghost   16/700, паддинг 14×26, контур 2px.
 * В рендере кнопки разъехались по радиусам (4/10/11/12/13) — сводим к --btn-r.
 * ========================================================================== */

/* Главный красный CTA героя. Перебиваем базовый .okna-btn{padding:13px 24px;font-size:15px}. */
html body.page-template-tpl-usluga .okna-usluga .okna-uhero .okna-btn.okna-btn--hero{
  /* РАЗМЕР-КНОПОК 09.08: высота героя услуги была 57px (padding:16px) — эталон главной (.ok-hero__cta) = 48px. Приводим к 48 flex-центрированием (мобильные 50/48 ниже переопределяют). */
  height:48px; min-height:48px; padding:0 28px;
  display:inline-flex; align-items:center; justify-content:center;
  font-size:16px;
  font-weight:700;
  border-radius:var(--ok-radius-btn,4px);
  box-shadow:var(--shadow);
  /* красное свечение прототипа выводим ИЗ токена --red (без нового #hex).
     Браузер без color-mix просто оставит нейтральную тень строкой выше. */
  box-shadow:0 12px 30px color-mix(in srgb, var(--red) 28%, transparent);
}

/* Контурная кнопка героя. design.css задаёт её через `.okna-uhero button.okna-btn.okna-uhero__ghost`
   (0,3,2) с !important — берём выше по специфичности (0,5,3). */
html body.page-template-tpl-usluga .okna-usluga .okna-uhero .okna-btn.okna-uhero__ghost{
  /* РАЗМЕР-КНОПОК 09.08: контурный CTA героя услуги был 57px — к 48 как на главной. */
  height:48px !important; min-height:48px !important; padding:0 28px !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  font-size:16px !important;
  font-weight:700 !important;
  border-radius:var(--ok-radius-btn,4px) !important;
  border-width:2px !important;
}

/* Прочие кнопки страницы — один радиус и один кегль. */
html body.page-template-tpl-usluga .okna-usluga .okna-pick__btn,
html body.page-template-tpl-usluga .okna-usluga .okna-bm__all,
html body.page-template-tpl-usluga .okna-usluga .okna-pf2__cta-btn,
html body.page-template-tpl-usluga .okna-usluga .okna-pf2__more,
html body.page-template-tpl-usluga .okna-usluga .okna-fc .fc__btn,
html body.page-template-tpl-usluga .okna-usluga .okna-geo-req__submit,
html body.page-template-tpl-usluga .okna-usluga .wpcf7 input[type=submit],
html body.page-template-tpl-usluga .okna-usluga .wpcf7 .wpcf7-submit{
  border-radius:8px !important; /* Волна 3 §6.4: submit услуги радиус --btn-r(4)→8 (канон кнопки; модальный submit услуги был 4) */
}
/* Волна 3 §6.5: модальный submit услуги СИНИЙ (usluga.css:88, background:var(--blue)), но красную тень из design.css:313 не снимал → синяя кнопка + красная тень (баг). Тень к цвету кнопки — в НЕ-forbidden слое (usluga.css трогать нельзя). */
html body.page-template-tpl-usluga .okna-usluga .okna-modal__box .wpcf7-submit{ box-shadow:0 6px 18px rgba(28,91,214,.22) !important; }
html body.page-template-tpl-usluga .okna-usluga .okna-modal__box .wpcf7-submit:hover{ box-shadow:0 10px 26px rgba(28,91,214,.30) !important; }
html body.page-template-tpl-usluga .okna-usluga .okna-pick__btn,
html body.page-template-tpl-usluga .okna-usluga .okna-pf2__cta-btn,
html body.page-template-tpl-usluga .okna-usluga .okna-geo-req__submit{
  font-size:16px;
  font-weight:700;
  min-height:48px;
}
html body.page-template-tpl-usluga .okna-usluga .okna-bm__all,
html body.page-template-tpl-usluga .okna-usluga .okna-pf2__more{
  font-size:15px;
  font-weight:700;
  min-height:44px;   /* тач-цель прототипа */
}

/* Поля ввода — «строгий» радиус --btn-r (канон токена: кнопки И поля). */
html body.page-template-tpl-usluga .okna-usluga .wpcf7 input[type=text],
html body.page-template-tpl-usluga .okna-usluga .wpcf7 input[type=tel],
html body.page-template-tpl-usluga .okna-usluga .wpcf7 input[type=email],
html body.page-template-tpl-usluga .okna-usluga .wpcf7 textarea,
html body.page-template-tpl-usluga .okna-usluga .okna-geo-req__input,
html body.page-template-tpl-usluga .okna-usluga .okna-geo-req__textarea,
html body.page-template-tpl-usluga .okna-usluga .okna-geo-req__file-label{
  border-radius:var(--ok-radius-field,8px) !important; /* Волна 1-бис: geo-req на услуге 4px(btn-r)→8 (вкл file-label; сцепка) */
}


/* ============================================================================
 * [3] ШКАЛА РАДИУСОВ — приведение к трём ступеням прототипа
 * ========================================================================== */

/* [3.1] ПАНЕЛИ И ПЛАШКИ → var(--ok-radius-card,16px) 16px  (было 18/20/22/24/26) */
html body.page-template-tpl-usluga .okna-usluga .okna-rs,
html body.page-template-tpl-usluga .okna-usluga .okna-rs__tabs,
html body.page-template-tpl-usluga .okna-usluga .okna-rs__panel,
html body.page-template-tpl-usluga .okna-usluga .okna-ws__card,
html body.page-template-tpl-usluga .okna-usluga .okna-pick__banner,
html body.page-template-tpl-usluga .okna-usluga .okna-bm__card,
html body.page-template-tpl-usluga .okna-usluga .okna-geo-req__box,
html body.page-template-tpl-usluga .okna-usluga .okna-geo-req__form,
html body.page-template-tpl-usluga .okna-usluga .okna-pf2__cta,
html body.page-template-tpl-usluga .okna-usluga .okna-fc__card,
html body.page-template-tpl-usluga .okna-usluga .okna-fc__cta,
html body.page-template-tpl-usluga .okna-usluga .okna-pf-form__card,
html body.page-template-tpl-usluga .okna-usluga .okna-pf-form__how{
  border-radius:var(--ok-radius-card,16px) !important;
}

/* [3.2] КАРТОЧКИ, ПЛИТКИ, ИКОНКИ-ТАЙЛЫ → var(--ok-radius-dropdown,10px) 10px  (было 8/9/11/12/13/14/16/18) */
html body.page-template-tpl-usluga .okna-usluga .okna-rs__tab,
html body.page-template-tpl-usluga .okna-usluga .okna-rs__tab-ico,
html body.page-template-tpl-usluga .okna-usluga .okna-rs__info,
html body.page-template-tpl-usluga .okna-usluga .okna-ws__step,
html body.page-template-tpl-usluga .okna-usluga .okna-ws__out,
html body.page-template-tpl-usluga .okna-usluga .okna-ws__out-ico,
html body.page-template-tpl-usluga .okna-usluga .okna-pick__adv-ico,
html body.page-template-tpl-usluga .okna-usluga .okna-bm__mono,
html body.page-template-tpl-usluga .okna-usluga .okna-bm__notfound-ico,
html body.page-template-tpl-usluga .okna-usluga .okna-geo-req__zone,
html body.page-template-tpl-usluga .okna-usluga .okna-geo-req__hint,
html body.page-template-tpl-usluga .okna-usluga .okna-geo-req__form-ico,
html body.page-template-tpl-usluga .okna-usluga .okna-geo-req__feature-ico,
html body.page-template-tpl-usluga .okna-usluga .okna-pf2__card,
html body.page-template-tpl-usluga .okna-usluga .okna-pf2__factor,
html body.page-template-tpl-usluga .okna-usluga .okna-pf2__factor-ico,
html body.page-template-tpl-usluga .okna-usluga .okna-pf2__step,
html body.page-template-tpl-usluga .okna-usluga .okna-pf2__step-ico,
html body.page-template-tpl-usluga .okna-usluga .okna-pf2__warranty,
html body.page-template-tpl-usluga .okna-usluga .okna-pf2__warranty-ico,
html body.page-template-tpl-usluga .okna-usluga .okna-fc__check,
html body.page-template-tpl-usluga .okna-usluga .okna-fc__format-ic,
html body.page-template-tpl-usluga .okna-usluga .okna-fc__benefit,
html body.page-template-tpl-usluga .okna-usluga .okna-fc__benefit-ic,
html body.page-template-tpl-usluga .okna-usluga .okna-services__card,
html body.page-template-tpl-usluga .okna-usluga .okna-services__image,
html body.page-template-tpl-usluga .okna-usluga .okna-pf-step__ic,
html body.page-template-tpl-usluga .okna-usluga .okna-photo__zone,
html body.page-template-tpl-usluga .okna-usluga .okna-pf2__cards-note,
html body.page-template-tpl-usluga .okna-usluga .okna-geo-req__dropdown{
  border-radius:var(--ok-radius-dropdown,10px) !important;
}


/* ============================================================================
 * [4] КАРТОЧКИ — единая реакция прототипа
 * покой: 1px --line + --bg · наведение: контур --blue + --shadow + подъём 3px
 * ========================================================================== */
html body.page-template-tpl-usluga .okna-usluga .okna-pf2__factor,
html body.page-template-tpl-usluga .okna-usluga .okna-pf2__step,
html body.page-template-tpl-usluga .okna-usluga .okna-pf2__card,
html body.page-template-tpl-usluga .okna-usluga .okna-services__card{
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
html body.page-template-tpl-usluga .okna-usluga .okna-pf2__card:hover,
html body.page-template-tpl-usluga .okna-usluga .okna-services__card:hover{
  border-color:var(--blue) !important;
  box-shadow:var(--shadow) !important;
  transform:translateY(-3px);
}
/* Плитка марки в ленте — рамка/подсветка как у карточек прототипа. */
html body.page-template-tpl-usluga .okna-usluga .okna-bm__link{
  border-radius:var(--ok-radius-dropdown,10px);
  transition:background-color .15s ease, box-shadow .15s ease;
}
html body.page-template-tpl-usluga .okna-usluga .okna-bm__link:hover{
  background:var(--blue-soft);
  box-shadow:var(--shadow-sm);
}


/* ============================================================================
 * [5] БЛОКИ — точечная натяжка по прототипу
 * ========================================================================== */

/* --- 5.1 HERO ------------------------------------------------------------- */
/* Преимущества: в прототипе — сетка 2×2 с мерой 540, а не свободный флекс-врап.
   minmax(0,1fr) вместо голого 1fr — типовая защита от выпирания длинной строки. */
html body.page-template-tpl-usluga .okna-usluga .okna-uhero .okna-uhero__benefits{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px 28px;
  max-width:540px;
}
html body.page-template-tpl-usluga .okna-usluga .okna-uhero .okna-uhero__benefits li{
  min-width:0;
  font-size:14.5px;
  line-height:1.4;
  font-weight:600;
}
html body.page-template-tpl-usluga .okna-usluga .okna-uhero .okna-uhero__ctas{
  gap:14px;
}

/* --- 5.2 SITUATIONS (.okna-rs) -------------------------------------------- */
/* Полоса-подложка секции — токен --bg-soft (в рендере был близкий, но свой hex). */
html body.page-template-tpl-usluga .okna-usluga .okna-rs{
  background:var(--bg-soft);
  border-color:var(--line);
}
/* Вкладка-триггер: тач-цель ≥44px уже на десктопе (в прототипе строка-карточка). */
html body.page-template-tpl-usluga .okna-usluga .okna-rs__tab{
  min-height:44px;
}
html body.page-template-tpl-usluga .okna-usluga .okna-rs__grid{
  grid-template-columns:minmax(0, 0.62fr) minmax(0, 1fr);
}
html body.page-template-tpl-usluga .okna-usluga .okna-rs__mobile{
  display:none;
}

/* --- 5.3 WORK SCOPE (.okna-ws) -------------------------------------------- */
/* Сетка шагов: явный minmax(0,1fr) — карточки не растягивают ряд длинным словом. */
html body.page-template-tpl-usluga .okna-usluga .okna-ws__steps{
  grid-template-columns:repeat(3, minmax(0, 1fr));
}
html body.page-template-tpl-usluga .okna-usluga .okna-ws__row--bottom{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}
html body.page-template-tpl-usluga .okna-usluga .okna-ws__step{
  min-width:0;
}

/* --- 5.4 PICKER CTA (.okna-pick) ------------------------------------------ */
/* В прототипе плашка-призыв: заголовок 22/800, лид 15, кнопки в ряд. */
html body.page-template-tpl-usluga .okna-usluga .okna-pick__title{
  font-size:22px;
  line-height:1.25;
  font-weight:800;
}
html body.page-template-tpl-usluga .okna-usluga .okna-pick__advs{
  grid-template-columns:repeat(4, minmax(0, 1fr));
}
html body.page-template-tpl-usluga .okna-usluga .okna-pick__adv{
  min-width:0;
}

/* --- 5.5 BRANDS (.okna-bm) ------------------------------------------------ */
html body.page-template-tpl-usluga .okna-usluga .okna-bm__item{
  min-width:0;
}
/* Стрелки ленты — тач-цель прототипа. */
html body.page-template-tpl-usluga .okna-usluga .okna-bm__arrow{
  width:44px;
  height:44px;
}

/* --- 5.6 GEO (.okna-geo-req) ---------------------------------------------- */
html body.page-template-tpl-usluga .okna-usluga .okna-geo-req__grid{
  grid-template-columns:minmax(0, 1.2fr) minmax(0, 1fr);
}
html body.page-template-tpl-usluga .okna-usluga .okna-geo-req__features{
  grid-template-columns:repeat(4, minmax(0, 1fr));
}
html body.page-template-tpl-usluga .okna-usluga .okna-geo-req__content,
html body.page-template-tpl-usluga .okna-usluga .okna-geo-req__form,
html body.page-template-tpl-usluga .okna-usluga .okna-geo-req__feature{
  min-width:0;
}

/* --- 5.7 PRICE FACTORS (.okna-pf2) ---------------------------------------- */
html body.page-template-tpl-usluga .okna-usluga .okna-pf2__factors{
  grid-template-columns:repeat(5, minmax(0, 1fr));
}
html body.page-template-tpl-usluga .okna-usluga .okna-pf2__steps{
  grid-template-columns:repeat(4, minmax(0, 1fr));
}
html body.page-template-tpl-usluga .okna-usluga .okna-pf2__factor,
html body.page-template-tpl-usluga .okna-usluga .okna-pf2__step{
  min-width:0;
}
/* Стрелки карусели — тач-цель. */
html body.page-template-tpl-usluga .okna-usluga .okna-pf2__arrow{
  width:44px;
  height:44px;
}

/* --- 5.8 B2B (.okna-fc) --------------------------------------------------- */
/* Радиусы/кегли уже выставлены выше; здесь только защита сеток от выпирания. */
html body.page-template-tpl-usluga .okna-usluga .okna-fc__main{
  grid-template-columns:minmax(0, 1.1fr) minmax(360px, 0.9fr);
}
html body.page-template-tpl-usluga .okna-usluga .okna-fc__benefits{
  grid-template-columns:repeat(3, minmax(0, 1fr));
}
html body.page-template-tpl-usluga .okna-usluga .okna-fc__benefit,
html body.page-template-tpl-usluga .okna-usluga .okna-fc__card{
  min-width:0;
}

/* --- 5.9 SERVICES / связанные услуги (.okna-services) --------------------- */
html body.page-template-tpl-usluga .okna-usluga .okna-services__card{
  min-width:0;
}
html body.page-template-tpl-usluga .okna-usluga .okna-services__name{
  font-size:17px;
  line-height:1.25;
  font-weight:800;
}
html body.page-template-tpl-usluga .okna-usluga .okna-services__more{
  font-size:14px;
  font-weight:700;
}
/* Стрелки слайдера — тач-цель. */
html body.page-template-tpl-usluga .okna-usluga .okna-services__nav{
  width:44px;
  height:44px;
}

/* --- 5.10 SEO-ТЕКСТ (.okna-seo-text) -------------------------------------- */
/* Ключевая правка прототипа: читаемая МЕРА. В рендере абзацы шли на все 1200px
   (~180 знаков в строке), в прототипе — колонка 820px, 15/1.7 --muted. */
html body.page-template-tpl-usluga .okna-usluga .okna-seo-text .okna-st-body{
  max-width:820px;
  font-size:15px;
  line-height:1.7;
  color:var(--muted);
}
html body.page-template-tpl-usluga .okna-usluga .okna-seo-text .okna-st-body p{
  margin:0 0 14px;
}
html body.page-template-tpl-usluga .okna-usluga .okna-seo-text h2{
  font-size:26px !important;
  line-height:1.2 !important;
  letter-spacing:-0.02em !important;
}
html body.page-template-tpl-usluga .okna-usluga .okna-seo-text .okna-st-body h3{
  font-size:20px;
  line-height:1.3;
  font-weight:800;
  color:var(--ink);
  margin:22px 0 10px;
}
/* Переключатель «читать далее» — 14.5/700 --blue + полноценная тач-цель. */
html body.page-template-tpl-usluga .okna-usluga .okna-seo-text .okna-st-btn{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  font-size:14.5px;
  font-weight:700;
  color:var(--blue);
}

/* --- 5.11 ФИНАЛЬНАЯ ФОРМА (.okna-pf-form) -------------------------------- */
html body.page-template-tpl-usluga .okna-usluga .okna-pf-form__grid{
  grid-template-columns:minmax(0, 1.4fr) minmax(0, 0.85fr);
}
html body.page-template-tpl-usluga .okna-usluga .okna-pf-form__left,
html body.page-template-tpl-usluga .okna-usluga .okna-pf-form__how{
  min-width:0;
}
/* Поля формы — высота 48px по прототипу. */
html body.page-template-tpl-usluga .okna-usluga .okna-pf-form .wpcf7 input[type=text],
html body.page-template-tpl-usluga .okna-usluga .okna-pf-form .wpcf7 input[type=tel],
html body.page-template-tpl-usluga .okna-usluga .okna-pf-form .wpcf7 input[type=email]{
  min-height:48px;
}


/* ============================================================================
 * [6] @media (max-width:1024) — LG: планшет, сетки 3+ → 2
 * ========================================================================== */
@media (max-width:1024px){

  html body.page-template-tpl-usluga .okna-usluga .okna-uhero .okna-uhero__h1{
    font-size:36px !important;
  }

  html body.page-template-tpl-usluga .okna-usluga .okna-ws__steps,
  html body.page-template-tpl-usluga .okna-usluga .okna-ws__row--bottom,
  html body.page-template-tpl-usluga .okna-usluga .okna-pf2__steps,
  html body.page-template-tpl-usluga .okna-usluga .okna-fc__benefits,
  html body.page-template-tpl-usluga .okna-usluga .okna-geo-req__features,
  html body.page-template-tpl-usluga .okna-usluga .okna-pick__advs{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
  html body.page-template-tpl-usluga .okna-usluga .okna-pf2__factors{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
  html body.page-template-tpl-usluga .okna-usluga .okna-geo-req__grid,
  html body.page-template-tpl-usluga .okna-usluga .okna-fc__main{
    grid-template-columns:minmax(0, 1fr);
  }
}


/* ============================================================================
 * [7] @media (max-width:768) — MD: ГЛАВНЫЙ мобайл-рубеж
 * «Один экран на блок»: одна колонка, сжатые паддинги, ленты — горизонтальным
 * скроллом (как в мобильном прототипе), тач-цели ≥44px.
 * ========================================================================== */
@media (max-width:768px){

  /* [7.1] КОЛОНКА СТРАНИЦЫ. Боевой дефект: design.css держит
     `.page-template-tpl-usluga .okna-usluga{padding:0 40px}` (0,2,0) БЕЗ мобильного
     оверрайда → на экране 375px колонка теряла 80px (контент 295px) и не совпадала
     с hero, у которого свой padding 16px. Ставим воздух прототипа (20px). */
  html body.page-template-tpl-usluga .okna-usluga{
    padding-left:20px;
    padding-right:20px;
  }

  /* [7.2] Типографика мобильного прототипа. */
  html body.page-template-tpl-usluga .okna-usluga .okna-uhero .okna-uhero__h1{
    font-size:32px !important;
    line-height:1.18 !important;
  }
  html body.page-template-tpl-usluga .okna-usluga .okna-uhero .okna-uhero__sub{
    font-size:15px;
    margin-bottom:18px;
  }
  html body.page-template-tpl-usluga .okna-usluga > section > h2,
  html body.page-template-tpl-usluga .okna-usluga .okna-pf2__title,
  html body.page-template-tpl-usluga .okna-usluga .okna-geo-req__title,
  html body.page-template-tpl-usluga .okna-usluga .okna-section-title,
  html body.page-template-tpl-usluga .okna-usluga .okna-fc__title,
  html body.page-template-tpl-usluga .okna-usluga .okna-pf-form__h2{
    font-size:24px !important;
  }
  html body.page-template-tpl-usluga .okna-usluga .okna-seo-text h2{
    font-size:20px !important;
  }
  html body.page-template-tpl-usluga .okna-usluga .okna-seo-text .okna-st-body{
    font-size:14px;
    line-height:1.65;
  }
  /* Заголовки карточек. ВАЖНО: почти все они — <h3>, а мобайл-фундамент держит
     `body h3{font-size:19px !important}` (okna-mobile.css) → без !important наша
     специфичность бессильна (важность бьёт специфичность). Замер live подтвердил:
     было 19px вместо 16. */
  html body.page-template-tpl-usluga .okna-usluga .okna-ws__title,
  html body.page-template-tpl-usluga .okna-usluga .okna-rs__title,
  html body.page-template-tpl-usluga .okna-usluga .okna-pf2__factor-title,
  html body.page-template-tpl-usluga .okna-usluga .okna-pf2__step-title,
  html body.page-template-tpl-usluga .okna-usluga .okna-fc__benefit-title,
  html body.page-template-tpl-usluga .okna-usluga .okna-fc__format-title,
  html body.page-template-tpl-usluga .okna-usluga .okna-geo-req__zone-title{
    font-size:16px !important;
    line-height:1.3;
  }
  html body.page-template-tpl-usluga .okna-usluga .okna-pick__title{
    font-size:20px !important;
  }

  /* [7.3] ВСЕ сетки — в одну колонку (stack). */
  html body.page-template-tpl-usluga .okna-usluga .okna-ws__steps,
  html body.page-template-tpl-usluga .okna-usluga .okna-ws__row--bottom,
  html body.page-template-tpl-usluga .okna-usluga .okna-pf2__factors,
  html body.page-template-tpl-usluga .okna-usluga .okna-pf2__steps,
  html body.page-template-tpl-usluga .okna-usluga .okna-fc__benefits,
  html body.page-template-tpl-usluga .okna-usluga .okna-fc__main,
  html body.page-template-tpl-usluga .okna-usluga .okna-geo-req__grid,
  html body.page-template-tpl-usluga .okna-usluga .okna-geo-req__features,
  html body.page-template-tpl-usluga .okna-usluga .okna-pick__advs,
  html body.page-template-tpl-usluga .okna-usluga .okna-pf-form__grid,
  html body.page-template-tpl-usluga .okna-usluga .okna-uhero .okna-uhero__benefits{
    grid-template-columns:minmax(0, 1fr) !important;
  }
  html body.page-template-tpl-usluga .okna-usluga .okna-uhero .okna-uhero__benefits{
    gap:10px;
    max-width:none;
  }

  /* situations по макету 15 mobile: не скукоженная desktop-панель, а h-scroll карточек.
     Desktop-разметка остаётся для ≥769, mobile получает отдельные карточки из тех же данных. */
  html body.page-template-tpl-usluga .okna-usluga .okna-rs{
    background:#fff !important;
    border-color:transparent !important;
    box-shadow:none !important;
    padding:0 !important;
  }
  html body.page-template-tpl-usluga .okna-usluga .okna-rs__grid{
    display:none !important;
  }
  html body.page-template-tpl-usluga .okna-usluga .okna-rs__mobile{
    display:flex;
    gap:12px;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    padding:2px 0 8px;
    margin:0;
    scrollbar-width:thin;
    scrollbar-color:#8a94a6 #eef1f6;
  }
  html body.page-template-tpl-usluga .okna-usluga .okna-rs__mobile::-webkit-scrollbar{
    height:6px;
  }
  html body.page-template-tpl-usluga .okna-usluga .okna-rs__mobile::-webkit-scrollbar-track{
    background:#eef1f6;
    border-radius:999px;
  }
  html body.page-template-tpl-usluga .okna-usluga .okna-rs__mobile::-webkit-scrollbar-thumb{
    background:#8a94a6;
    border-radius:999px;
  }
  html body.page-template-tpl-usluga .okna-usluga .okna-rs__mcard{
    flex:0 0 230px;
    scroll-snap-align:start;
    overflow:hidden;
    background:#fff;
    border:1px solid var(--line,#e8ecf2);
    border-radius:14px;
    box-shadow:none;
  }
  html body.page-template-tpl-usluga .okna-usluga .okna-rs__mmedia{
    position:relative;
    aspect-ratio:16/10;
    overflow:hidden;
    background:#0b1f3f;
  }
  html body.page-template-tpl-usluga .okna-usluga .okna-rs__mimg{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
  }
  html body.page-template-tpl-usluga .okna-usluga .okna-rs__mshade{
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(11,31,63,0) 36%, rgba(11,31,63,.76) 100%);
  }
  html body.page-template-tpl-usluga .okna-usluga .okna-rs__mtitle{
    position:absolute;
    left:12px;
    right:12px;
    bottom:10px;
    margin:0 !important;
    color:#fff !important;
    font-size:15px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
    letter-spacing:-.01em;
  }
  html body.page-template-tpl-usluga .okna-usluga .okna-rs__mbody{
    padding:13px 14px 15px;
  }
  html body.page-template-tpl-usluga .okna-usluga .okna-rs__mdesc{
    margin:0;
    color:var(--muted,#526173);
    font-size:13.5px;
    line-height:1.55;
  }

  /* [7.4] Кнопки — во всю ширину, комфортная высота (правило мобайл-фундамента). */
  html body.page-template-tpl-usluga .okna-usluga .okna-pick__btn,
  html body.page-template-tpl-usluga .okna-usluga .okna-bm__all,
  html body.page-template-tpl-usluga .okna-usluga .okna-fc .fc__btn,
  html body.page-template-tpl-usluga .okna-usluga .okna-pf2__more{
    width:100%;
    min-height:48px;
  }
  html body.page-template-tpl-usluga .okna-usluga .okna-pick__ctas{
    flex-direction:column;
  }

  /* [7.5] Поля ввода — 16px (анти-зум iOS) и полная ширина. */
  html body.page-template-tpl-usluga .okna-usluga input,
  html body.page-template-tpl-usluga .okna-usluga select,
  html body.page-template-tpl-usluga .okna-usluga textarea{
    font-size:16px !important;
    max-width:100%;
  }

  /* [7.6] Горизонтальные ленты — свайп с выравниванием по краю колонки. */
  html body.page-template-tpl-usluga .okna-usluga .okna-services__track,
  html body.page-template-tpl-usluga .okna-usluga .okna-bm__strip,
  html body.page-template-tpl-usluga .okna-usluga .okna-pf2__cards{
    scroll-padding-left:0;
    -webkit-overflow-scrolling:touch;
  }
  /* Стрелки лент на тач-экране не нужны — свайп (визуально скрыты, из DOM не удалены). */
  html body.page-template-tpl-usluga .okna-usluga .okna-services__nav,
  html body.page-template-tpl-usluga .okna-usluga .okna-bm__arrow,
  html body.page-template-tpl-usluga .okna-usluga .okna-pf2__arrow{
    display:none;
  }

  /* [7.7] Сжатие паддингов панелей — «один экран на блок». */
  html body.page-template-tpl-usluga .okna-usluga .okna-rs,
  html body.page-template-tpl-usluga .okna-usluga .okna-ws__card,
  html body.page-template-tpl-usluga .okna-usluga .okna-pick__banner,
  html body.page-template-tpl-usluga .okna-usluga .okna-bm__card,
  html body.page-template-tpl-usluga .okna-usluga .okna-geo-req__box,
  html body.page-template-tpl-usluga .okna-usluga .okna-pf-form__card{
    padding:20px;
  }
  html body.page-template-tpl-usluga .okna-usluga .okna-ws__step,
  html body.page-template-tpl-usluga .okna-usluga .okna-fc__offer,
  html body.page-template-tpl-usluga .okna-usluga .okna-fc__formats,
  html body.page-template-tpl-usluga .okna-usluga .okna-fc__cta,
  html body.page-template-tpl-usluga .okna-usluga .okna-fc__benefit{
    padding:18px;
  }

  /* [7.8] Тач-цели ≥44px у интерактивных строк (замер live: были 24–36px). */
  html body.page-template-tpl-usluga .okna-usluga .okna-rs__tab,
  html body.page-template-tpl-usluga .okna-usluga .okna-bm__link,
  html body.page-template-tpl-usluga .okna-usluga .okna-bm__tab,
  html body.page-template-tpl-usluga .okna-usluga .okna-bm__notfound{
    min-height:44px;
  }
  /* Текстовые ссылки-действия: у них display:inline → min-height не применялся,
     поэтому переводим в inline-flex (вид строки не меняется). */
  html body.page-template-tpl-usluga .okna-usluga .okna-services__all,
  html body.page-template-tpl-usluga .okna-usluga .okna-geo-req__more,
  html body.page-template-tpl-usluga .okna-usluga .okna-pf2__open{
    display:inline-flex;
    align-items:center;
    min-height:44px;
  }
  /* Крошки и inline-ссылки в юридическом тексте согласия НЕ увеличиваем:
     это текстовый поток, а не кнопки — раздутая строка ломает вёрстку абзаца. */
}


/* ============================================================================
 * [8] @media (max-width:600) — SM: телефон
 * ========================================================================== */
@media (max-width:600px){

  /* [8.1] Боковой воздух 16px — канон мобайл-фундамента (MOBILE_PRAVILA, SM). */
  html body.page-template-tpl-usluga .okna-usluga{
    padding-left:16px;
    padding-right:16px;
  }

  /* [8.2] ОДНА ЛЕВАЯ ЛИНИЯ. На десктопе ось заголовков = --okna-head-indent 37px
     (канон владельца, сохранён). На телефоне design.css оставляет .okna-usluga:18px,
     хотя :root и .glavnaya-v4 уже обнулены → заголовок уезжал на 16+18=34px, а
     карточки стояли на 16px. В прототипе на мобиле ВСЁ на одном крае — обнуляем
     ось только здесь и только для шаблона услуги. */
  html body.page-template-tpl-usluga .okna-usluga{
    --okna-head-indent:0px;
  }
  /* Два блока не берут ось из переменной и держат свой инсет — доводим на тот же край:
     • .okna-pf2__intro — design.css ставит ему margin-left:18px (0,3,2) отдельным правилом;
     • .okna-fc .okna-wrap — usluga.css (FORBID, правим только отсюда) ставит padding 0 20px
       на своём брейкпоинте 760. Обе правки — только ≤600 и только на шаблоне услуги. */
  html body.page-template-tpl-usluga .okna-usluga .okna-pf2__intro{
    margin-left:0 !important;
  }
  html body.page-template-tpl-usluga .okna-usluga .okna-fc .okna-wrap{
    padding-left:16px;
    padding-right:16px;
  }

  html body.page-template-tpl-usluga .okna-usluga .okna-uhero .okna-uhero__h1{
    font-size:29px !important;
  }
  html body.page-template-tpl-usluga .okna-usluga > section > h2,
  html body.page-template-tpl-usluga .okna-usluga .okna-pf2__title,
  html body.page-template-tpl-usluga .okna-usluga .okna-geo-req__title,
  html body.page-template-tpl-usluga .okna-usluga .okna-section-title,
  html body.page-template-tpl-usluga .okna-usluga .okna-fc__title,
  html body.page-template-tpl-usluga .okna-usluga .okna-pf-form__h2{
    font-size:22px !important;
  }

  /* Плашки — воздух 18px. */
  html body.page-template-tpl-usluga .okna-usluga .okna-rs,
  html body.page-template-tpl-usluga .okna-usluga .okna-ws__card,
  html body.page-template-tpl-usluga .okna-usluga .okna-pick__banner,
  html body.page-template-tpl-usluga .okna-usluga .okna-bm__card,
  html body.page-template-tpl-usluga .okna-usluga .okna-geo-req__box,
  html body.page-template-tpl-usluga .okna-usluga .okna-pf-form__card{
    padding:18px;
  }

  /* Красный CTA героя — во всю ширину и без «прыгающей» тени. */
  html body.page-template-tpl-usluga .okna-usluga .okna-uhero .okna-btn.okna-btn--hero,
  html body.page-template-tpl-usluga .okna-usluga .okna-uhero .okna-btn.okna-uhero__ghost{
    width:100%;
    justify-content:center;
    text-align:center;
    padding:15px 20px !important;
  }
}


/* ============================================================================
 * [9] @media (max-width:480) — XS: мелкие телефоны, донастройка кеглей
 * ========================================================================== */
@media (max-width:480px){

  html body.page-template-tpl-usluga .okna-usluga .okna-uhero .okna-uhero__h1{
    font-size:27px !important;   /* значение мобильного прототипа (375px) */
  }
  html body.page-template-tpl-usluga .okna-usluga .okna-uhero .okna-uhero__sub{
    font-size:14.5px;
  }
  html body.page-template-tpl-usluga .okna-usluga .okna-ws__title,
  html body.page-template-tpl-usluga .okna-usluga .okna-rs__title,
  html body.page-template-tpl-usluga .okna-usluga .okna-pf2__factor-title,
  html body.page-template-tpl-usluga .okna-usluga .okna-pf2__step-title,
  html body.page-template-tpl-usluga .okna-usluga .okna-fc__benefit-title,
  html body.page-template-tpl-usluga .okna-usluga .okna-fc__format-title,
  html body.page-template-tpl-usluga .okna-usluga .okna-geo-req__zone-title{
    font-size:15px !important;   /* !important — против body h3 из мобайл-фундамента */
  }
  html body.page-template-tpl-usluga .okna-usluga .okna-services__name{
    font-size:15px;
  }
  html body.page-template-tpl-usluga .okna-usluga .okna-ws__desc,
  html body.page-template-tpl-usluga .okna-usluga .okna-pf2__factor-txt,
  html body.page-template-tpl-usluga .okna-usluga .okna-pf2__step-txt,
  html body.page-template-tpl-usluga .okna-usluga .okna-fc__benefit-txt,
  html body.page-template-tpl-usluga .okna-usluga .okna-fc__format-txt,
  html body.page-template-tpl-usluga .okna-usluga .okna-services__text{
    font-size:13px;
  }
  html body.page-template-tpl-usluga .okna-usluga .okna-pick__title{
    font-size:18px !important;
  }

  /* Плашки — минимальный воздух, но карточка остаётся карточкой. */
  html body.page-template-tpl-usluga .okna-usluga .okna-rs,
  html body.page-template-tpl-usluga .okna-usluga .okna-ws__card,
  html body.page-template-tpl-usluga .okna-usluga .okna-pick__banner,
  html body.page-template-tpl-usluga .okna-usluga .okna-bm__card,
  html body.page-template-tpl-usluga .okna-usluga .okna-geo-req__box,
  html body.page-template-tpl-usluga .okna-usluga .okna-pf-form__card{
    padding:16px;
  }
}


/* ════════════════════════════════════════════════════════════════════════════
 * ★ 2026-08-05 · МАКЕТ 15 — ДОВОДКА ПОД ЭТАЛОН «15 Услуга (Замена лобового).dc.html»
 * Раздел [10] ниже перебивает старые значения [1]-[9] (стандарт макета 15, не
 * старого прототипа). Скоуп тот же: html body.page-template-tpl-usluga .okna-usluga.
 * ============================================================================ */

/* --- HERO (десктоп): H1 40, лид 16.5, кнопки r8, чипы 2×2 13.5/галк #3fd07a --- */
html body.page-template-tpl-usluga .okna-usluga .okna-uhero .okna-uhero__inner{
  max-width:1280px;
  min-height:auto;
  padding:24px 32px 52px;
  justify-content:flex-start;
}
html body.page-template-tpl-usluga .okna-usluga .okna-uhero .okna-uhero__crumbs{ font-size:13px; margin-bottom:26px; }
html body.page-template-tpl-usluga .okna-usluga .okna-uhero .okna-uhero__h1{
  font-size:clamp(30px, 2.6vw + 12px, 40px) !important;
  line-height:1.12 !important;
  letter-spacing:-.01em !important;
  max-width:700px;
}
html body.page-template-tpl-usluga .okna-usluga .okna-uhero .okna-uhero__sub{
  font-size:16.5px;
  line-height:1.55;
  max-width:520px;
  color:#cfd6e2;
}
html body.page-template-tpl-usluga .okna-usluga .okna-uhero .okna-btn.okna-btn--hero,
html body.page-template-tpl-usluga .okna-usluga .okna-uhero .okna-btn.okna-uhero__ghost{
  border-radius:8px !important;
  font-size:15.5px;
}
html body.page-template-tpl-usluga .okna-usluga .okna-uhero .okna-btn.okna-uhero__ghost{ border-color:rgba(255,255,255,.55) !important; }
html body.page-template-tpl-usluga .okna-usluga .okna-uhero .okna-btn.okna-uhero__ghost:hover{ background:rgba(255,255,255,.08) !important; border-color:#fff !important; color:#fff !important; }
html body.page-template-tpl-usluga .okna-usluga .okna-uhero .okna-uhero__benefits li{
  font-size:13.5px;
  line-height:1.4;
}
html body.page-template-tpl-usluga .okna-usluga .okna-uhero .okna-uhero__benefits li::before{ color:#3fd07a; }

/* --- СИТУАЦИИ (десктоп): подложка r22, табы вплотную, активная #eef3fc, панель 420 --- */
html body.page-template-tpl-usluga .okna-usluga .okna-rs{
  border-radius:22px !important;
  padding:40px 44px;
}
html body.page-template-tpl-usluga .okna-usluga .okna-rs__tabs{
  padding:6px;
  display:flex;
  flex-direction:column;
  gap:0;                    /* строки вплотную */
}
html body.page-template-tpl-usluga .okna-usluga .okna-rs__tab{
  border-radius:10px;
  padding:13px 14px;
}
html body.page-template-tpl-usluga .okna-usluga .okna-rs__tab + .okna-rs__tab{ box-shadow:none; } /* макет 15: разделитель = border-top (ниже), убираем дубль-механизм box-shadow из glavnaya.css */
html body.page-template-tpl-usluga .okna-usluga .okna-rs__tab.is-active{
  background:#eef3fc !important;
  border-color:transparent !important; /* макет 15: активный таб = ТОЛЬКО фон #eef3fc, рамки нет. Гасим синюю border-color:#1c5bd6!important из glavnaya.css (там она била все стороны, usluga-view снимал только верх → обрывистая «П»-рамка) */
}
html body.page-template-tpl-usluga .okna-usluga .okna-rs__tab:hover{ border-color:transparent !important; } /* макет 15: ховер меняет только фон. Гасим серую border-color:#dbe4f0!important из glavnaya.css (мигала рамкой на наведении) */
html body.page-template-tpl-usluga .okna-usluga .okna-rs__tab:not(.is-active) + .okna-rs__tab:not(.is-active){ border-top:1px solid #eef1f6 !important; } /* макет 15: одиночный разделитель ТОЛЬКО между двумя неактивными табами. !important бьёт `border:1px transparent!important` из glavnaya.css (без него border-top не отрисовывался — реальным разделителем был box-shadow) */
html body.page-template-tpl-usluga .okna-usluga .okna-rs__tab-ico{ border-radius:9px; }
html body.page-template-tpl-usluga .okna-usluga .okna-rs__panel{ min-height:420px; }
html body.page-template-tpl-usluga .okna-usluga .okna-rs__title{ font-size:24px; }
html body.page-template-tpl-usluga .okna-usluga .okna-rs__accent{ width:44px; }
html body.page-template-tpl-usluga .okna-usluga .okna-rs__info{
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.16);
  border-radius:10px;
}

/* --- ЧТО ВХОДИТ (десктоп): карта r22, «кирпичи» 6 колонок, номер ровный синий, «на выходе» на border-top --- */
html body.page-template-tpl-usluga .okna-usluga .okna-ws__card{
  background:linear-gradient(155deg,#12233f,#0b1830);
  border-radius:22px !important;
  padding:36px 40px;
}
html body.page-template-tpl-usluga .okna-usluga .okna-ws__steps{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:22px;
}
html body.page-template-tpl-usluga .okna-usluga .okna-ws__row--top .okna-ws__step:nth-child(1){ grid-column:1/3; }
html body.page-template-tpl-usluga .okna-usluga .okna-ws__row--top .okna-ws__step:nth-child(2){ grid-column:3/5; }
html body.page-template-tpl-usluga .okna-usluga .okna-ws__row--top .okna-ws__step:nth-child(3){ grid-column:5/7; }
html body.page-template-tpl-usluga .okna-usluga .okna-ws__row--bottom .okna-ws__step:nth-child(1){ grid-column:2/4; }
html body.page-template-tpl-usluga .okna-usluga .okna-ws__row--bottom .okna-ws__step:nth-child(2){ grid-column:4/6; }
/* ★ FIX: нижний ряд был УЖЕ верхнего. Причина: на услуге грид переопределён на 6-col, но остался
   cap из glavnaya.css:241 `.okna-ws__row--bottom{ max-width:720px; margin:0 auto }` (модель ГЛАВНОЙ:
   2-col + центрирование). Из-за него низ = 720px (карточки 225), верх = 1134 (363).
   Снимаем cap → нижний ряд полноширинный по 6-col: карточки 2/4 и 4/6 = ТА ЖЕ ширина, что верх (363),
   центрованы над зазорами верхнего = ШАХМАТКА. 6 шагов (3+3): низ 3 карточки на всю ширину (было 3-я 102px). */
html body.page-template-tpl-usluga .okna-usluga .okna-ws--n6 .okna-ws__row--bottom .okna-ws__step:nth-child(1){ grid-column:1/3; }
html body.page-template-tpl-usluga .okna-usluga .okna-ws--n6 .okna-ws__row--bottom .okna-ws__step:nth-child(2){ grid-column:3/5; }
html body.page-template-tpl-usluga .okna-usluga .okna-ws--n6 .okna-ws__row--bottom .okna-ws__step:nth-child(3){ grid-column:5/7; }
html body.page-template-tpl-usluga .okna-usluga .okna-ws__row--bottom{ max-width:none; margin:22px 0 0; }
html body.page-template-tpl-usluga .okna-usluga .okna-ws__step{
  border-radius:16px !important;
  padding:22px 24px;
  min-height:0;
}
html body.page-template-tpl-usluga .okna-usluga .okna-ws__num{
  background:#1c5bd6 !important;
  border-radius:999px;
  width:40px; height:40px; min-width:40px;
  font-size:14px;
}
html body.page-template-tpl-usluga .okna-usluga .okna-ws__title{ font-size:16px; }
html body.page-template-tpl-usluga .okna-usluga .okna-ws__desc{ color:#aebbd0; font-size:14px; }
html body.page-template-tpl-usluga .okna-usluga .okna-ws__out{
  background:transparent;
  border:0;
  border-top:1px solid rgba(255,255,255,.14);
  border-radius:0 !important;
  padding:22px 0 0;
  margin-top:26px;
}
html body.page-template-tpl-usluga .okna-usluga .okna-ws__out-ico{ background:rgba(63,208,122,.16); }

/* --- PICKER (десктоп): баннер r18, H2 27, кнопки r8 --- */
html body.page-template-tpl-usluga .okna-usluga .okna-pick__banner{ border-radius:18px !important; }
html body.page-template-tpl-usluga .okna-usluga .okna-pick__title{ font-size:27px; }
html body.page-template-tpl-usluga .okna-usluga .okna-pick__btn{ border-radius:8px !important; }
html body.page-template-tpl-usluga .okna-usluga .okna-pick__phone{ font-size:14px; }

/* --- МАРКИ (десктоп): карточка 184, лого 124×80, плашка «не нашли» --- */
html body.page-template-tpl-usluga .okna-usluga .okna-bm__link{
  flex:0 0 184px;
  width:184px;
  height:auto;
  border-radius:16px !important;
  padding:22px 12px 18px;
}
html body.page-template-tpl-usluga .okna-usluga .okna-bm__logo{ width:124px; height:80px; }
html body.page-template-tpl-usluga .okna-usluga .okna-bm__logo img{ max-width:124px; max-height:80px; }
html body.page-template-tpl-usluga .okna-usluga .okna-bm__name{ font-size:14.5px; }
html body.page-template-tpl-usluga .okna-usluga .okna-bm__arrow{ width:46px; height:46px; }

/* --- ГЕО (десктоп): зоны r16, поля r10, кнопка r8 --- */
html body.page-template-tpl-usluga .okna-usluga .okna-geo-req__zone{ border-radius:16px !important; padding:16px 18px; }

/* --- ГЕО (десктоп): подложка r18, зоны r16, поля r10, кнопка r8 --- */
html body.page-template-tpl-usluga .okna-usluga .okna-geo-req__box{
  background:var(--bg-soft);
  border-color:var(--line);
  border-radius:18px !important;
  padding:36px 40px 30px;
}
html body.page-template-tpl-usluga .okna-usluga .okna-geo-req__input,
html body.page-template-tpl-usluga .okna-usluga .okna-geo-req__textarea{
  border-radius:var(--ok-radius-field,8px) !important; /* Волна 1-бис: geo-req на услуге 10→8 (перебивало :186; сцепка) */
  min-height:46px;
}
html body.page-template-tpl-usluga .okna-usluga .okna-geo-req__submit{ border-radius:8px !important; }
html body.page-template-tpl-usluga .okna-usluga .okna-geo-req__form{ padding:26px 26px 22px; }

/* --- ЦЕНООБРАЗОВАНИЕ (десктоп): CTA r22/кнопка r12, карточки r18, факторы r16, гарантия r16 --- */
html body.page-template-tpl-usluga .okna-usluga .okna-pf2__cta{ border-radius:22px !important; }
html body.page-template-tpl-usluga .okna-usluga .okna-pf2__cta-btn{ border-radius:12px !important; }
html body.page-template-tpl-usluga .okna-usluga .okna-pf2__card{ border-radius:18px !important; }
html body.page-template-tpl-usluga .okna-usluga .okna-pf2__factor{ border-radius:16px !important; }
html body.page-template-tpl-usluga .okna-usluga .okna-pf2__factor-ico{ border-radius:11px; }
html body.page-template-tpl-usluga .okna-usluga .okna-pf2__factor-title{ min-height:46px; }
html body.page-template-tpl-usluga .okna-usluga .okna-pf2__step{ border-radius:16px !important; }
html body.page-template-tpl-usluga .okna-usluga .okna-pf2__warranty{
  background:#eef9f1;
  border-color:#cdeed8;
  border-radius:16px !important;
  padding:22px 24px;
}
html body.page-template-tpl-usluga .okna-usluga .okna-pf2__more{ border-radius:8px !important; }
html body.page-template-tpl-usluga .okna-usluga .okna-pf2__cards-note{ border-radius:14px; }

/* --- УСЛУГИ (десктоп): карточка 224 r14, стрелки 38 тёмные --- */
html body.page-template-tpl-usluga .okna-usluga .okna-services__card{ flex:0 0 224px; border-radius:14px !important; }
html body.page-template-tpl-usluga .okna-usluga .okna-services__nav{ width:38px; height:38px; background:#12233f !important; color:#fff !important; border-color:#12233f !important; }
html body.page-template-tpl-usluga .okna-usluga .okna-services__nav:hover{ background:#1c5bd6 !important; color:#fff !important; border-color:#1c5bd6 !important; }
html body.page-template-tpl-usluga .okna-usluga .okna-services__nav svg{ stroke:#fff; }

/* --- B2B (десктоп, макет 15): CTA r20, кнопки r8, красная + ghost на тёмном --- */
html body.page-template-tpl-usluga .okna-usluga .okna-fc__cta{
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.14);
  border-radius:20px !important;
  padding:32px 36px;
}
html body.page-template-tpl-usluga .okna-usluga .okna-fc__cta-title{ color:#fff; font-size:22px; }
html body.page-template-tpl-usluga .okna-usluga .okna-fc__cta-txt{ color:#c2cfe6; font-size:15px; }
html body.page-template-tpl-usluga .okna-usluga .okna-fc .fc__btn{
  height:50px; min-height:50px; border-radius:8px !important; font-size:15.5px; padding:0 28px;
}
html body.page-template-tpl-usluga .okna-usluga .okna-fc .fc__btn:not(.fc__btn--ghost):not(.secondary){
  background:var(--red,#e0223a) !important; border-color:var(--red,#e0223a) !important; color:#fff !important;
}
html body.page-template-tpl-usluga .okna-usluga .okna-fc .fc__btn:not(.fc__btn--ghost):not(.secondary):hover{ background:#c81a30 !important; }
html body.page-template-tpl-usluga .okna-usluga .okna-fc .fc__btn--ghost,
html body.page-template-tpl-usluga .okna-usluga .okna-fc button.secondary.fc__btn{ background:transparent !important; color:#fff !important; border:2px solid rgba(255,255,255,.55) !important; }
html body.page-template-tpl-usluga .okna-usluga .okna-fc .fc__btn--ghost:hover,
html body.page-template-tpl-usluga .okna-usluga .okna-fc button.secondary.fc__btn:hover{ border-color:#fff !important; background:rgba(255,255,255,.08) !important; color:#fff !important; }

/* --- SEO (десктоп): H2 34, проза 16/1.7, H3 22 --- */
html body.page-template-tpl-usluga .okna-usluga .okna-seo-text h2{ font-size:34px !important; line-height:1.15 !important; }
html body.page-template-tpl-usluga .okna-usluga .okna-seo-text .okna-st-body{ font-size:16px; line-height:1.7; }
html body.page-template-tpl-usluga .okna-usluga .okna-seo-text .okna-st-body p{ font-size:16px; }
html body.page-template-tpl-usluga .okna-usluga .okna-seo-text .okna-st-body h3{ font-size:22px; }

/* --- FAQ (десктоп): приведено к ГЛАВНОЙ (ok-home-w4.css): кружок СЛЕВА (row, не row-reverse —
   значок рисует ::before канона, он и так первый; row-reverse уносил его ВПРАВО), фон секции #f5f8fd. --- */
/* ★ FAQ = стандарт главной (решение владельца 03.09, FORBID снят): band во всю ширину, не boxed-панель. Десктоп — full-bleed calc, мобилка ниже в @media. */
html body.page-template-tpl-usluga .okna-usluga .okna-faq{ background:var(--ok-section-b,#f5f8fd); border-radius:0; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); padding:44px calc(50vw - 50% + 16px) 48px; }
html body.page-template-tpl-usluga .okna-usluga .okna-faq details{ border-radius:10px; padding:0 22px; margin-bottom:10px; }
html body.page-template-tpl-usluga .okna-usluga .okna-faq summary{
  padding:18px 0;
  font-size:16.5px;
  gap:14px;
  flex-direction:row;
  justify-content:flex-start;
}
html body.page-template-tpl-usluga .okna-usluga .okna-faq summary::before{
  width:28px; height:28px;
  background:#eef3fc !important;
  border:0 !important;
  color:#1c5bd6 !important;
  font-size:18px;
}
html body.page-template-tpl-usluga .okna-usluga .okna-faq details > div{ padding:0 0 18px; }

/* --- ФОРМА (десктоп): обёртка r18, поля r8, кнопка r8, H2 30 --- */
html body.page-template-tpl-usluga .okna-usluga .okna-pf-form__card{ border-radius:18px !important; padding:36px 40px; }
html body.page-template-tpl-usluga .okna-usluga .okna-pf-form__h2{ font-size:30px !important; }
html body.page-template-tpl-usluga .okna-usluga .okna-pf-form .wpcf7 input[type=text],
html body.page-template-tpl-usluga .okna-usluga .okna-pf-form .wpcf7 input[type=tel]{
  border-radius:8px !important;
  min-height:48px;
}
html body.page-template-tpl-usluga .okna-usluga #final-form.okna-pf-form .wpcf7-submit{ border-radius:8px !important; }

/* --- МОБИЛКА: скрыть picker и гео (макет 15), мобильные H2/карточки, FAQ-фон --- */
@media (max-width:768px){

  /* вертикальный ритм мобилки (макет): секции 22px сверху, компактный низ.
     Перебивает design.css:452 `.okna-usluga > section:not(.okna-uhero){margin-top:38px !important}`
     той же важностью + более поздним файлом. */
  html body.page-template-tpl-usluga .okna-usluga > section:not(.okna-uhero){ margin-top:22px !important; }
  html body.page-template-tpl-usluga .okna-usluga > section{ margin-bottom:22px !important; }
  html body.page-template-tpl-usluga .okna-usluga .okna-uhero{ margin-top:0 !important; margin-bottom:0 !important; }
  html body.page-template-tpl-usluga .okna-usluga .okna-fc{ margin-top:22px !important; }
  html body.page-template-tpl-usluga .okna-usluga .okna-faq{ margin-bottom:0 !important; }

  /* picker и гео — скрыть (в макете на мобилке нет) */
  html body.page-template-tpl-usluga .okna-usluga .okna-pick,
  html body.page-template-tpl-usluga .okna-usluga .okna-geo-req{ display:none !important; }

  /* HERO мобилка: скруглённая карточка r16 (макет), крошки наружу */
  html body.page-template-tpl-usluga .okna-usluga .okna-uhero{
    border-radius:16px;
    overflow:hidden;
  }
  html body.page-template-tpl-usluga .okna-usluga .okna-uhero .okna-uhero__inner{
    min-height:auto;
    padding:22px 18px;
  }
  html body.page-template-tpl-usluga .okna-usluga .okna-uhero .okna-uhero__h1{ font-size:26px !important; line-height:1.18 !important; } /* Волна 4 §7.1: услуга h1 моб 23→26 (норма раздел; 23=h2 23 схлоп на 768) */
  html body.page-template-tpl-usluga .okna-usluga .okna-uhero .okna-uhero__sub{ font-size:14px; line-height:1.5; margin-bottom:16px; }
  html body.page-template-tpl-usluga .okna-usluga .okna-uhero .okna-uhero__crumbs{ font-size:12px; margin-bottom:14px; }
  html body.page-template-tpl-usluga .okna-usluga .okna-uhero .okna-btn.okna-btn--hero,
  html body.page-template-tpl-usluga .okna-usluga .okna-uhero .okna-btn.okna-uhero__ghost{
    width:100%; justify-content:center; text-align:center;
    border-radius:4px !important;
  }
  html body.page-template-tpl-usluga .okna-usluga .okna-uhero .okna-btn.okna-btn--hero{ height:50px; min-height:50px; }
  html body.page-template-tpl-usluga .okna-usluga .okna-uhero .okna-btn.okna-uhero__ghost{ height:48px; min-height:48px; }
  html body.page-template-tpl-usluga .okna-usluga .okna-uhero .okna-uhero__benefits{ flex-direction:column; gap:8px; margin-top:16px; padding-top:14px; border-top:1px solid rgba(255,255,255,.15); }
  html body.page-template-tpl-usluga .okna-usluga .okna-uhero .okna-uhero__benefits li{ font-size:13px; }

  /* H2 секций мобилка = 23 (макет) */
  html body.page-template-tpl-usluga .okna-usluga > section > h2,
  html body.page-template-tpl-usluga .okna-usluga .okna-pf2__title,
  html body.page-template-tpl-usluga .okna-usluga .okna-geo-req__title,
  html body.page-template-tpl-usluga .okna-usluga .okna-section-title,
  html body.page-template-tpl-usluga .okna-usluga .okna-fc__title,
  html body.page-template-tpl-usluga .okna-usluga .okna-pf-form__h2{
    font-size:23px !important;
    line-height:1.25 !important;
  }

  /* карточки-ориентиры цен — 200px r16, факторы 2 кол, шаги стек, гарантия r12 */
  html body.page-template-tpl-usluga .okna-usluga .okna-pf2__card{ flex:0 0 200px; border-radius:16px; }
  html body.page-template-tpl-usluga .okna-usluga .okna-pf2__factor{ border-radius:12px; padding:14px; }
  html body.page-template-tpl-usluga .okna-usluga .okna-pf2__factors{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px; }
  html body.page-template-tpl-usluga .okna-usluga .okna-pf2__step{ border-radius:12px; padding:13px 15px; }
  html body.page-template-tpl-usluga .okna-usluga .okna-pf2__warranty{ border-radius:12px !important; padding:14px 16px; }
  html body.page-template-tpl-usluga .okna-usluga .okna-pf2__cta{ background:var(--blue,#1c5bd6); border-radius:14px !important; padding:18px; }
  html body.page-template-tpl-usluga .okna-usluga .okna-pf2__cta-btn{ background:#fff !important; color:var(--ink) !important; border-radius:8px !important; height:46px; min-height:46px; }
  html body.page-template-tpl-usluga .okna-usluga .okna-pf2__cta-title{ color:#fff; font-size:16px; }
  html body.page-template-tpl-usluga .okna-usluga .okna-pf2__cta-txt{ color:#dbe6fb; font-size:13px; }

  /* услуги мобилка (макет): карточка 210px r14, заголовок 14.5 */
  html body.page-template-tpl-usluga .okna-usluga .okna-services__card{ flex:0 0 210px; border-radius:14px; }
  html body.page-template-tpl-usluga .okna-usluga .okna-services__name{ font-size:14.5px; }

  /* «Что входит» мобилка (макет): карта r16 pad20×18, номер 38×38 r10 полупрозрачный, «на выходе» скрыт */
  html body.page-template-tpl-usluga .okna-usluga .okna-ws__card{ border-radius:16px !important; padding:20px 18px; }
  html body.page-template-tpl-usluga .okna-usluga .okna-ws__steps{ grid-template-columns:minmax(0,1fr) !important; gap:16px; }
  html body.page-template-tpl-usluga .okna-usluga .okna-ws__step{
    grid-column:auto !important;
    border-radius:16px !important;
    padding:16px 18px;
  }
  html body.page-template-tpl-usluga .okna-usluga .okna-ws__num{
    width:38px; height:38px; min-width:38px;
    background:rgba(28,91,214,.22) !important;
    color:#7fb0ff !important;
    font-size:14px;
  }
  html body.page-template-tpl-usluga .okna-usluga .okna-ws__title{ font-size:14.5px; }
  html body.page-template-tpl-usluga .okna-usluga .okna-ws__desc{ font-size:13px; }
  html body.page-template-tpl-usluga .okna-usluga .okna-ws__out{ display:none !important; }
  html body.page-template-tpl-usluga .okna-usluga .okna-ws__row--bottom{ display:none; }

  /* мобильные заголовки B2B и финальной формы — по макету 20px */
  html body.page-template-tpl-usluga .okna-usluga .okna-fc__title,
  html body.page-template-tpl-usluga .okna-usluga .okna-pf-form__h2{ font-size:20px !important; }
  html body.page-template-tpl-usluga .okna-usluga .okna-fc__accent{ width:40px !important; }

  /* B2B: оффер/форматы/бенефиты/CTA скрыты в usluga.css; здесь скрываем основной грид тоже */
  html body.page-template-tpl-usluga .okna-usluga .okna-fc__main,
  html body.page-template-tpl-usluga .okna-usluga .okna-fc__benefits,
  html body.page-template-tpl-usluga .okna-usluga .okna-fc__cta{ display:none; }
  html body.page-template-tpl-usluga .okna-usluga .okna-fc__m-wrap{ display:block; }
  html body.page-template-tpl-usluga .okna-usluga section.okna-fc .okna-wrap{ padding-left:0; padding-right:0; }

  /* кейсы и отзывы на мобилке — h-scroll (CSS-оформление; разметку дают блоки) */
  html body.page-template-tpl-usluga .okna-usluga .okna-cases{ background:#f5f8fd; padding:28px 0 30px; }
  html body.page-template-tpl-usluga .okna-usluga .okna-cases .okna-cases__grid{
    display:flex;
    gap:12px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    padding:2px 0 10px;
  }
  html body.page-template-tpl-usluga .okna-usluga .okna-case{ flex:0 0 270px; scroll-snap-align:start; }
  html body.page-template-tpl-usluga .okna-usluga .okna-case__img{ height:150px; }
  html body.page-template-tpl-usluga .okna-usluga .okna-case__title{ font-size:15px; }

  html body.page-template-tpl-usluga .okna-usluga .okna-reviews__grid{
    display:flex;
    gap:12px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  html body.page-template-tpl-usluga .okna-usluga .okna-reviews__grid > *{ flex:0 0 280px; scroll-snap-align:start; }
  html body.page-template-tpl-usluga .okna-usluga .okna-reviews__summary{ display:none; }

  /* ★ FAQ на мобилке = как на главной: full-bleed band во всю ширину, карточки 358, «+» слева (база) */
  html body.page-template-tpl-usluga .okna-usluga .okna-faq{
    background:#f5f8fd;
    margin:0 -16px;
    border-radius:0;
    padding:44px 16px 48px;
  }
  html body.page-template-tpl-usluga .okna-usluga .okna-faq details{ border-radius:10px; padding:0 16px; margin-bottom:8px; }
  html body.page-template-tpl-usluga .okna-usluga .okna-faq summary{ justify-content:flex-start; flex-direction:row; gap:12px; padding:15px 0; font-size:14.5px; color:var(--text); }
  html body.page-template-tpl-usluga .okna-usluga .okna-faq summary::before{
    order:0; width:30px; height:30px; font-size:18px;
    content:"+" !important;
  }
  html body.page-template-tpl-usluga .okna-usluga .okna-faq details > div{ padding:0 0 16px; font-size:13.5px; }

  /* ★ Блок «Стёкла в наличии» = компактная ТАБЛИЦА как в макете (было: okna-table--cards → развёрнутые карточки).
     Макет: 5 колонок Марка/модель·Тип·Стекло·Установка·Наличие, листается вбок («Листайте таблицу вбок»).
     Скрыты только Фото(1) и Открыть(7) — их в макете нет. Установку(5)+Наличие(6) НЕ прятать. FORBID снят. */
  html body.page-template-tpl-usluga .okna-usluga .okna-pf2__table-wrap{ overflow-x:auto !important; -webkit-overflow-scrolling:touch; }
  html body.page-template-tpl-usluga .okna-usluga .okna-pf2__table-wrap::before{ content:"‹›  Листайте таблицу вбок"; display:block; font-size:12px; color:#8a93a3; padding:0 0 8px; }
  html body.page-template-tpl-usluga .okna-usluga .okna-pf2__table{ display:table !important; width:auto !important; min-width:520px; border-collapse:collapse; }
  html body.page-template-tpl-usluga .okna-usluga .okna-pf2__table thead{ display:table-header-group !important; }
  html body.page-template-tpl-usluga .okna-usluga .okna-pf2__table tbody{ display:table-row-group !important; }
  html body.page-template-tpl-usluga .okna-usluga .okna-pf2__table tr{ display:table-row !important; border:0 !important; box-shadow:none !important; margin:0 !important; background:none !important; }
  html body.page-template-tpl-usluga .okna-usluga .okna-pf2__table th,
  html body.page-template-tpl-usluga .okna-usluga .okna-pf2__table td{ display:table-cell !important; text-align:left; padding:11px 10px !important; border:0 !important; border-bottom:1px solid #e8ecf2 !important; vertical-align:middle; width:auto !important; white-space:nowrap; font-size:13.5px; }
  html body.page-template-tpl-usluga .okna-usluga .okna-pf2__table td::before{ content:none !important; display:none !important; }
  html body.page-template-tpl-usluga .okna-usluga .okna-pf2__table thead th{ font-size:12px; color:#6b7686; font-weight:600; }
  html body.page-template-tpl-usluga .okna-usluga .okna-pf2__table th:nth-child(1), html body.page-template-tpl-usluga .okna-usluga .okna-pf2__table td:nth-child(1),
  html body.page-template-tpl-usluga .okna-usluga .okna-pf2__table th:nth-child(7), html body.page-template-tpl-usluga .okna-usluga .okna-pf2__table td:nth-child(7){ display:none !important; }

  /* ★ Блок «Договорное обслуживание» как в макете = БЕЛАЯ секция + ТЁМНАЯ СКРУГЛЁННАЯ карта с отступами от краёв
     (НЕ тёмный прямоугольник во всю ширину). Секция: убираем тёмный/синий фон и full-bleed breakout (−16px),
     чтобы карта встала в 16px-паддинг .okna-usluga. Карта m-wrap: #12161f, радиус 18, внутр.паддинг, кнопка скруглена. */
  html body.page-template-tpl-usluga .okna-usluga > section.okna-fc{ background:transparent !important; margin-left:0 !important; margin-right:0 !important; padding:4px 0 22px !important; }
  /* тёмная СКРУГЛЁННАЯ карта = весь внутренний контейнер okna-wrap (заголовок+чёрточка+галочки+кнопка внутри неё, как макет) */
  html body.page-template-tpl-usluga .okna-usluga > section.okna-fc .okna-wrap{ background:#12161f !important; border-radius:18px !important; padding:24px 18px !important; }
  /* m-wrap больше не отдельная карта — расплющиваем, чтобы не было карты-в-карте. margin-top — воздух под красной
     чёрточкой (была прижата вплотную к галочкам, чёрточка казалась «съехавшей вниз»; в макете отступ). */
  html body.page-template-tpl-usluga .okna-usluga .okna-fc__m-wrap{ background:transparent !important; border-radius:0 !important; padding:0 !important; margin:18px 0 0 !important; }
  html body.page-template-tpl-usluga .okna-usluga > section.okna-fc .okna-wrap a,
  html body.page-template-tpl-usluga .okna-usluga > section.okna-fc .okna-wrap button,
  html body.page-template-tpl-usluga .okna-usluga > section.okna-fc .okna-wrap .wpcf7-submit,
  html body.page-template-tpl-usluga .okna-usluga > section.okna-fc .okna-wrap input[type=submit]{ border-radius:10px !important; }
  /* ★ «Как формируется цена» — карточки шагов ПОЛНОСТЬЮ как в макете. Дубль канона модуля (glavnaya.css @media≤600)
     оставлен в услуге С УМЫСЛОМ (F95 §4): в usluga-view.css есть pre-existing pf2-правила высокой специфичности
     (напр. :996 border-radius:16 !important, услуга-шрифты шага), которые перебивают модульный .okna-pf2 — без них
     услуга-мобилка регрессирует (радиус 16, заголовок 15, цифра не по центру). Модульный канон работает на
     model/marka/geo (там услуга-правил нет); полное снятие услуга-скоупа = отдельный рефактор с десктоп-сверкой. */
  html body.page-template-tpl-usluga .okna-usluga .okna-pf2__steps{ gap:12px !important; }
  html body.page-template-tpl-usluga .okna-usluga .okna-pf2__step{ display:block !important; position:relative; padding:13px 15px 13px 53px !important; border-radius:12px !important; }
  html body.page-template-tpl-usluga .okna-usluga .okna-pf2__step-n{ position:absolute !important; left:15px; top:50%; transform:translateY(-50%); width:26px !important; height:26px !important; min-width:26px; font-size:13px !important; background:#eef3fc !important; color:#1c5bd6 !important; box-shadow:none !important; margin:0 !important; }
  html body.page-template-tpl-usluga .okna-usluga .okna-pf2__step-ico{ display:none !important; }
  html body.page-template-tpl-usluga .okna-usluga .okna-pf2__step-head{ display:block !important; min-height:0 !important; margin:0 !important; }
  html body.page-template-tpl-usluga .okna-usluga .okna-pf2__step-title{ font-size:14px !important; font-weight:700 !important; margin:0 !important; line-height:1.3; }
  html body.page-template-tpl-usluga .okna-usluga .okna-pf2__step-txt{ font-size:12.5px !important; margin:3px 0 0 !important; line-height:1.4; }
  html body.page-template-tpl-usluga .okna-usluga .okna-pf2__warranty-txt{ font-size:12.5px !important; line-height:1.4; }

  /* финальная форма мобилка: «как работает» сверху, кнопка на всю ширину r4 */
  html body.page-template-tpl-usluga .okna-usluga .okna-pf-form__how{ order:-1; }
  html body.page-template-tpl-usluga .okna-usluga .okna-pf-form__card{ padding:18px; }
  html body.page-template-tpl-usluga .okna-usluga .okna-pf-form .wpcf7 input[type=tel],
  html body.page-template-tpl-usluga .okna-usluga .okna-pf-form .wpcf7 input[type=text]{ border-radius:8px !important; min-height:50px; }
  html body.page-template-tpl-usluga .okna-usluga #final-form.okna-pf-form .wpcf7-submit{ border-radius:8px !important; min-height:50px; } /* Волна 3 §6.4: мобильный submit услуги 4→8 (перебивал свой же :1064=8; канон радиуса кнопки 8) */
  /* F95 §2 · патч галочки согласия УДАЛЁН — починка перенесена в канон design.css:359 (блочная раскладка на все формы). */
}

@media (max-width:600px){
  /* CTA-карта цен мобилка 390 — компакт */
  html body.page-template-tpl-usluga .okna-usluga .okna-pf2__cta{ padding:16px; }
}

/* ============================================================
   [B-FIX 06.08, ПО МАКЕТУ #15] Оффер B2B «Соберём карту стёкол автопарка».
   Приводим к макету дословно (замер макета #15: карточка 687, фото podbor-bus-bg 385×128
   внизу-справа, абзац max-width:500, перекрытие 0). Живой дефект был из-за ДВУХ отличий от макета:
   1) не та картинка: usluga.css:157 ставит picker-cta-bus-bg.webp (1600×900) — накрывает всё;
      макет = podbor-bus-bg.webp (1300×433, широкая низкая полоса).
   2) height:100% (usluga.css:158) растягивал фото на всю высоту → перекрытие текста.
      Макет: <img width:56%> с АВТО-высотой по аспекту → автобус внизу-справа, текст сверху расходится.
   usluga.css — FORBID, поэтому override здесь (грузится ПОВЕРХ, functions.php:465). Фото скрыто
   ≤760; правим ≥769 (= видимость блока: .okna-fc__main display:none ≤768). !important — донор на !important.
   ============================================================ */
@media (min-width:769px){
  html body.page-template-tpl-usluga .okna-usluga .okna-fc__offer::after{
    background:url("img/podbor-bus-bg.webp") right bottom/contain no-repeat !important; /* макетная картинка */
    width:56% !important; aspect-ratio:1300/433 !important; height:auto !important; /* авто-высота по аспекту (как <img> в макете) */
    right:-24px !important; bottom:0 !important; opacity:.9 !important; /* transform:scaleX(-1) уже в usluga.css:158 — макет так же */
  }
  html body.page-template-tpl-usluga .okna-usluga .okna-fc__card-txt{ max-width:500px !important; } /* макет: абзац ≤500, не вся колонка */
}