
.pwa-install-float{
  position:fixed;
  left:18px;
  bottom:22px;
  z-index:999;
  display:flex;
  align-items:center;
  gap:10px;
  max-width:330px;
  padding:10px 11px;
  border:1px solid rgba(12,92,83,.14);
  border-radius:18px;
  background:rgba(255,255,255,.96);
  box-shadow:0 18px 42px rgba(10,53,65,.18);
  backdrop-filter:blur(14px);
  direction:rtl;
  font-family:'Cairo',Tahoma,Arial,sans-serif;
}
.pwa-install-float.is-hidden{display:none}
.pwa-install-float__icon{
  width:48px;height:48px;flex:0 0 48px;border-radius:14px;
  overflow:hidden;background:#0c6f62;box-shadow:0 8px 18px rgba(11,91,77,.18)
}
.pwa-install-float__icon img{width:100%;height:100%;display:block;object-fit:cover}
.pwa-install-float__copy{min-width:0;flex:1}
.pwa-install-float__copy b{display:block;font-size:11px;color:#153e4a;line-height:1.5}
.pwa-install-float__copy small{display:block;font-size:8px;color:#708791;line-height:1.55;margin-top:2px}
.pwa-install-float__btn{
  min-height:38px;border:0;border-radius:11px;padding:8px 11px;
  background:linear-gradient(135deg,#0e9d7b,#087864);color:#fff;
  font-family:inherit;font-size:9px;font-weight:900;cursor:pointer;white-space:nowrap
}
.pwa-install-float__close{
  width:28px;height:28px;border:0;border-radius:8px;background:#f0f4f5;
  color:#70848d;font-size:16px;cursor:pointer;display:grid;place-items:center
}
.pwa-install-modal{
  position:fixed;inset:0;z-index:1200;display:none;align-items:center;justify-content:center;
  padding:20px;background:rgba(7,36,46,.58);backdrop-filter:blur(6px);direction:rtl
}
.pwa-install-modal.is-open{display:flex}
.pwa-install-dialog{
  width:min(680px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:24px;
  box-shadow:0 25px 65px rgba(0,0,0,.22);font-family:'Cairo',Tahoma,Arial,sans-serif
}
.pwa-install-dialog__head{
  display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 20px;
  border-bottom:1px solid #e7eef0
}
.pwa-install-dialog__brand{display:flex;align-items:center;gap:10px}
.pwa-install-dialog__brand img{width:48px;height:48px;border-radius:14px}
.pwa-install-dialog__brand b{display:block;color:#143e4a;font-size:14px}
.pwa-install-dialog__brand small{display:block;color:#78909a;font-size:8px}
.pwa-install-dialog__close{
  width:36px;height:36px;border:0;border-radius:10px;background:#eff4f5;color:#49656f;font-size:20px;cursor:pointer
}
.pwa-install-dialog__body{padding:20px}
.pwa-install-dialog__intro{
  background:#eef8f5;border:1px solid #d8ebe5;border-radius:15px;padding:13px 14px;
  color:#385c66;font-size:10px;line-height:1.9;margin-bottom:14px
}
.pwa-ios-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pwa-ios-step{
  position:relative;border:1px solid #dce8eb;border-radius:15px;padding:14px 14px 14px 48px;
  background:#fff;min-height:100px
}
.pwa-ios-step__no{
  position:absolute;right:13px;top:13px;width:29px;height:29px;border-radius:9px;
  background:#0d9576;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:900
}
.pwa-ios-step b{display:block;font-size:10px;color:#173f4b;margin-bottom:3px}
.pwa-ios-step p{margin:0;font-size:8.5px;color:#758b94;line-height:1.8}
.pwa-install-dialog__actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}
.pwa-install-dialog__actions a,.pwa-install-dialog__actions button{
  min-height:42px;border-radius:11px;padding:9px 13px;font-family:inherit;font-size:9px;font-weight:900;text-decoration:none;cursor:pointer
}
.pwa-primary{border:0;background:#0d9274;color:#fff}
.pwa-secondary{border:1px solid #d6e4e7;background:#fff;color:#315762}
@media(max-width:700px){
  .pwa-install-float{
    left:10px;right:10px;bottom:76px;max-width:none
  }
  .pwa-install-float__copy small{display:none}
  .pwa-ios-steps{grid-template-columns:1fr}
}
