/* Existing design retained; only mobile menu motion is changed. */
@media (max-width: 1024px) {
  .header-new ~ .mobile-menu,
  .mobile-menu {
    right: 0;
    transform: translateX(100%);
    visibility: hidden;
    transition: transform .25s ease, visibility .25s;
  }
  .mobile-menu.active {
    right: 0;
    transform: translateX(0);
    visibility: visible;
  }
}
@media (prefers-reduced-motion: reduce) {
  .mobile-menu { transition: none; }
}