.full-order{--order-accent:var(--store-primary,var(--primary,#ff6900));--order-line:var(--line,var(--store-input-border,#ddd));color:var(--text);font-size:14px;line-height:1.5}
.full-order h3{font-size:18px;margin:0;color:var(--order-accent)}.full-order header{margin-bottom:20px}.full-order small{color:var(--muted);font-size:12px}
.full-order-item{padding:16px 0;border-top:1px solid var(--order-line)}.full-order-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.full-order-row>:first-child{min-width:0;overflow-wrap:anywhere}.full-order-row>:last-child{flex-shrink:0}
.full-order ul{padding-left:18px;margin:10px 0}.full-order li{margin:8px 0}.full-order .order-unavailable{display:block;color:#bd3030;font-weight:700;font-size:12px;margin:5px 0}
:root[data-theme="dark"] .full-order .order-unavailable,body.store-ready:not(.light) .full-order .order-unavailable{color:#ff9292}
.full-order-totals{border-top:1px solid var(--order-line);padding-top:16px}.full-order-totals>div{display:flex;justify-content:space-between;gap:16px;margin:6px 0}.full-order-totals dd{margin:0}.full-order-totals>div:last-child{font-size:18px;font-weight:800;color:var(--order-accent)}.order-notes{white-space:pre-wrap}
.view-order-link{display:block;text-align:right;margin-top:10px;color:var(--store-primary,var(--primary,#ff6900));font-weight:700}
button.view-order-link{background:transparent!important;border:0!important;box-shadow:none!important;padding:8px 0;cursor:pointer}
#trackingContent>button.view-order-link{width:max-content;margin:10px 0 10px auto;padding:0;text-align:right}#trackingContent>.tracking-feedback-button{margin-top:0}
.full-order .repeat-order{display:block;width:100%;margin:20px 0 8px}
.account-order>.primary,.account-order>button.view-order-link{grid-column:1/-1;width:100%}.account-order>.primary{margin-top:12px}
.tracking-dots i,.tracking-step>b,.tracking-steps>div>span{position:relative}
/* Pulse a separate ring so store theme shadows cannot override the animation. */
.tracking-dots i.current::after,.tracking-step.current>b::after,.tracking-steps>div.current>span::after{content:'';position:absolute;inset:0;border-radius:50%;pointer-events:none;animation:current-step-pulse 2s ease-in-out infinite}
@keyframes current-step-pulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--store-primary,var(--primary,#ff6900)) 38%,transparent)}50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--store-primary,var(--primary,#ff6900)) 0%,transparent)}}
@media(prefers-reduced-motion:reduce){.tracking-dots i.current::after,.tracking-step.current>b::after,.tracking-steps>div.current>span::after{animation:none}}
#orderProducts.modal{position:fixed!important;inset:0 0 0 auto!important;width:min(410px,100%)!important;height:100dvh;max-height:100dvh;border-radius:0;margin:0;padding:60px 24px 24px;overflow:auto}
#orderProducts.modal.open{display:block;transform:none!important;animation:none!important}
#orderProductsContent h2{font-size:24px}body:has(#orderProducts.open){overflow:hidden}
@media(max-width:760px){#orderProducts.modal{width:100%!important;bottom:calc(70px + env(safe-area-inset-bottom))!important;height:calc(100dvh - 70px - env(safe-area-inset-bottom));max-height:calc(100dvh - 70px - env(safe-area-inset-bottom))}}
#trackingContent .tracking-dots i{box-shadow:none!important}
#trackingContent .tracking-dots i.done{background:var(--store-primary,var(--primary,#ff6900))!important}
#trackingContent .tracking-dots i:not(.done){background:color-mix(in srgb,var(--store-primary,var(--primary,#ff6900)) 26%,var(--surface2))!important}
/* Hide only the scrollbars, retaining wheel, touch and keyboard scrolling. */
#tracking,#trackingContent,#orderProducts,#orderProductsContent,#orderPixCode{scrollbar-width:none}
#tracking::-webkit-scrollbar,#trackingContent::-webkit-scrollbar,#orderProducts::-webkit-scrollbar,#orderProductsContent::-webkit-scrollbar,#orderPixCode::-webkit-scrollbar{display:none;width:0;height:0}
