/**
 * GO TRAVELIST ASIA (GTA) — RESPONSIVE ENGINE
 * 2 Mode Mutlak: Mobile (< 1024px) vs Desktop (≥ 1024px)
 */

/* ====================================================
 * 1. MOBILE & TOUCH VIEWPORT (< 1024px)
 * ==================================================== */
@media (max-width: 1023px) {
  .desktop-only {
    display: none !important;
  }

  /* Offset Grid Asimetris Mobile: Kolom genap turun 24px */
  .gta-offset-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .gta-offset-grid > div:nth-child(even) {
    transform: translateY(24px);
  }

  /* Ruang bantalan bawah agar konten tidak terpotong floating bottom nav */
  .gta-bottom-buffer {
    padding-bottom: var(--bottom-buffer-mobile) !important;
  }
}

/* ====================================================
 * 2. DESKTOP VIEWPORT (≥ 1024px)
 * ==================================================== */
@media (min-width: 1024px) {
  .mobile-only {
    display: none !important;
  }

  /* Bilah Navigasi Bawah PONSEL WAJIB DIMATIKAN MUTLAK */
  .gta-bottom-nav {
    display: none !important;
  }

  /* Offset Grid bertransisi menjadi simetris 4-kolom rata */
  .gta-offset-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
  }

  .gta-offset-grid > div:nth-child(even) {
    transform: none !important;
  }

  .gta-bottom-buffer {
    padding-bottom: 40px !important;
  }
}