[hidden] { display: none !important; }
.desktop-download-qr { display: grid; justify-items: center; gap: 12px; margin: 0; }
.desktop-download-qr img { display: block; width: 208px; max-width: 100%; height: auto; aspect-ratio: 1; padding: 8px; border: 1px solid #e5ede8; border-radius: 14px; background: #fff; }
.desktop-download-qr figcaption { color: #69766f; font-size: 14px; font-weight: 500; line-height: 1.5; text-align: center; }
.app-download-grid { display: grid; grid-template-columns: minmax(0, 1fr); width: 100%; max-width: 320px; }
.app-download-card { display: flex; min-width: 0; flex-direction: column; align-items: center; gap: var(--download-section-gap, 20px); }
.app-download-qr { display: grid; justify-items: center; width: 100%; margin: 0; }
.app-download-qr img { display: block; width: 100%; max-width: 208px; height: auto; aspect-ratio: 1; object-fit: contain; padding: 8px; border: 1px solid #e5ede8; border-radius: 14px; background: #fff; }
.app-download-link { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 50px; margin-top: auto; padding: 10px 12px; border-radius: 14px; background: #00bf63; color: #fff; font-size: 14px; font-weight: 700; line-height: 1.4; text-decoration: none; text-align: center; }
html[data-platform="desktop"] .download-help { display: none; }

html[data-browser-guide="open"] { height: 100%; overflow: hidden; overscroll-behavior: none; }
html[data-browser-guide="open"] body { position: fixed; inset: 0; overflow: hidden; }
.browser-guide { position: fixed; z-index: 1000; inset: 0; margin: 0; overflow-y: auto; overscroll-behavior: contain; background: linear-gradient(to bottom, rgba(7, 25, 19, .60) 0, rgba(7, 25, 19, .60) 360px, rgba(7, 25, 19, .40) 100%); color: #fff; }
.browser-guide-content { position: relative; width: 100%; max-width: 480px; min-height: 100%; margin: 0 auto; padding: calc(140px + env(safe-area-inset-top)) 36px calc(32px + env(safe-area-inset-bottom)); text-shadow: 0 1px 4px rgba(0, 0, 0, .35); }
.browser-guide-arrow { position: absolute; top: calc(4px + env(safe-area-inset-top)); right: max(4px, env(safe-area-inset-right)); width: 120px; height: 128px; }
.browser-guide h2 { margin: 0 0 26px; color: #fff; font-size: 28px; font-weight: 750; line-height: 1.4; }
.browser-guide h2:focus { outline: none; }
.browser-guide-steps { display: grid; gap: 23px; margin: 0; padding: 0; list-style: none; }
.browser-guide-steps li { display: flex; align-items: center; gap: 12px; font-size: 18px; font-weight: 650; line-height: 1.6; }
.browser-guide-steps span { display: grid; flex: 0 0 28px; height: 28px; place-items: center; border-radius: 50%; background: #00bf63; color: #fff; font-size: 16px; font-weight: 750; }
.browser-guide-content > p { margin: 28px 0 30px; color: #e5eee9; font-size: 15px; line-height: 1.7; }
@media (max-width: 359px) {
  .browser-guide-content { padding-right: 24px; padding-left: 24px; }
  .browser-guide h2 { font-size: 26px; }
  .browser-guide-steps li { gap: 10px; font-size: 16px; }
}