/* Hide main nav when mobile menu is active */
@media (max-width: 768px) {
  .main-navigation.hidden-on-mobile {
    display: none !important;
  }

  .main-navigation {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 10px;
  }
}