@media (max-width: 768px) {
  .hero-section .display-3 { font-size: 2.5rem; }
  .display-4, .display-5, .display-6 { font-size: 2rem; }
  .hero-card { margin-top: 1.5rem; }
  .navbar-nav { padding: 1rem 0; }
  .mega-menu {
    position: static;
    display: none;
    box-shadow: none;
    margin-top: 0.5rem;
    background: transparent;
    padding: 0.5rem 0;
  }
  .mega-parent.show .mega-menu {
    display: block;
  }
}