.payment-sheet{--pay-navy:#172b4d;--pay-red:#c82e3c;--pay-muted:#758397;--pay-line:#e5eaf0;--pay-surface:#f3f6fa;--pay-paper:#fff;width:810px;background:var(--pay-paper);color:var(--pay-navy)}
.payment-sheet .sheetcontent{padding:0}.payment-sheet .sheethead{padding:19px 26px;border-color:var(--pay-line);background:var(--pay-paper)}.payment-sheet .sheethead h2{font-size:15px;color:var(--pay-navy)}.payment-provider{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 28px;border-bottom:1px solid var(--pay-line)}.payment-provider-brand{display:flex;align-items:center;gap:11px}.payment-provider-brand>span:last-child{font-family:Outfit,system-ui,sans-serif;font-size:29px;font-weight:800;letter-spacing:-1.5px;line-height:1.2}.payment-provider-brand small{display:block;font-family:'Public Sans',system-ui,sans-serif;font-size:8px;font-weight:600;letter-spacing:1.4px;color:var(--pay-muted);margin-top:5px}.payment-brand-symbol{display:block;width:29px;height:31px;border-radius:7px 3px 7px 3px;background:var(--pay-red);position:relative}.payment-brand-symbol:after{content:'';position:absolute;inset:7px 7px 7px 11px;border-left:3px solid white;border-bottom:3px solid white;transform:skewY(-18deg)}.payment-demo-badge{background:#fff1e9;color:#ae622f;border:1px solid #f8e1d0;border-radius:30px;padding:7px 11px;font-size:10px;white-space:nowrap}.payment-checkout-grid{display:grid;grid-template-columns:.9fr 1.1fr}.payment-order{padding:28px;background:var(--pay-surface);border-right:1px solid var(--pay-line);min-width:0}.payment-merchant-icon{display:grid;place-items:center;width:46px;height:46px;background:var(--pay-paper);border:1px solid var(--pay-line);border-radius:13px;color:var(--green);margin-bottom:20px}.payment-merchant-icon svg{width:24px;height:24px}.payment-merchant-icon img{width:36px;height:36px;object-fit:contain}.payment-eyebrow{font-size:8px;font-weight:700;letter-spacing:1.4px;color:var(--pay-muted);line-height:1.8}.payment-order h2{font-size:25px;line-height:1.5;letter-spacing:-1px;margin:10px 0;color:var(--pay-navy)}.payment-order-company{font-size:12px;color:var(--pay-muted);line-height:1.6;margin:0}.payment-amount{margin:26px 0 24px;padding-bottom:24px;border-bottom:1px solid var(--pay-line)}.payment-amount small{display:block;font-size:10px;color:var(--pay-muted)}.payment-amount strong{display:block;font-family:Outfit,system-ui,sans-serif;font-size:30px;letter-spacing:-1.3px;font-variant-numeric:tabular-nums;margin:9px 0 6px;white-space:nowrap}.payment-amount>span{display:block;font-size:11px;color:var(--pay-muted)}.payment-order-details{display:grid;gap:19px;margin:0}.payment-order-details dt{color:var(--pay-muted);font-size:10px;margin-bottom:5px}.payment-order-details dd{display:flex;align-items:center;gap:8px;margin:0;font-size:12px;font-weight:600;overflow-wrap:anywhere}.payment-copy{display:grid;place-items:center;padding:0;width:25px;height:25px;color:var(--pay-muted);border-radius:6px}.payment-copy:hover{background:var(--pay-line)}.payment-copy svg{width:13px;height:13px}.payment-link-note{display:flex;gap:9px;font-size:10px;color:var(--pay-muted);line-height:1.8;margin-top:27px}.payment-link-note>svg{width:16px;height:16px;color:var(--green);margin-top:2px}.payment-method-area{padding:24px 28px;min-width:0}.payment-method-tabs{display:flex;border:1px solid var(--pay-line);border-radius:11px;padding:4px;background:var(--pay-surface);gap:4px}.payment-method-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 6px;border-radius:7px;font-size:10px;color:var(--pay-muted);white-space:nowrap}.payment-method-tabs button.selected{background:var(--pay-paper);color:var(--pay-navy);box-shadow:0 1px 4px #172b4d0c;font-weight:700}.payment-method-tabs svg{width:16px;height:16px}.payment-method-heading{text-align:center;margin:24px 0 18px}.payment-method-heading h3{font-size:19px;color:var(--pay-navy);letter-spacing:-.7px;margin-bottom:6px}.payment-method-heading p{font-size:11px;color:var(--pay-muted);margin:0}.payment-qr-frame{width:226px;max-width:100%;padding:8px;margin:0 auto;border:1px solid var(--pay-line);border-radius:17px;background:white;box-shadow:0 8px 20px #172b4d06}.payment-qr-code{width:208px;max-width:100%;aspect-ratio:1;background:#fff;border-radius:9px;overflow:hidden}.payment-qr-code svg{display:block;width:100%;height:100%;stroke:none;fill:initial}.payment-waiting{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:var(--pay-muted);margin:16px 0 13px;min-height:16px}.payment-status-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#4c9a7a;box-shadow:0 0 0 3px #4c9a7a15}.payment-status-dot.processing{background:var(--pay-red);box-shadow:0 0 0 3px #df3d4715;animation:payment-pulse 1s ease-in-out infinite}.payment-status-dot.rejected{background:var(--pay-red);box-shadow:0 0 0 3px #df3d4715}.payment-qr-tools{display:flex;align-items:center;justify-content:space-between;margin:0 auto;padding:0 6px;max-width:226px;font-size:10px}.payment-qr-tools>span{color:var(--pay-muted);font-variant-numeric:tabular-nums}.payment-qr-tools button{display:flex;align-items:center;gap:5px;color:var(--pay-navy);font-size:10px;padding:5px 0}.payment-qr-tools svg{width:12px;height:12px}.payment-method-help{font-size:10px;line-height:1.8;color:var(--pay-muted);text-align:center;margin:17px 0}.payment-approve{display:flex;width:100%;gap:8px;min-height:47px;border:0;border-radius:11px;background:var(--pay-red);color:white;font-size:11px;font-weight:700}.payment-approve svg{width:16px;height:16px}.payment-approve svg:last-child{margin-left:auto}.payment-approve:hover{background:#c8323b}.payment-approve:active{transform:translateY(1px)}.payment-sheet button:disabled{cursor:wait;opacity:.7}.payment-reject{display:block;text-align:center;font-size:10px;color:var(--pay-muted);padding:13px 8px 0;width:100%}.payment-reject:hover{color:var(--pay-red)}.payment-checkout-footer{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 20px;border-top:1px solid var(--pay-line);font-size:9px;line-height:1.7;color:var(--pay-muted)}.payment-checkout-footer svg{width:14px;height:14px;flex-shrink:0}.payment-demo-card{background:var(--pay-card-bg,#172b4d);color:#fff;border-radius:17px;padding:23px 22px;max-width:320px;min-height:186px;margin:26px auto;position:relative;overflow:hidden}.payment-demo-card:after{content:'';position:absolute;width:230px;height:230px;border:1px solid #ffffff16;border-radius:50%;right:-125px;top:-75px;pointer-events:none}.payment-card-top{display:flex;justify-content:space-between;align-items:center}.payment-card-top>span{font-family:Outfit,system-ui,sans-serif;font-weight:800;font-size:19px;letter-spacing:-.6px}.payment-card-period{color:#ec6970}.payment-card-top small{font-size:8px;letter-spacing:2px;color:#c1cbd9}.payment-card-chip{height:24px;width:32px;border:1px solid #a7b6c4;border-radius:5px;background:#b2bdc4;position:relative;margin:21px 0 15px}.payment-card-chip:after{content:'';position:absolute;top:6px;bottom:6px;left:0;right:0;border-top:1px solid #8495a3;border-bottom:1px solid #8495a3}.payment-card-number{font-size:15px;letter-spacing:1.5px;white-space:nowrap}.payment-card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:18px;gap:12px}.payment-card-bottom>span:first-child{font-size:8px;letter-spacing:1.5px;color:#c1cbd9}.payment-card-circles{display:block;width:32px;height:20px;position:relative}.payment-card-circles:before,.payment-card-circles:after{content:'';position:absolute;top:0;left:0;width:20px;height:20px;border-radius:50%;background:#e77277}.payment-card-circles:after{left:13px;background:#becad7;opacity:.85}.payment-spinner{width:16px;height:16px;border-radius:50%;border:2px solid #ffffff5c;border-top-color:#fff;animation:payment-spin .7s linear infinite}.payment-sheet .checkout-error{font-size:10px;line-height:1.8;padding:11px;margin-top:0}.payment-sheet button:focus-visible{outline-color:#df3d4780}
@keyframes payment-spin{to{transform:rotate(360deg)}}@keyframes payment-pulse{50%{box-shadow:0 0 0 5px #df3d4715}}
@media(max-width:700px){.payment-sheet{width:100%}.payment-sheet .sheethead{padding:16px 21px}.payment-provider{padding:20px 21px;gap:8px}.payment-provider-brand>span:last-child{font-size:25px}.payment-provider-brand small{font-size:7px;letter-spacing:1px}.payment-brand-symbol{width:25px;height:28px}.payment-demo-badge{font-size:9px;padding:6px 9px}.payment-checkout-grid{grid-template-columns:1fr}.payment-order{padding:18px 23px;border-right:0;border-bottom:1px solid var(--pay-line)}.payment-merchant-icon,.payment-order h2,.payment-link-note{display:none}.payment-eyebrow{font-size:8px}.payment-order-company{font-size:10px;margin-top:3px}.payment-amount{padding:0;border:0;margin:12px 0 13px}.payment-amount small{font-size:9px}.payment-amount strong{font-size:29px;margin:5px 0 4px}.payment-amount>span{font-size:10px}.payment-order-details{display:grid;grid-template-columns:1fr 1fr;gap:12px}.payment-order-details>div:last-child{grid-column:1/-1;display:flex;align-items:center;gap:10px}.payment-order-details>div:last-child dt{margin:0}.payment-order-details dt{font-size:9px;margin-bottom:3px}.payment-order-details dd{font-size:10px;min-height:19px}.payment-copy{height:19px;width:22px}.payment-method-area{padding:20px 23px}.payment-method-heading{margin:20px 0 16px}.payment-method-heading h3{font-size:19px}.payment-qr-frame{width:226px}.payment-qr-code{width:208px}.payment-method-help{margin:14px 0 17px}.payment-approve{font-size:11px}.payment-checkout-footer{padding:14px 23px calc(16px + env(safe-area-inset-bottom));font-size:9px}.payment-demo-card{padding:21px;max-width:300px}.payment-card-number{font-size:14px;letter-spacing:1px}.payment-provider-brand{gap:9px}}
@media(prefers-reduced-motion:reduce){.payment-spinner,.payment-status-dot{animation:none}}