/* Mobile responsive styles */
@media (max-width: 768px) {
  .social-map-elements {
    display: none !important;
  }
  
  .animated-bg {
    opacity: 0.2 !important;
  }
  
  /* Make the app preview smaller on mobile */
  .glass-card {
    min-width: 280px !important;
    min-height: 380px !important;
    padding: 1.5rem !important;
  }
  
  .mockup-main {
    width: 240px !important;
  }
  
  /* Adjust the countdown and stats for mobile */
  .countdown-item {
    padding: 0.8rem !important;
  }
  
  .countdown-value {
    font-size: 1.8rem !important;
  }
  
  .stat-card {
    margin-bottom: 1rem !important;
  }
}
/* Ensure hero columns don't overflow on small screens */
@media (max-width: 768px) {
  .hero-left,
  .hero-right {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .hero-content.wide {
    padding: 1rem !important;
  }
}