/* Four-step ordering flow. Loaded only on the Expressz wizard page. */
.wizard-simplified .progress{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:35px}
.wizard-simplified .wizard-head{gap:18px}
.wizard-simplified .wizard-top-actions{display:flex;gap:20px;align-items:center}
.wizard-simplified .wizard-top-actions a{color:#ff9c37;text-decoration:underline}
.wizard-simplified .step-title{margin-bottom:25px}
.wizard-simplified .step-title h1{font-size:clamp(31px,4vw,48px)}
.wizard-simplified .wizard-story-field{margin-top:24px}
.wizard-simplified .wizard-optional{margin-top:24px}
.wizard-simplified .wizard-optional .form-grid{margin-top:14px}
.wizard-simplified #other-style{margin-top:18px}
.wizard-simplified #other-style[hidden],.wizard-simplified #checkout-form[hidden],.wizard-simplified #next[hidden]{display:none!important}
.wizard-simplified .review-card p{font-family:inherit;font-style:normal;font-size:clamp(16px,2vw,19px);line-height:1.65;overflow-wrap:anywhere}
.wizard-simplified .checkout-card h3{margin:.6rem 0}
.wizard-simplified .checkout-card p{line-height:1.6;color:var(--muted)}
.wizard-simplified .checkout-card details{padding:14px;margin-top:16px}
.wizard-simplified .checkout-card details summary{margin-bottom:0}
.wizard-simplified .checkout-price{min-width:max-content}
.wizard-simplified .checkout-form{margin-top:20px}
.wizard-simplified .wizard-actions{margin:26px auto 0}
@media(max-width:680px){
    .wizard-simplified .wizard-top-actions{gap:8px;flex-wrap:wrap;justify-content:flex-end}
    .wizard-simplified .wizard-head{margin-top:-126px;padding:0 4px 90px}
    .wizard-simplified .progress{gap:4px;margin-bottom:25px}
    .wizard-simplified .progress button{justify-content:center;padding:11px 2px}
    .wizard-simplified .progress button span{display:inline;font-size:9px;line-height:1.25;overflow-wrap:anywhere}
    .wizard-simplified .progress button i{font-size:12px}
    .wizard-simplified .checkout-price{min-width:0;margin-top:12px}
}

/* Billing is collected on checkout only, never in the AI brief autosave. */
.wizard-simplified .billing-fields{border:1px solid rgba(255,255,255,.19);padding:22px;border-radius:12px;margin:22px 0}
.wizard-simplified .billing-fields legend{font-size:1.2rem;font-weight:700;padding:0 10px;color:inherit}
.wizard-simplified .billing-hint{margin:0 0 16px;color:var(--muted);line-height:1.55}
.wizard-simplified .billing-kind{display:flex;flex-wrap:wrap;gap:14px 28px;margin-bottom:20px}
.wizard-simplified .billing-kind label{display:inline-flex;align-items:center;gap:9px;cursor:pointer}
.wizard-simplified .billing-kind input{width:auto;margin:0;accent-color:#ff9324}
.wizard-simplified .billing-grid{margin-bottom:12px}
.wizard-simplified .billing-grid label{min-width:0}
.wizard-simplified .billing-grid .billing-wide{grid-column:1/-1}
.wizard-simplified .billing-grid [hidden]{display:none!important}
.wizard-simplified .billing-fields small{color:var(--muted);line-height:1.45;display:block}
.wizard-simplified .billing-errors{border:1px solid #ff6b6b;border-radius:10px;padding:16px;margin-bottom:18px}
.wizard-simplified .billing-errors ul{margin:8px 0 0;padding-left:20px}
@media(max-width:680px){.wizard-simplified .billing-fields{padding:16px}.wizard-simplified .billing-grid .billing-wide{grid-column:auto}}

/* Visible, accessible draft-save failure; external CSS respects production CSP. */
.wizard-simplified #wizard-save-error:not([hidden]){display:block;padding:12px 16px;border:1px solid #fa805f;border-radius:8px;background:#381a27;color:#fff;margin:12px 0;max-width:100%;line-height:1.5}

/* Step 3: editable review without duplicate data keys in the checkout payload. */
.wizard-simplified .review-editable{display:block;text-align:left;padding:clamp(18px,3vw,34px)}
.wizard-simplified .review-editable .review-intro{font-size:1rem;line-height:1.55;margin:12px 0 22px;color:var(--muted)}
.wizard-simplified .review-editable .review-group{border-top:1px solid rgba(255,255,255,.15);padding:24px 0 4px}
.wizard-simplified .review-editable .review-group h2{font-size:clamp(19px,2.5vw,25px);line-height:1.35;margin:0 0 14px}
.wizard-simplified .review-editable .review-subtitle,.wizard-simplified .review-footnote{color:var(--muted);font-size:.95rem;line-height:1.55;margin-bottom:16px}
.wizard-simplified .review-editable label{display:block;margin-bottom:14px;min-width:0}
.wizard-simplified .review-editable input,.wizard-simplified .review-editable textarea,.wizard-simplified .review-editable select{width:100%;min-width:0}
.wizard-simplified .review-editable .review-details{margin:14px 0 20px;border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:15px}
.wizard-simplified .review-editable .review-details summary{cursor:pointer;font-weight:600}
.wizard-simplified .review-editable .review-details .form-grid{margin-top:18px}
.wizard-simplified .review-editable [hidden]{display:none!important}
.wizard-simplified .turnstile-check{padding:18px 0;margin:18px 0;border-top:1px solid rgba(255,255,255,.15)}
.wizard-simplified .turnstile-check h3{margin:0 0 8px}
.wizard-simplified .turnstile-check p{font-size:.93rem;line-height:1.5}
.wizard-simplified #turnstile-status{color:var(--muted);margin:10px 0;overflow-wrap:anywhere}
.wizard-simplified #turnstile-status.turnstile-error{color:#ffb5a6}
.wizard-simplified .turnstile-retry[hidden]{display:none!important}
@media(max-width:680px){.wizard-simplified .review-editable{padding:18px 14px}.wizard-simplified .review-editable .review-group{padding-top:20px}}

/* Step 3: billing details are on their own page, never in the AI brief. */
.wizard-simplified .billing-step{max-width:100%;}
.wizard-simplified .billing-step-intro{padding:14px 18px;border:1px solid rgba(255,255,255,.2);border-radius:12px;line-height:1.6;color:var(--muted);margin:0 0 24px;}
.wizard-simplified .billing-step-intro strong{color:inherit;}
.wizard-simplified .billing-step .billing-fields{margin-top:16px;}
.wizard-simplified .billing-step > label{display:block;margin:0 0 20px;}
.wizard-simplified .billing-step > label input{width:100%;}
.wizard-simplified .billing-review-note{border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:14px 18px;margin:20px 0;line-height:1.55;}
.wizard-simplified .billing-edit-link{display:inline;border:0;background:none;padding:0;margin-left:8px;color:#ffac5b;text-decoration:underline;cursor:pointer;font:inherit;}
@media(max-width:680px){
  .wizard-simplified .progress button{min-width:0;}
  .wizard-simplified .billing-review-note{padding:12px;}
  .wizard-simplified .billing-edit-link{display:block;margin:8px 0 0;}
}