/* ============================================
   RESPONSIVE TABLETTES (768px - 1024px)
   ============================================ */

@media (max-width: 1024px) {
  .slider-container { width: 300%; }
  .slider-slide { flex: 0 0 33.333%; gap: 16px; }
  .destinations-slider { margin: 0 -8px; }
  .slider-slide { padding: 0 8px; }
}

@media (max-width: 1180px) {
  .nav { display: none; }
  .menu-btn { display: block; }
  .header-ctas { gap: 4px; }
  .currency-selector.desktop-only { display: none; }
}

@media (max-width: 768px) {
  :root { --header-height: 58px; }
  .logo { font-size: 17px; }
  .logo img { width: 34px; height: 34px; }
  .slider-container { width: 600%; }
  .slider-slide { flex: 0 0 16.666%; gap: 0; }
  .slider-arrow { width: 40px; height: 40px; font-size: 16px; }
  .slider-nav { gap: 16px; margin-top: 32px; }
  .destinations-slider { margin: 0 -4px; }
  .slider-slide { padding: 0 4px; }
  .footer-grid { grid-template-columns: 1fr; gap: 24px; }
  .about-grid { grid-template-columns: 1fr; gap: 32px; }
  .hero-inner { grid-template-columns: 1fr; gap: 32px; padding: 60px 0; }
  .hero { min-height: 60vh; }
  .search-card { padding: 24px; }
  .row.two-cols { grid-template-columns: 1fr; }
  .passengers { flex-wrap: wrap; }
  .section { padding: 60px 0; }
  .destinations-grid { grid-template-columns: 1fr; }
  #g2t-notifications { top: calc(var(--header-height, 70px) + 8px); width: 95%; padding: 0 8px; }
  #g2t-notifications .notification { font-size: 14px; padding: 12px 44px 12px 14px; border-radius: var(--radius-sm, 8px); }
  #g2t-notifications .notification-icon { font-size: 18px; }
  #g2t-notifications .notification-close { font-size: 20px; right: 8px; padding: 4px 6px; }
}