/* Hamburger Button Style */
.menu-toggle {
  display: none; /* Hidden on desktop */
  cursor: pointer;
  padding: 15px;
  background: #BF1B07;
}

.menu-toggle span {
  display: block;
  width: 25px;
  height: 3px;
  margin: 5px auto;
  background: white;
  transition: all 0.3s ease-in-out;
}

/* Mobile View (max-width: 768px) */
@media (max-width: 768px) {
  .menu-toggle { display: block; } /* Show button */

  .main-menu {
    display: none; /* Hide menu initially on mobile */
    flex-direction: column;
    width: 100%;
  }

  /* When the 'active' class is added via JS, show the menu */
  .main-menu.active {
    display: flex;
  }
}