/* "Get the app": header button, home section and the Android banner. Everything hides inside the installed app. */
@media (display-mode: standalone), (display-mode: fullscreen) {
    .qb-hide-in-app { display: none !important; }
}
.qb-app-banner { position: sticky; top: 0; z-index: 1040; display: flex; align-items: center; gap: .75rem;
    padding: .55rem .75rem; background: #fff; border-bottom: 1px solid #e3e8f2; box-shadow: 0 2px 8px rgba(15, 37, 84, .08); }
.qb-app-banner[hidden] { display: none; }
.qb-app-banner img { width: 40px; height: 40px; border-radius: 10px; flex: none; }
.qb-app-banner .txt { flex: 1; min-width: 0; line-height: 1.2; font-size: .875rem; color: #0f2554; }
.qb-app-banner .txt small { display: block; color: #5b6b8a; font-size: .75rem; }
.qb-app-banner .btn { flex: none; color: #fff; background: #1f6fe5; border-color: #1f6fe5; font-weight: 600; }
.qb-app-banner .btn:hover, .qb-app-banner .btn:focus { color: #fff; background: #1655b8; border-color: #1655b8; }
.qb-app-banner .x { flex: none; border: 0; background: none; font-size: 1.4rem; line-height: 1; color: #7a879f; padding: 0 .25rem; }

.qb-app-promo { background: linear-gradient(135deg, #0f2554 0%, #1f6fe5 100%); color: #fff; border-radius: 1.25rem; overflow: hidden; }
.qb-app-promo .lead { color: rgba(255, 255, 255, .85); }
.qb-app-promo ul { list-style: none; padding: 0; margin: 0 0 1.25rem; }
.qb-app-promo li { padding: .3rem 0; }
.qb-app-promo li i { color: #ffc24b; margin-right: .5rem; }
.qb-app-promo .qr { background: #fff; border-radius: 1rem; padding: .75rem; width: 180px; max-width: 100%; }
.qb-app-promo .qr svg { display: block; width: 100%; height: auto; }
.qb-app-promo .btn-light { font-weight: 600; }