.pwa-offline-bar,.pwa-update-bar{position:fixed;left:244px;right:0;top:0;min-height:42px;z-index:1001;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 18px;font-size:12px;box-shadow:0 3px 12px rgba(16,46,67,.18)}
.pwa-offline-bar{background:#fff0d8;color:#744a00;border-bottom:1px solid #efcf98}
.pwa-update-bar{background:var(--navy);color:white}
.pwa-update-bar button{border:1px solid var(--teal);border-radius:6px;background:var(--teal);color:#052f37;font-size:11px;font-weight:800;padding:6px 10px}
.pwa-install-card{position:fixed;right:22px;bottom:22px;z-index:1000;width:min(420px,calc(100vw - 28px));display:grid;grid-template-columns:48px 1fr;gap:14px;padding:20px 44px 20px 18px;background:white;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px rgba(16,46,67,.22)}
.pwa-install-mark{width:48px;height:48px;border-radius:12px;background:var(--navy);color:var(--teal);display:grid;place-items:center;font:700 25px Georgia,serif}
.pwa-install-card small{color:var(--teal);font-size:9px;font-weight:850;letter-spacing:1.2px}
.pwa-install-card h2{font:700 18px Georgia,serif;color:var(--navy);margin:5px 0 7px}
.pwa-install-card p{font-size:11px;line-height:1.5;color:var(--muted);margin:0 0 12px}
.pwa-install-close{position:absolute;right:10px;top:9px;width:28px;height:28px;border:0;background:transparent;color:#7b8d98;font-size:22px}
.pwa-share-icon{display:inline-grid;place-items:center;border:1px solid #9baab3;border-radius:4px;width:19px;height:19px;color:#2775a1;font-weight:800}
.pwa-ios-steps{display:flex;flex-wrap:wrap;gap:5px}
.pwa-ios-steps span{background:#edf4f6;color:var(--navy);border-radius:12px;padding:5px 8px;font-size:9px;font-weight:750}
@media(max-width:1100px){.pwa-offline-bar,.pwa-update-bar{left:210px}}
@media(max-width:760px){.pwa-offline-bar,.pwa-update-bar{left:0;top:auto;bottom:0;justify-content:flex-start;flex-wrap:wrap}.pwa-install-card{right:14px;bottom:14px}.pwa-offline-bar~.pwa-install-card,.pwa-update-bar~.pwa-install-card{bottom:68px}}