/* Locally stored QR codes and plain platform labels, without store logos. */
.store-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 124px; width: 100%; max-width: 488px; padding: 0; box-sizing: border-box; background: transparent; border-radius: 0; align-items: start; }
.store-links a { display: flex; flex-direction: column; align-items: stretch; gap: 10px; min-width: 0; min-height: 0; padding: 12px; box-sizing: border-box; border: 0; border-radius: 0; background: #fff; color: #fff; text-decoration: none; }
.store-links a > * { display: none !important; }
.store-links a::before { content: ''; display: block; width: 100%; aspect-ratio: 1; box-sizing: border-box; border: 1px solid #dedede; border-radius: 14px; background: #fff center / contain no-repeat; }
.store-links a[href*="apps.apple.com"]::before { background-image: url(/penny-tour/qr/ios.png); }
.store-links a[href*="play.google.com"]::before { background-image: url(/penny-tour/qr/android.png); }
.store-links a::after { display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 8px; box-sizing: border-box; border-radius: 999px; background: #101010; color: #fff; font-size: 19px; font-weight: 700; line-height: 1.2; }
.store-links a[href*="apps.apple.com"]::after { content: 'iOS'; }
.store-links a[href*="play.google.com"]::after { content: 'Android'; }
.store-links a:hover { transform: none; box-shadow: none; }
.store-links a:hover::after { background: #18593d; }
.store-links a:focus-visible { outline: 3px solid #16805a; outline-offset: 5px; transform: none; box-shadow: none; border-radius: 14px; }
/* Keep both download codes in one fluid row at every screen width. */
@media (max-width: 600px) {
  .store-links { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(8px, 4vw, 24px); max-width: 388px; width: 100%; }
  .store-links a { padding: clamp(4px, 2vw, 12px); gap: 8px; }
  .store-links a::after { font-size: clamp(12px, 4vw, 19px); padding: 6px 2px; min-height: 36px; }
}