.ss-footer.mg-site-footer {row-gap:22px; scroll-margin-top:85px;}
.ss-footer.mg-site-footer > p {margin:0;}
.mg-footer-extras {box-sizing:border-box; flex:0 0 100%; width:100%; display:flex; justify-content:space-between;
    gap:24px 48px; align-items:center; padding-block:20px; border-block:1px solid var(--line); color:var(--heading);}
.mg-footer-extras .mg-award {display:flex; align-items:center; gap:12px;}
.mg-award img {display:block; width:clamp(52px,5vw,64px); height:auto; flex:none;}
.mg-award-copy {display:grid; gap:3px; max-width:23ch;}
.mg-award-year {font-size:.67rem; font-weight:650; letter-spacing:.085em; text-transform:uppercase; color:var(--pink-ink);}
.mg-award-copy strong {font-size:.875rem; line-height:1.35; font-weight:600; text-wrap:balance;}
.mg-payments {min-width:0; display:grid; justify-items:start; gap:8px;}
.mg-payments > strong {font-size:.9rem; line-height:1.35;}
.mg-footer-extras .mg-payment-marks {display:flex; flex-wrap:wrap; gap:7px; list-style:none; margin:0; padding:0;}
.mg-payment-marks li {display:grid; place-items:center; width:61px; height:35px; box-sizing:border-box;
    border:1px solid #d8d5db; border-radius:6px; background:#fff;}
.mg-payment-marks img {display:block; width:44px; height:21px; object-fit:contain;}
.mg-payments small {font-size:.78rem; line-height:1.4; color:var(--muted);}
@media(max-width:600px) {
    .mg-footer-extras {flex-direction:column; align-items:flex-start; gap:21px; padding-block:20px;}
}

/* The credit, payment marks and navigation share the same compact footer on both sites. */
#site-footer.mg-site-footer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px 24px;padding-block:16px 12px;font-size:.84rem}
.ss-header .consumer-nav-inner > .brand,
#site-footer > .brand {color:var(--heading)}
#site-footer > .brand {font-size:1.22rem;min-inline-size:0;width:fit-content}
#site-footer .mg-footer-links{display:flex;align-items:center;flex-wrap:wrap;gap:5px 15px;margin:0;padding:0}
#site-footer .mg-footer-links a{font-size:.82rem;line-height:1.5}
#site-footer .mg-footer-extras{width:auto;display:flex;flex-direction:row;gap:15px;padding:0;border:0}
#site-footer .mg-award{gap:12px;min-width:0;max-width:100%}
#site-footer .mg-award img{width:clamp(112px,9vw,120px);height:auto;flex:0 0 auto}
#site-footer .mg-award-copy{min-width:0;max-width:22ch;gap:3px}
#site-footer .mg-award-year{font-size:.75rem;line-height:1.3}
#site-footer .mg-award-copy strong{font-size:.9375rem;line-height:1.35}
#site-footer .mg-payments strong{font-size:.7rem}
#site-footer .mg-payments{gap:3px}
#site-footer .mg-payment-marks{gap:3px}
#site-footer .mg-payment-marks li{width:35px;height:22px;border-radius:4px}
#site-footer .mg-payment-marks img{width:29px;height:16px}
#site-footer .mg-footer-fine{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:3px 12px;border-top:1px solid var(--line);padding-top:8px;font-size:.75rem;color:var(--muted);line-height:1.45}
.mg-link-note{margin:20px 0 0;padding:8px 0 0;color:var(--muted);font-size:.8rem;line-height:1.5}
@media(max-width:760px){#site-footer.mg-site-footer{grid-template-columns:1fr;gap:10px;padding-inline:max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-right))}#site-footer .mg-footer-extras{justify-content:flex-start;flex-wrap:wrap;gap:12px 22px}#site-footer .mg-footer-links{gap:2px 14px}#site-footer .mg-footer-links a{padding-block:4px}}

#site-footer .mg-footer-menu {display:grid;gap:4px;min-width:0;}
#site-footer .mg-footer-social{display:flex;flex-wrap:wrap;align-items:center;gap:14px;justify-content:flex-start;margin:0}
#site-footer .mg-footer-social a{display:inline-flex;align-items:center;gap:5px;min-height:28px;color:var(--heading);font-size:.8rem;line-height:1.4;text-decoration:none}
#site-footer .mg-footer-social a:hover,#site-footer .mg-footer-social a:focus-visible{color:var(--pink-ink);text-decoration:underline}
@media(max-width:760px){#site-footer .mg-footer-social a{min-height:36px}}
