/* Two clear payment steps; shared by product, checkout and purchase invoice pages. */
.payment-stage-banner{margin:0 0 22px;padding:20px 22px;border:1px solid #e6d8d5;border-radius:12px;background:#fff;box-shadow:none;color:#293752}
.payment-stage-banner .payment-stage-title{margin:0 0 16px;font-size:16px;font-weight:700;line-height:1.4;letter-spacing:normal}
.payment-stage-steps{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px;margin:0;padding:0;list-style:none}
.payment-stage-step{display:flex;align-items:flex-start;gap:12px;min-width:0;margin:0;padding:0}
.payment-stage-step+.payment-stage-step{padding-left:24px;border-left:1px solid #e6d8d5}
.payment-stage-number{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#fff0eb;color:#c83246;font-size:13px;font-weight:700;line-height:1}
.payment-stage-banner .payment-stage-label{display:block;margin:0 0 4px;color:#293752;font-size:14px;font-weight:700;line-height:1.4}
.payment-stage-banner .payment-stage-description{margin:0;color:#626b7a;font-size:13px;line-height:1.55}
.payment-stage-banner .payment-stage-timing{margin:5px 0 0;color:#626b7a;font-size:12px;line-height:1.5}
.payment-stage-banner.compact{margin:18px 0;padding:18px 16px}
.payment-stage-banner.compact .payment-stage-steps{grid-template-columns:1fr;gap:16px}
.payment-stage-banner.compact .payment-stage-step+.payment-stage-step{padding:16px 0 0;border-left:0;border-top:1px solid #e6d8d5}
/* Keeps older cached markup readable during the upload transition. */
.payment-stage-badge{display:none}
.payment-stage-copy h2{margin:0 0 8px;font-size:16px;line-height:1.4}
.payment-stage-copy p{margin:0;color:#626b7a;font-size:13px;line-height:1.6}
@media(max-width:650px){.payment-stage-banner{padding:18px 16px}.payment-stage-steps{grid-template-columns:1fr;gap:16px}.payment-stage-step+.payment-stage-step{padding:16px 0 0;border-left:0;border-top:1px solid #e6d8d5}}
@media print{.payment-stage-banner{break-inside:avoid;box-shadow:none}.payment-stage-number{background:#fff;color:#293752;border:1px solid #e6d8d5}}