/* V2.20: spacious buyer form; the approved completion screen keeps its styles. */
.checkout-card:has(#checkoutForm:not(.hidden)){width:min(760px,100%)}
.checkout-card:has(#checkoutForm:not(.hidden)) .checkout-head{padding:24px 28px}
.checkout-card:has(#checkoutForm:not(.hidden)) .checkout-head h3{font-size:28px;line-height:1.25}
.checkout-card:has(#checkoutForm:not(.hidden)) .checkout-head p{font-size:16px;line-height:1.5;margin-top:10px;max-width:580px}
.checkout-card:has(#checkoutForm:not(.hidden)) .checkout-head>div>span{font-size:12px}
.checkout-card #checkoutForm{padding:24px 28px 28px}
#checkoutForm .checkout-section-title{font-size:18px;margin:0 0 16px;color:#17242d}
#checkoutForm .checkout-grid{gap:18px 20px}
#checkoutForm .checkout-grid label{font-size:15px;line-height:1.4;min-width:0;color:#344451}
#checkoutForm .checkout-grid input{width:100%;height:50px;font-size:16px;color:#17242d;background:#fff;border:1px solid #cbd5df;border-radius:9px;padding:12px;margin-top:8px}
#checkoutForm .checkout-grid input:focus{outline:3px solid #daeaf8;border-color:#377aae}
#checkoutForm .shipping-fields{padding:20px;margin-top:24px;border-color:#cde7d7;background:#f1f9f4}
#checkoutForm .shipping-title{font-size:18px}
#checkoutForm .checkout-section-note{font-size:14px;line-height:1.5;margin:8px 0 18px;color:#496453}
#checkoutForm .checkout-summary{padding:20px;margin-top:24px;background:#f7f9fb}
#checkoutForm .checkout-summary>div:not(.checkout-note){font-size:16px;gap:16px;margin:12px 0}
#checkoutForm .checkout-summary .grand{padding-top:16px;margin-top:16px}
#checkoutForm .checkout-summary .grand strong{font-size:24px}
#checkoutForm .checkout-note,#checkoutMessage{font-size:14px;line-height:1.5}
#checkoutForm .payment-option{padding:18px;margin-top:20px;gap:14px}
#checkoutForm .payment-copy strong{font-size:17px}
#checkoutForm .payment-copy small{font-size:14px;line-height:1.5;margin-top:6px}
#checkoutForm .payment-kicker{font-size:12px}
#checkoutForm .checkout-actions{margin-top:24px;gap:12px;grid-template-columns:1fr 2fr}
#checkoutForm .checkout-actions button{min-height:50px;font-size:16px;padding:12px 18px}
.cart-head h3{font-size:22px}.cart-head button{min-width:44px;min-height:44px;font-size:24px}
.cart-item strong{font-size:16px;line-height:1.4}.cart-item small{font-size:13px;line-height:1.4}
.cart-summary-row,.cart-total{font-size:16px}.cart-footer .checkout-primary{font-size:16px;min-height:48px}
@media(max-width:600px){
  .checkout-card #checkoutForm{padding:20px 16px}
  .checkout-card:has(#checkoutForm:not(.hidden)) .checkout-head{padding:20px 16px}
  #checkoutForm .checkout-grid{grid-template-columns:1fr;gap:16px}
  #checkoutForm .shipping-fields,#checkoutForm .checkout-summary{padding:16px}
  #checkoutForm .checkout-actions{grid-template-columns:1fr}
}