/* Mobile-first sudah default di style.css (max-width 480px terpusat).
   Breakpoint ini cuma jaga-jaga di layar sangat kecil / device lama. */
@media (max-width: 340px) {
  .hero-title { font-size: 24px; }
  .gallery-grid { gap: 8px; }
  .love-card { padding: 20px 14px; font-size: 14px; }
}

@media (min-width: 481px) {
  /* Desktop: #app tetap dibatasi 480px biar tampilan tetap "mobile view" persis spek */
  body { background: #ECE3E6; }
}

/* Pastikan tidak ada horizontal scroll di device manapun */
html, body, #app { max-width: 100%; }