/* Responsive overrides */

@media (max-width: 900px) {
  .hero-grid { grid-template-columns: 1fr; gap: 2rem; }
  .hero-image { order: -1; aspect-ratio: 16 / 9; }
  .section { padding: 3rem 0; }
}

@media (max-width: 700px) {
  body { font-size: 16px; }
  .header-inner { padding: 0.75rem var(--gutter); }
  nav.main-nav { order: 3; width: 100%; }
  nav.main-nav ul { gap: 0.9rem; justify-content: center; padding-top: 0.5rem; border-top: 1px solid rgba(255,255,255,0.15); }
  .ba-grid { grid-template-columns: 1fr; }
  .trust-strip ul { flex-direction: column; gap: 0.75rem; text-align: left; padding-left: 0; }
  .trust-strip ul li { padding-left: 1.2rem; position: relative; }
  .trust-strip ul li::before { content: "✓"; position: absolute; left: 0; color: var(--colour-accent); font-weight: 700; }
  .contact-band { padding: 2.5rem 0; }
  .footer-bottom { font-size: 0.78rem; }
}