/* WIZARD — Fusion Food catering request (spice-market palette, hard-shadow sticker style) */
:root{--accent:var(--chili,#E8432E)}
.wizard-progress{display:flex;align-items:center;gap:.4rem;margin:0 0 1.75rem}
.wizard-progress .dot{flex:1;height:5px;background:rgba(43,24,16,.12);border-radius:999px;overflow:hidden;position:relative;transition:background .25s}
.wizard-progress .dot.done{background:var(--turmeric,#F2A93B)}
.wizard-progress .dot.current{background:linear-gradient(to right,var(--accent) 50%, rgba(43,24,16,.12) 50%)}
.wizard-progress .label{font-family:var(--display,ui-sans-serif,sans-serif);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(43,24,16,.5);min-width:50px;text-align:right}
.wizard-step{display:none;animation:stepIn .35s var(--ease-fluid, cubic-bezier(.22,1,.36,1))}
.wizard-step.active{display:block}
@keyframes stepIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
.wizard-step h3{font-family:var(--display,ui-sans-serif,sans-serif);font-size:1.35rem;text-transform:uppercase;margin:0 0 .35rem}
.wizard-step .sub{color:rgba(43,24,16,.6);font-size:.85rem;margin:0 0 1.5rem}
.wizard-options{display:grid;gap:.6rem;grid-template-columns:1fr 1fr;margin-bottom:1.25rem}
.wizard-options.three{grid-template-columns:1fr 1fr 1fr}
.wizard-options label{display:flex;align-items:flex-start;gap:.65rem;padding:.9rem 1rem;border:2px solid var(--ink);border-radius:12px;cursor:pointer;transition:border-color .2s,background .2s,transform .15s;font-size:.9rem;line-height:1.3;background:var(--paper-2,#fff)}
.wizard-options label:hover{border-color:var(--accent);transform:translateY(-2px)}
.wizard-options input[type=radio],.wizard-options input[type=checkbox]{margin-top:.15rem;accent-color:var(--accent);flex-shrink:0}
.wizard-options label:has(input:checked){border-color:var(--accent);background:rgba(232,67,46,.08);box-shadow:3px 3px 0 var(--accent)}
.wizard-options label b{display:block;color:var(--ink);font-weight:700}
.wizard-options label small{display:block;color:rgba(43,24,16,.5);font-size:.75rem;margin-top:.15rem;font-weight:400}
.field{display:grid;grid-template-columns:1fr 2fr;gap:1.5rem;padding:1.1rem 0;border-top:2px dashed rgba(43,24,16,.12);align-items:start}
.field:first-of-type{border-top:0}
.field .k{font-family:var(--sans);font-weight:700;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(43,24,16,.55);padding-top:.55rem}
.field input,.field select,.field textarea{width:100%;background:transparent;border:0;padding:.5rem 0;font-family:inherit;font-size:1.05rem;color:var(--ink);border-bottom:2px solid rgba(43,24,16,.15);transition:border-color .2s}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-bottom-color:var(--accent)}
.field textarea{min-height:80px;resize:vertical}
.wizard-nav{display:flex;gap:.5rem;justify-content:space-between;margin-top:1.5rem;padding-top:1.5rem;border-top:2px dashed rgba(43,24,16,.15)}
.wizard-btn{padding:.75rem 1.3rem;border-radius:10px;font-weight:700;font-size:.85rem;cursor:pointer;transition:transform .15s,box-shadow .15s;font-family:var(--display,ui-sans-serif,sans-serif);text-transform:uppercase;border:2px solid var(--ink)}
.wizard-btn.back{background:transparent;color:var(--ink)}
.wizard-btn.back:hover{background:rgba(43,24,16,.05)}
.wizard-btn.next{background:var(--turmeric,#F2A93B);color:var(--ink);margin-left:auto;box-shadow:4px 4px 0 var(--ink)}
.wizard-btn.next:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}
.wizard-btn.next:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.wizard-btn:disabled{opacity:.4;cursor:default}
.wizard-recap{background:rgba(43,24,16,.04);border:2px dashed rgba(43,24,16,.2);border-radius:12px;padding:1.25rem;margin-bottom:1rem}
.wizard-recap dl{display:grid;grid-template-columns:130px 1fr;gap:.6rem 1rem;margin:0;font-size:.85rem}
.wizard-recap dt{font-family:var(--display,ui-sans-serif,sans-serif);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(43,24,16,.5);padding-top:.15rem}
.wizard-recap dd{margin:0;color:var(--ink)}
.wizard-success{text-align:center;padding:2rem 1rem}
.wizard-success .check{width:5rem;height:5rem;border-radius:999px;background:var(--turmeric,#F2A93B);color:var(--ink);border:3px solid var(--ink);display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto 1.5rem;animation:popIn .5s var(--ease-fluid, cubic-bezier(.22,1,.36,1))}
@keyframes popIn{from{transform:scale(0)}to{transform:scale(1)}}
.wizard-success h3{font-family:var(--display,ui-sans-serif,sans-serif);font-size:1.7rem;text-transform:uppercase;margin:0 0 .75rem}
.wizard-success p{color:rgba(43,24,16,.7);margin:0;line-height:1.6}
.wizard-success a{color:var(--chili-2,#C22F1D);font-weight:700}
@media (max-width:520px){
  .wizard-options,.wizard-options.three{grid-template-columns:1fr}
  .field{grid-template-columns:1fr;gap:.3rem}
  .wizard-recap dl{grid-template-columns:1fr;gap:.25rem 0}
  .wizard-recap dt{padding-top:.5rem}
}