.ppid-install-popup,
.ppid-install-popup * { box-sizing: border-box; }
.ppid-install-popup[hidden] { display: none !important; }
.ppid-install-popup {
  position: fixed;
  z-index: 99990;
  left: 50%;
  bottom: 22px;
  transform: translateX(-50%);
  width: min(650px, calc(100vw - 32px));
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 15px 44px 15px 16px;
  color: #17233d;
  background: #fff;
  border: 1px solid rgba(30, 55, 120, .2);
  border-top: 4px solid #293878;
  border-radius: 14px;
  box-shadow: 0 12px 38px rgba(10, 22, 45, .24);
  font-family: inherit;
  animation: ppid-popup-in .28s ease-out both;
}
.ppid-install-popup__icon { flex: 0 0 44px; width: 44px; height: 44px; display:flex; align-items:center; justify-content:center; border-radius: 12px; background: #eef2ff; }
.ppid-install-popup__icon svg { width: 28px; height: 28px; fill: #293878; }
.ppid-install-popup__icon .ppid-screen { fill: #fff; }
.ppid-install-popup__icon .ppid-home { fill: #f5bf26; }
.ppid-install-popup__icon .ppid-check { fill: none; stroke: #f5bf26; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.ppid-install-popup__copy { flex: 1 1 auto; min-width: 0; display:flex; flex-direction:column; gap:4px; line-height:1.32; }
.ppid-install-popup__copy strong { font-size: 15px; font-weight: 750; color: #1b2b59; }
.ppid-install-popup__copy span { font-size: 12px; color: #596579; }
.ppid-install-popup__actions { flex: 0 0 auto; display:flex; align-items:center; gap:7px; }
.ppid-install-popup__install,
.ppid-install-popup__later { display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:0 14px; border-radius:8px; font:inherit; font-size:13px; font-weight:700; line-height:1.2; text-decoration:none !important; cursor:pointer; transition:background .15s ease, transform .15s ease; white-space:nowrap; }
.ppid-install-popup__install { color:#17213b !important; background:#f5bf26; border:1px solid #f5bf26; }
.ppid-install-popup__install:hover { color:#17213b !important; background:#e8ae0b; transform:translateY(-1px); }
.ppid-install-popup__later { color:#293878; background:#fff; border:1px solid #293878; }
.ppid-install-popup__later:hover { color:#fff; background:#293878; }
.ppid-install-popup__close { position:absolute; top:5px; right:8px; width:26px; height:26px; display:flex; align-items:center; justify-content:center; padding:0; border:0; background:transparent; color:#667085; font:inherit; font-size:22px; line-height:1; cursor:pointer; }
.ppid-install-popup__close:hover { color:#17213b; }
@keyframes ppid-popup-in { from { opacity:0; transform:translate(-50%, 12px); } to { opacity:1; transform:translate(-50%, 0); } }
@media (max-width: 700px) {
  .ppid-install-popup {
    bottom: 82px;
    width: calc(100vw - 24px);
    padding: 11px 34px 11px 11px;
    gap: 9px;
    flex-wrap: wrap;
    border-radius: 12px;
  }
  .ppid-install-popup__icon { flex-basis: 36px; width: 36px; height: 36px; border-radius: 10px; }
  .ppid-install-popup__icon svg { width: 23px; height: 23px; }
  .ppid-install-popup__copy { flex: 1 1 calc(100% - 45px); gap: 3px; }
  .ppid-install-popup__copy strong { font-size: 13px; }
  .ppid-install-popup__copy span { font-size: 11px; line-height: 1.3; }
  .ppid-install-popup__actions { width: auto; margin-left: 45px; gap: 7px; }
  .ppid-install-popup__install, .ppid-install-popup__later { min-height: 34px; padding: 0 10px; font-size: 12px; }
}
@media (max-width: 380px) {
  .ppid-install-popup { bottom: 88px; }
  .ppid-install-popup__copy span { display: none; }
  .ppid-install-popup__actions { margin-left: 0; width: 100%; }
  .ppid-install-popup__install, .ppid-install-popup__later { flex: 1 1 auto; }
}
@media (prefers-reduced-motion: reduce) { .ppid-install-popup { animation:none; } }