/* css/responsive.css */
@media (max-width: 1024px) {
  .mega-menu { display: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  *, ::before, ::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
@media (max-width: 768px) {
  h1 { font-size: 2.5rem !important; line-height: 1.1 !important; }
  .mobile-drawer { width: 100%; max-width: 100vw; }
}