/* Правки витрины поверх стилей приложения.
 *
 * Шапка сервиса прижата к верху окна через position: fixed, поэтому отступ
 * body, который ставит заглушка, её не двигает: логотип и меню оказывались
 * под плашкой демонстрационного режима. Высоту плашки заглушка отдаёт
 * переменной --demo-bar-height.
 */

body > header.fixed {
  top: var(--demo-bar-height, 37px);
}

/* На узком экране полоса однострочная и ниже. Значение в fallback совпадает
   с её высотой: до выполнения скрипта шапка стоит там же, где встанет потом. */
@media (max-width: 560px) {
  body > header.fixed {
    top: var(--demo-bar-height, 32px);
  }
}