.c-pwa-install{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));z-index:99990;width:min(620px,calc(100vw - 24px));box-sizing:border-box;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;background:#fff;border:1px solid #dde4d8;border-radius:12px;box-shadow:0 14px 38px rgba(39,50,58,.18);font-family:Abel,Arial,sans-serif;opacity:0;transform:translate(-50%,14px);transition:opacity .18s ease,transform .18s ease}
.c-pwa-install.is-visible{opacity:1;transform:translate(-50%,0)}
.c-pwa-install[hidden]{display:none!important}
.c-pwa-icon{width:48px;height:48px;border-radius:10px;display:block}
.c-pwa-copy{min-width:0;display:flex;flex-direction:column;line-height:1.2}
.c-pwa-copy strong{font-family:Abel,Arial,sans-serif;font-size:19px;font-weight:400;color:#27323a}
.c-pwa-copy span{margin-top:3px;font-family:Abel,Arial,sans-serif;font-size:16px;color:#5e6a72}
.c-pwa-install-btn{appearance:none;border:0;border-radius:4px;background:#ef6c00;color:#fff;font-family:Abel,Arial,sans-serif;font-size:17px;font-weight:400;line-height:1;padding:9px 14px;cursor:pointer;white-space:nowrap}
.c-pwa-install-btn:hover,.c-pwa-install-btn:focus{background:#27323a;color:#fff;outline:none}
.c-pwa-close{position:absolute;right:5px;top:-10px;width:24px;height:24px;border:1px solid #d7dfe3;border-radius:50%;background:#fff;color:#5e6a72;font-size:18px;line-height:20px;padding:0;cursor:pointer;box-shadow:0 2px 8px rgba(39,50,58,.12)}
.c-pwa-ios-sheet{position:fixed;inset:0;z-index:100000;background:rgba(39,50,58,.46);display:grid;place-items:end center;padding:14px 14px calc(14px + env(safe-area-inset-bottom));box-sizing:border-box}
.c-pwa-ios-sheet[hidden]{display:none!important}
.c-pwa-ios-card{position:relative;width:min(440px,100%);box-sizing:border-box;background:#fff;border-radius:14px;padding:20px;text-align:center;box-shadow:0 16px 44px rgba(0,0,0,.24);font-family:Abel,Arial,sans-serif}
.c-pwa-ios-card img{width:58px;height:58px;border-radius:12px;display:block;margin:0 auto 10px}
.c-pwa-ios-card strong{display:block;font-size:21px;font-weight:400;color:#27323a}
.c-pwa-ios-card p{margin:9px 0 16px;font-size:17px;line-height:1.45;color:#4d5a62}
.c-pwa-ios-ok{border:0;border-radius:4px;background:#ef6c00;color:#fff;font-family:Abel,Arial,sans-serif;font-size:17px;font-weight:400;padding:9px 18px;cursor:pointer}
.c-pwa-ios-close{position:absolute;right:10px;top:8px;border:0;background:transparent;color:#67747c;font-size:26px;cursor:pointer}
.c-pwa-success{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:100010;transform:translate(-50%,12px);opacity:0;background:#27323a;color:#fff;border-radius:6px;padding:10px 14px;font-family:Abel,Arial,sans-serif;font-size:16px;box-shadow:0 10px 28px rgba(39,50,58,.22);transition:opacity .18s ease,transform .18s ease;white-space:nowrap;max-width:calc(100vw - 24px);box-sizing:border-box}
.c-pwa-success.is-visible{opacity:1;transform:translate(-50%,0)}
.c-pwa-success[hidden]{display:none!important}
@media(max-width:520px){.c-pwa-install{grid-template-columns:42px minmax(0,1fr) auto;gap:9px;padding:9px 10px}.c-pwa-icon{width:42px;height:42px}.c-pwa-copy strong{font-size:18px}.c-pwa-copy span{font-size:15px}.c-pwa-install-btn{font-size:16px;padding:8px 10px}}
@media(max-width:390px){.c-pwa-copy span{display:none}}

.c-pwa-ios-actions{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}
.c-pwa-ios-remind{border:1px solid #cfd8dd;border-radius:4px;background:#fff;color:#4d5a62;font-family:Abel,Arial,sans-serif;font-size:16px;font-weight:400;padding:8px 12px;cursor:pointer}
.c-pwa-ios-remind:hover,.c-pwa-ios-remind:focus{border-color:#27323a;color:#27323a;outline:none}