/* ═══════════════════════════════════════════════════════════
   Fereastra de donație cu cardul (pay.js).
   Fundal închis peste pagină, ca să nu depindă de secțiunea
   pe care e deschisă — Donează e „paper", antetul e „ink".
   ═══════════════════════════════════════════════════════════ */

.pay-ov{
  position:fixed;inset:0;z-index:300;
  display:grid;place-items:center;padding:20px;
  background:rgba(7,18,10,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  opacity:0;transition:opacity .28s var(--ease);
}
.pay-ov.is-open{opacity:1}
body.pay-lock{overflow:hidden}

.pay{
  width:min(520px,100%);max-height:calc(100vh - 40px);overflow-y:auto;
  background:var(--ink);color:#fff;
  border:1px solid rgba(255,255,255,.13);border-radius:24px;
  padding:clamp(24px,4vw,34px);
  transform:translateY(18px) scale(.98);transition:transform .34s var(--ease);
  box-shadow:0 40px 90px -30px rgba(0,0,0,.7);
}
.pay-ov.is-open .pay{transform:none}
@media (prefers-reduced-motion:reduce){
  .pay-ov,.pay{transition:none}
  .pay{transform:none}
}

/* ── antet ─────────────────────────────────────────────── */
.pay__top{display:flex;align-items:flex-start;gap:14px;margin-bottom:22px}
.pay__top h2{
  font-family:Fraunces,Georgia,serif;font-size:24px;font-weight:600;
  line-height:1.15;letter-spacing:-.02em;flex:1;
}
.pay__top p{margin-top:6px;font-size:13.5px;line-height:1.6;color:rgba(255,255,255,.62)}
.pay__x{
  flex:0 0 auto;width:34px;height:34px;border-radius:50%;cursor:pointer;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);
  color:rgba(255,255,255,.7);display:grid;place-items:center;font-size:17px;line-height:1;
  transition:background .2s,color .2s;
}
.pay__x:hover{background:rgba(255,255,255,.14);color:#fff}

/* ── comutator unic / lunar ────────────────────────────── */
.pay__tabs{display:flex;gap:6px;padding:5px;margin-bottom:22px;
  background:rgba(255,255,255,.06);border-radius:var(--r)}
.pay__tab{
  flex:1;padding:10px 8px;border:0;border-radius:var(--r);cursor:pointer;
  background:none;color:rgba(255,255,255,.62);font:600 13.5px Inter,sans-serif;
  transition:background .22s,color .22s;
}
.pay__tab.is-on{background:var(--lime);color:var(--ink)}

/* ── sume ──────────────────────────────────────────────── */
.pay__amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}
.pay__amt{
  padding:14px 4px;border-radius:14px;cursor:pointer;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.13);
  color:#fff;font:600 15px Inter,sans-serif;
  transition:background .2s,border-color .2s,transform .2s;
}
.pay__amt:hover{background:rgba(255,255,255,.09);transform:translateY(-2px)}
.pay__amt.is-on{background:rgba(183,254,72,.16);border-color:var(--lime);color:var(--lime)}
@media (max-width:420px){.pay__amounts{grid-template-columns:repeat(2,1fr)}}

.pay__custom{position:relative;margin-bottom:20px}
.pay__custom input{
  width:100%;padding:15px 62px 15px 16px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.13);
  border-radius:14px;color:#fff;font:600 17px Inter,sans-serif;
}
.pay__custom input::placeholder{color:rgba(255,255,255,.34);font-weight:400}
.pay__custom input:focus{outline:none;border-color:var(--lime);background:rgba(183,254,72,.06)}
.pay__custom .cur{
  position:absolute;right:16px;top:50%;transform:translateY(-50%);
  color:rgba(255,255,255,.45);font-size:13px;font-weight:600;letter-spacing:.05em;pointer-events:none;
}

/* ── câmpuri ───────────────────────────────────────────── */
.pay__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
@media (max-width:420px){.pay__grid{grid-template-columns:1fr}}
.pay input[type=text],.pay input[type=email],.pay input[type=tel]{
  width:100%;padding:12px 14px;font:400 14.5px Inter,sans-serif;color:#fff;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.13);border-radius:12px;
}
.pay input::placeholder{color:rgba(255,255,255,.34)}
.pay input:focus{outline:none;border-color:rgba(183,254,72,.55)}

.pay__consent{display:flex;gap:10px;align-items:flex-start;margin:16px 0 4px;
  font-size:12.5px;line-height:1.55;color:rgba(255,255,255,.58);cursor:pointer}
.pay__consent input{margin-top:2px;accent-color:var(--lime);width:16px;height:16px;flex:0 0 auto}
.pay__consent a{color:var(--lime);text-decoration:underline}

/* ── acțiune ───────────────────────────────────────────── */
.pay__go{
  width:100%;margin-top:18px;padding:16px;border:0;border-radius:var(--r);cursor:pointer;
  background:var(--lime);color:var(--ink);font:700 16px Inter,sans-serif;
  transition:background .22s,transform .22s;
}
.pay__go:hover:not(:disabled){background:var(--lime-deep);transform:translateY(-2px)}
.pay__go:disabled{opacity:.45;cursor:not-allowed;transform:none}

.pay__err{margin-top:12px;font-size:13px;color:#ffb4a8;text-align:center;min-height:18px}

.pay__safe{
  margin-top:16px;display:flex;align-items:center;justify-content:center;gap:7px;
  font-size:11.5px;color:rgba(255,255,255,.42);text-align:center;line-height:1.5;
}
.pay__safe svg{flex:0 0 auto;opacity:.6}