@media (max-width: 992px) {
  :root { --header-height: 72px; }

  .pkg__name { font-size: 1.28rem; }
  .rihlah-footer-grid { grid-template-columns: 1fr 1fr; gap: 30px; }
}

@media (max-width: 768px) {
  :root { --header-height: 66px; }

  .rihlah-container { width: min(100% - 2rem, var(--content-width)); }

  .pkg__body { padding: 22px 20px 0; }
  .pkg__foot { padding: 0 20px 20px; }
  /* Click to Chat: atur posisi tombol WA plugin ke bottom ~72px agar tidak
     tertutup mobile bottom nav (tinggi 62px). Konfigurasi via pengaturan plugin. */
  .rihlah-brand__sub { display: none; }
  .rihlah-nav__toggle { display: flex; }
  .rihlah-nav__menu { position: fixed; top: var(--header-height); right: 0; left: 0; flex-direction: column; align-items: stretch; gap: 4px; padding: 14px 20px 24px; background: #fff; border-top: 1px solid var(--line); box-shadow: var(--shadow-md); transform: translateY(-140%); transition: transform var(--ease); }
  .rihlah-nav__menu.is-open { transform: translateY(0); }
  .rihlah-nav__menu a { padding: 13px 4px; border-bottom: 1px solid var(--line); }
  .rihlah-nav__menu > li:last-child > a { margin-top: 10px; border-bottom: 0; text-align: center; }
  .rihlah-footer-grid { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
  .pkg__foot { grid-template-columns: 1fr; }
  .pkg__specs { grid-template-columns: 1fr; }
  .pkg__spec:nth-child(even) {
    padding-left: 0;
    border-left: 0;
  }
  .pkg__spec:nth-child(n + 2) { border-top: 1px solid var(--line); }
  .pkg__spec { padding-right: 0; }
}