/* ══════════════════════════════════════════
   MOBILE — media queries
   ══════════════════════════════════════════ */
@media (max-width: 600px) {
  .reg-company-btn { display: none !important; }
  /* Компактная шапка на мобильной (Дима, 2026-05-31): меньше заголовок, поиск выше */
  header { padding: 8px 14px; }
  .header-brand h1 { font-size: 0.9rem; }
  .ponsse-logo { font-size: 0.7rem; padding: 2px 5px; letter-spacing: 1px; }
  .header-brand .brand-sub { font-size: 0.65rem; }
  .search-bar { padding: 6px 12px 8px; gap: 8px; }
  #query { padding: 12px 14px; font-size: 1rem; }
  button.search-btn { padding: 12px 16px; font-size: 0.95rem; }
  #results { padding: 0 10px 30px; grid-template-columns: 1fr; gap: 10px; }
  #ai-banner { padding: 0 12px; }
  .ai-box { padding: 8px 12px; font-size: 0.8rem; }
  .card-body { padding: 12px 14px; }
  .article { font-size: 1rem; }
  .card-image { max-height: 160px; }
  .sidebar { width: 85%; }
  #catalog-badge { display: none !important; }
  #modal { padding: 0; align-items: flex-end; }
  #modal-inner { max-height: 95vh; border-radius: 16px 16px 0 0; width: 100%; }
  #modal-header { padding: 14px 16px; }
  #modal-article { font-size: 1.1rem; }
  #modal-desc { font-size: 0.9rem; }
  .modal-tab { padding: 10px 16px; font-size: 0.85rem; }
  .modal-pane { padding: 10px; }
  #order-modal { padding: 0; align-items: flex-start; }
  #order-modal-inner { max-height: 95vh; border-radius: 0 0 16px 16px; width: 100%; }
  .order-table { font-size: 0.78rem; }
  .order-table td, .order-table th { padding: 5px 5px; }
  /* Футер в столбик на мобильной */
  .footer-inner { flex-direction: column; gap: 12px; text-align: center; padding: 16px 14px; }
  .footer-links { flex-direction: column; gap: 14px; align-items: center; }
}

@media (max-width: 400px) {
  #query::placeholder { font-size: 0.85rem; }
  button.search-btn { padding: 12px 12px; }
}