/* Footer — mobile center alignment (≤768px). Loaded after the per-page
   inline footer CSS so these rules win without changing the desktop view. */
@media (max-width: 768px) {
    .footer { text-align: center; }
    .footer__grid { text-align: center; }

    /* Brand column */
    .footer__brand-tagline {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .footer__socials {
        justify-content: center;
    }

    /* Column headings and links */
    .footer__col-title { text-align: center; }
    .footer__link {
        text-align: center;
        padding-left: 0;
        padding-right: 0;
    }
    .footer__link:hover {
        transform: none; /* disable the desktop translateX hover shift */
    }

    /* Helpline / support callouts */
    .footer__col > div { text-align: center; }
    .footer__col > div > div { justify-content: center; }

    /* Bottom row */
    .footer__bottom {
        text-align: center;
        align-items: center;
    }
    .footer__legal { justify-content: center; flex-wrap: wrap; }

    /* Logo */
    .footer__logo,
    .footer img { margin-left: auto; margin-right: auto; }
}