.smoothie-options{border:1px solid var(--line);border-radius:16px;padding:10px 16px;margin:20px 0;background:#fffdf9}.smoothie-options legend{font-weight:700;font-size:13px;padding:0 7px}.smoothie-options label{font-weight:700}.option-price{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:4px}.option-note{font-size:12px;line-height:1.5}.smoothie-options select{margin-top:0}
.order-progress{padding:12px 24px 26px;background:#eee5f2;border:1px solid #e5d9e9;overflow:hidden;text-align:center}.tracking-headline>strong{font:clamp(25px,4.4vw,34px)/1.15 Georgia,serif;display:block;color:var(--ink)}.tracking-headline p{margin:12px auto 0;max-width:450px;font-size:14px}.prep-scene{position:relative;max-width:280px;margin:0 auto 22px}.prep-bowl{width:240px;max-width:90%;height:auto;display:block;margin:auto}.prep-scene-caption{display:block;font-size:10px;letter-spacing:1.8px;text-transform:uppercase;font-weight:700;color:var(--purple);margin-top:3px}.prep-spark{position:absolute;color:#b57b9a;font-size:20px;top:50px;left:4px}.spark-two{top:82px;right:2px;left:auto;font-size:14px}.fruit-drop{opacity:0}.ready-check{opacity:0}.scene-received .prep-bowl{animation:bowl-breathe 3s ease-in-out infinite}.scene-preparing .prep-bowl{animation:bowl-bob 2.4s ease-in-out infinite}.scene-preparing .fruit-drop{animation:fruit-fall 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.scene-preparing .fruit-two{animation-delay:.8s}.scene-preparing .fruit-three{animation-delay:1.6s}.scene-preparing .bowl-toppings{animation:toppings-glow 2.4s ease-in-out infinite}.scene-preparing .prep-spark,.scene-ready .prep-spark{animation:sparkle 2.5s ease-in-out infinite}.scene-ready .ready-check,.scene-complete .ready-check{opacity:1}.scene-ready .ready-check{animation:check-pop .4s ease-out}.scene-ready .prep-bowl{animation:bowl-breathe 3s ease-in-out infinite}.scene-payment .prep-bowl,.scene-canceled .prep-bowl,.scene-attention .prep-bowl{opacity:.65}.scene-canceled .prep-spark,.scene-attention .prep-spark{display:none}
.order-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:28px 0 0;gap:0}.order-steps li{position:relative;font-size:11px;line-height:1.4;font-weight:700;color:#88798e;padding:0 4px;display:flex;align-items:center;flex-direction:column;gap:8px}.order-steps li:not(:first-child):before{content:'';position:absolute;top:13px;right:calc(50% + 14px);width:calc(100% - 28px);height:2px;background:#d8c9df}.order-steps .step-dot{display:grid;place-items:center;width:28px;height:28px;border:2px solid #d8c9df;border-radius:50%;background:#f9f5fb;color:#88798e;z-index:1;font-size:11px}.order-steps .step-done{color:var(--purple)}.order-steps .step-done .step-dot{background:var(--purple);border-color:var(--purple);color:white}.order-steps .step-current{color:var(--ink)}.order-steps .step-current .step-dot{background:white;border-color:var(--purple);color:var(--purple);box-shadow:0 0 0 4px #63327812}.order-steps .step-done:before,.order-steps .step-current:before{background:var(--purple)}.order-progress.ready{border-color:#b6d8c5}.order-progress.ready .tracking-headline>strong{color:#214b39}.alert-panel{padding:18px 20px;background:white;border:1px solid var(--line);border-radius:16px;margin:16px 0 24px}.alert-panel h3{font-size:15px;margin:0 0 7px}.alert-panel p{font-size:12px;margin:6px 0}.alert-panel .primary{margin-top:12px}.alert-panel .text-btn{padding:10px 0}.tracking-caption{margin:10px 0;font-size:12px}.tracking-preview-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.tracking-preview-tabs .tab{font-size:12px;padding:10px 14px}.tracking-preview-wrap{max-width:560px;margin:auto}.tracking-banner.ready{position:sticky;top:8px;z-index:11;box-shadow:0 5px 25px #34223e17}
@keyframes bowl-breathe{50%{transform:translateY(-3px)}}@keyframes bowl-bob{50%{transform:translateY(-2px) rotate(1deg)}}@keyframes fruit-fall{0%,12%{opacity:0;transform:translateY(-13px) rotate(-20deg)}20%{opacity:1}65%{opacity:1;transform:translateY(40px) rotate(15deg)}80%,100%{opacity:0;transform:translateY(49px)}}@keyframes sparkle{50%{opacity:.4;transform:scale(.75) rotate(12deg)}}@keyframes toppings-glow{50%{opacity:.7}}@keyframes check-pop{from{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(max-width:420px){.order-progress{padding:8px 14px 23px}.order-steps li{font-size:10px}.prep-bowl{width:215px}.tracking-headline p{font-size:13px}}@media(prefers-reduced-motion:reduce){.prep-scene *{animation:none!important}.scene-preparing .fruit-drop{opacity:1}}