.su-pwa-install{
  position:fixed;right:18px;bottom:18px;z-index:9998;
  display:flex;align-items:center;gap:8px;
  max-width:calc(100vw - 36px);
  border:1px solid rgba(197,139,50,.55);
  border-radius:999px;padding:11px 15px;
  background:linear-gradient(90deg,#8c0000,#5d0909 68%,#6b4314);
  color:#fff;font:900 11px/1 Arial,Helvetica,sans-serif;
  letter-spacing:.2px;cursor:pointer;
  box-shadow:0 14px 36px rgba(0,0,0,.44);
  opacity:0;visibility:hidden;transform:translateY(12px);
  transition:opacity .2s ease,transform .2s ease,visibility .2s ease
}
.su-pwa-install.is-visible{opacity:1;visibility:visible;transform:none}
.su-pwa-install:hover{filter:brightness(1.08)}
.su-pwa-install-icon{font-size:17px;line-height:1}
.su-pwa-modal{
  position:fixed;inset:0;z-index:100000;display:grid;place-items:center;
  padding:20px;background:rgba(0,0,0,.84);backdrop-filter:blur(8px)
}
.su-pwa-modal-card{
  position:relative;width:min(410px,94vw);padding:28px 24px 23px;text-align:center;
  border:1px solid #56342c;border-radius:18px;
  background:linear-gradient(145deg,#120909,#080707);color:#fff;
  box-shadow:0 28px 80px rgba(0,0,0,.55)
}
.su-pwa-modal-logo{font-size:35px;margin-bottom:8px}
.su-pwa-modal-card small{color:#c58b32;font-weight:900;letter-spacing:2px}
.su-pwa-modal-card h3{margin:8px 0 11px;font-size:21px}
.su-pwa-modal-card p{margin:0;color:#bcb0ad;font-size:13px;line-height:1.65}
.su-pwa-close{
  position:absolute;right:12px;top:10px;border:0;background:transparent;color:#aaa;
  font-size:25px;cursor:pointer
}
.su-pwa-understood{
  margin-top:19px;border:0;border-radius:11px;padding:11px 18px;
  background:linear-gradient(90deg,#8c0000,#c58b32);color:#fff;font-weight:900;cursor:pointer
}
@media(max-width:600px){
  .su-pwa-install{right:12px;bottom:12px;padding:10px 13px;font-size:10px}
}