.pwa-install-control[hidden] {
  display: none !important;
}

.pwa-mobile-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.pwa-install-control {
  border: 1px solid #bbf7d0 !important;
  background: #ecfdf5 !important;
  color: #08783d !important;
  box-shadow: none !important;
  cursor: pointer;
}

.pwa-install-control:hover {
  border-color: #86efac !important;
  background: #dcfce7 !important;
  transform: none !important;
}

.pwa-login-install {
  width: 100%;
  min-height: 50px;
  border-radius: 16px !important;
  font-size: 15px !important;
  font-weight: 850 !important;
}

.pwa-install-dialog {
  width: min(430px, calc(100% - 28px));
  padding: 0;
  border: 0;
  border-radius: 24px;
  color: #0f172a;
  background: #fff;
  box-shadow: 0 28px 90px rgba(15, 23, 42, .28);
}

.pwa-install-dialog::backdrop {
  background: rgba(15, 23, 42, .55);
  backdrop-filter: blur(3px);
}

.pwa-install-dialog-card {
  padding: 24px;
  font-family: Roboto, Arial, sans-serif;
}

.pwa-install-dialog-icon {
  width: 68px;
  height: 68px;
  border-radius: 18px;
  display: block;
  margin-bottom: 16px;
}

.pwa-install-dialog h2 {
  margin: 0 0 10px !important;
  font-size: 23px !important;
  line-height: 1.2 !important;
}

.pwa-install-dialog p,
.pwa-install-dialog ol {
  color: #475569;
  font-size: 16px;
  line-height: 1.5;
}

.pwa-install-dialog ol {
  margin: 14px 0 20px;
  padding-left: 24px;
}

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

.pwa-install-dialog-close {
  width: 100%;
  min-height: 48px;
  border: 0;
  border-radius: 14px;
  background: #0f8f4f;
  color: #fff;
  font-size: 16px;
  font-weight: 850;
  cursor: pointer;
}

@media (min-width: 769px) {
  .mobile-head .pwa-install-control {
    display: none !important;
  }
}

@media (display-mode: standalone) {
  .pwa-install-control {
    display: none !important;
  }
}
