/* Natalie Customer Store App Install Prompt */
:root{
  --ncd-store-pink:#e94986;
  --ncd-store-blue:#4176f6;
  --ncd-store-gold:#f7c948;
  --ncd-store-ink:#101827;
}

.ncd-store-install-wrap{
  position:fixed;
  left:18px;
  right:18px;
  bottom:18px;
  z-index:99999;
  display:none;
  justify-content:center;
  pointer-events:none;
}

.ncd-store-install-wrap.is-visible{display:flex}

.ncd-store-install-card{
  width:min(680px,100%);
  pointer-events:auto;
  border-radius:24px;
  border:2px solid rgba(233,73,134,.25);
  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(135deg,var(--ncd-store-gold),var(--ncd-store-pink),var(--ncd-store-blue)) border-box;
  box-shadow:0 22px 60px rgba(20,32,50,.20);
  padding:18px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:14px;
  align-items:center;
  font-family:Arial,Helvetica,sans-serif;
}

.ncd-store-install-logo{
  width:62px;
  height:62px;
  border-radius:18px;
  object-fit:contain;
  background:#fff3f8;
  padding:7px;
  border:1px solid rgba(233,73,134,.18);
}

.ncd-store-install-copy strong{
  display:block;
  font-size:18px;
  color:var(--ncd-store-ink);
  line-height:1.15;
}

.ncd-store-install-copy span{
  display:block;
  color:#526071;
  font-size:14px;
  margin-top:4px;
  line-height:1.35;
}

.ncd-store-install-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.ncd-store-install-btn{
  border:0;
  border-radius:999px;
  padding:12px 16px;
  font-weight:900;
  cursor:pointer;
  font-size:14px;
}

.ncd-store-install-primary{
  background:linear-gradient(135deg,var(--ncd-store-pink),var(--ncd-store-blue));
  color:#fff;
  box-shadow:0 10px 22px rgba(233,73,134,.26);
}

.ncd-store-install-secondary{
  background:#fff;
  color:var(--ncd-store-ink);
  border:1px solid rgba(20,32,50,.14);
}

.ncd-store-ios-help{
  display:none;
  grid-column:1 / -1;
  margin-top:4px;
  padding:12px 14px;
  border-radius:18px;
  background:#fff7fb;
  border:1px solid rgba(233,73,134,.22);
  color:#27364a;
  font-size:14px;
  line-height:1.45;
}

.ncd-store-ios-help.is-visible{display:block}

.ncd-store-install-floating{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:99998;
  border:0;
  border-radius:999px;
  padding:13px 18px;
  font-weight:900;
  color:#fff;
  background:linear-gradient(135deg,var(--ncd-store-pink),var(--ncd-store-blue));
  box-shadow:0 14px 32px rgba(20,32,50,.22);
  cursor:pointer;
  display:none;
}

.ncd-store-install-floating.is-visible{display:block}

@media(max-width:720px){
  .ncd-store-install-card{
    grid-template-columns:auto 1fr;
  }
  .ncd-store-install-actions{
    grid-column:1 / -1;
    justify-content:stretch;
  }
  .ncd-store-install-btn{
    flex:1;
  }
}