/* Keep the download choices together beside the phone, within a laptop viewport. */
.download-hero { padding-block: 96px 48px; }
.download-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  gap: 32px;
}
.download-copy { min-width: 0; }
.download-title {
  margin-top: 16px;
  font-size: clamp(2rem, 4vw, 3.5rem);
  line-height: 1.08;
}
.download-intro { margin-top: 16px; }
.download-stores { margin-top: 24px; }
.download-stores .store-badge { height: 48px; }
.download-facts { margin-top: 20px; }
.download-qr-card {
  align-items: center;
  gap: 12px;
  width: fit-content;
  max-width: 100%;
  margin: 20px auto 0;
  padding: 12px;
  text-align: start;
}
.download-qr-card .qr-component { min-width: 0; flex: 0 1 auto; }
.download-qr-copy { max-width: 220px; min-width: 0; }
.download-phone { justify-self: center; }
.download-phone img { width: 260px; height: auto; }

@media (min-width: 640px) {
  .download-phone img { width: 320px; }
}
@media (min-width: 1024px) {
  .download-hero-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) and (max-height: 800px) {
  .download-hero { padding-block: 88px 32px; }
}