/* ============================================================
   WIN WITH ORANGE CITY — Responsive Stylesheet
   ============================================================ */

/* ── MOBILE ONLY — show app, hide desktop block ── */
@media (max-width: 767px) {
  #desktop-block {
    display: none !important;
  }
  .app {
    display: flex;
  }
}

/* ── TABLET / DESKTOP — show desktop block, hide app ── */
@media (min-width: 768px) {
  #desktop-block {
    display: flex !important;
  }
  .app {
    display: none !important;
  }
}

/* ── SMALL PHONE ── */
@media (max-width: 400px) {
  .app {
    padding-top: 260px;
  }
  .card {
    padding: 22px 16px 22px;
  }
}

@media (max-width: 360px) {
  .app {
    padding-top: 230px;
  }
  .card {
    padding: 18px 14px 20px;
  }
  .card-title {
    font-size: 19px;
  }
  .btn-primary {
    font-size: 15px;
    padding: 13px;
  }
}

/* ── MEDIUM MOBILE ── */
@media (min-width: 420px) and (max-width: 767px) {
  .card {
    max-width: 400px;
    margin: 22px auto 0;
  }
}

/* ── LANDSCAPE PHONE — treated as mobile ── */
@media (max-height: 500px) and (orientation: landscape) and (max-width: 900px) {
  .app {
    padding-top: 160px;
  }
  #desktop-block {
    display: none !important;
  }
  .app {
    display: flex !important;
  }
}