/* Purchase confirmation only: keep the shared header and every other step intact. */
body.confirmation-page{background:#fff9ef}
body.confirmation-page #site-chrome{position:relative;background:#fff9ef!important;box-shadow:none;isolation:isolate}
.confirmation-page #site-chrome::before,.confirmation-page #site-chrome::after{display:none}
.confirmation-page #journey-slot{display:none!important}
.confirmation-page .flow-top,.confirmation-page .season-page-decor,.confirmation-page .calendar-page-decor{display:none!important}
.confirmation-page #app{min-height:0}
.confirmation-page .flow[data-step="10"]{padding:0 20px 32px;min-height:0;max-width:760px;margin:0 auto}
.confirmation-page .flow[data-step="10"] .page-content{display:block;overflow:visible;padding:0;min-height:0;max-height:none;outline:none}
.confirmation-page .receipt-reference{position:relative;isolation:isolate;max-width:580px;margin:0 auto;padding:0 0 12px;text-align:center;background:none;border:0;box-shadow:none}
.confirmation-page .receipt-reference::before{content:"";position:absolute;inset:-105px -12px auto;height:300px;z-index:-1;pointer-events:none;background:url('assets/confirmation-confetti-v245.svg') center top/100% 100% no-repeat}
.confirmation-page .receipt-reference h1{font-family:Chewy,cursive;font-size:clamp(42px,6vw,62px);line-height:1.08;margin:0 0 18px;color:#171613}
.confirmation-page .receipt-heart{display:block;width:42px;height:42px;margin:0 auto 24px}
.confirmation-page .receipt-reference h2.receipt-confirmed{font-family:Chewy,cursive;font-size:clamp(25px,4vw,34px);line-height:1.18;margin:0 0 14px;color:#171613}
.confirmation-page .receipt-message{max-width:420px;font-size:clamp(17px,2.3vw,20px);line-height:1.45;font-weight:600;color:#171613;margin:0 auto 28px;overflow-wrap:anywhere}
.confirmation-page .receipt-reference .actions{display:block;margin:0 auto 22px;padding:0;width:100%}
.confirmation-page button.receipt-continue{display:block;box-sizing:border-box;width:100%;max-width:440px;min-height:54px;margin:0 auto;padding:14px 20px;border:0;border-radius:999px;background:linear-gradient(110deg,#e9690b,#ed5015);color:#fff;font:800 clamp(20px,2.5vw,21px)/1.25 Nunito,sans-serif;box-shadow:none;text-transform:none;transition:transform .15s ease,background .15s ease}
.confirmation-page button.receipt-continue:hover{background:#ed670b;transform:translateY(-2px)}
.confirmation-page button.receipt-continue:active{transform:translateY(1px)}
.confirmation-page button.receipt-continue:focus-visible{outline:3px solid #171613;outline-offset:4px}
.confirmation-page button.receipt-continue:disabled{opacity:.6;transform:none}
.confirmation-page .receipt-reference .motto{font-family:Chewy,cursive;font-size:clamp(22px,3.4vw,29px);line-height:1.08;margin:0 auto 26px;color:#171613}
.confirmation-page .receipt-order-details{font-size:16px;max-width:440px;margin:0 auto;text-align:left}
.confirmation-page .receipt-order-details>summary{width:fit-content;margin:auto;padding:8px;cursor:pointer;font-weight:800;text-decoration:underline;text-underline-offset:4px}
.confirmation-page .receipt-order-details[open]>summary{margin-bottom:18px}
.confirmation-page .receipt-order-details .summary{margin:18px 0 0;font-size:16px;box-shadow:none}
.confirmation-page .receipt-order-details .summary::before{display:none}
@media(min-width:900px){.confirmation-page .receipt-reference{padding-top:10px}.confirmation-page .receipt-reference::before{inset-block-start:-115px;height:330px}}
@media(max-width:374px){.confirmation-page .flow[data-step="10"]{padding-inline:16px}.confirmation-page .receipt-message{font-size:16px}.confirmation-page .receipt-reference h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){.confirmation-page button.receipt-continue{transition:none}.confirmation-page button.receipt-continue:hover{transform:none}}
.confirmation-page .journey-caption,.confirmation-page .halloween-page-flourish,.confirmation-page .calendar-page-flourish,.confirmation-page #halloween-page-trim,.confirmation-page #calendar-page-trim,.confirmation-page #seasonal-decorations{display:none!important}
