/* Мобильная версия просмотрщика/каталога/лайтбокса. Подключать ПОСЛЕДНИМ. */
@media (max-width: 720px) {
  .fv-sliders { gap: 4px 14px; }
  .fv-sliders input[type="range"] { width: 96px; }
  .folio-cards { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 560px) {
  .folio-viewer { margin: 20px 0; }
  .fv-presets { gap: 5px; }
  .fv-chip { padding: 5px 9px; font-size: 11.5px; }
  .fv-sliders { gap: 4px 12px; }
  .fv-sliders label { font-size: 11px; gap: 6px; }
  .fv-sliders input[type="range"] { width: 78px; }
  .fv-stage { max-height: 68vh; }

  .scan-grid { grid-template-columns: repeat(auto-fill, minmax(84px, 1fr)); gap: 8px; }
  .scan-cell img { height: 92px; }
  .folio-cards { grid-template-columns: 1fr; }

  /* лайтбокс: узкая боковая панель иконок, лист занимает остальное */
  .fv-lightbox { --side: 148px; }
  .fv-lightbox.min { --side: 52px; }
  .fv-side { padding: 8px 6px; gap: 8px; }
  .fv-vchip { padding: 6px 7px; gap: 7px; }
  .fv-vlabel, .fv-min-toggle .fv-vlabel { font-size: 10.5px; }
  .fv-ico { width: 16px; height: 16px; }
  .fv-vsliders { gap: 8px; padding-top: 10px; }
  .fv-tip { width: 168px; font-size: 11px; }
  .fv-lb-caption { display: none; }
  .fv-lb-close { top: 8px; right: 8px; width: 36px; height: 36px; font-size: 22px; }
  .fv-lb-arrow { width: 38px; height: 38px; }
}

/* защита от горизонтального переполнения (НЕ трогаем .fv-stage img - там работает зум) */
.folio-viewer, .scan-grid, .folio-cards, .fv-toolbar { max-width: 100%; }