/* Mobile menu — closed by default */
.mobile-menu.menu-closed {
  pointer-events: none;
  opacity: 0;
  transform: translateY(-8px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.mobile-menu.menu-open {
  pointer-events: auto;
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Hamburger → X animation */
.hamburger.is-open span:first-child {
  transform: translateY(6px) rotate(45deg);
}
.hamburger.is-open span:last-child {
  transform: translateY(-6px) rotate(-45deg);
}