/* 원하타로 결제(무통장 입금) 공통 스타일 */
/* booking/ reading/ 양쪽에서 공유 */

/* 결제 결과 · 신청 내역 카드 공통 */
.pay-result{
  margin-top:var(--sp-24);
  padding:var(--sp-16) var(--sp-24);
  border:1px solid rgba(201,165,92,.12);
  border-radius:var(--radius-md);
  background:rgba(201,165,92,.03);
}
.pay-result-title{
  font-family:var(--font-en);
  font-size:11px;
  font-weight:500;
  letter-spacing:var(--ls-en-wide);
  text-transform:uppercase;
  color:var(--muted);
  margin-bottom:var(--sp-16);
  padding-bottom:var(--sp-8);
  border-bottom:1px solid rgba(201,165,92,.08);
}
.pay-result-row{
  display:flex;
  justify-content:space-between;
  gap:var(--sp-16);
  padding:var(--sp-8) 0;
  font-size:13px;
  line-height:1.6;
}
.pay-result-row + .pay-result-row{ border-top:1px solid rgba(201,165,92,.06); }
.pay-result-row > span:first-child{
  color:var(--muted);
  flex-shrink:0;
}
.pay-result-row > span:last-child{
  color:var(--white);
  text-align:right;
  word-break:break-all;
  font-variant-numeric:tabular-nums;
}
.pay-result-row.break > span:last-child{
  font-size:11px;
  color:var(--body);
}

.pay-result-cta{
  display:flex;
  flex-direction:column;
  gap:var(--sp-8);
  align-items:center;
  margin-top:var(--sp-32);
}

/* 결제 시트가 위쪽으로 잘리는 문제 해결, 최대 높이 제한 + 내부 스크롤 */
.pay-sheet{
  max-height:calc(100vh - 24px);
  max-height:calc(100dvh - 24px);
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
}

/* ═══════════════════════════════════════════
   무통장 입금 안내
   ═══════════════════════════════════════════ */
.deposit-box{
  margin:20px 0;
  padding:20px 18px;
  background:rgba(201,165,92,.05);
  border:1px solid rgba(201,165,92,.18);
  border-radius:12px;
}
.deposit-title{
  margin:0 0 14px;
  font-size:13px;
  font-weight:600;
  letter-spacing:.04em;
  color:var(--gold-lt,#dfc07e);
}
.deposit-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  padding:7px 0;
  font-size:13px;
  color:var(--body,#c8c8d0);
}
.deposit-row span:first-child{
  color:var(--muted,#8a8a95);
  flex-shrink:0;
}
.deposit-val{
  font-weight:600;
  text-align:right;
  word-break:break-all;
}
.deposit-copy-btn{
  margin-top:12px;
  width:100%;
  padding:11px;
  background:transparent;
  border:1px solid rgba(201,165,92,.35);
  border-radius:9px;
  color:var(--gold-lt,#dfc07e);
  font-size:12.5px;
  font-weight:600;
  cursor:pointer;
  transition:background .2s ease;
}
.deposit-copy-btn:hover{ background:rgba(201,165,92,.08); }
.deposit-note{
  margin:14px 0 0;
  font-size:11.5px;
  line-height:1.8;
  color:var(--muted,#8a8a95);
}
.deposit-note b{ color:var(--gold-lt,#dfc07e); font-weight:600; }