/* htmpwa - discreet install button (bottom left, above the cookie bar) */
.htmpwa-install { position: fixed; left: 16px; bottom: calc(16px + env(safe-area-inset-bottom)); z-index: 1030; display: flex; flex-wrap: wrap; align-items: center; gap: 4px; max-width: calc(100vw - 32px); font-family: Jost, -apple-system, "Segoe UI", Roboto, sans-serif; }
.htmpwa-install__btn { background: #fff; color: #121111; border: 1px solid #e6ebf0; border-radius: 999px; padding: 8px 16px 8px 14px; font: inherit; font-size: 14px; font-weight: 500; cursor: pointer; box-shadow: 0 6px 20px rgba(18, 17, 17, .12); display: inline-flex; align-items: center; gap: 8px; }
.htmpwa-install__btn::before { content: ""; width: 18px; height: 18px; border-radius: 5px; background: #34b4f9; box-shadow: inset 0 0 0 4px #34b4f9, inset 0 0 0 6px #fff; }
.htmpwa-install__btn:hover { border-color: #34b4f9; color: #1e9be0; }
.htmpwa-install__close { width: 30px; height: 30px; border-radius: 50%; border: 0; background: rgba(18, 17, 17, .55); color: #fff; font-size: 18px; line-height: 1; cursor: pointer; }
.htmpwa-install__hint { flex-basis: 100%; margin: 6px 0 0; background: #121111; color: #fff; border-radius: 10px; padding: 8px 12px; font-size: 13px; }
.htmpwa-install :focus-visible { outline: 3px solid rgba(52, 180, 249, .6); outline-offset: 2px; }
@media (max-width: 991px) { body.rr-page .htmpwa-install, .rr.has-bottombar ~ .htmpwa-install { bottom: calc(88px + env(safe-area-inset-bottom)); } }