/* Buttons */
#pwa-install{display:none;text-align:center;margin:1rem 0}
#pwa-install .pwa-btn{display:none;padding:.7rem 1rem;border:1px solid #7F59E5;border-radius:12px;background:#fff;cursor:pointer}
#pwa-install .pwa-btn + .pwa-btn{margin-left:.5rem}

/* Toast (Android installed message) */
.pwa-toast{
  position:fixed;left:50%;bottom:18px;transform:translateX(-50%);
  background:#111;color:#fff;padding:.7rem 1rem;border-radius:10px;
  box-shadow:0 8px 24px rgba(0,0,0,.2);z-index:9999;opacity:.98
}

/* iOS overlay */
.pwa-modal{
  position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:9998
}
.pwa-modal-card{
  width:min(92vw,520px);background:#fff;border-radius:14px;
  box-shadow:0 12px 40px rgba(0,0,0,.25);overflow:hidden
}
.pwa-modal-head{display:flex;align-items:center;gap:.5rem;padding:1rem 1.1rem;border-bottom:1px solid #eee}
.pwa-modal-body{padding:1rem 1.1rem}
.pwa-modal-body img{width:100%;height:auto;border-radius:10px;border:1px solid #eee}
.pwa-modal-foot{padding:0 1.1rem 1rem}
.pwa-close{background:#f5f5f7;border:1px solid #e5e5ea;border-radius:10px;padding:.55rem .9rem;cursor:pointer}
.pwa-share-icon{width:18px;height:18px;vertical-align:-3px;margin-right:6px}