/* /mylegacyfootball/download — indirme kapı sayfası.
   Mobil ziyaretçi bu sayfayı normalde hiç görmez (sunucu 302'liyor); burası
   masaüstü ve crawler görünümü. */

.dl-main { min-height: 60vh; }

.dl-head { text-align: center; max-width: 58ch; margin-inline: auto; }
.dl-h1 { font-size: clamp(1.8rem, 5vw, 2.9rem); margin: .4rem 0 .6rem; }
.dl-sub { color: var(--muted); max-width: 52ch; margin-inline: auto; }

.dl-cards {
  display: grid;
  gap: 1.2rem;
  max-width: 720px;
  margin-inline: auto;
}
@media (min-width: 700px) { .dl-cards { grid-template-columns: 1fr 1fr; } }

.dl-card { text-align: center; padding: 1.4rem 1.2rem; }
.dl-card__t { font-size: 1.15rem; margin: 0 0 .2rem; }
.dl-card__s { color: var(--muted); font-size: .9rem; margin: 0 0 1rem; }
.dl-card__soon { color: var(--muted); font-size: .85rem; margin: .8rem 0 0; }
.dl-card[data-state="soon"] { opacity: .68; }
.dl-card[data-state="soon"] [data-store-btn] { cursor: not-allowed; }

.btn--block { display: flex; justify-content: center; width: 100%; }

/* QR kutusu. :empty kuralı sayesinde üretim başarısız olursa layout bozulmaz. */
.qr {
  width: 148px;
  margin: 0 auto 1rem;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--border, rgba(255,255,255,.14));
  background: #fff;
}
.qr:empty { display: none; }
.qr svg { width: 100%; height: auto; display: block; }

.qr-block { text-align: center; margin-top: 2.4rem; }
.dl-qr-hint { color: var(--muted); font-size: .9rem; max-width: 40ch; margin: 0 auto; }

/* Kendi telefonunu taratamazsın — mobilde QR anlamsız. */
@media (max-width: 767px) { .qr, .qr-block { display: none; } }

/* Ziyaretçinin platformunu ilk karta al. DOM'a dokunmadan sıra değişimi. */
[data-platform="android"] .dl-cards { direction: rtl; }
[data-platform="android"] .dl-card { direction: ltr; }

.dl-about { max-width: 68ch; margin-inline: auto; }
.dl-about h2 { font-size: 1.4rem; }
.dl-about h3 { font-size: 1.05rem; margin-top: 1.8rem; }
.dl-facts { padding-inline-start: 1.1rem; }
.dl-facts li { margin-bottom: .5rem; }
.dl-facts b { display: block; }
.dl-notice { color: var(--muted); font-size: .85rem; border-inline-start: 3px solid var(--border, rgba(255,255,255,.14)); padding-inline-start: .9rem; }
.dl-links { margin-top: 1.6rem; display: flex; gap: .6rem; flex-wrap: wrap; }