/* Mobile fixes for scroll arrow */
@media screen and (max-width: 768px) {
  /* Ensure hero section is positioned correctly */
  .hero-section {
    position: relative !important;
    min-height: 100vh !important;
  }
  
  /* Fix scroll indicator position */
  .scroll-indicator {
    position: absolute !important;
    bottom: 20px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 9999 !important;
    width: auto !important;
    max-width: 150px !important;
  }
  
  /* Ensure hero columns don't overlap scroll arrow */
  .hero-column {
    position: relative !important;
    z-index: 1 !important;
  }
  
  .hero-content-container {
    position: relative !important;
    z-index: 2 !important;
    padding-bottom: 80px !important; /* Space for scroll arrow */
  }
  
  .hero-button {
    position: relative !important;
    z-index: 10 !important;
    margin-bottom: 0 !important;
  }
  
  /* Ensure central logo doesn't interfere */
  .hero-central-logo {
    z-index: 100 !important;
  }
}