.pwa-install-btn {
  position: fixed;
  right: 18px;
  bottom: 96px;
  z-index: 12000;
  display: none;
  align-items: center;
  gap: 8px;
  border: 0;
  border-radius: 8px;
  padding: 11px 14px;
  color: #fff;
  background: linear-gradient(135deg, #ff6f2c, #ff9a52);
  box-shadow: 0 16px 34px rgba(220, 103, 38, 0.28);
  font: 700 0.9rem/1.2 inherit;
  cursor: pointer;
}

.pwa-install-btn.show {
  display: inline-flex;
}

.pwa-install-btn.installed {
  display: none !important;
}

.pwa-install-info {
  position: fixed;
  inset: 0;
  z-index: 22000;
  display: none;
  place-items: center;
  padding: 18px;
  background: rgba(36, 20, 10, 0.42);
}

.pwa-install-info.show {
  display: grid;
}

.pwa-install-info-card {
  position: relative;
  width: min(420px, 100%);
  padding: 24px;
  border-radius: 8px;
  background: #fffaf6;
  color: #56220c;
  box-shadow: 0 26px 70px rgba(24, 16, 8, 0.28);
}

.pwa-install-info-card strong {
  display: block;
  margin-bottom: 8px;
  font-size: 1.15rem;
}

.pwa-install-info-card p {
  margin: 0;
  color: #7b4527;
  line-height: 1.5;
}

.pwa-install-info-card ol {
  margin: 14px 0 12px;
  padding-left: 22px;
  color: #5f2b12;
  line-height: 1.55;
}

.pwa-install-info-card li + li {
  margin-top: 8px;
}

.pwa-install-info-card small {
  display: block;
  padding-top: 10px;
  border-top: 1px solid rgba(255, 111, 44, 0.18);
  color: #8b5739;
  line-height: 1.45;
}

.pwa-install-info-close {
  position: absolute;
  top: 8px;
  right: 10px;
  border: 0;
  background: transparent;
  color: #9b4a20;
  font-size: 1.45rem;
  line-height: 1;
  cursor: pointer;
}

@media (max-width: 560px) {
  .pwa-install-btn {
    right: 14px;
    bottom: 86px;
    padding: 10px 12px;
    font-size: 0.82rem;
  }
}