/* Мобильная адаптация GAN:store. Подключается ПОСЛЕ inline <style> каждой страницы,
   поэтому переопределяет её правила (отсюда !important на конфликтующих). */
@media (max-width: 980px) {
  /* контент — на всю ширину, снизу место под нижнее меню */
  body {
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-bottom: 110px !important;
  }
  .wrap { max-width: 100% !important; }

  /* --- БОКОВОЕ МЕНЮ → НИЖНЯЯ ПЛАВАЮЩАЯ ПРОКРУЧИВАЕМАЯ ПАНЕЛЬ ---
     приподнята над краем экрана: иначе iOS перехватывает свайп у нижней
     кромки как системный жест (переключение приложений) */
  .sidebar {
    display: flex !important;
    flex-direction: row !important;
    left: 10px !important; right: 10px !important;
    top: auto !important;
    bottom: calc(14px + env(safe-area-inset-bottom)) !important;
    width: auto !important; height: auto !important;
    padding: 7px 8px !important;
    border: 1px solid var(--line) !important;
    border-radius: 18px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .4) !important;
    overflow-x: auto !important; overflow-y: hidden !important;
    gap: 3px !important;
    -webkit-overflow-scrolling: touch;
  }
  .sidebar::-webkit-scrollbar { height: 0; }      /* без полосы прокрутки */
  .sb-brand { display: none !important; }
  .sb-item {
    flex: 0 0 auto !important;
    width: 62px !important;
    padding: 6px 0 !important;
    gap: 4px !important;
  }
  .sb-item .ic { width: 22px !important; height: 22px !important; }
  .sb-item .ic svg { width: 21px !important; height: 21px !important; }
  .sb-item .lbl { font-size: 8px !important; }
  /* активность видна фоном/цветом подписи (.sb-item.active) — левую полоску убираем */
  .sb-item.active::before { display: none !important; }
  .sb-item.active { background: rgba(167, 139, 250, .14) !important; }

  /* --- КОНТЕНТ --- */
  /* многоколоночные сетки → одна колонка */
  .hero, .kpis, .board, .dmg, .fsum, .summary-cuts, .fm-grid {
    grid-template-columns: 1fr !important;
  }

  /* шапка страницы — в столбик, переключатели влезают */
  .top { flex-direction: column !important; align-items: flex-start !important; gap: 14px !important; }
  .right { text-align: left !important; width: 100% !important; }
  h1 { font-size: 30px !important; }
  .seg { flex-wrap: wrap !important; }

  /* широкие табличные строки — горизонтальная прокрутка, чтобы не ломать вёрстку */
  .rrows { overflow-x: auto !important; -webkit-overflow-scrolling: touch; }
  .rrow { min-width: 0 !important; }

  /* модалки — на весь экран по ширине */
  .fm-modal, .fm-card { max-width: 94vw !important; }
}