.app-footer > div { display: grid; gap: .5rem; max-width: 620px; min-width: 0; }
.mobile-store-links { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 1rem; margin-top: .75rem; }
.mobile-store-badge { display: grid; grid-template-rows: 48px; gap: .5rem; width: 148px; max-width: 100%; min-width: 0; min-height: 48px; align-items: center; justify-items: center; border-radius: .5rem; text-decoration: none; transition: opacity .18s ease, transform .18s ease, filter .18s ease; }
.mobile-store-badge img { display: block; grid-row: 1; width: auto; height: 40px; }
.mobile-store-badge.app-store img { width: auto; height: 40px; }
.mobile-store-badge.google-play img { width: auto; height: 60px; }
.mobile-store-badge.google-play { margin: 0; }
.mobile-store-badge:hover { filter: brightness(1.08); transform: translateY(-1px); }
.mobile-store-badge:focus-visible { outline: 3px solid color-mix(in srgb, var(--green) 45%, transparent); outline-offset: 3px; }
.mobile-store-badge.unavailable { grid-template-rows: 48px auto; padding: 0; color: var(--muted); cursor: default; }
.mobile-store-badge.unavailable:hover { filter: none; transform: none; }
.mobile-store-badge.unavailable img { opacity: .58; }
.mobile-store-badge.unavailable small { position: static; grid-row: 2; font-size: .65rem; font-weight: 680; line-height: 1.5; text-align: center; transform: none; }