/* BFC mobile fixes · ночь N4 · 18.05.2026 · Cowork-BFC */
/* Цель: добить узкие места на 375/414 viewports после Chrome MCP+static audit */

/* Footer: 2col @≤900 (из style.css) → 1col @≤560 для нормального чтения */
@media (max-width: 560px) {
  .ftr-grid { grid-template-columns: 1fr !important; gap: 18px; }
  .ftr-grid h4 { margin-top: 6px; }
}

/* Безопасный fallback для #cases на узких — на случай коллизий с .cases-grid из style.css */
@media (max-width: 560px) {
  .cases .cases-grid { grid-template-columns: 1fr !important; }
  .cases .case-card { padding: 18px 18px 16px; }
  .cases .case-card h3 { font-size: 17px; }
  .cases .case-stats { gap: 8px; font-size: 12px; }
}

/* Hero stats — на 375 4col стает 2col @≤900, но иногда тестировщики просят 1col для readability */
@media (max-width: 420px) {
  .hero-stats { grid-template-columns: 1fr 1fr; gap: 16px; }
}

/* Trust bar — flex-wrap уже есть, но добавим компактные gap'ы для очень узких */
@media (max-width: 420px) {
  .trust-in { gap: 14px; }
  .trust-item { font-size: 12px; }
}

/* Tap targets — все .btn гарантированно ≥44px (font-lg padding 16px → ~52px) */
/* Дополнительный safety net для прочих ссылок-кнопок */
@media (max-width: 900px) {
  .hdr-in .btn { min-height: 44px; }
  .hero-cta .btn { min-height: 48px; }
}

/* CTA подбора камеры внутри #camera-compatibility — увеличить tap-zone */
@media (max-width: 900px) {
  .bfc-mount-cta a { display: inline-block; min-height: 48px; line-height: 48px; padding: 0 18px; }
}