/* Hero download panel: three customer-service QR slots and a higher position. */
@media (min-width: 761px) {
  .download-panel {
    top: 610px;
    left: 50%;
    transform: translateX(-50%);
    grid-template-columns: repeat(3, 120px) 165px 165px;
    width: 710px;
    background: transparent;
    border: 0;
  }

  .download-panel::before {
    content: "";
    position: absolute;
    top: 0;
    left: -90px;
    width: 406px;
    height: 156px;
    background: rgba(249, 249, 237, .88);
    border: 1px solid #d9e0db;
  }

  .download-panel > * { position: relative; z-index: 1; }
  .download-panel .qr { transform: translateX(-90px); }
  .pc { grid-column: 4 / span 2; }
}

@media (max-width: 760px) {
  .hero { height: 690px; background-size: auto 690px; }

  .download-panel {
    top: 450px;
    width: calc(100% - 24px);
    height: 220px;
    grid-template-columns: repeat(3, 1fr);
    gap: 7px;
    padding: 8px;
  }

  .download-panel .qr { grid-row: auto; }
  .download-panel .qr img { width: 72px; height: 72px; }
  .download-panel .android { grid-column: 1; }
  .download-panel .ios { grid-column: 2 / span 2; }
  .download-panel .pc { grid-column: 1 / span 3; }
}

/* Keep the announcement and guide area as display-only content. */
.news-band a {
  pointer-events: none;
  cursor: default;
}