/* mobile-fix.css — hardening responsif universal untuk semua halaman naraya.ai.
   Aman & konservatif: hanya mencegah masalah mobile umum, tidak mengubah desktop. */

/* Media tidak pernah melebihi lebar layar */
img, svg, video, canvas, iframe { max-width: 100%; }

@media (max-width: 640px) {
  /* Cegah scroll horizontal nyasar (elemen lebih lebar dari viewport) */
  html, body { overflow-x: hidden; max-width: 100%; }

  img, svg, video, canvas, iframe { height: auto; }

  /* Kata/URL panjang tidak memaksa halaman melebar */
  body, p, h1, h2, h3, h4, li, a, span, td, th, label, strong, small {
    overflow-wrap: break-word;
    word-break: break-word;
  }

  /* Tabel data: bisa di-scroll horizontal di dalam kotaknya, bukan memecah layout */
  table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* Input ukuran >=16px supaya iOS tidak auto-zoom saat fokus */
  input, select, textarea { font-size: 16px; }

  /* Item flex/grid boleh menyusut (cegah overflow karena min-width:auto) */
  .row2, .row3, .stats, .stats-grid, .products, .tools, .benefits, .how { min-width: 0; }

  /* Judul besar dikecilkan di layar HP supaya tidak kepotong/terlalu besar */
  .hero__title { font-size: clamp(28px, 8.5vw, 44px) !important; line-height: 1.05 !important; }
  .cta__title { font-size: clamp(24px, 7vw, 36px) !important; }
  .section__title { font-size: clamp(24px, 6.5vw, 34px) !important; }
}