/* ============================================================
   SHARED FOOTER — MOBILE source  (<= 768px)
   Single stacked column.
   ============================================================ */
@media (max-width: 768px) {
  .hf-footer { padding: 40px 20px 24px; margin-top: 40px; }   /* white gap above the footer (uniform on all pages) */
  .hf-footer-logo { margin-left: 0; margin-bottom: 24px; }
  .hf-footer-logo img { height: 72px; }

  /* Evenly-spaced stacked sections */
  .hf-footer-content { grid-template-columns: 1fr; gap: 32px; margin-bottom: 30px; }

  /* Reset the desktop-only tweaks so mobile spacing is even:
     - drop the reserved location height (it left a big gap before CONTACT US)
     - drop the ABOUT US nudge (only needed for desktop column alignment)
     - even gap between ABOUT US and WORKS to match the section gap */
  .hf-footer-loc { min-height: 0; }
  .hf-footer-about > h3:first-child { position: static; top: auto; }
  .hf-footer-works { margin-top: 32px; }
  .hf-mt { margin-top: 32px; }

  /* Bottom bar: centre the copyright + Privacy/Terms */
  .hf-footer-bottom-inner {
    flex-direction: column; gap: 10px;
    align-items: center; text-align: center; padding: 20px 0;
  }
  .hf-footer-left, .hf-footer-right { white-space: normal; font-size: 11px; text-align: center; }
  .hf-footer-icons { margin-top: 10px; }
}