/* OMF additions; original layout rules remain in template.css. */
.payment-option { display: flex; align-items: flex-start; gap: 12px; padding: 16px; border: 1px dashed var(--primary); background: var(--primary-light); border-radius: var(--radius); cursor: pointer; font-size: 0.9rem; }
.payment-option input { flex-shrink: 0; width: 20px; height: 20px; margin-top: 2px; accent-color: var(--primary); }
.payment-option:focus-within { outline: 2px solid var(--primary); outline-offset: 3px; }
.option-terms { display: block; margin-top: 6px; font-size: 0.85rem; }
.switch-note { font-size: 0.8rem; color: var(--text-muted); margin: 8px 0 12px; }
.billing-terms { margin: 16px 0; font-size: 0.9rem; line-height: 1.6; }
.summary-billing { font-size: 0.85rem; line-height: 1.6; }
.unavailable { margin: 12px 0; padding: 16px; border: 1px solid var(--border); border-radius: var(--radius); background: #f8f9fa; font-size: 0.9rem; }
.summary-toggle { cursor: default; }
.summary-content.expanded { max-height: none; overflow: visible; }
.checkout-form-section { min-width: 0; }
#whop-checkout { width: 100%; }