/* Strony pobierania aplikacji mobilnej: /app (wybór sklepu) i /android (plik APK). */
.dl { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 48px 16px; }
.dl__card {
  width: 100%; max-width: 440px; text-align: center;
  background: var(--bg-soft); border: 1px solid var(--line); border-radius: var(--radius);
  padding: 40px 28px 32px;
}
.dl__brand { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 28px; }
.dl__brand img { width: 34px; height: 34px; }
.dl__brand span { font-family: 'Space Grotesk', sans-serif; font-weight: 600; font-size: 18px; }
.dl h1 { font-size: 28px; margin-bottom: 10px; }
.dl__lead { color: var(--ink-soft); font-size: 15px; margin-bottom: 28px; }
.dl__btn { justify-content: center; width: 100%; }
.dl__meta { color: var(--ink-mut); font-size: 13px; margin-top: 12px; min-height: 1.6em; }
.dl__qr { margin-top: 32px; padding-top: 28px; border-top: 1px solid var(--line); }
.dl__qr img { width: 200px; height: 200px; border-radius: 12px; background: #fff; padding: 8px; }
.dl__qr p { color: var(--ink-soft); font-size: 14px; margin-top: 12px; }
.dl__steps { text-align: left; margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--line); }
.dl__steps h2 { font-size: 16px; margin-bottom: 10px; }
.dl__steps ol { color: var(--ink-soft); font-size: 14px; padding-left: 20px; }
.dl__steps li + li { margin-top: 6px; }
/* Na telefonie kod QR jest bezużyteczny — skanuje się go drugim urządzeniem. */
@media (max-width: 640px) and (pointer: coarse) { .dl__qr { display: none; } }

.dl__alt { color: var(--ink-mut); font-size: 13px; margin-top: 16px; }
.dl__alt a { color: var(--ink-soft); text-decoration: underline; text-underline-offset: 3px; }