/* SabronPro PWA install icon - Hotfix 3 */
.sabron-pwa-install{
  position:fixed;
  z-index:950;
  inset-inline-start:22px;
  bottom:86px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:0;
  border-radius:999px;
  padding:10px 13px;
  min-height:48px;
  background:#0B1320;
  color:#fff;
  font-family:Cairo,Inter,Tahoma,Arial,sans-serif;
  font-weight:900;
  box-shadow:0 16px 38px rgba(2,6,23,.28);
  cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease,max-width .2s ease;
  max-width:min(300px,calc(100vw - 32px));
  direction:rtl;
}
.sabron-pwa-install:hover{transform:translateY(-2px);box-shadow:0 22px 48px rgba(2,6,23,.34)}
.sabron-pwa-install.hidden{display:none!important}
.sabron-pwa-install__icon{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#D4AF37;color:#0B1320;font-size:.95rem;flex:0 0 auto}
.sabron-pwa-install__text{white-space:nowrap;font-size:.9rem;line-height:1;overflow:hidden;text-overflow:ellipsis}
.sabron-pwa-install__close{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:999px;background:rgba(255,255,255,.14);font-size:1.05rem;line-height:1;flex:0 0 auto;color:#fff}
.sabron-pwa-install__close:hover{background:rgba(255,255,255,.24)}
@media(min-width:900px){
  .sabron-pwa-install--compact:not(:hover){max-width:58px;padding-inline:10px;gap:0}
  .sabron-pwa-install--compact:not(:hover) .sabron-pwa-install__text,
  .sabron-pwa-install--compact:not(:hover) .sabron-pwa-install__close{width:0;opacity:0;overflow:hidden;pointer-events:none;margin:0}
}
@media(max-width:640px){
  .sabron-pwa-install{inset-inline-start:14px;bottom:max(76px,calc(env(safe-area-inset-bottom) + 76px));max-width:calc(100vw - 28px);padding:10px 12px}
  .sabron-pwa-install__text{font-size:.84rem}
}
@media (display-mode: standalone){.sabron-pwa-install{display:none!important}}
@media print{.sabron-pwa-install{display:none!important}}