/* DAPUR LAUT SERANG - responsive.css */

@media (max-width: 720px) {
  .section-head { flex-direction: column; gap: 4px; }
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .cta-banner { flex-direction: column; align-items: flex-start; }
  .profil-card { padding: 0 18px 18px; }
  .profil-head { align-items: flex-start; }
  #map { height: 420px; }
  .hero-actions .btn { width: 100%; }
}

/* Aksesibilitas keyboard */
a:focus-visible, button:focus-visible, .tab:focus-visible, .seg-btn:focus-visible {
  outline: 3px solid var(--teal); outline-offset: 2px; border-radius: var(--radius-sm);
}

/* Lazy-load image fade-in */
.lazy { opacity: 0; transition: opacity .3s ease; }
.lazy.loaded { opacity: 1; }