.test-checkout-dialog{width:min(460px,calc(100% - 28px));max-height:calc(100dvh - 32px);padding:38px 30px 26px;border:1px solid #e1dfce;border-radius:28px;background:#faf7ee;color:#173a28;text-align:center;box-shadow:0 26px 100px #081c2250;overflow:auto;font-family:var(--flow-sans,Arial,sans-serif)}
.test-checkout-dialog::backdrop{background:#071c16ba;backdrop-filter:blur(7px)}
.test-checkout-dialog[open]{animation:checkout-appear .32s cubic-bezier(.2,.8,.2,1) both}
.test-checkout-dialog h2{font:600 36px/1.08 var(--flow-serif,Georgia,serif);letter-spacing:-.8px;margin:12px 0 16px}
.test-checkout-dialog h2:focus{outline:none}.test-checkout-dialog .checkout-message{font-size:14px;line-height:1.7;color:#61705f;margin:0 0 23px}
.checkout-eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#6a8052;display:block}
.checkout-dismiss{position:absolute;right:14px;top:9px;border:0;background:none;font-size:28px;color:#6c7965;padding:5px 10px;cursor:pointer}
.checkout-order{background:#fffefb;border:1px solid #dedfcd;border-radius:16px;padding:20px;text-align:left;margin:23px 0 18px}.checkout-order>span,.checkout-next>span{font-size:9px;font-weight:700;letter-spacing:1.5px;color:#77855f}.checkout-order>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 9px}.checkout-order strong{font-size:14px;font-weight:600}.checkout-order b{font-size:26px;font-weight:700;letter-spacing:-1px}.checkout-order small{font-size:11px;color:#78806d}
.checkout-email{display:flex;flex-direction:column;gap:6px;font-size:12px}.checkout-email span{color:#7b826f}.checkout-email strong{overflow-wrap:anywhere;font-weight:600}
.test-checkout-dialog .checkout-note{font-size:11px;line-height:1.65;color:#7a806e;margin:20px 5px}.test-checkout-dialog .flow-cta{width:100%;background:#214c34;color:#fff;border:0;border-radius:32px;padding:17px;font:600 14px var(--flow-sans,Arial,sans-serif);margin-top:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:transform .2s,background .2s}.test-checkout-dialog .flow-cta:hover{background:#306345;transform:translateY(-1px)}.test-checkout-dialog button:disabled{opacity:.65;cursor:wait;transform:none}.test-checkout-dialog .dialog-close{font-size:12px;margin:13px auto 0;padding:10px;color:#66725c;cursor:pointer}.test-checkout-dialog :focus-visible{outline:3px solid #bdca82;outline-offset:3px}
#checkout-error{font-size:12px;line-height:1.5;color:#a74630}#checkout-error:empty{display:none}
.checkout-celebration{width:180px;height:143px;margin:-10px auto 17px;position:relative}.checkout-celebration svg{width:160px;height:140px;animation:checkout-envelope .65s .1s both}.checkout-celebration i{position:absolute;width:6px;height:12px;border-radius:2px;background:#d5b15a;left:4%;top:20%;transform:rotate(-20deg);animation:checkout-spark .75s .15s both}.checkout-celebration i:nth-child(2){left:90%;top:40%;background:#8ba373;transform:rotate(30deg)}.checkout-celebration i:nth-child(3){left:14%;top:80%;height:6px;background:#8ba373}.checkout-celebration i:nth-child(4){left:83%;top:9%;height:6px}.checkout-celebration i:nth-child(5){left:47%;top:0%;height:5px;background:#8ba373}.checkout-celebration i:nth-child(6){left:96%;top:85%;height:5px}
.test-checkout-dialog.is-complete{padding-top:30px}.test-checkout-dialog.is-complete h2{font-size:40px}.checkout-next{background:#ecf0df;border:1px solid #dde4ca;border-radius:16px;padding:18px 20px;margin:22px 0 17px}.checkout-next p{font-size:13px;line-height:1.65;margin:8px 0 0;color:#4d6243}.checkout-next strong{display:block;overflow-wrap:anywhere;color:#284a2e;font-weight:600}.checkout-reassurance{font-size:11px;line-height:1.7;color:#7b816c;margin:0 0 12px}.checkout-reassurance span{color:#52835c;margin-right:4px}
@keyframes checkout-appear{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}@keyframes checkout-envelope{from{opacity:0;transform:translateY(9px) rotate(-7deg)}to{opacity:1;transform:none}}@keyframes checkout-spark{from{opacity:0;scale:.2}to{opacity:1;scale:1}}
@media(max-width:380px){.test-checkout-dialog{padding:32px 22px 22px}.test-checkout-dialog h2,.test-checkout-dialog.is-complete h2{font-size:33px}.checkout-celebration{height:120px;margin-bottom:8px}.checkout-celebration svg{height:120px}}
@media(prefers-reduced-motion:reduce){.test-checkout-dialog[open],.checkout-celebration svg,.checkout-celebration i{animation:none}.test-checkout-dialog .flow-cta{transition:none}}