/* ============================================================================
   ok-catalog.css — КАТАЛОГ. Пакет W2-P01.
   ============================================================================

   ЧТО ДЕЛАЕТ ФАЙЛ. Доводит тач-цели зоны каталога до нормы 44×44 на
   тач-устройствах. Ничего больше — и это осознанное сужение, разбор ниже.

   ── ★ ГРАНИЦА ЗОНЫ: `.okna-listing`, А НЕ `.okna-catalog-grid` ──────────────

   Первым побуждением было ограничить правку сеткой каталога. Замер показал,
   что это ошибка: `.okna-catalog-grid` присутствует НА ЧЕТЫРЁХ поверхностях —

       /katalog/                        1
       /                                1   ← витрина главной
       /geografiya/…/himki/             1   ← витрина ГЕО
       /katalog/tovar/gazel-city/       1   ← блок «похожие»

   а `.okna-listing` — только на каталоге (на остальных трёх его 0). Правка,
   привязанная к сетке, уехала бы на чужие поверхности и сработала бы
   стоп-условием самого пакета «карточка поехала на чужой поверхности».

   ── ★ РАЗМЕТКА КАРТОЧКИ НЕ ТРОГАЕТСЯ ВОВСЕ ─────────────────────────────────

   Пакет объявляет себя владельцем `.okna-card*`, но карточку печатает ОДНА
   функция `okna_v4_card_html()` на четырёх поверхностях (листинг, его
   AJAX-догрузка, витрина главной и ГЕО, mu-плагин подборки), а её оформление
   живёт в двух листах, которых нет в Allowed: `glavnaya.css` — 57 правил,
   `ok-home-w2.css` — 27.

   Хуже того, замер показал: на карточке товара под ТЕМИ ЖЕ классами другая
   форма DOM — `.okna-card` есть, а `.okna-card-head`, `.okna-card-foot` и
   `.okna-card-actions` отсутствуют. Любое правило на `.okna-card-body`
   достало бы и туда.

   Поэтому геометрия карточки здесь не объявляется. Всё, что делает файл, —
   увеличивает зону нажатия внутри листинга каталога.

   ── ★ ЗОНА НАЖАТИЯ РАСТЁТ, ВИДИМЫЙ РАЗМЕР — НЕТ ───────────────────────────

   Кнопки карточек и фильтр добирают норму `min-height` — видимая ширина не
   меняется, сетка не едет.

   ★ Расширитель-псевдоэлемент (приём `ok-modal.css` §4) здесь ПРОБОВАЛСЯ И НЕ
   ПОДОШЁЛ — разбор в §«Переключатель вида» ниже. Короткий вывод: зона нажатия
   доказывается ПОПАДАНИЕМ (`elementFromPoint`), а не объявленным размером
   псевдоэлемента; `overflow:hidden` у предка отменяет расширитель молча.

   Только `hover:none` + `pointer:coarse`: на мыши норма 44×44 не действует, и
   раздувать зону там незачем — это создало бы перекрытие соседних целей.

   ЗАМЕР ДО (375, эмуляция устройства, /katalog/):

       .okna-tocart          309×40   не хватает 4px по высоте
       .okna-btn.secondary   309×40   не хватает 4px
       .okna-page             40×40   не хватает 4px по обеим
       .okna-filter-toggle   110×37   не хватает 7px
       .okna-view-btn         40×34   не хватает 10px

   Итого 57 целей зоны каталога. Число 58 из mobile-research не переносилось —
   пересчитано от источника и сошлось по существу; разница в одну позицию
   объясняется границей зоны (оболочка сюда не входит, это D-32, волна 5).

   ★ 711 «нарушителей» из сырого замера в список НЕ вошли: это ссылки внутри
   `.okna-qp__seo`, схлопнутой в 1×1px через `clip` (mu-plugins/okna-tree-nav.php:656).
   Они существуют для краулера и человеку невидимы — тач-целями не являются, а
   попытка «довести их до 44×44» уничтожила бы перелинковку на сотни марок.

   МЕСТО В КАСКАДЕ. Лист подключается отдельным хуком приоритета 120, то есть
   ПОСЛЕ `ok-interactions.css` (110) и `ok-modal.css` (100) — иначе единый слой
   отклика кнопок перебивал бы его при равной специфичности, а новый
   `!important` пакетом запрещён.
   ============================================================================ */

@media (hover: none) and (pointer: coarse){

  /* ── Кнопки карточки: «В корзину» и «Подробнее» ──────────────────────────
     Высота добирается до нормы, ширина уже 309px. `min-height` вместо `height`:
     кнопка с длинным текстом должна расти, а не обрезаться. */
  .okna-listing .okna-card-actions .okna-btn,
  .okna-listing .okna-card-actions .okna-tocart{
    min-height: 44px;
  }

  /* ── Пагинация ───────────────────────────────────────────────────────────
     40×40 → 44×44. Просвет между соседними целями держит собственный gap
     контейнера, он не меняется. */
  .okna-listing ~ .okna-pagination .okna-page,
  .okna-pagination .okna-page{
    min-width: 44px;
    min-height: 44px;
  }

  /* ── Кнопка фильтра ──────────────────────────────────────────────────────
     110×37. Ширина в норме, добираем высоту. */
  .okna-filterbox .okna-filter-toggle{
    min-height: 44px;
  }

  /* ── Переключатель вида ──────────────────────────────────────────────────
     40×34 — не хватает по обеим сторонам.

     ★ ЗДЕСЬ ПСЕВДОЭЛЕМЕНТ-РАСШИРИТЕЛЬ НЕ РАБОТАЕТ, И ЭТО ПРОВЕРЕНО.
     Первая версия правки добирала зону расширителем 44×44, как в `ok-modal.css`
     §4. Зонд, читавший `getComputedStyle(el,'::after')`, показал 44×44 — и это
     был ЛОЖНЫЙ ЗЕЛЁНЫЙ: computed style отдаёт ОБЪЯВЛЕННЫЙ размер и ничего не
     знает про обрезку предком. А предок — `.okna-view-toggle` — имеет
     `overflow:hidden` (`glavnaya.css:1660`, нужен для скруглённых углов
     сегментного переключателя). Всё, что вылезает за его коробку, не рисуется
     и НЕ ПРИНИМАЕТ КАСАНИЯ.

     Поймано перепроверкой попаданием (`document.elementFromPoint`) вместо
     чтения стиля. Вывод общего порядка: зона нажатия проверяется ПОПАДАНИЕМ,
     объявленный размер её не доказывает.

     Поэтому размер настоящий. Место есть: замер ряда `.okna-cat-head__r` дал
     343px ширины, из них занято 202 — справа свободно 142px, а переключателю
     нужно +9 (два раза по 44 плюс разделитель и рамка = 91 против 82).
     По высоте ряд вырастает с 44 до 46 — фильтр рядом уже 44.

     ★ ПРОСВЕТ 8px МЕЖДУ ПОЛОВИНКАМИ НЕДОСТИЖИМ ПО УСТРОЙСТВУ КОМПОНЕНТА.
     Это сегментный переключатель: одна рамка, скругление, разделитель 1px
     (`glavnaya.css:1663`). Развести половинки на 8px — значит перестать быть
     сегментным переключателем и стать двумя отдельными кнопками, то есть
     переделать компонент, чего пакет не заказывал. Существо требования —
     чтобы палец не попадал мимо — закрывается размером 44×44 у каждой
     половины. Расхождение с критерием 3 вынесено в реестр решений. */
  .okna-view-toggle .okna-view-btn{
    width: 44px;
    height: 44px;
  }
}

/* ★ 2026-08-02 · МАКЕТ 06 (мобайл, строки 427-437): hero каталога —
   карточка r16, padding 20×18, H1 21/800, подзаголовок 13px, одна красная
   кнопка «Подобрать по фото» 48px/r4 full-width. design.css:536 даёт другие
   значения (r14, 28×22, 25px/15px, вторая outline-кнопка) — перебиваем scoped
   только для зоны каталога (ok-catalog.css грузится после design.css, приоритет 120). */
@media (max-width:600px){
  .okna-hero--catalog{ border-radius:16px; }
  .okna-hero--catalog .okna-hero__inner{ padding:20px 18px; }
  /* ★ !important: glavnaya.css:1701 `.okna-usluga h1{clamp(26px,4vw,40px) !important}`
     перебивал 21px (каталог вложен в .okna-usluga.okna-catalog-root). Доказанный конфликт,
     scoped только на hero каталога. */
  .okna-hero--catalog .okna-hero__title{ font-size:26px !important; line-height:1.2; margin-bottom:6px; } /* Волна 4 §7.1: каталог h1 моб 21→26 (норма раздел; 21<h2=22 инверсия) */
  .okna-hero--catalog .okna-hero__sub{ font-size:13px; line-height:1.5; margin-bottom:14px; }
  /* ★ макет 06 (моб., строки 427-437): в hero одна красная кнопка «Подобрать по фото»
     на всю ширину; вторая outline «Уточнить наличие» на мобиле скрыта. */
  .okna-hero--catalog .okna-hero__ctas .okna-hero__btn-outline{ display:none; }
  .okna-hero--catalog .okna-hero__ctas .okna-btn{ height:48px; border-radius:4px; }
  .okna-hero--catalog .okna-hero__ctas .okna-btn--hero{ height:48px; }
}

/* ★ 2026-08-02 · МАКЕТ 06: хлебные крошки каталога — разделитель «›», компактные.
   design.css:564-568 даёт «/» (косая), 14px, padding 2px. Крошки глобальные (в header,
   вне .okna-usluga) → таргетим по body-классам: каталог (okna-catalog-root), SEO-марки
   (single-seo_filter), карточки (single-steklo). Услуги/главная не затрагиваются. */
body.ok-catalog .okna-crumbs{
  font-size:13px;
}
@media (min-width:601px){
  body.ok-catalog .okna-crumbs{
    padding-top:20px;
    margin-bottom:0;
  }
}
body.ok-catalog .okna-crumbs li+li::before{
  content:"›";
  margin:0 7px;
}
@media (max-width:600px){
  body.ok-catalog .okna-crumbs{
    padding:11px 14px;
    margin:0;
    border-bottom:1px solid #f2f5fa;
    font-size:12.5px;
  }
  body.ok-catalog .okna-crumbs li+li::before{
    content:"›";
    margin:0 7px;
  }
}

