/* Order page only */
.order-steps.order-path{--p:0;--n:5;position:relative;display:grid;grid-template-columns:repeat(var(--n),1fr);gap:0;padding:26px 8px 8px;margin:6px 0 22px;background:none;box-shadow:none}
.order-steps.order-path::before{content:"";position:absolute;left:calc(100%/var(--n)/2);right:calc(100%/var(--n)/2);top:46px;height:8px;border-radius:99px;background:repeating-linear-gradient(90deg,var(--surface-3) 0 10px,transparent 10px 16px);box-shadow:var(--clay-in)}
.order-steps.order-path::after{content:"🧁";position:absolute;top:22px;left:calc(100%/var(--n)/2 + (100% - 100%/var(--n))*var(--p));transform:translateX(-50%);font-size:1.7rem;transition:left .8s var(--spring);filter:drop-shadow(0 6px 6px rgba(0,0,0,.25));animation:rideBob 1.6s ease-in-out infinite;z-index:3;pointer-events:none}
@keyframes rideBob{50%{transform:translate(-50%,-5px)}}
.order-steps.order-path>span{position:relative;display:grid;justify-items:center;gap:8px;padding:0;background:none!important;box-shadow:none!important;text-align:center;color:var(--text);opacity:.65;transition:opacity .4s}
.order-steps.order-path>span.active,.order-steps.order-path>span.done{opacity:1}
.order-steps.order-path>span i{font-style:normal;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--surface-3);box-shadow:var(--clay);font-size:1.2rem;position:relative;z-index:1;transition:transform .5s var(--spring),background .4s}
.order-steps.order-path>span.done i{background:linear-gradient(135deg,var(--rose),var(--rose-strong));color:#fff;font-weight:900}
.order-steps.order-path>span.active i{background:var(--surface);transform:scale(1.18);outline:3px solid var(--rose);outline-offset:2px}
.order-steps.order-path>span b{font-size:.82rem;line-height:1.2}
@media(max-width:600px){.order-steps.order-path>span b{font-size:.7rem}.order-steps.order-path>span i{width:40px;height:40px}.order-steps.order-path::before{top:43px}.order-steps.order-path::after{top:18px}}
@media(prefers-reduced-motion:reduce){.order-steps.order-path::after{animation:none;transition:none}}
.pickup-nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:16px;padding:14px 16px;border-radius:22px;background:linear-gradient(135deg,var(--rose-soft),var(--gold-soft));box-shadow:var(--clay-in);text-align:left}
.pickup-nav .pn-ico{font-size:2rem;animation:nvSpin 5s ease-in-out infinite}.pn-txt{flex:1;min-width:200px}.pn-txt strong{display:block}.pn-txt p{margin:2px 0 0;font-size:.86rem;opacity:.85}
.way-modal{display:grid;gap:12px;min-width:min(680px,88vw)}
.nv-embed .nv-sv{display:grid;gap:10px}.nv-embed .nv-sv iframe{width:100%;height:420px;border:0;border-radius:20px;box-shadow:var(--clay-in)}
.nv-embed .nv{padding:4px 0 0}
.receipt-note{display:flex;align-items:center;gap:12px;margin:12px auto;max-width:460px;text-align:left}.receipt-note p{margin:0}
.rn-pulse{flex:none;width:14px;height:14px;border-radius:50%;background:var(--gold,#E0A64A);animation:nvPulse 1.8s infinite}
.receipt-locked{opacity:.85}
.receipt-wait{display:grid;gap:10px;justify-items:center;text-align:center}.rw-ico{font-size:3rem;animation:nvSpin 4s ease-in-out infinite}.receipt-wait h2,.receipt-wait p{margin:0}
.rw-steps{list-style:none;margin:6px 0;padding:0;display:grid;gap:8px;width:min(320px,100%);text-align:left}.rw-steps li{padding:10px 14px;border-radius:14px;background:var(--surface-3);box-shadow:var(--clay-in);font-weight:700;opacity:.6}.rw-steps li.done{opacity:1}.rw-steps li.done::before{content:"✓ "}.rw-steps li.now{opacity:1;outline:2px solid var(--rose);animation:rwPulse 1.8s infinite}
@keyframes rwPulse{50%{outline-offset:3px}}

/* "Use your current location?" prompt inside the delivery address form */
.geo-ask{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;align-items:center;margin:0 0 16px;padding:14px 16px;border-radius:20px;background:linear-gradient(135deg,var(--rose-soft),var(--gold-soft));box-shadow:var(--clay-in)}
.geo-ask .geo-pin{font-size:2rem;animation:nvSpin 4s ease-in-out infinite}.geo-txt strong{display:block}.geo-txt small{display:block;opacity:.85;line-height:1.4;margin-top:2px}
.geo-btns{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.geo-msg{grid-column:1/-1;margin:0;min-height:0;font-size:.86rem}.geo-msg:empty{display:none}.geo-msg.bad{color:var(--rose-strong);font-weight:700}
.geo-ask.busy .geo-pin{animation-duration:.8s}
.geo-ask.geo-min{display:block;padding:8px 12px;background:none;box-shadow:none}.geo-again{border:0;background:none;color:var(--rose-strong);font:inherit;font-weight:800;cursor:pointer;text-decoration:underline}
