/* EMERGENCY MOBILE FIX - OVERRIDES ALL HERO STYLES */

/* Force mobile navigation visibility when in single column mode */
@media (max-width: 768px) {
  /* Hide desktop navigation completely */
  .nav-menu {
    display: none !important;
  }
  
  /* Show mobile menu container */
  .mobile-menu-container {
    display: flex !important;
  }
  
  /* Hide any duplicate hamburgers */
  .nav-toggle#nav-toggle {
    display: none !important;
  }
}

/* Ensure desktop shows desktop nav, not mobile */
@media (min-width: 769px) {
  .mobile-menu-container {
    display: none !important;
  }
  
  .nav-menu {
    display: flex !important;
  }
}

/* Force mobile layout on ALL screen sizes under 769px */
  .hero .container {
    display: block !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    flex-direction: none !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 1rem !important;
    box-sizing: border-box !important;
  }
  
  .hero-content,
  .hero-visual {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 1.5rem 0 !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }
  
  .hero-title {
    text-align: center !important;
    font-size: 2rem !important;
  }
  
  .hero-subtitle {
    text-align: center !important;
    font-size: 1rem !important;
  }
  
  .hero-cta {
    text-align: center !important;
  }
  
  .zip-demo {
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}