/* ★ 2026-08-02 · МАКЕТ 06 — ДЕСКТОПНАЯ ПАНЕЛЬ ФИЛЬТРА (>600px):
   grid 6×2 (repeat(6,minmax(0,1fr))), r16, поля 44px. glavnaya:977 даёт flex-wrap —
   перебиваем scoped на зону каталога. */
@media (min-width:601px){
  /* УБОРКА §3.2 шаг3: тройной перечень (.okna-catalog-root/single-seo_filter/дубль) → один body.ok-catalog. Множество применения то же (товар без .okna-filters), опечатка снята. */
  body.ok-catalog .okna-filters{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:16px;
    padding:20px;
    border-radius:16px;
    background:#f7f9fc;
    border:1px solid #e8ecf2;
  }
  body.ok-catalog .okna-filter{
    min-width:0;
  }
  body.ok-catalog .okna-filter select{
    width:100%; min-width:0; height:44px; font-size:15px;
    border:1.5px solid #dfe5ee; border-radius:8px;
  }
  body.ok-catalog .okna-filters .okna-filter-actions{
    grid-column:1 / -1;
    display:flex; justify-content:flex-end; align-items:center; gap:24px;
    margin-top:4px;
  }
  body.ok-catalog .okna-filters__head{ display:none; }
}

/* ★ 2026-08-02 · МАКЕТ 06 — МОБИЛЬНАЯ ШТОРКА ФИЛЬТРА (≤600):
   открывается снизу, max-height 88%, скругление 20px сверху, заголовок «Фильтр»+крестик,
   кнопки «Сбросить»/«Показать» закреплены внизу, поля 52px. design.css/glavnaya/okna-mobile
   дают обычную панель (flex, r14, без шапки) — перебиваем scoped на зону каталога. */

/* ★ 2026-08-02 · БЫСТРЫЙ ПОДБОР на мобиле каталога: показать (компонент .okna-qp сам
   поэтапный — страна → марка → модель, поля раскрываются по мере выбора) и НЕ закрывающий
   экран: панель выбора открывается inline ПОД полем (не модалка), как в media ≤979 компонента.
   Раньше блок был скрыт (макет 06 моб. без него); по решению владельца возвращаем. */
@media (max-width:600px){
  /* ★ §4.1c (18.08): на моб листинга каталога (body.okna-catalog-root) «Быстрый подбор» СКРЫТ по макету 06
     (моб-герой несёт «Подобрать по фото» + кнопку «Фильтр»). Разворот прежнего «по решению владельца
     возвращаем» (см. коммент выше) — подтверждено владельцем 18.08. single-seo_filter (посадочные марок)
     НЕ тронут: там qp остаётся показанным. Общий inline-слой okna-qp-css не трогается. */
  /* ★ 20.08: РЕШЕНИЕ ВЛАДЕЛЬЦА — вернуть подбор на каталог-мобилку «1:1 как на главной»
     (разворот скрытия §4.1c от 18.08). Показываем; вид приводим к главной ниже. */
  /* §00.1 (27.08): обёртка вровень с сиблингами. Родитель .okna-usluga.okna-catalog-root
     несёт padding:16px → margin:0 ставит карточку на x16 w328, как .okna-catalog. Прежний
     боковой margin (16/14px) давал лишний отступ (x32/x30 — уже сиблингов). */
  body.okna-catalog-root .okna-podbor-pair{ display:block; margin:0; }
  body.single-seo_filter .okna-podbor-pair{ display:block; margin:0; }
  body.okna-catalog-root .okna-qp,
  body.single-seo_filter .okna-qp{ margin:0; }
  /* §00.1: раскладка ряда (колонка). padding/gap/фон/бордюр — ниже единым правилом на .okna-qp__row
     (было дублем с padding:12/gap:8, которые глушились; убрано во избежание мёртвых деклараций). */
  body.okna-catalog-root .okna-qp__row,
  body.single-seo_filter .okna-qp__row{
    flex-direction:column; align-items:stretch;
  }
  body.okna-catalog-root .okna-qp__lead,
  body.single-seo_filter .okna-qp__lead{ align-self:flex-start; }
  body.okna-catalog-root .okna-qp .okna-qp__field,
  body.single-seo_filter .okna-qp .okna-qp__field{ flex:0 0 auto; width:100%; min-width:0; }
  body.okna-catalog-root .okna-qp__go,
  body.single-seo_filter .okna-qp__go{ width:100%; justify-content:center; }
  /* панель inline под полем, не перекрывает экран (усиливаем media ≤979 компонента) */
  body.okna-catalog-root .okna-qp__panel,
  body.single-seo_filter .okna-qp__panel{
    position:static; left:auto; right:auto; top:auto;
    width:100%; margin:8px 0 4px; max-height:52vh; overflow-y:auto;
  }

  /* ★ 20.08 · ПОДБОР НА КАТАЛОГ-МОБИЛКЕ 1:1 С ГЛАВНОЙ (.ok-podbor) — решение владельца.
     Значения скопированы с ok-home-w1.css [PODBOR] @≤600: белая карточка, поля 58/r14/16px,
     тёмно-синяя кнопка #123d87 (против !important design.css), панель-карточка. Чипы у
     компонента базовые = уже как на главной.
     §00.1 (27.08): карточку .okna-qp даём ТОЛЬКО каталог-листингу (в пару к виду полей/кнопки/
     панели ниже, тоже каталог-листинг). Марки (single-seo_filter) остаются на базовом виде
     компонента («марки не трогаем», см. ниже); им по §00.1 нужно только снять бордюр базового
     ряда .okna-qp__row (эффект «контейнер в контейнере») — это делает правило ниже на ОБОИХ
     скоупах. Полу-карточка на марках (обёртка home-вида + базовые внутренности) не нужна. */
  body.okna-catalog-root .okna-qp{
    padding:16px; background:#fff; border:0;
    border-radius:18px; box-shadow:0 14px 36px rgba(20,40,80,.08);
  }
  /* §00.1: гасим фон+бордюр+тень базового компонента у .okna-qp__row на обоих скоупах —
     карточка живёт на .okna-qp (обёртке), ряд прозрачный, ровно как на главной
     (ok-home-w1.css:1082-1086). Убирает вложенную рамку «по ширине кнопок». */
  body.okna-catalog-root .okna-qp__row,
  body.single-seo_filter .okna-qp__row{
    padding:0; gap:10px;
    background:transparent; border:0; box-shadow:none;
  }
  body.okna-catalog-root .okna-qp .okna-qp__field{
    min-height:58px; border-radius:14px; font-size:16px;
    border:1.5px solid #dfe5ee !important;
  }
  /* ★ КАК НА ГЛАВНОЙ: все 3 поля видны сразу (не пошагово). Разворот stepped на каталоге —
     решение владельца 20.08. Поля Марка/Модель показываем всегда (компонент сам держит их
     disabled до выбора предыдущего, как на главной). Марки (single-seo_filter) НЕ трогаем. */
  body.okna-catalog-root .okna-qp__field[data-f="mark"],
  body.okna-catalog-root .okna-qp__field[data-f="model"],
  body.okna-catalog-root .okna-qp.okna-qp--stepped .okna-qp__field[data-f="mark"]:disabled,
  body.okna-catalog-root .okna-qp.okna-qp--stepped .okna-qp__field[data-f="model"]:disabled{
    display:flex !important;
  }
  html body.okna-catalog-root a.okna-btn.okna-qp__go{
    min-height:56px; height:56px; border-radius:14px;
    background:#123d87 !important; border-color:#123d87 !important; color:#fff !important;
  }
  body.okna-catalog-root .okna-qp__panel{
    padding:16px 18px; background:#fff; border:1px solid #e8ecf2;
    border-radius:14px; box-shadow:0 10px 28px rgba(20,30,55,.12);
  }
  /* ★ 2026-08-02 · WAVE C · ПОЭТАПНЫЙ БЫСТРЫЙ ПОДБОР (≤600, каталог + модели/марки):
     невыбранные поля «Марка»/«Модель» скрыты, появляются после выбора предыдущего
     (JS снимает disabled). Десктоп (≥601) не тронут — там поля видны серыми.
     ★ 2026-08-02 · МОДЕЛИ: hydrate предвыбирает марку/модель из URL и снимает disabled —
     поля всё равно скрыты до ПЕРВОГО КЛИКА по подбору (класс .okna-qp--stepped ставит
     okna-qp-hydrate.js). История (значения из URL) сохраняется и видна при раскрытии. */
  body.okna-catalog-root .okna-qp__field[data-f="mark"],
  body.okna-catalog-root .okna-qp__field[data-f="model"],
  body.single-seo_filter .okna-qp__field[data-f="mark"],
  body.single-seo_filter .okna-qp__field[data-f="model"]{ display:none; }
  body.okna-catalog-root .okna-qp.okna-qp--stepped .okna-qp__field[data-f="mark"],
  body.okna-catalog-root .okna-qp.okna-qp--stepped .okna-qp__field[data-f="model"],
  body.single-seo_filter .okna-qp.okna-qp--stepped .okna-qp__field[data-f="mark"],
  body.single-seo_filter .okna-qp.okna-qp--stepped .okna-qp__field[data-f="model"]{ display:inline-flex; }
  body.okna-catalog-root .okna-qp.okna-qp--stepped .okna-qp__field[data-f="mark"]:disabled,
  body.okna-catalog-root .okna-qp.okna-qp--stepped .okna-qp__field[data-f="model"]:disabled,
  body.single-seo_filter .okna-qp.okna-qp--stepped .okna-qp__field[data-f="mark"]:disabled,
  body.single-seo_filter .okna-qp.okna-qp--stepped .okna-qp__field[data-f="model"]:disabled{ display:none; }
}
/* На десктопе каталога быстрый подбор остаётся как есть (компонент сам). */

/* ★ 2026-08-02 · МАКЕТ 06: поиск в мобильной шапке каталога. Глобально .ok-search
   скрыт в дровере (ok-header.css:1354), но в макете у каталога поиск в баре:
   иконка 44×44, по нажатию выезжает поле. Включаем только на каталоге/марках.
   Лого сжимается (flex:1) — влезаем: лого 44 + телефон 44 + поиск 44 + корзина 44
   + бургер 44 + просветы ≈ 360 ≤ 375 (проверено замером ниже). */
