/* Natural Earth Food PWA install prompt */
.nef-pwa-install {
  position:fixed;
  left:50%;
  bottom:18px;
  z-index:999999;
  width:min(430px,calc(100% - 28px));
  transform:translate(-50%,20px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  padding:16px;
  border:1px solid rgba(0,0,0,.7);
  border-radius:14px;
  background:#FFF8E8;
  color:#123D2A;
  box-shadow:0 14px 40px rgba(0,0,0,.18);
  transition:opacity .2s ease,transform .2s ease,visibility .2s ease;
}

.nef-pwa-install.is-visible {
  transform:translate(-50%,0);
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.nef-pwa-install__row {
  display:flex;
  align-items:flex-start;
  gap:12px;
}

.nef-pwa-install__icon {
  flex:0 0 48px;
  width:48px;
  height:48px;
  padding:5px;
  border-radius:10px;
  background:#ffffff;
  object-fit:contain;
}

.nef-pwa-install__content {
  min-width:0;
  flex:1;
}

.nef-pwa-install__title {
  margin:0 26px 5px 0;
  color:#123D2A;
  font-family:Georgia,"Times New Roman",serif;
  font-size:18px;
  line-height:1.2;
  font-weight:400;
}

.nef-pwa-install__text {
  margin:0;
  color:rgba(0,0,0,.7);
  font-size:12px;
  line-height:1.55;
}

.nef-pwa-install__actions {
  display:flex;
  align-items:center;
  gap:9px;
  margin-top:13px;
}

.nef-pwa-install__button,
.nef-pwa-install__later {
  min-height:38px;
  padding:0 15px;
  border-radius:999px;
  font-family:inherit;
  font-size:10px;
  font-weight:700;
  letter-spacing:.5px;
  text-transform:uppercase;
  cursor:pointer;
}

.nef-pwa-install__button {
  border:1px solid #123D2A;
  background:#123D2A;
  color:#ffffff;
}

.nef-pwa-install__button:hover,
.nef-pwa-install__button:focus-visible {
  border-color:#A8C93A;
  background:#A8C93A;
  color:#123D2A;
}

.nef-pwa-install__later {
  border:1px solid rgba(0,0,0,.7);
  background:transparent;
  color:#123D2A;
}

.nef-pwa-install__later:hover,
.nef-pwa-install__later:focus-visible {
  border-color:#A8C93A;
  background:#A8C93A;
  color:#123D2A;
}

.nef-pwa-install__close {
  position:absolute;
  top:9px;
  right:9px;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
  color:#123D2A;
  font-size:20px;
  line-height:1;
  cursor:pointer;
}

.nef-pwa-install__close:hover,
.nef-pwa-install__close:focus-visible {
  background:#A8C93A;
}

.nef-pwa-install__ios-steps {
  margin:10px 0 0;
  padding-left:18px;
  color:rgba(0,0,0,.7);
  font-size:12px;
  line-height:1.6;
}

@media (min-width:700px) {
  .nef-pwa-install {
    left:auto;
    right:22px;
    width:390px;
    transform:translateY(20px);
  }

  .nef-pwa-install.is-visible {
    transform:translateY(0);
  }
}