.payment-guide-order{scroll-margin-top:100px;margin:0 auto 2rem;padding:clamp(1.25rem,4vw,2.5rem);max-width:920px;border:1px solid #ddd6fe;border-radius:24px;background:#fff;color:#0f172a;box-shadow:0 16px 48px #0f172a0b}
.payment-guide-order h1{font-size:clamp(1.65rem,4vw,2.4rem);font-weight:850;line-height:1.2;margin:.7rem 0 1rem}
.payment-guide-order p{line-height:1.65;margin:.7rem 0;color:#475569}
.payment-guide-order .payment-guide-state{display:inline-block;padding:.4rem .8rem;border-radius:30px;background:#fff7ed;color:#9a3412;font-weight:750;font-size:.85rem}
.payment-guide-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.5rem 0;padding:1.2rem;border-radius:16px;background:#f8fafc}
.payment-guide-summary dt{color:#64748b;font-size:.8rem;margin-bottom:.3rem}
.payment-guide-summary dd{margin:0;font-weight:750;overflow-wrap:anywhere}
.payment-guide-order .payment-guide-note{padding:1rem;background:#f5f3ff;border-radius:14px;color:#4c1d95}
.payment-guide-action{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:.85rem 1.2rem;margin-top:1rem;background:#6d28d9;color:#fff!important;font-weight:750;border-radius:12px;text-decoration:none;text-align:center;line-height:1.4}
.payment-guide-action:hover{background:#5b21b6}.payment-guide-action:focus-visible{outline:3px solid #a78bfa;outline-offset:3px}
.payment-guide-receipt{margin:2rem 0;padding:1.5rem;border-radius:18px;background:#f0fdf4;border:1px solid #bbf7d0}.payment-guide-receipt h2{font-weight:800;font-size:1.3rem}.payment-guide-receipt p{margin-top:.75rem;line-height:1.6}.payment-guide-receipt .payment-guide-action{background:#15803d}
@media(max-width:500px){.payment-guide-summary{grid-template-columns:1fr}.payment-guide-action{width:100%;box-sizing:border-box}}