:root { --menu-overlay: rgba(0, 0, 0, 0.36); }

.menu-overlay {
  position: fixed;
  inset: 0;
  background: var(--menu-overlay);
  z-index: 9998;
}

body.menu-open {
  overflow: hidden;
}

@media (max-width: 1024px) {
  .elementor-hidden-desktop .elementor-widget-navigation-menu nav {
    display: none;
  }

  .elementor-hidden-desktop .elementor-widget-navigation-menu.is-open nav {
    display: block;
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    background: #fff;
    z-index: 9999;
    overflow-y: auto;
    padding: 96px 24px 24px;
  }

  .elementor-hidden-desktop .elementor-widget-navigation-menu.is-open .hfe-nav-menu {
    display: flex;
    flex-direction: column;
    gap: 14px;
  }

  .elementor-hidden-desktop .elementor-widget-navigation-menu .hfe-nav-menu__toggle {
    position: relative;
    z-index: 10000;
  }
}