.c2p-payment-experience{background:#f8fafc;color:#0f172a;padding:3.5rem 0}
.c2p-payment-container{width:min(100% - 2rem,70rem);margin-inline:auto}
.c2p-payment-heading{max-width:48rem;margin:0 auto 1.75rem;text-align:center}
.c2p-payment-eyebrow{margin:0;color:#b45309;font-size:.75rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.c2p-payment-heading h2{margin:.65rem 0 0;font-size:clamp(1.85rem,4vw,2.6rem);line-height:1.15}
.c2p-payment-heading p:last-child{margin:.85rem auto 0;color:#475569;line-height:1.7}
.c2p-payment-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;list-style:none;margin:0 0 2rem;padding:0}
.c2p-payment-step{min-height:4rem;border:1px solid #cbd5e1;border-radius:1rem;background:#fff;padding:.8rem;color:#475569;font-size:.82rem;font-weight:700;line-height:1.35}
.c2p-payment-step span{display:block;margin-bottom:.25rem;color:#92400e;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}
.c2p-payment-step[aria-current="step"]{border-color:#f59e0b;background:#fffbeb;color:#0f172a;box-shadow:0 0 0 2px rgba(245,158,11,.14)}
.c2p-payment-methods{border:0;margin:0;padding:0}
.c2p-payment-methods legend{width:100%;margin-bottom:.45rem;font-size:1.4rem;font-weight:800}
.c2p-payment-method-intro{margin:0 0 1.25rem;color:#475569;line-height:1.65}
.c2p-payment-select-wrap{max-width:44rem}
.c2p-payment-select-wrap label{display:block;margin-bottom:.45rem;color:#1e293b;font-size:.88rem;font-weight:800}
.c2p-payment-dropdown{display:block;width:100%;min-height:3rem;border:1px solid #94a3b8;border-radius:.8rem;background:#fff;padding:.7rem 2.5rem .7rem .9rem;color:#0f172a;font:inherit;font-weight:650;box-shadow:0 3px 10px rgba(15,23,42,.04)}
.c2p-payment-dropdown:focus{border-color:#d97706;outline:3px solid rgba(245,158,11,.24);outline-offset:1px}
.c2p-payment-selected-details{max-width:44rem;margin-top:1rem;border:1px solid #cbd5e1;border-left:4px solid #f59e0b;border-radius:1rem;background:#fff;padding:1.1rem;box-shadow:0 8px 24px rgba(15,23,42,.06)}
.c2p-payment-selected-details[hidden]{display:none}
.c2p-payment-details-head{display:flex;align-items:center;gap:.85rem;margin-bottom:.85rem}
.c2p-payment-selected-details h3{margin:0;font-size:1.1rem;line-height:1.35}
.c2p-payment-mobile-help{margin:.65rem 0 0;border-radius:.7rem;background:#eff6ff;padding:.75rem;color:#1e40af;font-size:.8rem;line-height:1.5}
.c2p-payment-logo{width:3.5rem;height:3.5rem;flex:0 0 3.5rem;border:1px solid #e2e8f0;border-radius:.8rem;background:#fff;object-fit:contain;padding:.35rem}
.c2p-payment-type{margin:.2rem 0 0;color:#64748b;font-size:.78rem}
.c2p-payment-account-title{margin:0 0 .85rem;border-radius:.7rem;background:#f8fafc;padding:.7rem;color:#334155;font-size:.88rem}
.c2p-payment-detail{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.7rem;border-top:1px solid #e2e8f0;padding:.7rem 0}
.c2p-payment-detail-label{display:block;color:#64748b;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.c2p-payment-detail-value{display:block;margin-top:.15rem;overflow-wrap:anywhere;color:#0f172a;font-size:.9rem;font-weight:700}
.c2p-payment-copy,.c2p-payment-primary,.c2p-payment-secondary,.c2p-payment-remove{min-height:2.75rem;border-radius:999px;font:inherit;font-weight:800;cursor:pointer}
.c2p-payment-copy{border:1px solid #cbd5e1;background:#fff;padding:.55rem .8rem;color:#334155;font-size:.75rem}
.c2p-payment-copy:hover{background:#f1f5f9}
.c2p-payment-instruction{margin:.75rem 0 1rem;color:#475569;font-size:.82rem;line-height:1.55}
.c2p-payment-qr{display:block;width:min(11rem,100%);height:auto;margin:.9rem auto;border:1px solid #cbd5e1;border-radius:.8rem;background:#fff;padding:.5rem}
.c2p-payment-qr-group{margin-top:.8rem;text-align:center}.c2p-payment-qr-group h4{margin:0;font-size:.95rem}
.c2p-payment-status{min-height:1.5rem;margin:.85rem 0 0;color:#166534;font-size:.88rem;font-weight:700}
.c2p-payment-safety{margin:1.5rem 0 0;border:1px solid #fcd34d;border-radius:1rem;background:#fffbeb;padding:1rem;color:#78350f;line-height:1.6}
.c2p-payment-return{margin-top:1.5rem;border-radius:1rem;background:#0f172a;padding:1.25rem;color:#fff;text-align:center}
.c2p-payment-return[hidden]{display:none}
.c2p-payment-return h3{margin:0 0 .35rem;color:#fff;font-size:1.15rem}
.c2p-payment-return p{margin:0 0 .9rem;color:#cbd5e1;line-height:1.6}
.c2p-payment-primary{border:0;background:#fbbf24;padding:.8rem 1.5rem;color:#0f172a}
.c2p-payment-primary:disabled{cursor:not-allowed;opacity:.5}
.c2p-payment-confirmation{margin-top:1.25rem;border:1px solid #cbd5e1;border-radius:1.25rem;background:#fff;padding:clamp(1rem,3vw,2rem);box-shadow:0 12px 34px rgba(15,23,42,.08)}
.c2p-payment-confirmation[hidden]{display:none}
.c2p-payment-confirmation h3{margin:0;font-size:1.45rem}
.c2p-payment-confirmation-intro{margin:.5rem 0 1.25rem;color:#475569;line-height:1.65}
.c2p-receipt-field{grid-column:1/-1}
.c2p-receipt-dropzone{display:grid;place-items:center;min-height:9rem;border:2px dashed #94a3b8;border-radius:1rem;background:#f8fafc;padding:1.25rem;text-align:center;cursor:pointer}
.c2p-receipt-dropzone:hover,.c2p-receipt-dropzone[data-dragging="true"]{border-color:#d97706;background:#fffbeb}
.c2p-receipt-dropzone strong{display:block;color:#0f172a}
.c2p-receipt-dropzone span{display:block;margin-top:.3rem;color:#64748b;font-size:.84rem}
.c2p-receipt-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.c2p-receipt-input:focus-visible+.c2p-receipt-dropzone{outline:3px solid #f59e0b;outline-offset:3px}
.c2p-receipt-preview{display:flex;align-items:center;gap:1rem;margin-top:.8rem;border:1px solid #cbd5e1;border-radius:.9rem;padding:.8rem}
.c2p-receipt-preview[hidden]{display:none}
.c2p-receipt-preview img{width:4.5rem;height:4.5rem;border-radius:.65rem;object-fit:cover;background:#e2e8f0}
.c2p-receipt-preview-copy{min-width:0;flex:1}
.c2p-receipt-preview-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800}
.c2p-receipt-preview-meta{margin-top:.2rem;color:#64748b;font-size:.78rem}
.c2p-payment-remove{border:1px solid #fecaca;background:#fff;padding:.55rem .85rem;color:#b91c1c;font-size:.78rem}
.c2p-payment-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.c2p-payment-consent{display:grid;grid-template-columns:1.65rem minmax(0,1fr);align-items:start;gap:.8rem;min-height:48px;margin-top:.25rem;border:1px solid #cbd5e1;border-radius:.9rem;background:#f8fafc;padding:.85rem 1rem;color:#334155;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}
.c2p-payment-consent:hover{border-color:#d97706;background:#fffbeb}
.c2p-payment-consent:focus-within{border-color:#d97706;outline:3px solid rgba(245,158,11,.24);outline-offset:2px;box-shadow:0 0 0 1px rgba(217,119,6,.12)}
.c2p-payment-consent:has(.c2p-payment-consent-input:checked){border-color:#d97706;background:#fffbeb}
.c2p-payment-consent:has(.c2p-payment-consent-input[aria-invalid="true"]){border-color:#b91c1c;background:#fef2f2}
.c2p-payment-consent-input{width:1.5rem;height:1.5rem;margin:.05rem 0 0;accent-color:#d97706;cursor:pointer}
.c2p-payment-consent-input:focus-visible{outline:3px solid rgba(217,119,6,.38);outline-offset:3px}
.c2p-payment-consent-text{font-size:.95rem;font-weight:650;line-height:1.55}
.c2p-payment-consent-error{margin:.45rem 0 0;color:#b91c1c;font-size:.9rem;font-weight:700;line-height:1.45}
.c2p-payment-consent-error[hidden]{display:none}
.c2p-payment-consent-privacy{display:inline-block;margin-top:.1rem;color:#a16207;font-size:.9rem;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.c2p-payment-consent-privacy:hover{color:#78350f}
.c2p-payment-consent-privacy:focus-visible{border-radius:.25rem;outline:3px solid rgba(245,158,11,.3);outline-offset:2px}
[data-c2p-form="payment"]>.flex [data-submit-button]{min-height:48px}
.c2p-payment-form-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}
.c2p-payment-secondary{display:inline-flex;align-items:center;justify-content:center;border:1px solid #cbd5e1;background:#fff;padding:.7rem 1rem;color:#334155;text-decoration:none}
@media(max-width:760px){.c2p-payment-experience{padding:2.5rem 0}.c2p-payment-steps{grid-template-columns:repeat(2,1fr)}.c2p-payment-form-grid{grid-template-columns:1fr}.c2p-payment-detail{grid-template-columns:1fr}.c2p-payment-copy{width:100%}.c2p-payment-return{padding:1rem}.c2p-payment-primary{width:100%}.c2p-receipt-preview{align-items:flex-start;flex-wrap:wrap}.c2p-payment-remove{width:100%}[data-c2p-form="payment"]>.flex{padding-inline:2.25rem}}