/* ========== PAYMENT PAGE ========== */
.page-pay{background:var(--ink);color:var(--text)}

.payhero{padding-top:48px !important;padding-bottom:12px !important}
.payhero__inner{text-align:center;max-width:720px}
.payhero__eyebrow{
  color:var(--gold-light);font-size:12.5px;letter-spacing:.22em;
  font-weight:600;margin:0 0 14px;
}
.payhero__title{
  font-family:var(--font-title);font-weight:900;color:var(--text);
  font-size:clamp(26px,2.6vw,38px);letter-spacing:.06em;margin:0 0 10px;
}
.payhero__amount{
  font-family:var(--font-title);font-weight:700;color:var(--gold-pale);
  font-size:clamp(20px,2vw,28px);letter-spacing:.04em;margin:0 0 14px;
}
.payhero__desc{color:var(--text-dim);font-size:13.5px;line-height:1.95;margin:0}

.purpose--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.purpose--2 .purpose__opt{cursor:pointer}
.purpose--2 .purpose__opt input{
  pointer-events:auto;
  inset:0;
  width:100%;
  height:100%;
  cursor:pointer;
}
@media (max-width:680px){.purpose--2{grid-template-columns:1fr}}

.paybank{
  position:relative;padding:18px 18px 16px;margin:0 0 22px;
  border:1px solid rgba(var(--gold-rgb),.32);border-radius:6px;
  background:linear-gradient(180deg,rgba(var(--ink-2-rgb),.85),rgba(var(--navy-rgb),.92));
}
.paybank > .corners::before,.paybank > .corners::after{
  content:'';position:absolute;width:12px;height:12px;border:1.4px solid var(--gold);
}
.paybank > .corners::before{top:-1px;left:-1px;border-right:none;border-bottom:none}
.paybank > .corners::after{bottom:-1px;right:-1px;border-left:none;border-top:none}

.paybank__row{
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  padding:12px 0;border-bottom:1px solid rgba(var(--gold-rgb),.14);
}
.paybank__row:last-of-type{border-bottom:none}
.paybank__k{font-size:11.5px;color:var(--text-muted);letter-spacing:.12em;flex:0 0 78px}
.paybank__val{display:flex;align-items:center;gap:10px;min-width:0;flex:1;justify-content:flex-end}
.paybank__val strong{
  font-family:var(--font-title);font-weight:700;color:var(--text);
  font-size:14.5px;letter-spacing:.03em;word-break:break-all;text-align:right;
}
.paybank__copy{
  flex-shrink:0;padding:5px 10px;border-radius:3px;cursor:pointer;
  border:1px solid rgba(var(--gold-rgb),.4);background:transparent;
  color:var(--gold-light);font-size:11px;letter-spacing:.08em;font-family:inherit;
}
.paybank__copy:hover,.paybank__copy.is-copied{
  background:rgba(var(--gold-rgb),.12);border-color:var(--gold);
}
.paybank__note{font-size:11.5px;color:var(--text-muted);line-height:1.8;margin:12px 0 0}

.paysteps{list-style:none;padding:0;margin:0;counter-reset:ps}
.paysteps li{
  position:relative;padding:0 0 14px 32px;
  color:var(--text-dim);font-size:12.6px;line-height:1.85;
  counter-increment:ps;
}
.paysteps li:last-child{padding-bottom:0}
.paysteps li::before{
  content:counter(ps,decimal-leading-zero);
  position:absolute;left:0;top:1px;
  color:var(--gold);font-size:11px;letter-spacing:.08em;font-weight:700;
}
.paysteps em{font-style:normal;color:var(--gold-light)}

.payday{
  position:relative;display:block;cursor:pointer;
  min-height:148px;padding:18px;
  border:1px dashed rgba(var(--gold-rgb),.45);border-radius:4px;
  background:rgba(var(--navy-rgb),.7);
  transition:border-color .2s,background .2s;
}
.payday:hover,.payday.is-over{
  border-color:var(--gold);background:rgba(var(--gold-rgb),.08);
}
.payday input{
  position:absolute;inset:0;opacity:0;cursor:pointer;
  width:100%;height:100%;padding:0;margin:0;border:0;
  background:transparent;box-shadow:none;appearance:none;
}
.payday__idle{
  display:block;text-align:center;color:var(--text-soft);
  font-size:13px;line-height:1.8;padding:28px 8px;
  pointer-events:none;
}
.payday__idle small{display:block;color:var(--text-muted);font-size:11.5px;margin-top:4px}
.payday__preview{
  display:flex;align-items:center;gap:14px;pointer-events:none;
}
.payday__preview[hidden]{display:none}
.payday__preview img{
  width:72px;height:72px;object-fit:cover;border-radius:4px;
  border:1px solid rgba(var(--gold-rgb),.3);background:var(--navy);
}
.payday__preview img.is-file{object-fit:contain;padding:12px}
.payday__preview span{color:var(--text-soft);font-size:12.5px;line-height:1.6;word-break:break-all}

.paysuccess{
  position:relative;padding:28px 24px;text-align:center;
  border:1px solid rgba(var(--gold-rgb),.35);border-radius:6px;
  background:linear-gradient(180deg,rgba(var(--ink-2-rgb),.85),rgba(var(--navy-rgb),.92));
}
.paysuccess[hidden]{display:none}
.paysuccess > .corners::before,.paysuccess > .corners::after{
  content:'';position:absolute;width:12px;height:12px;border:1.4px solid var(--gold);
}
.paysuccess > .corners::before{top:-1px;left:-1px;border-right:none;border-bottom:none}
.paysuccess > .corners::after{bottom:-1px;right:-1px;border-left:none;border-top:none}
.paysuccess h3{
  font-family:var(--font-title);font-weight:700;color:var(--gold-pale);
  font-size:22px;letter-spacing:.06em;margin:0 0 12px;
}
.paysuccess p{color:var(--text-dim);font-size:13px;line-height:1.9;margin:0 0 22px}
.paysuccess .btn{display:inline-flex}

@media (max-width:940px){
  .paybank__row{align-items:flex-start;flex-direction:column;gap:8px}
  .paybank__val{justify-content:flex-start;width:100%}
  .paybank__val strong{text-align:left}
}