/* «Видео» (F05) на телефоне. Окно раздела пришло из версии друга без телефонной раскладки: шапка
   сжималась в «В.», поиск наезжал на подпись, колонка папок занимала пол-экрана, карточки обрезались.
   Правила — по конвенции ave-*-m.css: только ширина телефона, специфичность «body .vd-…» перекрывает
   стили, которые video-ui.js вставляет сам (injectStyle идёт в <head> позже этого файла). */
@media (max-width: 760px) {
  body .vd-back { padding: 0; }
  body .vd-win,
  body .vd-rwin { width: 100vw; height: 100dvh; max-height: none; border-radius: 0; border: 0; }

  /* шапка: заголовок + кнопки в строку, поиск — отдельной строкой во всю ширину */
  body .vd-head { flex-wrap: wrap; gap: 8px; padding: 10px 12px; }
  body .vd-htitle { flex: 1 1 auto; min-width: 0; }
  body .vd-hint { display: none; }
  body .vd-search { order: 5; flex: 1 1 100%; width: auto; margin-left: 0; height: 36px; }
  body .vd-up { padding: 0 12px; height: 34px; }

  /* папки — горизонтальной лентой над роликами, ролики — одной колонкой */
  body .vd-body { flex-direction: column; }
  body .vd-folders { width: auto; flex: none; flex-direction: row; align-items: center; overflow-x: auto; overflow-y: hidden;
    border-right: 0; border-bottom: 1px solid var(--vd-line); padding: 8px 10px; gap: 6px; }
  body .vd-folders > * { flex: none; }
  body .vd-flabel { display: none; }
  body .vd-folder { padding: 7px 11px; }
  body .vd-fname { max-width: 46vw; }
  body .vd-grid { grid-template-columns: 1fr; padding: 12px; gap: 12px; }

  /* окно правок: ряд плеера переносится — таймкод и «Рисовать» уходили за правый край */
  body .vd-bar { flex-wrap: wrap; row-gap: 8px; }
  body .vd-bgroup.vd-bright { margin-left: 0; flex-wrap: wrap; }
  body .vd-fpstag { display: none; }
}