/* Переключатель десктоп/мобайл 1:1-канвасов (см. *-mobile-abs.css из gen-page.cjs).
   Десктоп-канвас (фрейм 1440) — по умолчанию; мобильный (фрейм 402 из mobile.fig) —
   под @media. Брейкпоинт 767px: ниже — мобильный фрейм, выше — десктоп (не трогаем).
   Масштаб мобильного канваса под ширину вьюпорта задаёт fig_mobile_scale (JS):
   --fig-m-scale = min(1, innerWidth/402); на 402px = 1 (нативный 1:1). */
.fig-mobile { display: none; }

/* Горизонтальный скролл табличных/выносочных блоков (VIA-реестр, ARTE-запись) — по замыслу .fig
   они шире кадра. Скроллбар стилизован глобально (scrollbar.css). */
.fig-hscroll {
  overflow-x: auto;
  overflow-y: hidden;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
  /* Нижний отступ, чтобы горизонтальный скроллбар (8px) встал НИЖЕ контента,
     а не накладывался на последний ряд таблицы (Status). */
  padding-bottom: 14px;
}

@media (max-width: 767px) {
  .fig-desktop { display: none; }
  .fig-mobile { display: block; overflow: hidden; }
  .fig-mobile .fig-canvas {
    /* zoom (а не transform: scale) масштабирует канвас как настоящий ресайз: layout-высота
       меняется вместе с масштабом, обёртка .fig-mobile схлопывается под контент сама —
       JS-высоту считать не нужно, рассинхрону «пустота над футером» неоткуда взяться. */
    zoom: var(--fig-m-scale, 1);
    /* Воздух между низом контента и сайтовым футером (на десктопе ~86px заложено в фикс-канвас;
       мобильный flow-канвас кончается ровно на последней секции — без этого футер впритык).
       68px = ритм отступов между крупными секциями мобайла. Масштабируется вместе с канвасом. */
    padding-bottom: 68px;
  }

  /* ─── Точечные правки мобильной ГЛАВНОЙ по ревью дизайнера ───
     Кладём здесь (рукописный слой), а НЕ в home-mobile-abs.css — тот генерируется
     gen-page-mobile.cjs и при регенерации затрёт правки. */

  /* #1 VIA-карточка: список «● ограничены / зарегистрированы / …» был text-align:center
     (рваный край) → выравниваем по левому краю под текстом карточки (как .f-59: ml 25, w 282).
     !important: fig-mobile.css грузится РАНЬШЕ home-mobile-abs.css → иначе генерируемый center победит. */
  .fig-home-mobile .f-60 { text-align: left !important; width: 282px !important; margin-left: 25px !important; }

  /* #3 ABOUT: имя «Сергей Пасякин» в боксе 255px стояло впритык (на iOS-рендере шрифт
     чуть шире → перенос в 2 строки). Одна строка + выравнивание под описанием (.f-144 ml 35). */
  .fig-home-mobile .f-143 { white-space: nowrap !important; width: auto !important; margin-left: 35px !important; }

  /* #2 ABOUT wide-box «Ключевая компетенция…»: рамка должна ВЫХОДИТЬ за края текста,
     как у тёмного бокса «Мы можем отказаться…» (f-86/f-85), а не быть зажатой по тексту.
     Повторяем геометрию тёмного: двойная рамка центрирована на канвасе и выходит за края
     (461/467, симметрично), текст вписан с воздухом (332, центр). */
  .fig-home-mobile .f-146-w { left: 50% !important; width: 467px !important; margin-left: -233px !important; }
  .fig-home-mobile .f-148   { left: 3px !important; width: 461px !important; }
  .fig-home-mobile .f-147   { left: 0 !important;   width: 467px !important; }
  .fig-home-mobile .f-151   { width: 332px !important; }

  /* PROBATUM (мобайл): примеры фото — те же, что на десктопе (полоса ov-fig-probatum
     нарезана на 4: print/embossing/engraving/digital). Цифровое фото центрируем
     (был object-position:left → показывало печать вместо цифровой). */
  .fig-probatum-mobile .vp-digital-seal { object-position: center !important; }

  /* VIA «Что фиксируется» — карточки (Аутентичность/Ограниченный характер/Доверие/
     Историческая ценность): размер текста 24px → 20px по просьбе дизайнера. */
  .fig-via-mobile .f-9,
  .fig-via-mobile .f-11,
  .fig-via-mobile .f-13,
  .fig-via-mobile .f-15 { font-size: 20px !important; }
}