.pwa-install-prompt {
  position: fixed;
  left: 10px;
  right: 10px;
  bottom: 12px;
  z-index: 50000;
  display: none;
  justify-content: center;
  pointer-events: none;
}

.pwa-install-content {
  position: relative;
  width: min(100%, 390px);
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 0.85rem;
  align-items: center;
  background:
    radial-gradient(120% 160% at 0% 0%, rgba(88, 214, 158, 0.12), transparent 45%),
    linear-gradient(180deg, rgba(34, 19, 24, 0.98), rgba(18, 11, 15, 0.98));
  color: #e6e7ea;
  border: 1px solid rgba(162, 101, 117, 0.42);
  border-radius: 20px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.45);
  padding: 1rem 1rem 0.95rem;
  pointer-events: auto;
  backdrop-filter: blur(12px);
}

.close-pwa {
  position: absolute;
  top: -12px;
  right: -10px;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 999px;
  background: rgba(80, 69, 76, 0.95);
  color: #f0f1f3;
  font-size: 1.15rem;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.35);
}

.close-pwa:hover {
  background: rgba(108, 93, 101, 0.98);
}

.pwa-app-icon {
  width: 52px;
  height: 52px;
  border-radius: 15px;
  object-fit: cover;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 10px 18px rgba(0, 0, 0, 0.28);
}

.pwa-text {
  min-width: 0;
  padding-right: 0.2rem;
}

.pwa-text h4 {
  margin: 0 0 0.18rem;
  font-size: 1rem;
  line-height: 1.15;
  font-weight: 800;
  color: #ffffff;
}

.pwa-text p {
  margin: 0;
  color: #d6c9d0;
  font-size: 0.9rem;
  line-height: 1.35;
}

.btn-pwa-install {
  border: 0;
  border-radius: 999px;
  background: linear-gradient(180deg, #f3b9c3, #dc8ea0);
  color: #fff7f9;
  font-weight: 700;
  padding: 0.8rem 1.15rem;
  min-width: 104px;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 10px 22px rgba(94, 26, 42, 0.28);
}

.btn-pwa-install:hover {
  filter: brightness(1.06);
}

@media (max-width: 640px) {
  .pwa-install-prompt {
    left: 8px;
    right: 8px;
    bottom: 12px;
  }

  .pwa-install-content {
    width: min(100%, 380px);
    grid-template-columns: auto 1fr auto;
    padding: 0.95rem 0.9rem 0.9rem;
  }

  .pwa-app-icon {
    width: 52px;
    height: 52px;
  }

  .btn-pwa-install {
    min-width: 96px;
    padding-inline: 1rem;
  }

  .pwa-text h4 {
    font-size: 0.98rem;
  }

  .pwa-text p {
    font-size: 0.88rem;
  }
}