/* Payment pages use the shared responsive shell. All rules stay inside payment content. */
.payment-order-holder,.payment-info-holder{width:calc(100% - 32px);max-width:1060px;margin:32px auto 48px;color:#0f172a;line-height:1.6;overflow-wrap:anywhere}
.payment-order-holder h1,.payment-info-holder h1{font-size:28px;font-weight:600;line-height:1.25;text-align:center;margin:0 0 24px}
.payment-info-holder{text-align:center;max-width:800px}
.payment-info-holder h2{font-size:20px;font-weight:500;line-height:1.4;margin:16px 0}
.payment-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px;margin:24px 0}
.payment-section h2{font-size:20px;font-weight:500;margin-bottom:16px}
.payment-data-table{width:100%;max-width:800px;border-collapse:collapse;margin:16px auto}
.payment-data-table td{padding:10px 12px;vertical-align:top;width:50%}
.payment-data-table td:first-child{text-align:right;font-weight:500;color:#475569}
.payment-data-table td:last-child{text-align:left}
.payment-data-table--bordered td{border-bottom:1px solid #e2e8f0}
.payment-order-holder .btn-pay{width:100%;min-height:48px;padding:12px 24px;font-size:16px;font-weight:600;background:#f59e0b;color:#020617;border:0;border-radius:8px;cursor:pointer;white-space:normal}
.payment-order-holder .btn-pay:hover:not(:disabled){background:#d97706}
.payment-order-holder .btn-pay:disabled{background:#e2e8f0;color:#64748b;cursor:not-allowed}
.payment-order-holder .btn-pay:focus-visible{outline:2px solid #16324f;outline-offset:3px}
.payment-terms{margin:24px 0;text-align:center}
.payment-terms label{display:inline-flex;align-items:center;gap:12px;cursor:pointer;text-align:left}
.payment-terms input[type=checkbox]{width:20px;height:20px;flex-shrink:0;accent-color:#0284c7}
.payment-order-holder a:not(.button),.payment-info-holder a:not(.button){color:#0369a1;text-decoration:underline}
.payment-order-holder .product-selection-section{margin-top:24px}
.payment-order-holder .product-card{min-width:0;flex:1 1 260px;box-shadow:none}
.payment-order-holder .product-card.selected{border-color:#0284c7}
.payment-order-holder .product-card-price{color:#0369a1}
.payment-info-holder .button{white-space:normal;height:auto;min-height:48px}
@media(max-width:640px){
 .payment-order-holder,.payment-info-holder{margin-top:24px}
 .payment-order-holder h1,.payment-info-holder h1{font-size:24px}
 .payment-section{padding:16px}
 .payment-data-table td{padding:8px 6px}
 .payment-order-holder .product-card{flex-basis:100%;padding:20px}
 .payment-order-holder .terms-checkbox-wrapper{align-items:flex-start;text-align:left}
}