/* Styles for download.hbs */

/* The root is `.download-page`, not `.download`: the header owns `.download`
   for its "دانلود اپلیکیشن" button wrapper, and `header.css` ships on every
   page, so a page root by that name silently inherited `display: flex` and
   `height: 100%` and laid the hero and the banner out side by side. */

/* The legacy hides the banner at 1000px and narrower. Kept, and not cosmetic:
   below that width the banner drops its "text me the link" form and shows store
   buttons instead — the same three destinations the hero has already offered a
   screen above. (At exactly 1000px it is still in its desktop form; the legacy
   hides it there too, and the bound below is what reproduces that.)

   The bound is 1001px because the legacy rule is `max-width: 1000px`, which
   includes exactly 1000px; a `min-width: 1000px` here would have shown the
   banner on the one viewport width the legacy hid it at. */
.download-banner-slot {
  display: none;
}

@media (min-width: 1001px) {
  .download-banner-slot {
    display: block;
  }
}