/* Шапка-стекло на всех страницах сайта, кроме главной.
   «Правки 89», задача 6: «И хэдер везде на всех страницах сделай стекло —
   прозрачность как на главной в Моб ПК и планшете». Наряд «Дизайн-112».

   styles/components.css и styles/tokens.css заморожены (docs/FROZEN.md),
   поэтому правило лежит здесь, а файл подключается в каждой странице
   последним — после components.css и после CSS самой страницы.

   Меняются ТОЛЬКО фон и размытие. position:sticky и высоты шапки
   84 / 70 / 62 остаются как были — решение [С] 22.10 («кнопка шапки
   планшета на главной равна другим страницам»), поэтому вёрстка страниц
   не сдвигается ни на пиксель. */

/* ——— 1. Стекло: тот же фон и тот же фильтр, что у шапки главной ———
   Эталон — styles/pages/home-hero.css:25-29 (наряд «Дизайн-107»).
   .header--itg («Добросовестность») — особый случай: её шапка тёмная #1C1C1E
   под чёрный первый экран, логотип и пункты в ней белые. 70 % белого поверх
   чёрного дало бы светло-серую подложку, на которой белый текст пропадает,
   поэтому там тот же рецепт стекла (та же прозрачность 70 %, тот же фильтр),
   но на её собственном цвете --card-dark. Вопрос Сергею — в отчёте наряда
   (reports/pravki89/d112.md). */
.header:not(.header--itg){
  background:rgba(255,255,255,.7);
  -webkit-backdrop-filter:saturate(180%) blur(20px);
  backdrop-filter:saturate(180%) blur(20px)
}
.header--itg{
  background:rgba(28,28,30,.7);
  -webkit-backdrop-filter:saturate(180%) blur(20px);
  backdrop-filter:saturate(180%) blur(20px)
}

/* Страница заказа order-payment.html — своя шапка .o3-hdr (не .header).
   Стекло к ней НЕ применяется, и файл к странице не подключён.

   Почему: backdrop-filter на липкой шапке заставляет перерисовывать всё
   полотно под ней каждый кадр, и на 1440 анимация «раскрытия
   плейсхолдеров» перестаёт укладываться в 16,7 мс — сценарный тест
   `node tools/order-flow.js` валит проверки «Д-100 В: раскрытие и
   сворачивание без рывков». Замеры наряда «Дизайн-112б»:
     • без стекла                     — 783 / 783 (кадры 16,7 мс ровно);
     • стекло blur(20px)              — 781 / 783 (кадр 33,3 мс = два);
     • стекло blur(8px)               — 782 / 783;
     • blur + will-change/translateZ  — хуже всех (рывок в 3 прогонах из 3,
       замер tools/_d112_jank.js).
   Плавность оплаты важнее вида шапки, поэтому шапка заказа осталась белой.
   Вопрос Сергею и варианты — в отчёте наряда reports/pravki89/d112.md. */

/* ——— 2. Мобильное меню: белая заливка на весь экран ниже шапки ———
   backdrop-filter делает шапку содержащим блоком для потомков с
   position:fixed, а .mmenu лежит внутри <header>. Пара
   top:var(--header-h) + bottom:0 из components.css стала бы считаться от
   коробки шапки (70 / 62), а не от окна, и дала бы height = 0 — ровно тот
   дефект, который правился на главной в наряде «Дизайн-107». Высота
   задаётся явно, поэтому правило верно и сейчас, и если содержащим блоком
   снова станет окно.
   100lvh — высота окна со свёрнутой адресной строкой мобильного Safari
   (запас: полоса страницы под меню не покажется); 100vh идёт первым как
   запасной вариант для браузеров без lvh. overflow-y:auto — чтобы в
   альбомной ориентации телефона пункты не оказались недостижимыми. */
@media (max-width:1023px){
  .mmenu{bottom:auto;overflow-y:auto;
    height:calc(100vh - var(--header-h));height:calc(100lvh - var(--header-h))}
}