.order-scope,:root{--brand-dark:var(--primary,oklch(0.408 0.073 148));--brand-soft:oklch(0.95 0.02 148);--map-route:oklch(0.68 0.2 148);--star:var(--accent,oklch(0.72 0.16 62));--mall:oklch(0.7 0.14 240)}.order-scope{font-family:var(--font-sans,"Outfit",system-ui,sans-serif)}.text-brand-dark{color:var(--brand-dark)}.bg-brand-dark{background-color:var(--brand-dark)}.border-brand-dark{border-color:var(--brand-dark)}.text-brand-soft{color:var(--brand-soft)}.bg-brand-soft{background-color:var(--brand-soft)}.border-brand-soft{border-color:var(--brand-soft)}.text-star{color:var(--star)}.fill-star{fill:var(--star)}.text-mall{color:var(--mall)}.bg-map-route{background-color:var(--map-route)}.font-display{font-family:var(--font-display,"Outfit",system-ui,sans-serif)}.shadow-float{box-shadow:0 8px 24px -8px oklch(.2 .02 160/.18)}.shadow-soft{box-shadow:0 2px 10px -4px oklch(.2 .02 160/.12)}.route-dash{stroke-dasharray:6 10;animation:dash 1.2s linear infinite}.rider-bob{animation:bob 2.4s ease-in-out infinite}.pulse-ring{animation:ring 1.8s ease-out infinite}.press{transition:transform .18s cubic-bezier(.2,.8,.2,1),background-color .2s ease,box-shadow .2s ease,border-color .25s ease}.press:active{transform:scale(.97);transition-duration:.08s}.pay-card{will-change:transform}.pay-card:hover{transform:translateY(-1px)}.pay-card:active{transform:scale(.985)}.rise{animation:rise .55s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i, 0) * 70ms)}.pop{animation:pop .3s cubic-bezier(.3,1.6,.5,1)}.lift{transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease}.lift:hover{transform:translateY(-2px);box-shadow:0 12px 28px -10px oklch(.2 .02 160/.22)}.shine{position:relative;overflow:hidden}.shine:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,oklch(1 0 0/.22) 50%,transparent 70%);transform:translateX(-100%);animation:shine 3.2s ease-in-out infinite}.nudge{transition:transform .2s ease}.group:hover .nudge{transform:translateX(4px)}.sparkle{animation:sparkle 2.4s ease-in-out infinite}.focus-ring:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.step-in{animation:step-in .45s cubic-bezier(.2,.8,.2,1) both}.sheet-up{animation:sheet-up .4s cubic-bezier(.2,.9,.2,1) both}.fade-in{animation:fade-in .25s ease both}.pin-drop{animation:pin-drop .45s cubic-bezier(.3,1.5,.5,1) both}.shake{animation:shake .35s ease}@keyframes dash{to{stroke-dashoffset:-32}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes ring{0%{box-shadow:0 0 0 0 color-mix(in oklab,var(--primary) 55%,transparent)}to{box-shadow:0 0 0 12px transparent}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(.6);opacity:.3}to{transform:scale(1);opacity:1}}@keyframes shine{0%,60%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes sparkle{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(12deg) scale(1.12)}}@keyframes step-in{0%{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pin-drop{0%{opacity:0;margin-top:-30px}to{opacity:1;margin-top:0}}@keyframes shake{0%,to{transform:none}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@media (prefers-reduced-motion:reduce){.order-scope *,.order-scope :after,.order-scope :before{animation:none!important;animation-duration:.01ms!important;transition:none!important;transition-duration:.01ms!important}}.focused-map-dialog{inset:0;width:100%;height:100dvh;animation:fade-in .18s ease both}.focused-map-footer{padding-bottom:max(1rem,env(safe-area-inset-bottom))}.focused-map-surface .focused-map-transform{width:100%;height:100%}.focused-map-content{width:1024px;height:1280px}@media (min-width:640px) and (max-width:1023px){.focused-map-dialog{top:auto;height:88dvh;border-radius:20px 20px 0 0;animation:sheet-up .2s ease both}}@media (min-width:1024px){.focused-map-dialog{inset:auto;top:50%;left:50%;transform:translate(-50%,-50%);width:min(900px,calc(100% - 64px));height:min(800px,calc(100dvh - 64px));border-radius:16px;border-width:1px}}@media (prefers-reduced-motion:reduce){.focused-map-dialog{animation:none}}@media (min-width:768px){.cart-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.65fr);column-gap:20px;padding:0 16px 24px}.cart-content{display:contents}.cart-brand,.cart-heading{grid-column:1/-1}.cart-brand{padding-top:16px}.cart-items{grid-column:1;grid-row:3/5}.cart-items,.cart-summary{align-self:start;min-width:0}.cart-summary{grid-column:2;grid-row:3;margin-top:20px}.cart-checkout{grid-column:2;grid-row:4;position:static;padding:16px 0 0;min-width:0}.cart-recommendation{grid-column:1;grid-row:5;min-width:0}.confirmation-page{display:block;padding:32px 16px}.confirmation-layout{display:grid;max-width:none;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);column-gap:24px;align-items:start}.confirmation-message{grid-column:1;grid-row:1;padding-top:24px}.confirmation-receipt{grid-column:2;grid-row:1/4;margin-top:0;min-width:0}.confirmation-note{grid-column:1;grid-row:2;margin-top:24px}.confirmation-track{grid-column:1;grid-row:3}.live-tracking-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:start}.live-tracking-layout>[data-pinned-tracking]{grid-column:1;grid-row:1;min-width:0}.live-tracking-layout>[aria-hidden=true]{display:none}.live-tracking-details{grid-column:2;grid-row:1;min-width:0}.live-tracking-layout .live-map-box{height:320px}.live-tracking-details>.grid{grid-template-columns:minmax(0,1fr)}.delivered-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;border-radius:0;box-shadow:none;align-items:start}.delivered-layout>:first-child,.delivered-layout>video{min-width:0}.cancelled-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;border-radius:0;box-shadow:none}.cancelled-layout>:first-child{grid-column:1;grid-row:1/4}.cancelled-layout>:not(:first-child){grid-column:2;margin-top:0;min-width:0}}@media (min-width:1024px){.cart-page{grid-template-columns:minmax(0,1fr) minmax(320px,.5fr);column-gap:24px}.cart-page,.confirmation-page{padding-inline:24px}.live-tracking-layout{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.live-tracking-details>.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media print{.confirmation-page{display:block;padding:0}.confirmation-layout{display:block}}@media (max-width:639px){.order-scope .text-4xl,.order-scope .text-5xl{font-size:1.75rem;line-height:1.15}.order-scope{font-size:14px}.order-scope .text-3xl{font-size:1.375rem;line-height:1.2}.order-scope .text-2xl{font-size:1.25rem;line-height:1.25}.order-scope .text-xl{font-size:1.0625rem;line-height:1.35}.order-scope .text-lg{font-size:1rem}.order-scope .text-base{font-size:.9375rem}.order-scope .p-6{padding:1rem}.order-scope .p-5{padding:.875rem}.order-scope .px-5{padding-inline:1rem}.order-scope .py-6{padding-block:1rem}.order-scope .h-14{height:3rem}.order-scope .rounded-3xl,.order-scope .rounded-\[28px\]{border-radius:1.25rem}.order-scope .gap-6{gap:1rem}.order-scope .space-y-6>:not(:last-child){margin-bottom:1rem}}