@charset "UTF-8";

#pwa-bar, #pwa-bar *, #pwa-ios, #pwa-ios * {
  font-family: 'Cairo', Tahoma, Arial, sans-serif !important;
  font-feature-settings: normal;
}
#pwa-bar{
  position:fixed; left:10px; right:10px; top:76px; z-index:99;
  display:none; align-items:center; gap:12px;
  padding:13px 15px;
  background:linear-gradient(180deg,#1c2028,#15181e);
  color:#e8eaed;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  box-shadow:0 10px 28px rgba(0,0,0,.32);
  transform:translateY(-140%);
  opacity:0;
  transition:transform .45s cubic-bezier(.2,.8,.2,1), opacity .3s ease;
  max-width:760px; margin:0 auto;
}
#pwa-bar.show{display:flex; transform:translateY(0); opacity:1}
.pwa-bar-icon img{
  width:46px; height:46px; border-radius:11px; object-fit:contain;
  background:rgba(255,255,255,.06); padding:4px; flex-shrink:0;
  border:1px solid rgba(255,255,255,.08);
}
.pwa-bar-text{flex:1;min-width:0;line-height:1.35}
.pwa-bar-title{
  font-weight:600; font-size:14.5px; color:#f2f3f5;
  margin-bottom:2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.pwa-bar-title-short{display:none}
.pwa-bar-sub{
  font-weight:400; font-size:12px; color:#9aa0ac;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.pwa-bar-btn{
  background:var(--pwa-accent,#2f6feb); color:#fff;
  border:0; padding:10px 20px; border-radius:10px;
  font-weight:600; font-size:13.5px; cursor:pointer;
  flex-shrink:0;
  transition:filter .15s ease, transform .1s ease;
}
.pwa-bar-btn:hover{filter:brightness(1.1)}
.pwa-bar-btn:active{transform:scale(.97)}
.pwa-bar-close{
  background:transparent; border:0; color:#9aa0ac; opacity:.85;
  width:28px; height:28px; cursor:pointer; font-size:20px; line-height:1;
  padding:0; flex-shrink:0; font-weight:400; border-radius:50%;
  transition:opacity .2s, background .2s;
}
.pwa-bar-close:hover{opacity:1; background:rgba(255,255,255,.08)}

/* Mobile — compact layout */
@media (max-width:600px){
  #pwa-bar{top:68px;left:8px;right:8px;padding:10px 12px;gap:10px;border-radius:13px}
  .pwa-bar-icon img{width:40px;height:40px;border-radius:10px}
  .pwa-bar-title-long{display:none}
  .pwa-bar-title-short{display:inline}
  .pwa-bar-title{font-size:13.5px;margin-bottom:1px}
  .pwa-bar-sub{font-size:11px}
  .pwa-bar-btn{padding:9px 16px;font-size:13px}
  .pwa-bar-close{width:26px;height:26px;font-size:20px}
}
@media (max-width:380px){
  #pwa-bar{padding:9px 10px;gap:8px}
  .pwa-bar-icon img{width:36px;height:36px}
  .pwa-bar-title{font-size:12.5px}
  .pwa-bar-sub{display:none}
  .pwa-bar-btn{padding:9px 14px;font-size:12.5px}
}
/* iOS sheet */
#pwa-ios{position:fixed;left:10px;right:10px;bottom:16px;z-index:99;max-width:480px;margin:0 auto}
.pwa-ios-card{background:linear-gradient(180deg,#1c2028,#15181e);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.5);padding:16px;position:relative;color:#e8eaed}
.pwa-ios-x{position:absolute;top:10px;left:10px;background:transparent;border:0;color:#9aa0ac;width:30px;height:30px;cursor:pointer;font-size:22px;line-height:1;padding:0;font-weight:400}
.pwa-ios-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.pwa-ios-head img{width:46px;height:46px;border-radius:11px;object-fit:contain;background:rgba(255,255,255,.06);padding:4px;border:1px solid rgba(255,255,255,.08)}
.pwa-ios-title{font-weight:600;font-size:15px;color:#f2f3f5}
.pwa-ios-sub{font-size:12px;color:#9aa0ac;font-weight:400}
.pwa-ios-steps{background:rgba(255,255,255,.04);border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.8;font-weight:400;color:#c7cad1}