/* Phase 45.47.202 — canonical frontend gateway choices */
.sf202-gateways{margin:10px 0;padding:12px;border:1px solid #d8e2dd;border-radius:13px;min-width:0;background:#fcfdfb;color:#23372d}
.sf202-gateways legend{padding:0 7px;font-weight:700;letter-spacing:.01em}
.sf202-gateways-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sf202-gateway{display:flex;align-items:flex-start;gap:10px;background:#fff;border:1px solid #d1dbd4;padding:11px;border-radius:11px;cursor:pointer;line-height:1.35}
.sf202-gateway:has(input:checked){outline:2px solid #346f52;outline-offset:0;border-color:#346f52}
.sf202-gateway input{width:19px;height:19px;flex-shrink:0;margin:1px 0 0;accent-color:#346f52}
.sf202-gateway strong,.sf202-gateway small{display:block}
.sf202-gateway small,.sf202-gateway-note{font-size:12px;color:#536459;margin-top:5px}
.sf202-gateway.is-unavailable{opacity:.65;background:#f4f5f3;cursor:not-allowed}
.sf202-payment-action{display:inline-flex;flex-direction:column;align-items:flex-start;gap:4px;vertical-align:top;margin:8px 12px 8px 0}
.sf202-payment-action small{font-size:12px;color:#64716b}.sf202-payment-action button:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:560px){.sf202-gateways-grid{grid-template-columns:1fr}.sf202-gateways{padding:11px}.sf202-gateway{padding:12px}}

.lfp4753-paymethods>.sf202-gateways{grid-column:1 / -1}

/* Phase 45.47.203 — durable order confirmation and deliberate payment choice */
.sf203-payment-review{max-width:900px;margin:22px auto;padding:clamp(16px,3vw,28px)!important;border:1px solid #d5e2d9;border-radius:17px;box-shadow:0 5px 22px rgba(20,55,38,.06)}
.sf203-payment-review .sf203-payment-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:12px}
.sf203-payment-header h3{margin:4px 0 0}.sf203-total{font-size:clamp(19px,2.6vw,27px);color:#244c37;white-space:nowrap}
.sf203-payment-help{max-width:68ch;color:#4c5c54;margin:10px 0 20px}
.sf203-extra{margin:14px 0 24px;padding:14px 16px;border:1px solid #e0e7e1;border-radius:11px;background:#f9fbf9}
.sf203-extra summary{font-weight:650;cursor:pointer;list-style:revert}.sf203-note-form{display:grid;gap:10px;margin-top:14px}
.sf203-note-form label{font-weight:600}.sf203-note-form textarea{width:100%;min-height:86px;border:1px solid #c8d8ce;border-radius:9px;padding:11px;font:inherit}
.sf203-note-form small{color:#5c6b62}.sf203-note-form button{width:max-content;max-width:100%}
.sf203-pay-form .sf202-gateways{margin:12px 0}.sf203-pay-button{width:100%;max-width:420px;min-height:48px;margin:10px 0 0}
@media(max-width:560px){.sf203-payment-review .sf203-payment-header{align-items:flex-start}.sf203-pay-button{max-width:none}}
