/* Mobile Menu Smooth Animation Override */
.mobile-menu {
  display: block !important;
  visibility: hidden;
  opacity: 0;
  transform: translateX(100%);
  transition: visibility 0.3s ease, opacity 0.3s ease, transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.mobile-menu.active {
  visibility: visible !important;
  opacity: 1 !important;
  transform: translateX(0) !important;
}

.mobile-menu:not(.active) {
  pointer-events: none;
}