/* Shared compact footer for homepage and customer account pages. */
:is(.sp-marketing,body) footer.sp-compact-footer{display:grid;grid-template-columns:auto minmax(250px,1fr) auto auto;column-gap:20px;row-gap:12px;align-items:center;padding-top:24px!important;padding-bottom:20px!important}
:is(.sp-marketing,body) footer.sp-compact-footer .sp-tm-logo{width:146px;height:auto}
:is(.sp-marketing,body) footer.sp-compact-footer nav[aria-label="Footer"]{gap:8px 14px;flex-wrap:wrap}
:is(.sp-marketing,body) footer.sp-compact-footer nav[aria-label="Footer"] a{font-size:12px;min-height:32px;display:inline-flex;align-items:center}
:is(.sp-marketing,body) footer.sp-compact-footer .sp-social-icons{margin:0;gap:0;flex-wrap:nowrap}
:is(.sp-marketing,body) footer.sp-compact-footer .sp-social-icons a{width:34px;height:44px}
:is(.sp-marketing,body) footer.sp-compact-footer .sp-social-icons img{width:22px;height:22px}
:is(.sp-marketing,body) footer.sp-compact-footer .sp-app-coming{border:0;padding:0;margin:0;min-width:228px}
:is(.sp-marketing,body) footer.sp-compact-footer .sp-store-marks{display:flex;gap:16px;flex-wrap:nowrap}
:is(.sp-marketing,body) footer.sp-compact-footer .sp-store-mark{display:flex;align-items:center;gap:6px}
:is(.sp-marketing,body) footer.sp-compact-footer .sp-store-mark img{width:25px;height:25px}
:is(.sp-marketing,body) footer.sp-compact-footer .sp-store-mark>span{font-size:13px;font-weight:700;line-height:1.2;white-space:nowrap}
:is(.sp-marketing,body) footer.sp-compact-footer .sp-store-mark small{display:block;font-size:10px;font-weight:400;margin-top:3px;width:auto}
:is(.sp-marketing,body) footer.sp-compact-footer .sp-app-coming p{font-size:11px;margin:5px 0 0}
:is(.sp-marketing,body) footer.sp-compact-footer>small{grid-column:1/-1;width:auto;font-size:11px}
@media(max-width:1050px){:is(.sp-marketing,body) footer.sp-compact-footer{grid-template-columns:1fr auto}:is(.sp-marketing,body) footer.sp-compact-footer nav[aria-label="Footer"]{grid-column:1;grid-row:2}:is(.sp-marketing,body) footer.sp-compact-footer .sp-social-icons{grid-column:2;grid-row:1}:is(.sp-marketing,body) footer.sp-compact-footer .sp-app-coming{grid-column:2;grid-row:2}}
@media(max-width:600px){:is(.sp-marketing,body) footer.sp-compact-footer{grid-template-columns:1fr;gap:12px}:is(.sp-marketing,body) footer.sp-compact-footer nav[aria-label="Footer"],:is(.sp-marketing,body) footer.sp-compact-footer .sp-social-icons,:is(.sp-marketing,body) footer.sp-compact-footer .sp-app-coming{grid-column:1;grid-row:auto}:is(.sp-marketing,body) footer.sp-compact-footer nav[aria-label="Footer"]{gap:4px 16px}:is(.sp-marketing,body) footer.sp-compact-footer .sp-social-icons{gap:8px}:is(.sp-marketing,body) footer.sp-compact-footer .sp-store-marks{gap:24px}}

/* October 14 owner markup: tighter brand block and uniform icon alignment. */
:is(.sp-marketing,body) footer.sp-compact-footer .sp-footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
:is(.sp-marketing,body) footer.sp-compact-footer .sp-footer-brand .brand{display:block;line-height:1}
:is(.sp-marketing,body) footer.sp-compact-footer .sp-footer-brand>small{display:block;width:auto;font-size:10px;line-height:1.3;margin:0}
:is(.sp-marketing,body) footer.sp-compact-footer .sp-social-icons,:is(.sp-marketing,body) footer.sp-compact-footer .sp-store-marks{align-items:center}
:is(.sp-marketing,body) footer.sp-compact-footer .sp-social-icons img,:is(.sp-marketing,body) footer.sp-compact-footer .sp-store-mark img{width:24px;height:24px;object-fit:contain}

:is(.sp-marketing,body) footer.sp-compact-footer .sp-app-coming{padding:0!important}

/* Keep footer typography consistent across marketing and account shells. */
:is(.sp-marketing,body) footer.sp-compact-footer{font-family:"Avenir Next",Avenir,"Segoe UI",system-ui,sans-serif}
:is(.sp-marketing,body) footer.sp-compact-footer nav[aria-label="Footer"] a{font-weight:600}