/* AVG Static Site — Mobile Responsive Fixes
 * v1.0.0 • Avant Garde Web • 15 Feb 2026
 * Loaded after site.css to patch mobile layout.
 */

@media (max-width: 768px) {
  .hero-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
  }
  .hero-grid > aside { order: 2; }
  .h1 { font-size: clamp(1.75rem, 5vw, 2.5rem) !important; line-height: 1.2 !important; }
  .lead { font-size: clamp(0.9rem, 2.5vw, 1.1rem) !important; }
  .container { padding-left: 16px !important; padding-right: 16px !important; }
  .header-inner { padding: 12px 0 !important; }
  .nav { display: none !important; }
  .burger { display: flex !important; }
  .grid { display: flex !important; flex-direction: column !important; gap: 16px !important; }
  .stat-row { flex-wrap: wrap !important; gap: 12px !important; }
  .stat { flex: 1 1 calc(50% - 8px) !important; min-width: 120px !important; }
  .actions { flex-direction: column !important; gap: 10px !important; }
  .actions .btn { width: 100% !important; text-align: center !important; justify-content: center !important; }
  .section-head { flex-direction: column !important; gap: 16px !important; text-align: left !important; }
  .h2 { font-size: clamp(1.4rem, 4vw, 2rem) !important; }
  .footer-inner { flex-direction: column !important; gap: 16px !important; text-align: center !important; }
  .footer-links { flex-wrap: wrap !important; justify-content: center !important; gap: 8px 16px !important; }
  .panel { padding: 20px !important; }
  .card { padding: 20px !important; }
}

@media (max-width: 400px) {
  .h1 { font-size: 1.5rem !important; }
  .badge { font-size: 0.7rem !important; }
  .container { padding-left: 12px !important; padding-right: 12px !important; }
  .brand-sub { display: none !important; }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .hero-grid { gap: 24px !important; }
  .grid { grid-template-columns: repeat(2, 1fr) !important; }
}