:root{--af-green:#59e51b;--af-ink:#101514;--af-paper:#f4f6f2;--af-line:#d9dfd6;--af-muted:#58625c;--af-danger:#a23628}.customer-flow-page{background:var(--af-paper);color:var(--af-ink);font-family:'DM Sans',sans-serif;margin:0;min-height:100vh}.customer-flow-page *{box-sizing:border-box}.customer-flow-main{margin:0 auto;max-width:1180px;padding:52px 24px 86px}.customer-flow-header{align-items:center;border-bottom:1px solid var(--af-line);display:flex;justify-content:space-between;padding:18px 24px}.customer-flow-header .meal-brand img{display:block;height:44px;width:auto}.customer-flow-back{color:var(--af-ink);font-size:.84rem;font-weight:800;text-decoration:none}.customer-flow-back:hover{text-decoration:underline}.flow-kicker{color:#258f0d;font-size:.74rem;font-weight:800;letter-spacing:.13em;margin:0 0 12px}.flow-hero{max-width:760px}.flow-hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.6rem,6vw,5rem);letter-spacing:-.065em;line-height:.96;margin:0}.flow-hero h1 em{color:#258f0d;font-style:normal}.flow-hero>p:not(.flow-kicker){color:var(--af-muted);font-size:1.05rem;line-height:1.6;max-width:640px}.flow-steps{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:30px 0 0;padding:0}.flow-steps li{align-items:center;background:#e1e6df;color:#526058;display:flex;font-size:.72rem;font-weight:800;gap:7px;padding:8px 10px}.flow-steps li.active{background:var(--af-ink);color:#fff}.flow-steps li.done{background:#d9f4cf;color:#235e13}.flow-steps span{align-items:center;border:1px solid currentColor;border-radius:50%;display:inline-flex;height:18px;justify-content:center;width:18px}.flow-grid{display:grid;gap:24px;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);margin-top:42px}.flow-card{background:#fff;border:1px solid var(--af-line);border-radius:20px;padding:28px}.flow-card h2{font-family:'Sora',sans-serif;font-size:1.45rem;letter-spacing:-.04em;margin:0}.flow-card p{color:var(--af-muted);line-height:1.55}.flow-card label{color:#39443e;display:grid;font-size:.8rem;font-weight:800;gap:7px}.flow-card input,.flow-card textarea,.flow-card select{background:#fff;border:1px solid #cbd2ca;border-radius:8px;color:var(--af-ink);font:inherit;padding:11px;width:100%}.flow-fields{display:grid;gap:16px;margin-top:22px}.flow-fields.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-message{min-height:1.35em;color:var(--af-muted);font-size:.88rem;line-height:1.45;margin:18px 0}.flow-message.warning{color:var(--af-danger)}.flow-message.success{color:#237b12}.flow-aside{background:var(--af-ink);color:#fff}.flow-aside .flow-kicker{color:var(--af-green)}.flow-aside p,.flow-aside li{color:#d1d9d2}.flow-aside ul{display:grid;gap:12px;line-height:1.45;padding-left:20px}.flow-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.flow-actions .button{margin:0}.flow-secondary{background:transparent;border:0;color:var(--af-ink);cursor:pointer;font:inherit;font-size:.84rem;font-weight:800;padding:10px 0;text-decoration:underline}.flow-list{display:grid;gap:10px;margin:18px 0}.flow-list article{align-items:center;border-bottom:1px solid var(--af-line);display:flex;gap:14px;justify-content:space-between;padding:11px 0}.flow-list article strong{font-size:.92rem}.flow-list article span{color:var(--af-muted);font-size:.82rem}.flow-detail{background:#f7faf6;border-left:4px solid var(--af-green);margin:18px 0;padding:14px}.flow-detail strong,.flow-detail span{display:block}.flow-detail span{color:var(--af-muted);font-size:.88rem;line-height:1.45;margin-top:4px}.flow-check{align-items:flex-start!important;display:flex!important;gap:10px!important;line-height:1.45}.flow-check input{accent-color:#258f0d;height:18px;margin-top:2px;width:18px}.flow-check a{color:#17690a}.review-summary{display:grid;gap:12px}.review-summary .summary-row{border-bottom:1px solid var(--af-line);display:flex;justify-content:space-between;padding-bottom:10px}.review-summary .summary-total{align-items:center;display:flex;justify-content:space-between;padding-top:4px}.review-summary .summary-total strong{font-family:'Sora',sans-serif;font-size:1.65rem}.flow-hidden{display:none!important}@media(max-width:820px){.customer-flow-main{padding:42px 18px 70px}.flow-grid{grid-template-columns:1fr}.flow-card{padding:22px}.customer-flow-header{padding:16px 18px}}@media(max-width:620px){.flow-fields.two-column{grid-template-columns:1fr}.flow-steps{gap:5px}.flow-steps li{font-size:.65rem;padding:7px}.flow-steps li:not(.active):not(.done){display:none}.flow-hero h1{font-size:2.7rem}}
.flow-auth-toggle{display:flex;gap:8px;margin-top:22px}.flow-auth-toggle button{background:#eef2ec;border:1px solid var(--af-line);border-radius:7px;color:var(--af-ink);cursor:pointer;font:inherit;font-size:.82rem;font-weight:800;padding:10px 12px}.flow-auth-toggle button.active{background:var(--af-ink);border-color:var(--af-ink);color:#fff}.flow-card label small{color:var(--af-muted);font-size:.75rem;font-weight:500}