.order-flow-stepper-sentinel{pointer-events:none;width:100%;height:1px;margin:0;padding:0}.order-flow-stepper{--stepper-accent:var(--brand-primary);--stepper-accent-soft:color-mix(in srgb, var(--brand-primary) 16%, var(--surface));--stepper-rail:var(--border-light);--stepper-dot-size:1.75rem;--stepper-rail-thickness:3px;--stepper-gap:.35rem;top:calc(var(--header-height,4rem) + .35rem);z-index:30;width:100%;max-width:36rem;margin:0 auto .65rem;transition:max-width .35s,padding .35s,background .35s,box-shadow .35s,border-radius .35s;position:sticky}.order-flow-stepper__list{justify-content:space-between;align-items:flex-start;gap:0;margin:0;padding:0;list-style:none;display:flex}.order-flow-stepper__item{flex-direction:column;flex:1;align-items:center;min-width:0;display:flex;position:relative}.order-flow-stepper__seg{z-index:0;top:calc(var(--stepper-dot-size) / 2);height:var(--stepper-rail-thickness);margin-top:calc(var(--stepper-rail-thickness) / -2);background:var(--stepper-rail);pointer-events:none;border-radius:999px;position:absolute;inset-inline-start:calc(-50% + (var(--stepper-dot-size) / 2) + var(--stepper-gap));inset-inline-end:calc(50% + (var(--stepper-dot-size) / 2) + var(--stepper-gap));overflow:hidden}.order-flow-stepper__seg-fill{border-radius:inherit;background:linear-gradient(90deg, var(--stepper-accent) 0%, var(--brand-primary-light,var(--stepper-accent)) 100%);width:0%;height:100%;transition:width .55s cubic-bezier(.22,1,.36,1);display:block}.order-flow-stepper__seg--filled .order-flow-stepper__seg-fill{width:100%}.order-flow-stepper__node{z-index:2;flex-direction:column;align-items:center;gap:.35rem;width:100%;display:flex;position:relative}.order-flow-stepper__dot{z-index:2;width:var(--stepper-dot-size);height:var(--stepper-dot-size);border:2px solid var(--border);background:var(--surface);color:var(--text-subtle);isolation:isolate;border-radius:999px;justify-content:center;align-items:center;font-size:.7rem;font-weight:800;transition:border-color .3s,background .3s,color .3s,box-shadow .3s,transform .25s;display:inline-flex;position:relative}.order-flow-stepper__halo{border:2px solid rgb(var(--color-brand-rgb) / .35);pointer-events:none;border-radius:999px;display:none;position:absolute;inset:-7px}.order-flow-stepper__item--current .order-flow-stepper__halo{animation:2.1s ease-out infinite order-stepper-halo;display:block}.order-flow-stepper__item--current .order-flow-stepper__dot{border-color:var(--stepper-accent);background:var(--stepper-accent);color:var(--surface);box-shadow:0 0 0 5px var(--stepper-accent-soft);transform:scale(1.06)}.order-flow-stepper__item--done .order-flow-stepper__dot{border-color:var(--stepper-accent);background:var(--stepper-accent-soft);color:var(--stepper-accent)}.order-flow-stepper__item--upcoming .order-flow-stepper__dot{border-color:var(--border-light);background:var(--surface-muted);color:var(--text-subtle)}.order-flow-stepper__item--upcoming .order-flow-stepper__label{opacity:.65;font-weight:500}.order-flow-stepper__num{line-height:1}.order-flow-stepper__check{width:.9rem;height:.9rem}.order-flow-stepper__check-path{stroke-dasharray:20;stroke-dashoffset:20px;animation:.45s ease-out forwards order-stepper-check-draw}.order-flow-stepper__label{text-align:center;color:var(--text-subtle);white-space:nowrap;text-overflow:ellipsis;max-width:4.6rem;font-size:.65rem;font-weight:600;line-height:1.25;transition:color .25s,font-weight .25s,opacity .3s,max-height .3s;overflow:hidden}.order-flow-stepper__item--current .order-flow-stepper__label{color:var(--stepper-accent);font-weight:800}.order-flow-stepper__item--done .order-flow-stepper__label{color:var(--stepper-accent);opacity:.92;font-weight:700}@media (hover:hover) and (pointer:fine){.order-flow-stepper__item--done .order-flow-stepper__dot:hover{box-shadow:0 6px 14px rgb(var(--color-brand-rgb) / .18);transform:scale(1.05)}}@media (min-width:640px){.order-flow-stepper{--stepper-dot-size:2rem;--stepper-rail-thickness:3.5px;--stepper-gap:.4rem;margin-bottom:.75rem}.order-flow-stepper__label{max-width:none;font-size:.75rem}.order-flow-stepper__dot{font-size:.75rem}}@media (min-width:1024px){.order-flow-stepper--compact{background:color-mix(in srgb, var(--surface) 88%, transparent);border:1px solid var(--border-light);max-width:28rem;box-shadow:var(--shadow-soft,0 8px 24px #00000014);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);--stepper-dot-size:1.55rem;--stepper-gap:.3rem;border-radius:999px;padding:.4rem .75rem .35rem}.order-flow-stepper--compact .order-flow-stepper__label{opacity:0;pointer-events:none;max-height:0;margin:0;overflow:hidden}.order-flow-stepper--compact .order-flow-stepper__dot{font-size:.65rem}.order-flow-stepper--compact .order-flow-stepper__node{gap:0}}.dark .order-flow-stepper{--stepper-accent:var(--brand-primary);--stepper-accent-soft:color-mix(in srgb, var(--brand-primary) 22%, var(--surface));--stepper-rail:#ffffff1f}.dark .order-flow-stepper__item--current .order-flow-stepper__dot{color:var(--surface)}.dark .order-flow-stepper--compact{background:color-mix(in srgb, var(--surface-elevated) 90%, transparent);border-color:var(--border)}@keyframes order-stepper-halo{0%{opacity:.55;transform:scale(.92)}70%{opacity:0;transform:scale(1.28)}to{opacity:0;transform:scale(1.28)}}@keyframes order-stepper-check-draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.order-flow-stepper__seg-fill{transition:none}.order-flow-stepper__item--current .order-flow-stepper__halo{opacity:.35;animation:none;transform:scale(1.08)}.order-flow-stepper__check-path{stroke-dashoffset:0;animation:none}}@media (max-width:1023px){.order-flow-stepper{position:relative;top:auto}.order-flow-stepper--compact{max-width:36rem;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;padding:0}.order-flow-stepper--compact .order-flow-stepper__label{opacity:1;max-height:none}}