/* Mobile & Tablet */

.mobile-menu-toggle {
    display: none;
}

@media screen and (max-width: 768px){

.main-navigation ul.primary-menu {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transform: translateY(-10px);
    transition: opacity 0.4s ease, max-height 0.5s ease, transform 0.3s ease;
}

.main-navigation ul.primary-menu.active {
    opacity: 1;
    max-height: 500px;
    transform: translateY(0);
}
  
.main-navigation.mobile .mobile-menu-toggle {
  display: block;
  background: black;
  border-top: 1px solid #ccc;
  padding: 12px 15px;
  position: relative;
  cursor: pointer;
  transition: background 0.3s ease;
}
 
.mobile-menu-toggle {
  color: white;
  font-weight: bold;
  text-align: center;
  user-select: none;
}

.mobile-menu-toggle:hover {
  background: #333;
}

.mobile-menu-toggle.active {
  background: #FF4500;
}
}