.pwa-install[hidden], .pwa-install [hidden] { display: none !important; }
.pwa-install {
  position: fixed;
  z-index: 1200;
  bottom: calc(82px + env(safe-area-inset-bottom, 0px));
  left: 50%;
  transform: translateX(-50%);
  width: min(420px, calc(100% - 24px));
  max-height: calc(100dvh - 170px);
  overflow-y: auto;
  box-sizing: border-box;
  padding: 20px;
  border: 1px solid #484848;
  border-radius: 24px;
  background: #242424;
  color: #fff;
  box-shadow: 0 12px 48px #0008;
  font-family: inherit;
  text-align: left;
}
.pwa-install__heading { display: flex; align-items: center; gap: 12px; }
.pwa-install__heading img { border-radius: 12px; flex: 0 0 48px; }
.pwa-install__eyebrow { margin: 0 0 3px; font-size: 12px; color: #c3ff17; font-weight: 700; }
.pwa-install h2 { margin: 0; font-size: 17px; line-height: 1.4; letter-spacing: -0.03em; word-break: keep-all; }
.pwa-install button { cursor: pointer; font: inherit; border: 0; }
.pwa-install__close { margin-left: auto; flex: 0 0 36px; min-height: 44px; align-self: flex-start; background: none; color: #ccc; font-size: 26px !important; }
#pwa-install-description { margin: 14px 0 0; color: #c7c7c7; font-size: 14px; line-height: 1.6; word-break: keep-all; }
.pwa-install__help { margin: 14px 0 0; padding: 12px; border-radius: 12px; background: #131313; color: #eee; font-size: 14px; line-height: 1.65; word-break: keep-all; }
.pwa-install__actions { display: flex; gap: 8px; margin-top: 18px; }
.pwa-install__actions button { min-height: 46px; padding: 10px 16px; border-radius: 999px; font-size: 14px; font-weight: 700; }
.pwa-install__later { flex: 1; background: #363636; color: #ddd; }
.pwa-install__primary { flex: 2; background: #c3ff17; color: #131313; }
.pwa-install__primary:disabled { opacity: 0.65; cursor: wait; }
.pwa-install button:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
@media (display-mode: standalone), (display-mode: minimal-ui), (display-mode: fullscreen) {
  .pwa-install { display: none !important; }
}
