/* Hamburger → X */
.mobile-menu-toggle .hamburger-line {
  transition:
    transform 0.35s var(--ease-out),
    opacity 0.25s ease;
}
.mobile-menu-toggle.active .hamburger-line:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}
.mobile-menu-toggle.active .hamburger-line:nth-child(2) {
  opacity: 0;
}
.mobile-menu-toggle.active .hamburger-line:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}