#iosBanner{
  position:fixed;
  top:12px;
  left:12px;
  right:12px;
  background:#ffffff;
  border-radius:18px;
  padding:16px;
  box-shadow:0 10px 35px rgba(0,0,0,.15);
  z-index:99999;
  display:none;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
#iosBanner.show{
  display:block;
  animation:slideDown .4s ease;
}
#iosBanner.hide{
  animation:slideUp .3s ease forwards;
}
#iosBanner .header{
  display:flex;
  align-items:center;
  gap:12px;
}
#iosBanner .icon{
  width:52px;
  height:52px;
  border-radius:12px;
  object-fit:cover;
  background:#f1f1f1;
  flex-shrink:0;
}
#iosBanner .title{
  font-size:17px;
  font-weight:700;
  color:#222;
}
#iosBanner .subtitle{
  font-size:13px;
  color:#888;
  margin-top:2px;
}
#iosBanner .desc{
  margin-top:10px;
  color:#666;
  font-size:14px;
  line-height:1.5;
}
#iosBanner .btn{
  width:100%;
  margin-top:14px;
  border:none;
  background:#e8720c;
  color:#fff;
  padding:13px;
  border-radius:12px;
  font-size:15px;
  font-weight:700;
  cursor:pointer;
  transition:background .15s ease, transform .1s ease;
}
#iosBanner .btn:hover{
  background:#d4660a;
}
#iosBanner .btn:active{
  transform:scale(.97);
}
#iosBanner .close{
  position:absolute;
  top:4px;
  right:4px;
  width:36px;
  height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  color:#999;
  cursor:pointer;
  border-radius:50%;
  background:transparent;
  transition:background .15s ease;
}
#iosBanner .close:hover,
#iosBanner .close:active{
  background:#f2f2f2;
}
#iosBanner .close:focus-visible,
#iosBanner .btn:focus-visible{
  outline:2px solid #e8720c;
  outline-offset:2px;
}
 
@keyframes slideDown{
  from{ opacity:0; transform:translateY(-40px); }
  to{ opacity:1; transform:translateY(0); }
}
@keyframes slideUp{
  from{ opacity:1; transform:translateY(0); }
  to{ opacity:0; transform:translateY(-30px); }
}
 
/* Quraşdırma təlimatı modalı */
#installGuideOverlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.45);
  z-index:100000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:20px;
  box-sizing:border-box;
}
#installGuideOverlay.show{
  display:flex;
  animation:fadeIn .25s ease;
}
@keyframes fadeIn{
  from{ opacity:0; }
  to{ opacity:1; }
}
#installGuideSheet{
  background:#fff;
  width:100%;
  max-width:380px;
  border-radius:20px;
  padding:22px 20px 24px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  animation:sheetPop .25s ease;
}
@keyframes sheetPop{
  from{ opacity:0; transform:scale(.92); }
  to{ opacity:1; transform:scale(1); }
}
#installGuideSheet h3{
  margin:0 0 16px;
  font-size:17px;
  color:#222;
  text-align:center;
}
#installGuideSheet ol{
  margin:0;
  padding:0;
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:14px;
}
#installGuideSheet li{
  display:flex;
  align-items:center;
  gap:12px;
  font-size:14.5px;
  color:#444;
  line-height:1.4;
}
#installGuideSheet .step-num{
  width:28px;
  height:28px;
  border-radius:50%;
  background:#fff1e6;
  color:#e8720c;
  font-weight:700;
  font-size:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
#installGuideSheet .step-icon{
  font-size:18px;
}
#installGuideSheet .got-it{
  width:100%;
  margin-top:20px;
  border:none;
  background:#e8720c;
  color:#fff;
  padding:13px;
  border-radius:12px;
  font-size:15px;
  font-weight:700;
  cursor:pointer;
}