@media (max-width:1071px){
  body.ok-catalog .ok-search{ display:flex !important; align-items:center; }
  body.ok-catalog .ok-search__btn{
    display:inline-flex; align-items:center; justify-content:center;
    width:44px !important; height:44px !important; min-width:44px !important;
    padding:0; background:transparent; border:none; border-radius:10px;
    color:#526173; cursor:pointer;
  }
  body.ok-catalog .ok-search__btn svg{ width:21px; height:21px; display:block; }
  body.ok-catalog .ok-search__panel{
    position:fixed; left:0; right:0; top:93px;
    width:auto !important; border-radius:0 0 12px 12px;
    border-left:0; border-right:0; border-top:0;
  }
  /* Логотип на каталоге ужимается под +1 тач-цель (поиск): mark 34, подпись 11.5px
     (макет 06: mark 34, текст 11.5). Без этого текст «Автобусные стёкла» режется. */
  body.ok-catalog .ok-header .ok-brand__mark{ height:34px; width:auto; }
  body.ok-catalog .ok-header .ok-brand__text span{ font-size:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; }
}

/* ★ 2026-08-02 · МАКЕТ 06: подпись «Показано N из M» под кнопкой «Показать ещё» — в макете только на мобилке
   (строка 482: 12px #8a94a6). На десктопе подписи нет → скрыта. */
