/* 1) Hide desktop menu everywhere */
.main-header .main-menu,
.sticky-header .main-menu,
.main-header .nav.main-menu {
  display: none !important;
}

/* 2) Show the hamburger toggler everywhere */
.main-header .mobile-nav-toggler,
.sticky-header .mobile-nav-toggler {
  display: inline-flex !important;
  align-items: center;
}

/* 3) Prevent theme from hiding mobile menu on desktop */
.mobile-menu {
  display: block !important; /* keeps it available for JS toggle */
}

/* Optional: make toggler look clickable */
.mobile-nav-toggler {
  cursor: pointer;
}

.auto-container {
    background: transparent !important;
}