/* Rencana Menikah PWA */
.pwa-install-container{
  position:fixed;
  right:20px;
  bottom:20px;
  z-index:99990;
  animation:pwaInstallIn .25s ease;
}
.pwa-install-container[hidden]{display:none!important}
.pwa-install-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:48px;
  padding:0 18px;
  border:0;
  border-radius:14px;
  background:#0d5a3d;
  color:#fff;
  font:700 14px/1.2 inherit;
  box-shadow:0 10px 26px rgba(13,90,61,.25);
  cursor:pointer;
}
.pwa-install-button:hover{background:#08422c}
.pwa-install-button:focus-visible{outline:3px solid rgba(101,140,88,.45);outline-offset:3px}

.pwa-ios-modal{position:fixed;inset:0;z-index:99999}
.pwa-ios-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.48)}
.pwa-ios-card{
  position:absolute;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  width:min(420px,calc(100% - 24px));
  padding:26px 22px 22px;
  background:#fff;
  border-radius:22px;
  box-shadow:0 20px 60px rgba(0,0,0,.2);
}
.pwa-ios-close{
  position:absolute;
  top:10px;
  right:12px;
  width:34px;
  height:34px;
  border:0;
  border-radius:50%;
  background:#f2f4f7;
  color:#344054;
  font-size:24px;
  cursor:pointer;
}
.pwa-ios-icon{font-size:34px;margin-bottom:8px}
.pwa-ios-card h2{margin:0 35px 12px 0;color:#0d5a3d;font-size:20px}
.pwa-ios-card ol{margin:0;padding-left:22px;color:#475467;line-height:1.7}
.pwa-ios-ok{
  width:100%;
  min-height:46px;
  margin-top:18px;
  border:0;
  border-radius:12px;
  background:#0d5a3d;
  color:#fff;
  font-weight:700;
  cursor:pointer;
}
@keyframes pwaInstallIn{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}
@media (max-width:767px){
  .pwa-install-container{left:14px;right:14px;bottom:14px}
  .pwa-install-button{width:100%;min-height:50px}
}