.okna-loadmore-cap{ display:none; font-size:12px; color:#8a94a6; margin:10px 0 0; }
@media (max-width:600px){
  body.ok-catalog .okna-loadmore-cap{ display:block; }
}

/* ★ 2026-08-02 · МАКЕТ 06: переключатель «Плитка/Список» в мобильном каталоге скрыт —
   в мобильном тулбаре макета его нет (только «Найдено N» + «Фильтр»). */
@media (max-width:600px){
  body.ok-catalog .okna-view-toggle{ display:none !important; }
}

/* ★ 2026-08-02 · МАКЕТ 06 (карточка листинга, мобилка ≤600): характеристика и артикул скрыты —
   в мобильной плитке макета (446-476) их нет, только заголовок + цена + кнопка.
   Карточки в паре выравниваются: title min-height 52px (2 строки) + price min-height 74px
   (уже в glavnaya.css) — кнопки прижаты к низу, пары ровные без chars/art. */
@media (max-width:600px){
  body.ok-catalog .okna-price-note{ display:none; }
  /* ★ 1Б.3 (25.08, решение Архитектора): различитель карточки цепляется к САМОЙ КАРТОЧКЕ (.okna-card),
     а не к классу страницы body.ok-catalog. Причина: ok-catalog.css грузится на ВСЕХ страницах, но
     body.ok-catalog висит лишь на 3 типах (витрина, посадочные seo_filter, карточка-страница) — на выдаче
     ПОИСКА (body.search) его нет, хотя карточки те же (общий okna_v4_card_html). Тип стекла — главный
     различитель. Спецификатор .okna-card (0,2,0) бьёт базовое .okna-card-type{display:none} из glavnaya.css (0,1,0).
     ★ УТОЧНЕНО (FIX-BADGE-SCOPE 25.08, решение Архитектора): бейдж нужен НЕ «везде», а ТАМ, ГДЕ НАЗВАНИЕ
     КЛАМПИТСЯ и тип из него срезается — каталог · поиск · посадочные · «Другие стёкла». Где название видно
     целиком (витрины .okna-showcase = главная, подборки-шорткоды, гео) — тип уже в названии, бейдж дублирует,
     а нужнее строка chars (обогрев, оригинал/аналог). Поэтому ниже — override ПО МЕСТУ ВЫВОДА (.okna-showcase),
     а не по классу страницы: возвращаем базовое состояние витрины (chars виден, бейдж и артикул скрыты).
     Десктоп чист: базовое display:none из glavnaya.css держит бейдж скрытым вне моб. */
  .okna-card .okna-card-chars{ display:none; }
  .okna-card .okna-card-type{ display:block; font-size:10.5px; letter-spacing:.04em; text-transform:uppercase;
    color:var(--ok-blue,#1c5bd6); font-weight:700; margin:0 0 3px; }
  /* ★ 1Б.1 (25.08, возврат КВ FAIL): артикул больше НЕ обрывается в одну строку (nowrap прятал
     различающийся хвост у пары ПАЗ 320405-04-5206… → соседи выглядели одинаково). Разрешаем перенос
     до ДВУХ строк с многоточием на второй — виден различающий хвост. Список из нескольких артикулов
     («5302-06304, 530…») две строки тоже не вместят — это нормально, лишь бы соседи различались. */
  .okna-card .okna-card-art{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;
    font-size:11px; line-height:1.3; color:#9aa4b6; margin:3px 0 0; min-height:0;
    overflow:hidden; text-overflow:ellipsis; white-space:normal; word-break:break-word; }
  /* ★ FIX-BADGE-SCOPE (25.08): ВИТРИНЫ (.okna-showcase = главная · подборки-шорткоды · гео) — название видно
     целиком, тип не клампится → возвращаем базовое состояние (как на десктопе): chars ВИДЕН, бейдж и артикул
     СКРЫТЫ. Скоуп по МЕСТУ ВЫВОДА (.okna-showcase), а не по классу страницы — покрывает всех троих потребителей
     витрины одним селектором. Спецификатор (0,3,0) бьёт доводку .okna-card (0,2,0). Проверено: главная, гео и
     подборки все рендерят карточку внутри section.okna-showcase > .okna-grid.okna-catalog-grid. */
  .okna-showcase .okna-card .okna-card-type{ display:none; }
  .okna-showcase .okna-card .okna-card-chars{ display:block; }
  .okna-showcase .okna-card .okna-card-art{ display:none; }
  /* ★ §1 попутно ФИКС (25.08, дефект вида, находка КВ кадр 06): на узкой моб.карточке (360) бейдж
     «Обогрев» (.okna-badge-heat, right) налезал на широкий «Нет на складе» (.okna-badge-out, left) —
     читалось «Нет на скла|Обогрев». Стекаем: обогрев на вторую строку ПОД статусный бейдж, оба слева.
     Оба absolute (раскладку карточки не двигают). ok-catalog.css грузится после glavnaya → бьёт по каскаду. */
  .okna-card .okna-badge-heat{ left:8px; right:auto; top:34px; }
  /* ★ 2026-08-02 · МАКЕТ 06 (моб. плитка 458-459): размеры цены точно по макету.
     Контейнер «Стекло:» 11.5px #526173, цифра 14px/800 #123d87; «С установкой:» 11px #526173,
     цифра #1d2433. Кнопка 44px уже по макету. */
  body.ok-catalog .okna-price-glass{ font-size:11.5px; color:#526173; font-weight:400; }
  body.ok-catalog .okna-price-glass b{ font-size:14px; font-weight:800; color:#123d87; }
  body.ok-catalog .okna-price-install{ font-size:11px; color:#526173; font-weight:400; }
  body.ok-catalog .okna-price-install b{ color:#1d2433; font-weight:700; }
  /* ★ 2026-08-02 · МАКЕТ 06 (моб. 479-482): пагинации на мобиле НЕТ — только «Показать ещё»
     (десктопный блок нумерации скрыт; без JS работает ссылка на следующую страницу? — нет,
     нумерация ниже скрыта полностью, кнопка догружает AJAX). Кнопка 1-в-1 по макету: 100% ширина,
     высота 48px, белая, контур 1.5px #cfd9ea, r8, текст 14.5px/700 #1c5bd6, «Показать ещё». */
  body.ok-catalog .okna-pagination{ display:none; }
  body.ok-catalog .okna-loadmore-wrap{ margin:22px 0 6px; }
  body.ok-catalog button.okna-loadmore{
    width:100%; min-width:0; height:48px; box-sizing:border-box;
    background:#ffffff !important; border:1.5px solid #cfd9ea !important; border-radius:8px !important;
    color:#1c5bd6 !important; font-size:14.5px; font-weight:700;
    box-shadow:none !important; display:flex; align-items:center; justify-content:center;
  }
  body.ok-catalog button.okna-loadmore:hover{
    background:#eef3fc !important; border-color:#1c5bd6 !important; color:#1c5bd6 !important;
  }
  body.ok-catalog button.okna-loadmore:active{
    background:#eef3fc !important; transform:translateY(1px); color:#1c5bd6 !important;
  }
}

/* ★ 2026-08-02 · МАКЕТ 06: тулбар «Найдено + Фильтр» липнет под шапкой (top:93px = высота
   sticky-шапки на мобиле). Шапка закреплена глобально в ok-header.css (.ok-header{position:sticky}).
   Оформление 1-в-1 по макету (строки 440-443): белый фон, нижняя граница #e8ecf2, padding 10/14,
   слева «Найдено N» (13.5px #526173, цифра #123d87), справа кнопка 40px r8 1.5px #dfe5ee #123d87.
   h2 в макете в тулбаре нет (заголовок живёт в hero) — скрываем на мобиле. */
@media (max-width:600px){
  body.ok-catalog .okna-cat-head{
    position:sticky; top:93px; z-index:20;
    background:#ffffff;
    border-bottom:1px solid #e8ecf2;
    border-radius:0;
    padding:10px 14px;
    margin:0;
    gap:12px;
    flex-wrap:nowrap;
  }
  body.ok-catalog .okna-cat-head__l{
    flex:1 1 auto; flex-wrap:nowrap; gap:0; align-items:center;
  }
  body.ok-catalog .okna-cat-head__l h2{ display:none; }
  body.ok-catalog .okna-cat-head__l .okna-catalog-count{
    margin:0; color:#526173; font-size:13.5px; font-weight:400; white-space:nowrap;
  }
  body.ok-catalog .okna-cat-head__l .okna-catalog-count b{ color:#123d87; font-weight:700; }
  body.ok-catalog .okna-cat-head__r{ width:auto; flex:0 0 auto; justify-content:flex-end; }
  body.ok-catalog .okna-filterbox .okna-filter-toggle{
    display:inline-flex; align-items:center; gap:8px;
    height:40px; padding:0 16px;
    position:relative;                 /* MOBM-03: якорь тач-добора (вид 40px не меняет) */
    background:#ffffff !important; border-width:1.5px !important; border-style:solid !important; border-color:#dfe5ee !important; border-radius:8px !important;
    font-size:14px !important; font-weight:700 !important; color:#123d87 !important;
    box-shadow:none !important;
  }
  /* MOBM-03: тач-добор триггера «Фильтр» до 48 (канон §5; ok-catalog.css:56 «не хватает 7px»).
     Видимая кнопка 40px не меняется — зона касания расширяется невидимым ::after. */
  body.ok-catalog .okna-filterbox .okna-filter-toggle::after{
    content:""; position:absolute; top:50%; left:0; right:0;
    height:48px; transform:translateY(-50%);
  }
  body.ok-catalog .okna-filterbox .okna-filter-toggle svg{ width:16px !important; height:16px !important; stroke:#1c5bd6 !important; }
}
@media (max-width:600px){
  body.ok-catalog .okna-filters{  /* УБОРКА §3.2 шаг3: тройной перечень→body.ok-catalog (мобшторка) */
    position:fixed; left:0; right:0; bottom:0; top:auto;
    max-height:88vh;
    border-radius:20px 20px 0 0;
    border:1px solid #e8ecf2;
    background:#ffffff;
    margin:0 !important;
    padding:0 !important;   /* P2-3: okna-mobile.css:270 задаёт padding:16px!important/gap:12px!important — перебить, чтобы низ прижат к краю */
    gap:0 !important;       /* P2-3: зоны head/body/actions прижаты друг к другу без зазоров okna-mobile */
    z-index:400;
    /* ★ WAVE 3 · МАКЕТ 06 (616-630): шторка — flex-колонка из трёх зон:
       head (sticky, flex:0) → body полей (flex:1, overflow-y:auto) → actions (flex:0, прижат к низу).
       overflow-y убрали с самой формы, чтобы actions НЕ перекрывались и контент не прятался
       за плавающими кнопками (баг «часть контента за формой»). */
    overflow:hidden;
    display:flex; flex-direction:column; flex-wrap:nowrap;
    box-shadow:0 -16px 40px rgba(20,40,80,.18);
  }
  body.ok-catalog .okna-filters__body{
    flex:1 1 auto; min-height:0;
    overflow-y:auto; -webkit-overflow-scrolling:touch;
    padding:16px; display:flex; flex-direction:column; gap:16px;
  }
  body.ok-catalog .okna-filters__head{
    display:flex; align-items:center; justify-content:space-between;
    padding:18px 16px 12px;
    border-bottom:1px solid #eef1f6;
    flex:0 0 auto;
    position:sticky; top:0; background:#fff; z-index:2;
  }
  body.ok-catalog .okna-filters__title{
    font-size:18px; font-weight:800; color:#123d87;
  }
  body.ok-catalog .okna-filters__close{
    width:38px !important; height:38px !important; border-radius:999px !important;
    background:#ffffff !important; border:1px solid #e8ecf2 !important; cursor:pointer;
    display:flex; align-items:center; justify-content:center;
    position:relative;                 /* MOBM-03: якорь тач-добора (вид 38px не меняет) */
    /* ★ БАГ (2026-08-02): TT1 `button:not(:hover):not(:active):not(.has-background){background-color:var(--global--color-primary)}`
       красил крестик в тёмный #28303d («серое пятно»), а `svg{max-width:100%}` в flex-контейнере
       схлопывал иконку до 0. Защита — !important + явный размер svg. */
    color:#526173 !important; box-shadow:none !important;
  }
  /* MOBM-03: тач-добор крестика шторки фильтра до 48 (канон §5). Видимая кнопка 38px
     не меняется; зона касания расширяется невидимым ::after. Нового !important нет. */
  body.ok-catalog .okna-filters__close::after{
    content:""; position:absolute; top:50%; left:50%;
    width:48px; height:48px; transform:translate(-50%,-50%);
  }
  body.ok-catalog .okna-filters__close svg{
    width:15px !important; height:15px !important; max-width:none !important;
    flex:0 0 auto; color:#526173 !important; stroke:#526173 !important;
  }
  body.ok-catalog .okna-filter{
    width:100% !important;
  }
  body.ok-catalog .okna-filter select{
    width:100% !important; min-width:0 !important;
    min-height:52px; height:52px;
    border:1.5px solid #e3e9f2; border-radius:var(--ok-radius-field,8px); /* Волна 1-бис: моб. фильтр-select 10→8 (роль фильтра, единое значение §1.2) */
    font-size:16px;
  }
  body.ok-catalog .okna-filters .okna-filter-actions{
    display:flex; gap:10px; align-items:center;
    flex-wrap:nowrap;
    width:100% !important; margin:0 !important;
    padding:12px 16px calc(14px + env(safe-area-inset-bottom));
    border-top:1px solid #eef1f6;
    /* WAVE 3: кнопки прижаты к низу шторки (flex:0 0 auto), НЕ sticky и НЕ скроллятся с полями. */
    flex:0 0 auto;
    background:#ffffff; z-index:2;
  }
  body.ok-catalog .okna-filters .okna-filter-actions .okna-btn{
    flex:1 1 auto; min-width:0; height:52px; border-radius:8px; font-size:15.5px; font-weight:700;
    padding:0 18px; white-space:nowrap;
    background:#123d87 !important; border-color:#123d87 !important; color:#fff !important; box-shadow:none !important;
  }
  body.ok-catalog .okna-filters .okna-filter-actions .okna-btn:hover{
    background:#0e2f6b !important; border-color:#0e2f6b !important; color:#fff !important;
  }
  body.ok-catalog .okna-filters .okna-filter-reset{
    display:inline-flex; align-items:center; white-space:nowrap;
    flex:0 0 auto; height:52px; padding:0 18px;
    border:1.5px solid #dfe5ee; border-radius:8px;
    font-size:14.5px; font-weight:700; color:#526173;
    text-decoration:none;
  }
  /* «Сбросить сортировку» — в макете 06 его нет, на мобиле скрываем (не переносит actions на 2 строки). */
  body.ok-catalog .okna-filters .okna-filter-actions .okna-reset-sort{ display:none; }
}

/* ★ 2026-08-02 · МАКЕТ 06 (WAVE 1): в мобильной плитке кнопки «Открыть» нет —
   только «В корзину» на всю ширину (макет 446–476). Скрываем «Открыть» scoped,
   «В корзину» растягиваем на всю ширину ряда. Десктоп (≥601) не тронут. */
@media (max-width:600px){
  body.ok-catalog .okna-card-actions .okna-btn.secondary{ display:none !important; }
  body.ok-catalog .okna-card-actions .okna-tocart{ flex:1 1 100% !important; width:100%; }
}

/* ★ 2026-08-02 · МАКЕТ 06 (WAVE 2): инверсия кнопки «Фильтр» при раскрытой панели/шторке.
   Глобальная инверсия glavnaya.css:1819-1822 перебивается scoped-правилом кнопки
   (background #fff !important), из-за чего кнопка при aria-expanded="true" остаётся
   белой («серое пятно»). Возвращаем синюю инверсию scoped-селектором с [aria-expanded="true"],
   который специфичнее и мобильного scoped-правила, и глобального. */
body.ok-catalog .okna-filterbox .okna-filter-toggle[aria-expanded="true"]{
  background:#1c5bd6 !important; color:#fff !important; border-color:#1c5bd6 !important;
}
body.ok-catalog .okna-filterbox .okna-filter-toggle[aria-expanded="true"] svg{ color:#fff !important; stroke:#fff !important; }

/* ★ 2026-08-02 · МАКЕТ 06 (WAVE 3): при открытой шторке липкая нижняя CTA (.okna-mcta,
   z-index 900) перекрывала кнопки шторки (z-index 400). В макете при открытой шторке
   липкой CTA нет. Класс body.okna-filter-open ставит JS шторки. */
@media (max-width:600px){
  body.okna-filter-open .okna-mcta,
  body.okna-filter-open .okna-mcta__spacer{ display:none !important; }
}

/* в•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђ
   ★ 2026-08-02 · МАКЕТ 06 (WAVE 4) — блок «Не нашли нужное стекло» (.okna-podbor--catalog)
   Десктоп ≥601: светлая секция #f5f8fd, силуэт 280px слева, синяя черта, кнопки + 3 фичи.
   Мобайл ≤600: тёмная компактная карточка (H3 + подпись + 2 кнопки 50/50), фичи скрыты.
   scoped — только каталог и производные; другие поверхности (card/category/home) не тронуты.
   =============================================================================== */
/* Десктоп: секционный фон + силуэт 280px + синяя черта (как макет 252-274) */
@media (min-width:601px){
  body.ok-catalog .okna-podbor{
    /* ПОДЛОЖКА-ПОДБОР 09.08: секционный фон #f5f8fd перестал совпадать с фоном страницы (.site стал #eef1f6) и торчал серой полосой 56px над карточкой. Снимаем фон обёртки — карточка (градиент/border/radius) остаётся; padding 56px держит ритм до пейджера. single-steklo фон переопределяет ниже (#fff, макет 04). */
    background:#f5f8fd; padding:56px 0 0; margin:0; /* ★ §2.4 ПОЧИНКА 14.08: секционный #f5f8fd ВОЗВРАЩЁН (фон страницы снова белый — откат §2.3). Padding не тронут — ритм как был. */
  }
  body.ok-catalog .okna-podbor .okna-podbor__card{
    border:1px solid #e8ecf2; border-radius:16px; box-shadow:none; overflow:hidden;
    background:linear-gradient(90deg,#e7effb 0%,#f2f7fd 24%,#fff 46%);
  }
  body.ok-catalog .okna-podbor .okna-podbor__bg{
    flex:0 0 280px;
    -webkit-mask-image:linear-gradient(to right,#000 48%,transparent);
    mask-image:linear-gradient(to right,#000 48%,transparent);
    mix-blend-mode:multiply;
  }
  body.ok-catalog .okna-podbor .okna-podbor__main{ padding:30px 42px 30px 0; gap:40px; }
  body.okna-catalog-root .okna-podbor .okna-podbor__text,
  body.single-seo_filter .okna-podbor .okna-podbor__text{ padding-left:24px; }
  body.okna-catalog-root .okna-podbor .okna-podbor__text::before,
  body.single-seo_filter .okna-podbor .okna-podbor__text::before{
    left:0; top:-3px; bottom:-3px; width:3px; background:#1c5bd6;
  }
  body.okna-catalog-root .okna-podbor .okna-podbor__text h2,
  body.single-seo_filter .okna-podbor .okna-podbor__text h2{
    font-size:26px; line-height:1.15; margin:0 0 8px;
  }
  body.okna-catalog-root .okna-podbor .okna-podbor__text p,
  body.single-seo_filter .okna-podbor .okna-podbor__text p{
    font-size:15.5px; line-height:1.55; max-width:420px;
  }
  body.okna-catalog-root .okna-podbor .okna-podbor__aside,
  body.single-seo_filter .okna-podbor .okna-podbor__aside{ flex-direction:column; gap:16px; }
  body.okna-catalog-root .okna-podbor .okna-podbor__btns,
  body.single-seo_filter .okna-podbor .okna-podbor__btns{ gap:10px; }
  body.okna-catalog-root .okna-podbor .okna-podbor__btn,
  body.single-seo_filter .okna-podbor .okna-podbor__btn{ min-height:48px; }
  /* P3-1 (прогон 3): иконка-камера «Подобрать стекло» 16px (макет 263), живая 18px */
  body.ok-catalog .okna-podbor .okna-podbor__btn svg{ width:16px !important; height:16px !important; }
  body.okna-catalog-root .okna-podbor .okna-podbor__btn--outline,
  body.single-seo_filter .okna-podbor .okna-podbor__btn--outline{
    background:#fff !important; color:#1c5bd6 !important; border:1px solid #dfe5ee !important;
    box-shadow:none !important;
  }
  body.okna-catalog-root .okna-podbor .okna-podbor__btn--outline:hover,
  body.single-seo_filter .okna-podbor .okna-podbor__btn--outline:hover{
    background:#1c5bd6 !important; color:#fff !important; border-color:#1c5bd6 !important;
  }
  body.okna-catalog-root .okna-podbor .okna-podbor__features,
  body.single-seo_filter .okna-podbor .okna-podbor__features{
    justify-content:flex-end; gap:20px; flex-wrap:wrap;
  }
  body.okna-catalog-root .okna-podbor .okna-podbor__feat,
  body.single-seo_filter .okna-podbor .okna-podbor__feat{
    font-size:12.5px; color:#526173;
  }
  body.okna-catalog-root .okna-podbor .okna-podbor__feat + .okna-podbor__feat,
  body.single-seo_filter .okna-podbor .okna-podbor__feat + .okna-podbor__feat{
    border-left:0; padding-left:0;
  }
  /* мобильная часть скрыта на десктопе */
  body.ok-catalog .okna-podbor .okna-podbor__mobile{ display:none; }
}
/* ★ 2026-08-03 · КАРТОЧКА ТОВАРА (макет 04, строки 288-310): «Не нашли» — СИНИЙ баннер 1-в-1.
   Каталог и марки остаются светлыми. Белая секция 40/0, баннер r18 градиент
   #0b1f3f→#123058→#16386a, силуэт справа, белая кнопка + ghost. */
@media (min-width:601px){
  body.single-steklo .okna-podbor{ background:#fff; padding:40px 0; margin:0;
    width:100vw; margin-left:calc(50% - 50vw); max-width:none; box-sizing:border-box; }
  body.single-steklo .okna-podbor .okna-podbor__card{
    border:0; border-radius:18px; box-shadow:none; overflow:hidden;
    background:linear-gradient(90deg,#0b1f3f 0%,#123058 55%,#16386a 100%);
    padding:34px 40px 34px 77px; position:relative;
    max-width:1216px; margin:0 auto;
  }
  body.single-steklo .okna-podbor .okna-podbor__bg{
    position:absolute; right:0; top:0; bottom:0; width:44%;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 60%); mask-image:linear-gradient(90deg,transparent,#000 60%);
    mix-blend-mode:normal; opacity:.28;
    background-size:cover; background-position:right center;
    pointer-events:none; z-index:1;
  }
  body.single-steklo .okna-podbor .okna-podbor__main{ position:relative; z-index:2; }
  body.single-steklo .okna-podbor .okna-podbor__main{ padding:0; gap:32px; align-items:center; }
  body.single-steklo .okna-podbor .okna-podbor__text{ padding-left:0; }
  body.single-steklo .okna-podbor .okna-podbor__text::before{ display:none; }
  body.single-steklo .okna-podbor .okna-podbor__text h2{ font-size:26px; color:#fff; margin:0 0 8px; }
  body.single-steklo .okna-podbor .okna-podbor__text p{ font-size:15px; color:#cfd6e2; line-height:1.55; max-width:560px; }
  body.single-steklo .okna-podbor .okna-podbor__aside{ flex-direction:column; gap:10px; min-width:220px; align-items:flex-start; }
  body.single-steklo .okna-podbor .okna-podbor__btns{ flex-direction:column; gap:10px; align-items:flex-start; }
  body.single-steklo .okna-podbor .okna-podbor__btn{ min-height:48px; height:48px; min-width:220px; flex:0 0 auto; width:auto; padding:0 24px; margin:0 !important; gap:0; display:inline-flex; }
  /* карточка (макет 04): иконки на кнопках НЕТ (только текст), внутренний gap 0 */
  body.single-steklo .okna-podbor .okna-podbor__btn svg{ display:none !important; }
  /* карточка: мобильный короткий текст b1 «Подобрать» — на десктопе скрыт */
  body.single-steklo .okna-podbor .okna-podbor__btn .okna-podbor__btn-m{ display:none; }
  body.single-steklo .okna-podbor .okna-podbor__btn.okna-order-btn{
    background:#fff !important; color:#123d87 !important; border:none !important;
    box-shadow:none !important; border-radius:8px !important; font-size:15px !important;
  }
  body.single-steklo .okna-podbor .okna-podbor__btn.okna-order-btn:hover,
  html body.single-steklo .okna-podbor a.okna-podbor__btn.okna-order-btn:hover{ background:#eef3fc !important; }
  body.single-steklo .okna-podbor .okna-podbor__btn--outline{
    background:transparent !important; color:#fff !important; border:2px solid rgba(255,255,255,.7) !important;
    box-shadow:none !important; border-radius:8px !important; font-size:15px !important; padding:0 24px;
  }
  body.single-steklo .okna-podbor .okna-podbor__btn--outline:hover{ border-color:#fff !important; background:rgba(255,255,255,.08) !important; }
  body.single-steklo .okna-podbor .okna-podbor__features{ justify-content:flex-start; gap:22px; margin-top:18px; flex-wrap:wrap; }
  body.single-steklo .okna-podbor .okna-podbor__feat{ font-size:13px; color:#dbe2ee; }
  body.single-steklo .okna-podbor .okna-podbor__feat svg{ color:#7fa6ef; }
  body.single-steklo .okna-podbor .okna-podbor__feat + .okna-podbor__feat{ border-left:0; padding-left:0; }
  /* карточка: мобильные фичи (дубль в aside) на десктопе скрыты — слева уже есть */
  body.single-steklo .okna-podbor .okna-podbor__aside .okna-podbor__features--mob{ display:none; }
}
/* Мобайл: тёмная компактная карточка (макет 485-495). CRIT-202: скоуп = каталог + марки + карточка */
@media (max-width:600px){
  body.ok-catalog .okna-podbor{
    background:none; padding:8px 14px 24px; margin:0;
  }
  body.single-steklo .okna-podbor{ background:#f5f8fd; padding:20px 14px 24px; }
  body.ok-catalog .okna-podbor .okna-podbor__card{
    background:linear-gradient(160deg,#12233f,#0b1830);
    border-radius:16px; border:0; box-shadow:none;
    display:block; padding:18px;
  }
  body.ok-catalog .okna-podbor .okna-podbor__bg{ display:none; }
  body.ok-catalog .okna-podbor .okna-podbor__main{ display:block; padding:0 !important; gap:0 !important; } /* УБОРКА §3.2: тройка в порядке steklo/root/seo_filter (regex ждал иной порядок) — досведена вручную */
  /* мобильный H3 + подпись */
  body.ok-catalog .okna-podbor .okna-podbor__mobile{ display:block; }
  body.ok-catalog .okna-podbor .okna-podbor__mobile h3{
    margin:0 0 5px; font-size:16px !important; font-weight:800; color:#fff;
  }
  body.ok-catalog .okna-podbor .okna-podbor__mobile p{
    margin:0 0 12px; font-size:13px; color:#cfd6e2; line-height:1.5;
  }
  /* десктопный текст скрыт */
  body.ok-catalog .okna-podbor .okna-podbor__text{ display:none; }
  body.ok-catalog .okna-podbor .okna-podbor__features{ display:none; }
  /* РєРЅРѕРїРєРё 50/50 РІ СЂСЏРґ */
  body.ok-catalog .okna-podbor .okna-podbor__aside{ width:100%; }
  body.ok-catalog .okna-podbor .okna-podbor__btns{
    display:flex !important; gap:8px !important; width:100% !important;
    flex-direction:row !important;
  }
  body.ok-catalog .okna-podbor .okna-podbor__btn{
    flex:1 1 0 !important; width:auto !important; min-width:0 !important;
    height:46px !important; min-height:46px !important;
    border-radius:8px !important; font-size:13.5px !important;
    padding:0 10px !important; white-space:nowrap !important;
    margin:0 !important; box-sizing:border-box !important; gap:0 !important;
    justify-content:center; text-align:center;
  }
  body.single-steklo .okna-podbor .okna-podbor__btn{ flex:none !important; width:calc(50% - 4px) !important; min-width:0 !important; }
  /* карточка (макет 04 мобайл): мобильные фичи — слайдер чипов под кнопками */
  body.single-steklo .okna-podbor .okna-podbor__aside .okna-podbor__features--mob{
    display:flex; gap:8px; overflow-x:auto; margin-top:12px;
    flex-wrap:nowrap; justify-content:flex-start; width:100%;
  }
  body.single-steklo .okna-podbor .okna-podbor__aside .okna-podbor__features--mob .okna-podbor__feat{
    flex:0 0 auto; font-size:11.5px; color:#cfd6e2; white-space:nowrap;
    display:flex; align-items:center; gap:6px; padding:0;
  }
  body.single-steklo .okna-podbor .okna-podbor__aside .okna-podbor__features--mob .okna-podbor__feat svg{
    width:13px !important; height:13px !important; color:#7fa6ef;
  }
  body.ok-catalog .okna-podbor .okna-podbor__btn svg{ display:none; }
  /* карточка мобайл: короткий текст «Подобрать» вместо «Подобрать стекло» (макет 04 строка 71310) */
  body.single-steklo .okna-podbor .okna-podbor__btn .okna-podbor__btn-l{ display:none; }
  body.single-steklo .okna-podbor .okna-podbor__btn .okna-podbor__btn-m{ display:inline; }
  /* «Подобрать» — белая с тёмно-синим текстом (макет 489) */
  body.ok-catalog .okna-podbor .okna-podbor__btn.okna-order-btn{
    background:#fff !important; color:#123d87 !important; border:1px solid #fff !important;
    box-shadow:none !important;
  }
  body.ok-catalog .okna-podbor .okna-podbor__btn.okna-order-btn:hover{
    background:#f0f4ff !important; color:#123d87 !important; border-color:#f0f4ff !important;
  }
  /* «Отправить фото» — ghost: прозрачная, белая рамка 2px (макет 490) */
  body.ok-catalog .okna-podbor .okna-podbor__btn--outline{
    background:transparent !important; color:#fff !important;
    border:2px solid rgba(255,255,255,.7) !important; box-shadow:none !important;
  }
  body.ok-catalog .okna-podbor .okna-podbor__btn--outline:hover{
    background:rgba(255,255,255,.12) !important; color:#fff !important; border-color:rgba(255,255,255,.9) !important;
  }
}

/* в•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђ
   ★ 2026-08-02 · МАКЕТ 06 (WAVE 7) — мобильный попап «Не нашли нужное стекло?»/«Отправить фото»
   (заказ + фото), строки 637-657 макета. ★ 2026-08-05 · РЕШЕНИЕ ВЛАДЕЛЬЦА: мобильные попапы
   ОТКРЫВАЮТСЯ ПО ЦЕНТРУ ЭКРАНА (не шторка снизу, не прицеп к верху). Сохранены только
   мобильные отступы/типографика/поля из макета; геометрия — центровка flex.
   scoped — только каталог и производные; остальные страницы не тронуты.
   =============================================================================== */
@media (max-width:600px){
  body.ok-catalog #okna-order-modal.is-open,
  body.ok-catalog #okna-photo-modal.is-open{ display:flex; align-items:center; justify-content:center; padding:16px; }
  body.ok-catalog #okna-order-modal .okna-modal__box,
  body.ok-catalog #okna-photo-modal .okna-modal__box{
    width:100%; max-width:460px; max-height:92%; overflow-y:auto;
    border-radius:16px; margin:auto;
  }
  body.ok-catalog #okna-order-modal .okna-modal__title,
  body.ok-catalog #okna-photo-modal .okna-modal__title{ font-size:20px !important; }
  body.ok-catalog #okna-order-modal .okna-modal__sub,
  body.ok-catalog #okna-photo-modal .okna-modal__sub{
    font-size:13px; line-height:1.45;
  }
  /* поле телефона/марки/имени 50px, r8, bg#f5f8fd, рамка 1.5px (макет 648) */
  body.ok-catalog #okna-order-modal .wpcf7 input[type=tel],
  body.ok-catalog #okna-order-modal .wpcf7 input[type=text],
  body.ok-catalog #okna-photo-modal .wpcf7 input[type=tel],
  body.ok-catalog #okna-photo-modal .wpcf7 input[type=text]{
    height:50px; min-height:50px; background-color:#f5f8fd;
    border:1.5px solid #dfe5ee; border-radius:8px;
  }
  /* кнопка отправки 50px, r4 (макет 652) */
  body.ok-catalog #okna-order-modal .wpcf7 input[type=submit],
  body.ok-catalog #okna-photo-modal .wpcf7 input[type=submit]{
    height:50px; min-height:50px; border-radius:8px !important; /* Волна 3 §6.4: моб. submit модалок каталога 4→8 (канон радиуса кнопки) */
  }
}

/* в•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђ
   ★ 2026-08-02 · МАКЕТ 06 (WAVE 6) — блок «Акция» (.okna-promo) на каталоге 1-в-1.
   Единый вид для ВСЕХ стилей-вариантов (red_accent/blue/dark/light) — макетный светлый
   градиент + рамка #ecd7e5 + картинка + бейдж + заголовок + подпись + кнопка.
   Секция: фон #f5f8fd, отступы 24/56 (макет 277). scoped только каталог/марки.
   =============================================================================== */
@media (min-width:601px){
  /* Секция акции (макет 277-278): фон #f5f8fd, отступы 24/56, контейнер 1280 */
  body.ok-catalog .okna-promo-sec{
    background:#f5f8fd; padding:24px 0 56px; margin:0;
  }
  body.ok-catalog .okna-promo-sec__inner{
    max-width:1280px; margin:0 auto; padding:0 32px;
  }
  /* Карточка акции (макет 279-289) */
  body.ok-catalog .okna-promo{
    background:linear-gradient(100deg,#eef1fb 0%,#f7f2f8 100%) !important;
    border:1.5px solid #ecd7e5 !important; border-radius:16px !important;
    padding:20px 24px !important; margin:0;
    display:flex; align-items:center; gap:24px; flex-wrap:wrap;
  }
  body.okna-catalog-root .okna-promo .okna-promo__img,
  body.single-seo_filter .okna-promo .okna-promo__img{ flex:0 0 132px; }
  body.okna-catalog-root .okna-promo .okna-promo__img img,
  body.single-seo_filter .okna-promo .okna-promo__img img{
    display:block; width:132px; height:132px; object-fit:cover; border-radius:12px; max-width:none;
  }
  body.okna-catalog-root .okna-promo .okna-promo__body,
  body.single-seo_filter .okna-promo .okna-promo__body{ flex:1 1 420px; }
  body.okna-catalog-root .okna-promo .okna-promo__badge,
  body.single-seo_filter .okna-promo .okna-promo__badge{
    font-size:11px !important; letter-spacing:.05em !important;
    padding:5px 11px !important; margin-bottom:10px !important;
    background:#e0223a !important; color:#fff !important;
  }
  body.okna-catalog-root .okna-promo .okna-promo__title,
  body.single-seo_filter .okna-promo .okna-promo__title{
    font-size:22px !important; font-weight:800; color:#123d87 !important;
    margin:0 0 6px; line-height:1.25;
  }
  body.okna-catalog-root .okna-promo .okna-promo__text,
  body.single-seo_filter .okna-promo .okna-promo__text{
    font-size:13.5px !important; color:#8a94a6 !important; margin:0;
  }
  body.okna-catalog-root .okna-promo .okna-promo__btn,
  body.single-seo_filter .okna-promo .okna-promo__btn{
    flex:0 0 auto; height:48px; padding:0 28px;
    background:#1c5bd6 !important; color:#fff !important; border:1px solid #1c5bd6 !important;
    border-radius:8px; font-size:15px; font-weight:700; box-shadow:none !important;
  }
  body.okna-catalog-root .okna-promo .okna-promo__btn:hover,
  body.single-seo_filter .okna-promo .okna-promo__btn:hover{
    background:#1448aa !important; color:#fff !important; border-color:#1448aa !important;
  }
  /* перебить внутренние цвета тёмных/синих вариантов */
  body.ok-catalog .okna-promo--dark .okna-promo__title{ color:#123d87 !important; }
  body.ok-catalog .okna-promo--dark .okna-promo__text{ color:#8a94a6 !important; }
  body.ok-catalog .okna-promo--blue .okna-promo__badge{ background:#e0223a !important; }
}
/* Мобайл: карточка по макету 497-510 */
@media (max-width:600px){
  body.ok-catalog .okna-promo-sec{ background:none; padding:0 14px 20px; margin:0; }
  body.ok-catalog .okna-promo-sec__inner{ padding:0; max-width:none; }
  body.okna-catalog-root .okna-promo,
  body.single-seo_filter .okna-promo{
    background:linear-gradient(150deg,#eef1fb,#f7f2f8) !important;
    border:1.5px solid #ecd7e5 !important; border-radius:16px !important;
    padding:14px !important; margin:0 !important;
    display:grid; grid-template-columns:110px minmax(0,1fr); gap:0 12px; align-items:start;
  }
  /* Шапка-ряд: картинка + колонка (бейдж над заголовком). ★ ВЕРХИ НА ОДНОМ УРОВНЕ:
     img растянут на строки 1-2 (grid-row:1/3) → row1=badge(авто), row2=title(авто),
     верх картинки совпадает с верхом бейджа, заголовок сразу под бейджем без зазора. */
  body.okna-catalog-root .okna-promo .okna-promo__img,
  body.single-seo_filter .okna-promo .okna-promo__img{ display:block !important; grid-column:1; grid-row:1/3; align-self:start; width:110px; float:none; margin:0; }
  body.okna-catalog-root .okna-promo .okna-promo__img img,
  body.single-seo_filter .okna-promo .okna-promo__img img{
    display:block; width:110px; height:110px; object-fit:cover; border-radius:10px; max-width:none;
  }
  body.okna-catalog-root .okna-promo .okna-promo__body,
  body.single-seo_filter .okna-promo .okna-promo__body{ display:contents; }
  body.okna-catalog-root .okna-promo .okna-promo__badge,
  body.single-seo_filter .okna-promo .okna-promo__badge{
    grid-column:2; grid-row:1; justify-self:start; align-self:start;
    font-size:var(--ok-fs-micro,12.5px) !important; letter-spacing:.05em !important; /* MOB-05: 9.5 → пол ДС (замена числа, существующий !important сохранён) */
    padding:4px 9px !important; margin:0 0 6px !important;
    background:#e0223a !important; color:#fff !important;
  }
  body.okna-catalog-root .okna-promo .okna-promo__title,
  body.single-seo_filter .okna-promo .okna-promo__title{
    grid-column:2; grid-row:2; min-width:0;
    font-size:14px !important; font-weight:800; color:#123d87 !important;
    margin:0; line-height:1.25;
  }
  body.okna-catalog-root .okna-promo .okna-promo__text,
  body.single-seo_filter .okna-promo .okna-promo__text{
    grid-column:1/3; grid-row:3; margin:12px 0 0;
    font-size:11.5px !important; color:#8a94a6 !important;
  }
  body.okna-catalog-root .okna-promo .okna-promo__btn,
  body.single-seo_filter .okna-promo .okna-promo__btn{
    grid-column:1/3; grid-row:4; margin-top:12px;
    display:flex; align-items:center; justify-content:center;
    width:100%; height:46px;
    background:#1c5bd6 !important; color:#fff !important; border:1px solid #1c5bd6 !important;
    border-radius:8px; font-size:14px; font-weight:700; box-shadow:none !important;
  }
  body.ok-catalog .okna-promo--dark .okna-promo__title{ color:#123d87 !important; }
  body.ok-catalog .okna-promo--dark .okna-promo__text{ color:#8a94a6 !important; }
  body.ok-catalog .okna-promo--blue .okna-promo__badge{ background:#e0223a !important; }
}

/* в•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђ
   ★ 2026-08-02 · МАКЕТ 06 (WAVE 7) — блок «Отправьте фото стекла» (.okna-pf-form) на каталоге.
   Десктоп ≥601: форма слева (2 колонки 1.15fr/1fr), how справа, все размеры по макету.
   Мобайл ≤600: порядок H2 → how → кнопка-аккордеон → скрытая форма (макет 512-557).
   Реализация «дубль head»: .head (моб H2+sub) виден ≤600, .left H2+sub скрыты ≤600.
   scoped только каталог/марки. Другие поверхности (главная/GEO) не тронуты.
   =============================================================================== */
/* Десктоп: каркас по макету 292-340 */
@media (min-width:601px){
  body.ok-catalog .okna-pf-form{
    background:#fff; border-top:1px solid #eef1f6; padding:56px 0 72px; margin:0;
  }
  body.ok-catalog .okna-pf-form__container{ max-width:1280px; margin:0 auto; padding:0 32px; }
  body.ok-catalog .okna-pf-form__card{
    background:none; border:0; border-radius:0; box-shadow:none; padding:0;
  }
  body.ok-catalog .okna-pf-form__grid{
    display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:44px; align-items:start;
  }
  body.ok-catalog .okna-pf-form__head{ display:none; }
  body.ok-catalog .okna-pf-form__left .okna-pf-form__h2--desc{
    font-size:30px; font-weight:800; color:#123d87; letter-spacing:-.01em;
    padding-bottom:12px; background:linear-gradient(#e0223a,#e0223a) left bottom/44px 3px no-repeat;
    margin:0 0 18px;
  }
  body.ok-catalog .okna-pf-form__left .okna-pf-form__sub--desc{
    font-size:16px; color:#526173; line-height:1.55; max-width:520px; margin:0 0 22px;
  }
  body.ok-catalog .okna-pf-form__left .okna-pf-form__form{
    background:#f7f9fc; border:1px solid #e8ecf2; border-radius:16px; padding:24px;
    box-shadow:0 20px 50px rgba(20,40,80,.06);
  }
  body.ok-catalog .okna-pf-form__shield{
    display:flex; align-items:center; gap:8px;
    font-size:12px; color:#526173; line-height:1.4; margin-top:10px;
  }
  body.ok-catalog .okna-pf-form__shield svg{ flex:0 0 auto; }
  body.ok-catalog .okna-pf-form__accordion{ display:none; }
  body.ok-catalog .okna-pf-form__how{
    background:#f5f8fd; border:1px solid #e8ecf2; border-radius:16px; padding:24px;
  }
  body.ok-catalog .okna-pf-form__how-title{ font-size:19px; font-weight:800; color:#123d87; margin:0 0 18px; }
  body.ok-catalog .okna-pf-step{ gap:14px; }
  body.ok-catalog .okna-pf-step__ic{
    width:40px; height:40px; min-width:40px; border-radius:999px;
    background:#fff; border:1px solid #e3eaf5;
  }
  body.ok-catalog .okna-pf-step__ic svg{ width:18px; height:18px; color:#1c5bd6; }
  body.ok-catalog .okna-pf-step__t{ font-size:15.5px; font-weight:800; color:#123d87; margin-bottom:3px; }
  body.ok-catalog .okna-pf-step__d{ font-size:14px; color:#526173; line-height:1.5; }
  body.ok-catalog .okna-pf-form__bus{ margin-top:20px; padding-top:0; border-radius:14px; overflow:hidden; border:1px solid #e3eaf5; }
  /* §00.3 (27.08): это правило в @media(min-width:601px) — каталог на ДЕСКТОПЕ. design.css:1432
     ставит .okna-pf-form__bus{padding-top:16}: на НЕ-каталожных страницах (услуга, где body.ok-catalog
     нет и рамки на автобусе нет) это воздух между шагами и картинкой — там padding-top:16 сохраняется.
     А на каталоге автобус в бордюр-карточке (border выше) → тот же padding-top:16 давал мат только
     сверху (17px), снизу 0. Гасим padding-top:0 → картинка заполняет рамку, зазор = 1px бордюра со
     всех сторон. От шагов отделяет margin-top. Каталог-мобилка правится тем же в @media(max-width:600). */
}
/* Мобайл: порядок по макету 512-557 */
@media (max-width:600px){
  body.ok-catalog .okna-pf-form{ padding:0; margin:0 !important; }
  body.ok-catalog .okna-pf-form__card{ background:none; border:0; box-shadow:none; border-radius:0; padding:0; }
  body.ok-catalog .okna-pf-form__head{ display:block; padding:0 14px 24px; }
  body.ok-catalog .okna-pf-form__h2--mob{
    font-size:20px; font-weight:800; color:#123d87; line-height:1.25; margin:0 0 6px;
  }
  body.ok-catalog .okna-pf-form__sub--mob{ font-size:13px; color:#526173; line-height:1.5; margin:0; }
  body.ok-catalog .okna-pf-form__grid{ display:flex; flex-direction:column; gap:0 !important; }
  body.ok-catalog .okna-pf-form__how{
    order:1; background:#f5f8fd; border:1px solid #e8ecf2; border-radius:16px; padding:18px; margin:0 14px 16px;
  }
  body.ok-catalog .okna-pf-form__left{ order:2; padding:0 14px; }
  body.ok-catalog .okna-pf-form__h2--desc{ display:none; }
  body.ok-catalog .okna-pf-form__sub--desc{ display:none; }
  body.ok-catalog .okna-pf-form__how-title{ font-size:17px; font-weight:800; color:#123d87; margin:0 0 14px; }
  body.ok-catalog .okna-pf-step__ic{
    width:36px; height:36px; min-width:36px; border-radius:999px;
    background:#fff; border:1px solid #e3eaf5;
  }
  body.ok-catalog .okna-pf-step__ic svg{ width:16px; height:16px; color:#1c5bd6; }
  body.ok-catalog .okna-pf-step__t{ font-size:14px; font-weight:800; color:#123d87; margin-bottom:3px; }
  body.ok-catalog .okna-pf-step__d{ font-size:12.5px; color:#526173; line-height:1.5; }
  body.ok-catalog .okna-pf-form__bus{ margin-top:14px; padding-top:0; border-radius:12px; overflow:hidden; border:1px solid #e3eaf5; } /* §00.3: см. коммент выше — padding-top:0, картинка вровень с рамкой */
  body.ok-catalog .okna-pf-form__accordion{
    display:flex; align-items:center; justify-content:center; gap:9px;
    width:100%; height:52px; margin:16px 0 0;
    background:#e0223a !important; color:#fff !important; border:none !important; border-radius:4px;
    font-size:16px; font-weight:700; cursor:pointer;
  }
  body.ok-catalog .okna-pf-form__accordion svg{ color:#fff !important; stroke:#fff !important; }
  body.ok-catalog .okna-pf-form__accordion.is-hidden{ display:none; }
  body.ok-catalog .okna-pf-form__shield{
    display:flex; align-items:center; gap:8px;
    font-size:12px; color:#526173; line-height:1.4; margin-top:10px;
  }
  body.ok-catalog .okna-pf-form__shield svg{ flex:0 0 auto; }
  body.ok-catalog .okna-pf-form__form{ display:none; margin-top:12px; }
  body.ok-catalog .okna-pf-form__form.is-open{ display:block; }
  /* P2-4 · МАКЕТ 06 (546-556): поля мобильной формы CF7 1-в-1 */
  body.ok-catalog .okna-pf-form .wpcf7 input[type="tel"],
  body.ok-catalog .okna-pf-form .wpcf7 input[type="text"],
  body.ok-catalog .okna-pf-form .wpcf7 input[type="email"]{
    width:100% !important; height:50px !important; min-height:50px !important;
    border:1.5px solid #e3e9f2 !important; border-radius:8px !important;
    font-size:16px !important; padding:0 14px !important; background:#fff !important;
    color:#1d2433 !important;
  }
  body.ok-catalog .okna-pf-form .wpcf7 .okna-photo__zone{
    border:1.5px dashed #c7d3e8 !important; border-radius:10px !important;
    background:#fbfcfe !important; padding:18px !important;
  }
  body.ok-catalog .okna-pf-form .wpcf7 input[type="submit"]{
    width:100% !important; height:50px !important; min-height:50px !important;
    background:#e0223a !important; color:#fff !important;
    border-radius:8px !important; font-size:16px !important; font-weight:700 !important; /* Волна 3 §6.4: pf-form submit каталога радиус 4→8 (канон) */
  }
}

/* ★ 2026-08-02 · ПРОГОН 2 (CRIT-201): красная черта `.okna-pf-form__h2::after` (design.css:1316, 52×3)
   ломает оба состояния: на мобиле (макет 514 — H2 без черты) и на десктопе (макет 296 — одна черта
   44×3 через background). Убираем ::after scoped — остаётся только background-черта десктопа. */
body.ok-catalog .okna-pf-form__h2::after{ display:none !important; }

/* ★ 2026-08-02 · ПРОГОН 2 (CRIT-204): мобильная кнопка акции 46px (не 48px от базового .okna-btn min-height) */
@media (max-width:600px){
  body.ok-catalog .okna-promo .okna-promo__btn{
    height:46px !important; min-height:46px !important;
  }
}

/* ★ 2026-08-02 · ПРОГОН 3 — мелкие дельты:
   P3-4: закрытая десктоп-кнопка «Фильтр» border 1.5px #dfe5ee (макет 137), глобально 1px #dbe4f0.
   P3-6: H2 формы margin 0 0 8px (макет 296), было 18px.
   P3-8: щиток «Ваши данные защищены» под кнопкой-аккордеоном на мобиле (макет 544). */
body.ok-catalog .okna-filterbox .okna-filter-toggle{
  border-width:1.5px !important; border-color:#dfe5ee !important;
}
body.ok-catalog .okna-pf-form__h2--desc{ margin:0 0 8px !important; }
/* P3-8 (прогон 3): внешний щиток под кнопкой виден ТОЛЬКО при свёрнутой форме (макет 544);
   при раскрытии (внутри CF7 свой щиток) — скрыт, чтобы не было дубля. */
body.ok-catalog .okna-pf-form__shield{
  display:flex; align-items:center; gap:8px;
  font-size:12px; color:#526173; line-height:1.4; margin-top:10px;
}
body.ok-catalog .okna-pf-form__shield svg{ flex:0 0 auto; }
body.ok-catalog .okna-pf-form__left.okna-pf-open .okna-pf-form__shield{ display:none !important; }
/* ★ 2026-08-02 · ПРОГОН 4 (P2-1-новый): на ДЕСКТОПЕ (≥601) внешний щиток скрыт —
   внутри CF7-карточки есть свой `.okna-cf7-trust`, дубль не нужен (макет 06: щиток один, в карточке). */
@media (min-width:601px){
  body.ok-catalog .okna-pf-form__shield{ display:none !important; }
}

/* ★ 2026-08-02 · ПРОГОН 4 (P3-1): на МАРКАХ (single-seo_filter) десктоп-блок «Отправьте фото»
   обёрнут в белую карточку по макету 07 (r18, padding 36/40, тень); каталог — без карточки. */
@media (min-width:601px){
  body.single-seo_filter .okna-pf-form__card{
    border:1px solid #e8ecf2; border-radius:18px; padding:36px 40px;
    box-shadow:0 10px 30px rgba(20,40,80,.05); background:#fff;
  }
  body.single-seo_filter .okna-pf-form{ border-top:0; padding:0 0 56px; }
}

/* ★ 2026-08-02 · ПРОГОН 4 (P3-2): иконки фич блока «Не нашли» 15px, gap 7px (макет 06). */
body.ok-catalog .okna-podbor .okna-podbor__feat svg{ width:15px !important; height:15px !important; }
body.ok-catalog .okna-podbor .okna-podbor__feat{ gap:7px; }

/* ★ 2026-08-02 · WAVE 3 (ТЗ models-as-catalog): блок «Модели и марки» (.okna-top-tags) скрыт
   НА ВСЕХ ШИРИНАХ страниц марок/моделей — каталог-структура (макет 06) чипов не имеет.
   DOM сохранён (SEO-перелинковка), только display:none. Решение владельца зафиксировано. */
body.single-seo_filter .okna-top-tags{ display:none; }

/* в•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђ
   ★ 2026-08-02 · МАКЕТ 06/02 (WAVE 8) — мобильная типографика SEO-текста, FAQ,
   «Смотрите также» на каталоге/марках/карточке. Общий мобильный формат блоков
   (макет 06: H2 20px/800 #123d87 lh1.25 · текст 13px #526173 lh1.5 · FAQ из 02: H2 23px,
   вопрос 14.5px/700 #1d2433 r10, ответ 13.5px lh1.6) + таблица с прокруткой влево-вправо.
   scoped — только каталог и производные; остальные страницы не тронуты.
   =============================================================================== */
@media (max-width:600px){
  /* «Смотрите также» на мобильной версии каталога/марок НЕ нужен (макет 06 его не имеет) */
  body.ok-catalog .okna-related{ display:none; }

  /* ── SEO-текст: общий мобильный формат блоков каталога ── */
  body.ok-catalog .okna-seo-text{ margin:28px 0 0; }
  body.ok-catalog .okna-seo-text h2{
    font-size:20px !important; line-height:1.25; margin:0 0 14px;
  }
  body.ok-catalog .okna-seo-text h3{
    font-size:16px !important; font-weight:800; color:#123d87; line-height:1.3;
    margin:22px 0 8px; text-wrap:balance;
  }
  body.ok-catalog .okna-seo-text .okna-st-body p,
  body.ok-catalog .okna-seo-text .okna-st-body li{
    font-size:13px !important; line-height:1.5; color:#526173; margin-bottom:12px;
  }
  body.okna-catalog-root .okna-seo-text .okna-st-body{ line-height:1.5; }
  /* заголовки теста (H2→H3 через okna_seo_ai_typo) — без висячих предлогов */
  body.ok-catalog .okna-seo-text .okna-st-body h2,
  body.ok-catalog .okna-seo-text .okna-st-body h3{
    font-size:16px !important; font-weight:800; color:#123d87; line-height:1.3;
    margin:22px 0 8px; padding-bottom:0; text-wrap:balance;
  }
  body.ok-catalog .okna-seo-text .okna-st-body h2::after,
  body.ok-catalog .okna-seo-text .okna-st-body h3::after{ display:none; }
  /* P-СЕО-ТАБЛ §0: тип-скоуп-копия обёртки таблиц СНЯТА (была под @media(≤600) — гейт ширины,
     на планшете/десктопе не защищала; и услугу не покрывала). Единый вид — .okna-tbl-scroll в design.css (глобально). */

  /* ── FAQ: формат макета 02 (моб., M16) ── */
  body.ok-catalog .okna-faq{
    background:#f5f8fd; margin:0 -16px; border-radius:0; padding:44px 16px 48px;   /* ★ full-bleed band как на главной: -16 гасит 16px .okna-usluga, 16px inset → карточки 358 (было 32px=326) */
  }
  body.ok-catalog .okna-faq h2{
    font-size:23px !important; font-weight:800; color:#123d87; margin:0 0 14px;
  }
  body.ok-catalog .okna-faq details{
    background:#fff; border:1px solid #e8ecf2; border-radius:10px;
    margin-bottom:8px; padding:0 16px; box-shadow:none;
  }
  body.ok-catalog .okna-faq details:last-child{ margin-bottom:0; }
  body.ok-catalog .okna-faq summary{
    font-size:14.5px; font-weight:700; color:#1d2433; line-height:1.35;
    padding:15px 0; gap:12px;
  }
  body.ok-catalog .okna-faq summary::before{
    width:22px; height:22px; min-width:22px; font-size:14px; margin-left:auto;
  }
  body.ok-catalog .okna-faq details > div{
    padding:0 0 15px; font-size:13.5px; color:#526173; line-height:1.6;
  }
}

/* ═══ ★ КОРЗИННАЯ ПАНЕЛЬ КАТАЛОГА (v2.1) ═══════════════════════════════════════
   Фикс-бар снизу ТОЛЬКО когда в корзине есть позиции (видимость снимает [hidden]
   скрипт в mobile-cta.php по oknaCart.count()). Пусто → [hidden] → нет панели (= макет 06).
   Мобилка (≤768, как okna-mcta); десктоп — нет. Синий #1c5bd6, кнопка h44. */
.okna-cartbar__spacer[hidden]{ display:none !important; }
/* ★ Плавный ВЫЕЗД снизу (правка владельца: не резко, а как закрепление десктоп-шапки .25s).
   Панель всегда в DOM (на каталоге), в покое уведена за нижний край transform:translateY(110%);
   скрипт добавляет .is-shown при непустой корзине → выезжает. Резкий [hidden] у панели снят. */
.okna-cartbar{
  position:fixed; left:0; right:0; bottom:0; z-index:90;
  display:flex; align-items:center; gap:10px;
  padding:8px 12px calc(8px + env(safe-area-inset-bottom, 0px));
  background:#fff; border-top:1px solid var(--ok-border, #e8ecf2);
  box-shadow:0 -6px 20px rgba(20,40,80,.10);
  transform:translateY(110%); visibility:hidden; transition:transform .25s ease, visibility .25s ease; /* v2.8 §A1.4: will-change снят (налог на память) */
}
/* ★ A11Y (v2.5 §A1): visibility:hidden в покое — панель не ловит таб-фокус и не читается скринридером
   за краем экрана; анимируется вместе с transform, выезд плавный. Снимается тем же .is-shown. */
.okna-cartbar.is-shown{ transform:translateY(0); visibility:visible; }
@media (prefers-reduced-motion:reduce){ .okna-cartbar{ transition:none; } }
.okna-cartbar__info{ flex:1 1 auto; display:flex; align-items:center; gap:8px; min-width:0; text-decoration:none; color:var(--ok-ink, #123d87); }
.okna-cartbar__ic{ font-size:18px; flex:0 0 auto; }
.okna-cartbar__lbl{ font-size:14px; font-weight:700; white-space:nowrap; }
/* v3.0 §A1: счётчик в баре — ИНЛАЙН число, а не абсолютный красный бейдж шапки (design.css:969 даёт
   position:absolute+right:-2px+red → он улетал к правому краю панели). Перебиваем в скоупе бара. */
.okna-cartbar .okna-cart-count{ position:static; background:none; color:var(--ok-blue,#1c5bd6);
  min-width:0; height:auto; padding:0; border-radius:0; font-size:inherit; font-weight:700; line-height:inherit; }
.okna-cartbar__sum{ font-size:14px; font-weight:800; color:var(--ok-ink, #123d87); margin-left:auto; white-space:nowrap; }
.okna-cartbar__go{
  flex:0 0 auto; min-height:44px; height:44px; display:inline-flex; align-items:center; justify-content:center;
  padding:0 20px; border-radius:8px; background:var(--ok-blue, #1c5bd6); color:#fff;
  font-weight:700; font-size:14.5px; text-decoration:none;
}
/* v3.0 §A1: глобальное @≤768 `.okna-btn:not()...{width:100%}` (0,3,0) распирало «Перейти» во всю ширину,
   схлопывая .okna-cartbar__info в ноль (имя/сумма пропадали). Возвращаем ширину по содержимому в скоупе
   бара — вес 0,3,1 > 0,3,0. okna-btn оставляем (защита цвета от TT1 + hover). */
body.ok-catalog .okna-cartbar .okna-cartbar__go{ width:auto; }
.okna-cartbar__spacer{ height:calc(76px + env(safe-area-inset-bottom, 0px)); }  /* v3.0 §A2: +env как у соседей (mcta/st-bar). Источник высоты один — CSS (JS offsetHeight снят в mobile-cta.php) */
@media (min-width:769px){ .okna-cartbar, .okna-cartbar__spacer{ display:none !important; } }