/* Confirmation only. Keep the existing PetMeOn lettering, warm paper and orange buttons. */
.confirmation-page .receipt-reference::before{display:none}
.confirmation-page .flow[data-step="10"]{padding:0 22px 36px;max-width:760px}
.confirmation-page .receipt-reference{max-width:570px;padding-top:10px}
.confirmation-page .receipt-welcome{font:900 14px/1.4 var(--body);color:#9e4709;margin:0 auto 10px;text-wrap:balance}
.confirmation-page .receipt-reference h1{font:400 clamp(56px,8vw,78px)/1.02 Chewy,cursive;color:#171613;margin:0 auto 14px;letter-spacing:-.015em}
.receipt-love-mark{width:94px;height:82px;margin:0 auto 14px}
.receipt-love-mark svg{display:block;width:100%;height:100%;overflow:visible}
.love-ray{fill:none;stroke:#e77c0b;stroke-width:4;stroke-linecap:round}
.love-heart{fill:#ff9409;stroke:#171613;stroke-width:4;stroke-linejoin:round}
.love-tick{fill:none;stroke:#fff9ef;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}
.confirmation-page .receipt-reference h2.receipt-confirmed{font:400 clamp(27px,4vw,35px)/1.2 Chewy,cursive;margin:0 auto 12px;text-wrap:balance}
.confirmation-page .receipt-pet-moment{font:400 clamp(24px,3.5vw,29px)/1.2 Chewy,cursive;color:#a44b0b;margin:0 auto 14px;text-wrap:balance;overflow-wrap:anywhere}
.confirmation-page .receipt-message{max-width:390px;font:800 18px/1.5 var(--body);color:#211b16;margin:0 auto 14px;text-wrap:pretty}
.confirmation-page .receipt-message strong{font-weight:900;white-space:nowrap}
.confirmation-page .receipt-gratitude{max-width:370px;margin:0 auto 24px;font:700 16px/1.5 var(--body);color:#4e3928;text-wrap:pretty}
.confirmation-page .receipt-reference .actions{margin:0 auto 26px}
.confirmation-page button.receipt-continue{max-width:430px;min-height:62px;border:4px solid #171613;background:#ff9409;color:#171613;font:900 21px/1.2 var(--body);box-shadow:inset 0 2px 0 #ffe8b7,0 4px 0 #f0d8b8;padding:12px 18px}
@media(hover:hover) and (pointer:fine){.confirmation-page button.receipt-continue:hover{background:#ffa725;transform:translateY(-1px)}}
.confirmation-page button.receipt-continue:active{transform:translateY(1px)}
.confirmation-page .receipt-reference .motto{font:400 25px/1.15 Chewy,cursive;margin:0 auto 20px}
.confirmation-page .receipt-order-details{font-size:15px}
.confirmation-page .receipt-order-details>summary{min-height:44px;display:list-item;padding:12px 8px;text-decoration-thickness:1px}
/* Paper confetti is drawn with gentle tumble and drag, from just above the top center. */
.receipt-confetti{perspective:none}
.receipt-confetti canvas{display:block;width:100%;height:100%}
@media(min-width:900px){.confirmation-page .receipt-reference{padding-top:14px}.confirmation-page .receipt-welcome{font-size:15px}}
@media(max-width:374px){.confirmation-page .flow[data-step="10"]{padding-inline:18px}.confirmation-page .receipt-reference h1{font-size:54px}.confirmation-page .receipt-message{font-size:17px}.confirmation-page .receipt-gratitude{font-size:15px}}
@media(prefers-reduced-motion:reduce){.receipt-confetti{display:none}.confirmation-page button.receipt-continue{transition:none;transform:none!important}}