/* A readable receipt with three clear next steps. */
#booking-dialog[data-booking-step="complete"] {
  width:min(480px,calc(100% - 28px));
  height:min(820px,calc(100dvh - 28px));
  max-height:calc(100dvh - 28px);
  min-height:0;
  background:linear-gradient(155deg,#edf7e9,#fffdf2 65%);
  color:#35523e;
  overflow:auto;
}
#booking-dialog[data-booking-step="complete"] .booking-modal {height:auto;min-height:100%;overflow:visible}
#booking-dialog[data-booking-step="complete"] #booking-form {min-height:auto;overflow:visible}
#booking-dialog[data-booking-step="complete"] .booking-top,
#booking-dialog[data-booking-step="complete"] .booking-progress,
#booking-dialog[data-booking-step="complete"] .booking-aside,
#booking-dialog[data-booking-step="complete"] #booking-summary,
#booking-dialog[data-booking-step="complete"] .booking-sample-note,
#booking-dialog[data-booking-step="complete"] #booking-next,
#booking-dialog[data-booking-step="complete"] #booking-step-meta {display:none}
#booking-dialog[data-booking-step="complete"] .booking-body {display:block;flex:1 0 auto;min-height:auto;overflow:visible}
#booking-dialog[data-booking-step="complete"] .booking-main {width:100%;max-width:440px;margin:auto;padding:48px 24px 16px}
#booking-dialog[data-booking-step="complete"] #booking-title {max-width:none;padding-right:78px;margin:0 0 18px;font-family:'Gaegu',ui-rounded,sans-serif;font-size:40px;line-height:1.05;font-weight:700;letter-spacing:-.8px;color:#35523e}
#booking-dialog[data-booking-step="complete"] .booking-receipt {position:relative;margin:0;font-size:17px;line-height:1.5}
#booking-dialog[data-booking-step="complete"] .booking-receipt p {margin:0}
#booking-dialog[data-booking-step="complete"] .booking-deposit-next {font-size:17px;line-height:1.55;color:#506850}
#booking-dialog[data-booking-step="complete"] .booking-receipt-charm {top:-90px;width:70px;height:70px}
#booking-dialog[data-booking-step="complete"] .booking-receipt-character-window {width:70px;height:70px}
#booking-dialog[data-booking-step="complete"] .booking-receipt-steps {list-style:none;margin:24px 0 0;padding:0;display:grid;gap:12px}
#booking-dialog[data-booking-step="complete"] .booking-receipt-step {display:flex;align-items:flex-start;gap:12px;padding:18px 16px;background:#fffef8;border:1px solid #d1dfc9;border-radius:19px;box-shadow:0 3px 0 #a8bd9310}
#booking-dialog[data-booking-step="complete"] .booking-receipt-step:nth-child(2) {background:#f8f0ed;border-color:#e5d6cd}
#booking-dialog[data-booking-step="complete"] .booking-receipt-step:nth-child(3) {background:#edf4e7}
#booking-dialog[data-booking-step="complete"] .booking-receipt-step-icon {flex:0 0 32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#e3eddb;color:#45633e;font-size:22px;line-height:1}
#booking-dialog[data-booking-step="complete"] .booking-receipt-step:nth-child(2) .booking-receipt-step-icon {background:#f0deda;color:#8c5a62}
#booking-dialog[data-booking-step="complete"] .booking-receipt-step-copy {min-width:0}
#booking-dialog[data-booking-step="complete"] .booking-receipt-step h3 {font-size:18px;font-weight:700;line-height:1.3;margin:0 0 5px;color:#35523e}
#booking-dialog[data-booking-step="complete"] .booking-receipt-step p {font-size:16px;line-height:1.5;color:#52634f}
#booking-dialog[data-booking-step="complete"] .booking-receipt-contact {margin-top:26px;padding:0;border:0}
#booking-dialog[data-booking-step="complete"] .booking-receipt-kicker {display:block;margin-bottom:12px;font-family:'Gaegu',ui-rounded,sans-serif;font-size:25px;font-weight:700}
#booking-dialog[data-booking-step="complete"] .booking-receipt a {display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 16px;border:1px solid #bdceb5;border-radius:14px;background:#fffdf5;color:#35523e;font-size:16px;font-weight:600;line-height:1.4;text-decoration:none;touch-action:manipulation}
#booking-dialog[data-booking-step="complete"] .booking-receipt a + a {margin-left:10px}
#booking-dialog[data-booking-step="complete"] .booking-receipt a:focus-visible {outline:3px solid #749880;outline-offset:3px}
#booking-dialog[data-booking-step="complete"] .booking-receipt .booking-receipt-reply {font-size:14px;line-height:1.5;margin-top:12px;color:#586c55}
#booking-dialog[data-booking-step="complete"] .booking-receipt-reference {display:flex;flex-direction:column;gap:5px;margin-top:20px;padding-top:16px;border-top:1px dashed #bacaaf;overflow-wrap:anywhere}
#booking-dialog[data-booking-step="complete"] .booking-receipt-reference span {font-size:14px;color:#586c55}
#booking-dialog[data-booking-step="complete"] .booking-receipt-reference strong {font-size:17px;font-weight:650;letter-spacing:.04em}
#booking-dialog[data-booking-step="complete"] .booking-footer {position:static;justify-content:center;padding:8px 24px 24px;border-top:0;background:transparent;backdrop-filter:none}
#booking-dialog[data-booking-step="complete"] #booking-back {min-width:160px;min-height:50px;height:auto;padding:12px 24px;border:1px solid #b5caaa;border-radius:16px;background:#e1ecd8;color:#35523e;font-size:17px;font-weight:600}
@media(max-width:520px) {
  #booking-dialog[data-booking-step="complete"] {width:100%;height:var(--cozzyko-height,100dvh);max-height:var(--cozzyko-height,100dvh);margin:0;border-radius:0}
  #booking-dialog[data-booking-step="complete"] .booking-main {padding-top:calc(42px + env(safe-area-inset-top,0px))}
  #booking-dialog[data-booking-step="complete"] .booking-footer {padding-bottom:calc(22px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:360px) {
  #booking-dialog[data-booking-step="complete"] .booking-main {padding-left:18px;padding-right:18px}
  #booking-dialog[data-booking-step="complete"] #booking-title {font-size:35px}
  #booking-dialog[data-booking-step="complete"] .booking-receipt-step {padding:16px 12px;gap:10px}
  #booking-dialog[data-booking-step="complete"] .booking-receipt a {padding:10px 12px}
}