/* Base styles */
.block-menu.navigation.menu--main {
    display: block;
    width: 50%;
    background: plum;
    position: absolute;
    left: -50%;
    top: 10rem;
    transition: ease .3s;
}

.menu-toggle {
  display: block; /* Show toggle button on mobile */
  background: #0074bd;
  color: #fff;
  border: none;
  padding: 10px 15px;
  cursor: pointer;
}

/* Active state (menu is open) */
.block-menu.navigation.menu--main.is-open {
    left: 0;
}

/* Desktop styles (Large screens) */
@media (min-width: 768px) {
  .menu-toggle {
    display: none; /* Hide the button on desktop */
  }

  .block-menu.navigation.menu--main {
    display: block; /* Show the menu on desktop */
  }
}