.zim-install-banner {
  position:fixed; bottom:calc(14px + env(safe-area-inset-bottom, 0px)); left:14px; right:14px;
  max-width:460px; margin:0 auto; z-index:10000; padding:18px 44px 18px 18px;
  color:#f4f7fb; background:#102433; border:1px solid #d86b33; border-radius:16px;
  box-shadow:0 12px 36px rgba(0,0,0,.4); font:14px/1.5 "Segoe UI",sans-serif;
  text-align:left; box-sizing:border-box;
}
.zim-install-banner[hidden] { display:none !important; }
.zim-install-banner strong { display:block; font-size:17px; color:#fff; }
.zim-install-banner p { margin:7px 0 12px; color:#d2dce4; }
.zim-install-banner button { font:inherit; cursor:pointer; }
.zim-install-banner .zim-install-action {
  display:inline-block; border:0; border-radius:8px; padding:10px 16px;
  background:#d86b33; color:#fff; font-weight:600; min-height:44px;
}
.zim-install-banner .zim-install-dismiss {
  position:absolute; top:4px; right:4px; width:40px; height:40px;
  border:0; background:transparent; color:#fff; font-size:26px; line-height:1;
}
.zim-install-banner button:focus-visible { outline:3px solid #fff; outline-offset:3px; }
.zim-install-banner .zim-install-instructions { margin-bottom:0; }
body.zim-install-visible { padding-bottom:240px !important; }
html:has(.zim-install-visible) { scroll-padding-bottom:240px; }