/* ═══════════════════════════════════════
   SAFE MOBILE FIX
   Tidak merusak tampilan desktop
═══════════════════════════════════════ */

/* Desktop tetap normal */
html,
body {
  overflow-x: hidden;
}

/* HANYA MOBILE */
@media (max-width: 768px) {

  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
  }

  /* Hindari elemen melebar */
  img,
  video,
  iframe {
    max-width: 100%;
    height: auto;
  }

  .hero,
  .section,
  .section-inner,
  .hero-content,
  .about-grid,
  .itin-grid,
  .pkg-grid-slider,
  .gallery-inner,
  .cta-inner {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  /* HERO */
  .hero {
    min-height: auto !important;
    padding-top: 70px !important;
    padding-bottom: 3rem !important;
  }

  .hero-content {
    padding: 0 20px !important;
  }

  .hero h1 {
    font-size: 1.8rem !important;
    line-height: 1.3 !important;
  }

  .hero-desc {
    max-width: 100% !important;
    font-size: .9rem !important;
  }

  .hero-cta {
    flex-direction: column;
    align-items: flex-start;
  }

  /* STATS */
  .stats-inner {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  /* ABOUT */
  .about-grid {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }

  .img-collage {
    height: auto !important;
  }

  /* PACKAGE */
  .pkg-grid {
    grid-template-columns: 1fr !important;
  }

  /* ITINERARY */
  .itin-grid {
    grid-template-columns: 1fr !important;
  }

  /* CTA */
  .cta-buttons {
    flex-direction: column;
  }

  .cta-buttons .btn {
    width: 100%;
  }

  .cta-contact-grid {
    flex-direction: column;
    align-items: center;
  }
}