/* responsive-utils.css — kelas bantu tampil/sembunyi per layar.
   Batas: DESKTOP >= 1024px, MOBILE < 1024px.
   Pakai: <div class="only-mobile">…</div>  atau  <div class="only-desktop">…</div>
   Tidak memaksa display (block/flex/inline tetap natural) — hanya menyembunyikan. */
@media (max-width: 1023.98px) {
  .only-desktop { display: none !important; }   /* di HP: sembunyikan yang khusus desktop */
}
@media (min-width: 1024px) {
  .only-mobile { display: none !important; }     /* di desktop: sembunyikan yang khusus mobile */
}