/* ===== Брейкпоинты ========================================================
     Веток ДВЕ: desktop (канвас 1440×760) и mobile (канвас 402×874). Третья,
     tablet (768×1024, только hero + features), удалена 2026-08-05 — планшет
     теперь обслуживает мобильная ветка в увеличенном масштабе (см. fitMobile
     в js/stage.js). Так у планшета вместо двух недоделанных экранов сразу все
     двенадцать, ценой узкой колонки контента с жёлтыми полями по бокам.

     ГРАНИЦА ПРОХОДИТ ПО ФОРМЕ ЭКРАНА, А НЕ ПО ШИРИНЕ. Десктопная композиция
     горизонтальная (1440×760, соотношение 1.9), мобильная вертикальная
     (402×874) — значит выбирать между ними по одной ширине неправильно.
     iPad Pro 12.9 в портрете (ровно 1024 CSS-px) по старому правилу попадал
     в десктоп и получал канвас в масштабе 0.71 узкой полосой посреди высокого
     экрана. Теперь desktop показывается только в ландшафте от 1024, всё
     остальное — мобильная ветка.

     Условие продублировано в трёх местах и обязано совпадать во всех:
       — здесь (скрытие десктопа),
       — в css/mobile.css (скрытие мобилки, зеркальное),
       — в YHA.isDesktopLayout() (js/stage.js), которым пользуются
         js/slides.js, js/mobile-slides.js и js/mobile-overlays.js.
     CSS-овский (orientation:landscape) — это ровно width > height. */
  @media (max-width:1023px), (orientation:portrait){
    .stage-wrap, .menubar, .apps-sidebar,
    #lastpopup-screen-backdrop, #lastpopup-fixed-wrap,
    /* Попапы регалий слайда 4 (см. css/solution-popups.css) — добавлены сюда
       сразу, по правилу ниже: тоже body-level fixed-элементы. */
    #solution-screen-backdrop, #solution-popup-wrap,
    /* #demo-panel/#demo-panel-backdrop добавлены 2026-08-03 — их забыли внести
       сюда, когда делали редизайн хедера. Панель в закрытом состоянии стоит
       ЗА правым краем экрана (translateX), и на десктопе это никак не
       проявлялось: html,body{overflow:hidden} просто гасил горизонтальный
       скролл. А на РЕАЛЬНОМ мобильном браузере такой выступ за правый край
       включает shrink-to-fit: Chrome расширяет layout-вьюпорт под самый
       широкий элемент и отзумливает страницу целиком. Замерено на эмуляции
       402×874: window.innerWidth становился 657 вместо 402, innerHeight 1429
       вместо 874, и весь мобильный канвас уезжал в масштаб 1.63.
       ПРАВИЛО: любой новый body-level fixed-элемент, выступающий за край
       экрана, обязан попадать в этот список. */
    #demo-panel, #demo-panel-backdrop{ display:none; }
  }