/* Professional Responsive Grid Integration - Replaces Icon Hiding */
/* This file now integrates with the new roadmap-responsive-grid.css system */

/* Disable connection line animations on very small screens */
@media (max-width: 480px) {
  .connection-lines-container,
  #connection-lines-container {
    display: none !important;
  }
  
  /* Very small mobile adjustments */
  .unified-icons-container {
    padding: 0.5rem !important;
    gap: 0.5rem !important;
  }
  
  .icon-card {
    width: 40px !important;
    height: 40px !important;
  }
  
  .icon-card i {
    font-size: 1.2rem !important;
  }
  
  .icon-card span {
    font-size: 0.35rem !important;
    max-width: 38px !important;
  }
}