/* Shared public/customer footer: compact spacing, unchanged content and colors. */
body .site-shell .footer {
    padding-top: 20px;
    padding-bottom: 12px;
}

body .site-shell .footer h4 {
    margin-bottom: 8px;
}

body .site-shell .footer-grid > div > :is(a, p) {
    margin-bottom: 4px;
    line-height: 1.45;
}

body .site-shell .footer-grid > div > :is(a, p):last-child {
    margin-bottom: 0;
}

body .site-shell .footer-brand-card {
    gap: 8px;
}

body .site-shell .footer .payment-methods-strip {
    margin-top: 2px;
    gap: 8px;
}

body .site-shell .footer .payment-methods-strip-extra {
    margin-top: 6px;
}

body .site-shell .footer .payment-method-badge {
    height: 44px;
    padding: 5px;
}

body .site-shell .footer-bottom {
    margin-top: 12px;
    padding-top: 10px;
}

@media (max-width: 1100px) {
    body .site-shell .footer-grid {
        row-gap: 16px;
    }
}

/* Benefit blocks share the compact spacing on public and customer pages. */
body .site-shell .benefit-strip {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}

body .site-shell .benefit-strip .benefit {
    min-height: 76px !important;
    padding: 10px 12px !important;
    gap: 12px !important;
}

body .site-shell .benefit-strip .benefit-icon {
    width: 40px !important;
    height: 40px !important;
    flex: 0 0 40px !important;
}

body .site-shell .benefit-strip .benefit-icon svg {
    width: 23px !important;
    height: 23px !important;
}

body .site-shell .benefit-strip .benefit b {
    letter-spacing: 0 !important;
}

body .site-shell .benefit-strip .benefit span {
    margin-top: 3px !important;
}