/* ============================================================
   CHAKRIBONDHU — MOBILE FOOTER BRAND CENTER POLISH
   Step: UX-MOBILE-FOOTER-BRAND-POLISH-20260901
   ============================================================ */

@media (max-width: 768px) {

    /* Keep the brand section full width but make its visual hierarchy centered. */
    .cb-site-footer .cb-footer-brand {
        grid-column: 1 / -1 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        gap: 10px !important;
        padding: 20px 16px 18px !important;
    }

    .cb-site-footer .cb-footer-static-logo {
        display: block !important;
        width: 152px !important;
        max-width: min(152px, 72vw) !important;
        height: auto !important;
        margin: 0 auto 2px !important;
    }

    .cb-site-footer .cb-footer-brand h2 {
        width: 100% !important;
        margin: 0 !important;
        font-size: 25px !important;
        line-height: 1.18 !important;
        text-align: center !important;
    }

    .cb-site-footer .cb-footer-brand p {
        width: 100% !important;
        max-width: 430px !important;
        margin: 0 auto !important;
        font-size: 14px !important;
        line-height: 1.55 !important;
        text-align: center !important;
    }

    /* CTA buttons stay easy to tap and visually balanced. */
    .cb-site-footer .cb-footer-cta {
        width: min(100%, 340px) !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 9px !important;
        margin: 4px auto 0 !important;
    }

    .cb-site-footer .cb-footer-btn {
        width: 100% !important;
        min-height: 48px !important;
        padding: 11px 14px !important;
        justify-content: center !important;
        text-align: center !important;
        font-size: 14px !important;
    }
}

/* Small phones: preserve the centered premium look without crowding. */
@media (max-width: 390px) {
    .cb-site-footer .cb-footer-brand {
        padding: 16px 12px !important;
        gap: 8px !important;
    }

    .cb-site-footer .cb-footer-static-logo {
        width: 132px !important;
        max-width: 68vw !important;
    }

    .cb-site-footer .cb-footer-brand h2 {
        font-size: 22px !important;
    }

    .cb-site-footer .cb-footer-brand p {
        font-size: 13px !important;
        line-height: 1.48 !important;
    }

    .cb-site-footer .cb-footer-btn {
        min-height: 44px !important;
        font-size: 13px !important;
    }
}