/* =====================================================================
   compat.css — запасные правила для старых браузеров (телевизоры Hisense и т. п.)
   Подключается ПОСЛЕ style.css и remote.css.
   Верхняя часть написана вручную. Раздел между маркерами GENERATED создаёт
   скрипт tools/gen-compat-css.js (запасной вариант для flex-gap) — руками не правьте,
   после изменений в style.css/remote.css запустите:  node tools/gen-compat-css.js
   Класс no-fgap на <html> ставит js/boot.js, если браузер не умеет gap у flex.
   ===================================================================== */

/* Нет aspect-ratio (Chrome < 88): держим пропорции 16:9 «через padding» */
@supports not (aspect-ratio: 1 / 1) {
  .player::before { content: ""; display: block; padding-top: 56.25%; }
  .player.is-fs::before { display: none; }
  .player__idle img { height: auto; }
  .ers__pad { height: 13.8em; }
}
.player:fullscreen::before { display: none; }
.player:-webkit-full-screen::before { display: none; }

/* Телевизор: без размытия под панелями (тяжело для слабого процессора) */
html.is-tv * { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html.is-tv { cursor: default; }

/* GENERATED:BEGIN */
html.no-fgap .topbar > * + * { margin-left: 1rem; }
html.no-fgap .brand > * + * { margin-left: .7rem; }
html.no-fgap .search > * + * { margin-left: .6rem; }
html.no-fgap .topbar__right > * + * { margin-left: .8rem; }
html.no-fgap .stage > * + * { margin-top: var(--gap); }
html.no-fgap .epg-card__head > * + * { margin-left: .7rem; }
html.no-fgap .epg-strip > * + * { margin-left: 1rem; }
html.no-fgap .epg-strip__now > * + * { margin-left: .7rem; }
html.no-fgap .set-label > * + * { margin-left: .8rem; }
html.no-fgap .color-row > * + * { margin-left: .6rem; }
html.no-fgap .btn > * + * { margin-left: .5rem; }
@media (max-aspect-ratio: 5/4), (max-width: 599px) {
html.no-fgap .mod[data-channels] .layout > * + * { margin-top: .5rem; }
}
html.no-fgap .modeswitch > * + * { margin-left: .3rem; }
html.no-fgap .modebtn > * + * { margin-left: .4rem; }
html.no-fgap .mod--tv .player__idle > * + * { margin-top: .8rem; }
html.no-fgap .mod--tv .status__btns > * + * { margin-left: .6rem; }
html.no-fgap .mod--tv .hud-top > * + * { margin-left: 1em; }
html.no-fgap .mod--tv .hud-ch > * + * { margin-left: .8em; }
html.no-fgap .mod--tv .hud-epg__now > * + * { margin-left: .8em; }
html.no-fgap .mod--tv .hud-epg__next > * + * { margin-left: .6em; }
html.no-fgap .mod--tv .ctl-row > * + * { margin-left: .3em; }
html.no-fgap .mod--tv .menu button > * + * { margin-left: 1em; }
html.no-fgap .mod--tv .chips > * + * { margin-left: .45rem; }
html.no-fgap .mod--audio .player__idle > * + * { margin-top: .8rem; }
html.no-fgap .mod--audio .status__btns > * + * { margin-left: .6rem; }
html.no-fgap .mod--audio .hud-top > * + * { margin-left: 1em; }
html.no-fgap .mod--audio .hud-ch > * + * { margin-left: 1em; }
html.no-fgap .mod--audio .live-eq > * + * { margin-left: .35em; }
html.no-fgap .mod--audio .hud-epg__now > * + * { margin-left: .8em; }
html.no-fgap .mod--audio .hud-epg__next > * + * { margin-left: .6em; }
html.no-fgap .mod--audio .seek > * + * { margin-left: .7em; }
html.no-fgap .mod--audio .ctl-row > * + * { margin-left: .3em; }
html.no-fgap .mod--audio .menu button > * + * { margin-left: 1em; }
html.no-fgap .mod--audio .tab > * + * { margin-top: .2rem; }
html.no-fgap .mod--audio .chips > * + * { margin-left: .45rem; }
html.no-fgap .mod--audio .it-head > * + * { margin-left: .7rem; }
html.no-fgap .mod--audio .it-head__btns > * + * { margin-left: .4rem; }
html.no-fgap .mod--audio .eq > * + * { margin-left: 2px; }
html.no-fgap .clock-main > * + * { margin-top: 1.4rem; }
html.no-fgap .colon > * + * { margin-top: calc(var(--time-size); }
html.no-fgap .date-row > * + * { margin-left: .8rem; }
html.no-fgap .wx-block > * + * { margin-top: .25rem; }
html.no-fgap .wx-main > * + * { margin-left: .8rem; }
html.no-fgap .launcher > * + * { margin-left: 1rem; }
html.no-fgap .launch > * + * { margin-top: .5rem; }
html.no-fgap .npchip > * + * { margin-left: .6rem; }
html.no-fgap .npchip__eq > * + * { margin-left: 2px; }
html.no-fgap .ers > * + * { margin-top: .9em; }
html.no-fgap .ers__head > * + * { margin-left: .5em; }
/* GENERATED:END */