.payment-popup{position:fixed;inset:0;z-index:9100;display:flex;align-items:center;justify-content:center;pointer-events:none}.payment-popup[aria-hidden=false]{pointer-events:auto}.payment-popup__dimmer{position:absolute;inset:0;background:rgba(0,0,0,.55);pointer-events:auto}.payment-popup__panel{position:relative;width:min(560px,100vw - 32px);max-height:calc(100vh - 64px);background:#fff;border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.25);display:flex;flex-direction:column;overflow:hidden;pointer-events:auto}.payment-popup__header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #eee;flex-shrink:0}.payment-popup__title{margin:0;font-size:18px;font-weight:700;color:#222}.payment-popup__close{background:none;border:none;padding:4px;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;border-radius:4px}.payment-popup__close:hover{background:#f5f5f5;color:#222}.payment-popup__body{flex:1 1 auto;overflow-y:auto;padding:20px}.payment-popup__section+.payment-popup__section{margin-top:24px;padding-top:24px;border-top:1px solid #f0f0f0}.payment-popup__section-title{margin:0 0 12px;font-size:15px;font-weight:600;color:#222}.payment-popup__summary{margin:0;background:#fafafa;border-radius:8px;padding:14px 16px}.payment-popup__summary-row{display:flex;align-items:center;justify-content:space-between;font-size:14px}.payment-popup__summary-row+.payment-popup__summary-row{margin-top:8px}.payment-popup__summary-row dt{margin:0;color:#666}.payment-popup__summary-row dd{margin:0;color:#222;font-weight:500}.payment-popup__summary-row--amount{margin-top:12px;padding-top:12px;border-top:1px dashed #ddd}.payment-popup__summary-row--amount dt{color:#222;font-weight:600}.payment-popup__summary-row--amount dd{color:#d33;font-size:18px;font-weight:700}.payment-popup__form{display:flex;flex-direction:column;gap:12px}.payment-popup__field{display:flex;flex-direction:column;gap:6px}.payment-popup__field--receipt-extra{margin-top:8px}.payment-popup__field-row{display:flex;gap:8px}.payment-popup__label{font-size:13px;color:#555;font-weight:500}.payment-popup__required{color:#d33;margin-left:2px}.payment-popup__input,.payment-popup__textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;color:#222;background:#fff;transition:border-color .15s}.payment-popup__input:focus,.payment-popup__textarea:focus{outline:none;border-color:#4a8cff}.payment-popup__input[readonly],.payment-popup__textarea[readonly]{background:#f7f7f7;cursor:default}.payment-popup__input--postcode{flex:0 0 140px}.payment-popup__textarea{resize:vertical;min-height:60px;font-family:inherit}.payment-popup__receipt-options{display:flex;flex-direction:column;gap:8px}.payment-popup__radio{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #e5e5e5;border-radius:6px;cursor:pointer;font-size:14px;color:#333;transition:border-color .15s,background .15s}.payment-popup__radio:hover{border-color:#ccc;background:#fafafa}.payment-popup__radio input[type=radio]{margin:0;cursor:pointer}.payment-popup__radio:has(input:checked){border-color:#4a8cff;background:#f3f7ff}.payment-popup__footer{display:flex;gap:8px;padding:14px 20px;border-top:1px solid #eee;flex-shrink:0;background:#fafafa}.payment-popup__btn{flex:1;padding:12px 16px;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;border:1px solid rgba(0,0,0,0);transition:opacity .15s,background .15s}.payment-popup__btn:disabled{opacity:.5;cursor:not-allowed}.payment-popup__btn--primary{background:#222;color:#fff}.payment-popup__btn--primary:hover:not(:disabled){background:#000}.payment-popup__btn--secondary{background:#fff;color:#333;border-color:#ddd}.payment-popup__btn--secondary:hover{background:#f5f5f5}.payment-popup__btn--ghost{flex:0 0 auto;background:#fff;color:#4a8cff;border-color:#4a8cff;padding:10px 14px;font-size:13px}.payment-popup__btn--ghost:hover{background:#f3f7ff}@media(max-width: 640px){.payment-popup__panel{width:100vw;height:100vh;max-height:100vh;border-radius:0}.payment-popup__footer{flex-direction:column-reverse}}/*# sourceMappingURL=payment-popup.css.map */
