/* ==============================================================================
   TABLAOTODAY.COM — RESPONSIVE DESIGN & MOBILE OPTIMIZATIONS
   ============================================================================== */

@media (max-width: 1024px) {
  .bento-grid {
    grid-template-columns: repeat(6, 1fr);
  }
  
  .bento-span-7, .bento-span-8, .bento-span-6, .bento-span-5, .bento-span-4 {
    grid-column: span 6;
  }
  
  .schedule-venue-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  
  .reviews-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .nav-desktop {
    display: none;
  }
  
  .pricing-grid {
    grid-template-columns: 1fr;
  }
  
  .comparison-wrapper {
    overflow-x: auto;
  }
  
  .comparison-header, .comparison-row {
    min-width: 580px;
  }
  
  .reviews-grid {
    grid-template-columns: 1fr;
  }
  
  .hero-guarantees-bar {
    flex-direction: column;
    gap: 0.8rem;
  }
  
  .sticky-mobile-bar {
    display: flex;
  }
  
  body {
    padding-bottom: 75px;
  }
}

@media (max-width: 480px) {
  .bento-grid {
    grid-template-columns: 1fr;
  }
  
  .bento-span-7, .bento-span-8, .bento-span-6, .bento-span-5, .bento-span-4, .bento-span-12 {
    grid-column: span 1;
  }
  
  .bento-card {
    min-height: 320px;
    padding: 1.5rem;
  }
  
  .pricing-card {
    padding: 2.2rem 1.5rem;
  }
  
  .modal-body {
    padding: 1.8rem 1.2rem;
  }
  
  .pass-selector-radios {
    grid-template-columns: 1fr;
  }
}