/* ---------- Footer ---------- */
.site-footer { background: var(--c-accent-8); margin-top: 60px; }
.footer-main { padding: 50px 0; display: grid; grid-template-columns: 1.4fr repeat(4, 1fr); gap: 30px; }
@media (max-width: 991px) { .footer-main { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575px) { .footer-main { grid-template-columns: 1fr; } }
.footer-main h6 { margin-bottom: 16px; }
.footer-main ul { list-style: none; margin: 0; padding: 0; }
.footer-main ul li { margin-bottom: 10px; font-size: 13px; }
.footer-main ul a:hover { text-decoration: underline; }
.footer-brand-blurb { font-size: 13px; color: var(--c-accent-4); max-width: 260px; margin-top: 10px; }
.footer-bottom { border-top: 1px solid var(--c-accent-3); padding: 20px 0; display: flex; justify-content: space-between; font-size: 12px; color: var(--c-accent-4); flex-wrap: wrap; gap: 10px; align-items: center; }
.social-icons { display: flex; gap: 12px; }
.social-icons a { width: 34px; height: 34px; border: 1px solid var(--c-accent-1); border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.social-icons a:hover { background: var(--c-accent-1); color: #fff; }
.payment-icons { display: flex; align-items: center; gap: 10px; opacity: .7; }
.payment-icons i { font-size: 22px; }

/* ---------- Help popup ---------- */
.help-popup-trigger { position: fixed; bottom: max(24px, env(safe-area-inset-bottom) + 16px); right: max(24px, env(safe-area-inset-right) + 16px); width: 56px; height: 56px; border-radius: 50%; background: var(--c-accent-1); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 22px; box-shadow: 0 6px 18px rgba(0,0,0,.2); z-index: 900; border: none; cursor: pointer; }
.wa-support-trigger { right: max(92px, env(safe-area-inset-right) + 84px); background: #25D366; }
.help-popup-panel { position: fixed; bottom: max(92px, env(safe-area-inset-bottom) + 84px); right: max(24px, env(safe-area-inset-right) + 16px); width: 320px; max-width: 88vw; background: #fff; border-radius: var(--radius); box-shadow: 0 12px 32px rgba(0,0,0,.18); z-index: 901; display: none; overflow: hidden; }
.help-popup-panel.open { display: block; }
@media (max-width: 991px) {
  .help-popup-trigger { bottom: max(74px, env(safe-area-inset-bottom) + 66px); width: 48px; height: 48px; font-size: 19px; right: max(16px, env(safe-area-inset-right) + 12px); }
  .wa-support-trigger { right: max(72px, env(safe-area-inset-right) + 68px); }
  .help-popup-panel { bottom: max(130px, env(safe-area-inset-bottom) + 122px); right: max(16px, env(safe-area-inset-right) + 12px); }
}
.help-popup-head { background: var(--c-accent-1); color: #fff; padding: 18px 20px; }
.help-popup-body { padding: 20px; }
.help-popup-body a { display: block; padding: 8px 0; border-bottom: 1px solid var(--c-accent-3); font-size: 13px; }
