/* Namespaced styles: no global resets, framework dependency or page layout changes. */
#qre-order-root { --qo-gold:#d5bd83; --qo-muted:#b5b1a6; position:fixed; top:max(14px,env(safe-area-inset-top)); right:max(14px,env(safe-area-inset-right)); z-index:110; color:#f6f3ec; font:400 14px/1.5 Inter,system-ui,sans-serif; width:min(390px,calc(100% - 28px)); pointer-events:none; color-scheme:dark; }
#qre-order-root *,#qre-order-root *::before,#qre-order-root *::after {box-sizing:border-box;}
#qre-order-root[hidden],#qre-order-root [hidden] {display:none!important;}
#qre-order-root button {font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;}
#qre-order-root button:focus-visible {outline:2px solid #f1d99b;outline-offset:4px;}
#qre-order-root svg {width:20px;height:20px;flex:none;}
#qre-client-order-widget {display:flex;align-items:center;gap:12px;min-height:62px;width:max-content;max-width:100%;margin-left:auto;pointer-events:auto;padding:10px 14px 10px 10px;border:1px solid #d5bd8359;border-radius:19px;background:linear-gradient(125deg,#25221beF,#151512f5);color:#f6f3ec;text-align:left;box-shadow:0 8px 24px #0005,0 1px 0 #ffffff0a inset;transition:border-color .2s,background .2s;}
#qre-client-order-widget:hover {border-color:#d5bd83b3;background:#29251e;}
#qre-order-root .qre-order-bag {display:grid;place-items:center;position:relative;width:38px;height:38px;border-radius:12px;background:#d5bd8312;color:var(--qo-gold);}
#qre-order-root .qre-order-bag svg {width:22px;height:22px;}
#qre-order-root .qre-order-dot {display:inline-block;width:7px;height:7px;border-radius:50%;background:#bcdba0;flex-shrink:0;}
#qre-order-root .qre-order-bag .qre-order-dot {position:absolute;right:3px;bottom:3px;box-shadow:0 0 0 3px #242119;}
#qre-order-root.is-offline .qre-order-dot {background:#e5b66c;}
#qre-order-root .qre-order-label {display:grid;gap:2px;min-width:0;}
#qre-order-root .qre-order-label strong {font-size:12px;font-weight:650;white-space:normal;overflow-wrap:anywhere;}
#qre-order-root .qre-order-label>span {font-size:11px;color:var(--qo-muted);}
#qre-order-root .qre-order-arrow {display:flex;color:var(--qo-gold);margin-left:4px;}
#qre-order-root .qre-order-arrow svg {width:15px;height:15px;transition:transform .2s;}
#qre-client-order-widget[aria-expanded=true] .qre-order-arrow svg {transform:rotate(90deg);}
#qre-client-order-details {position:absolute;right:0;top:calc(100% + 10px);width:100%;pointer-events:auto;max-height:calc(100dvh - 100px - env(safe-area-inset-top) - env(safe-area-inset-bottom));display:flex;flex-direction:column;border:1px solid #d5bd834d;border-radius:24px;background:#11120f;box-shadow:0 18px 64px #0009,0 1px 0 #ffffff08 inset;overflow:hidden;animation:qre-order-in .16s ease-out;}
#qre-order-root h2,#qre-order-root h3,#qre-order-root p,#qre-order-root ul {margin:0;}
#qre-order-root .qre-order-head {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 20px 16px;border-bottom:1px solid #ffffff0d;flex-shrink:0;}
#qre-order-root .qre-order-eyebrow {font-size:9px;letter-spacing:.16em;color:var(--qo-gold);font-weight:650;margin-bottom:5px;}
#qre-order-root h2 {font-size:24px;line-height:1.2;font-weight:550;overflow-wrap:anywhere;}
#qre-order-root .qre-order-icon-button {display:grid;place-items:center;border:1px solid #ffffff13;background:#ffffff05;width:40px;height:40px;flex-shrink:0;border-radius:13px;color:#d7d3c9;}
#qre-order-root .qre-order-icon-button:hover {background:#ffffff10;}
#qre-order-root .qre-order-scroll {overflow:auto;overscroll-behavior:contain;padding:16px 20px;scrollbar-width:thin;scrollbar-color:#73684c transparent;min-height:50px;}
#qre-order-root .qre-order-status-card {padding:14px;border:1px solid #d5bd8324;border-radius:16px;background:linear-gradient(125deg,#d5bd830c,transparent);}
#qre-order-root .qre-order-status-heading {display:flex;align-items:center;gap:8px;font-size:13px;}
#qre-order-root [data-progress-copy] {font-size:11px;color:var(--qo-muted);margin-top:5px;}
#qre-order-root .qre-order-progress {display:flex;gap:5px;margin-top:14px;}
#qre-order-root .qre-order-progress i {flex:1;height:3px;border-radius:8px;background:#ffffff13;}
#qre-order-root .qre-order-progress i.is-complete {background:var(--qo-gold);}
#qre-order-root .qre-order-stage-labels {display:flex;justify-content:space-between;font-size:9px;color:var(--qo-muted);margin-top:6px;}
#qre-order-root .qre-order-update {font-size:10px;color:#aaa79e;padding:9px 2px 15px;}
#qre-order-root .qre-order-update.is-offline {color:#e5bd80;}
#qre-order-root .qre-order-items-heading {display:flex;justify-content:space-between;gap:10px;align-items:center;}
#qre-order-root h3 {font-size:12px;font-weight:600;}
#qre-order-root [data-count] {font-size:10px;color:var(--qo-muted);}
#qre-order-root .qre-order-items {list-style:none;padding:0;}
#qre-order-root .qre-order-items li {display:flex;align-items:flex-start;gap:10px;padding:15px 0;border-bottom:1px solid #ffffff0c;}
#qre-order-root .qre-order-items li:last-child {border:0;padding-bottom:2px;}
#qre-order-root .qre-order-qty {font-size:11px;padding:4px 7px;color:var(--qo-gold);background:#d5bd830e;border:1px solid #d5bd8318;border-radius:8px;flex-shrink:0;}
#qre-order-root .qre-order-item-main {flex:1;min-width:0;display:grid;gap:5px;}
#qre-order-root .qre-order-item-main strong {font-size:12px;font-weight:550;overflow-wrap:anywhere;}
#qre-order-root .qre-order-item-state {font-size:10px;color:var(--qo-muted);}
#qre-order-root .qre-order-item-state.is-delivered {color:#b2d699;}
#qre-order-root .qre-order-item-state.is-ready {color:#ebc080;}
#qre-order-root .qre-order-price {font-size:12px;font-weight:550;white-space:nowrap;font-variant-numeric:tabular-nums;}
#qre-order-root .qre-order-footer {padding:16px 20px 14px;border-top:1px solid #ffffff10;background:#191a15;flex-shrink:0;}
#qre-order-root .qre-order-total {display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;}
#qre-order-root .qre-order-total strong {font-size:21px;font-weight:550;color:#f0dec0;}
#qre-order-root .qre-order-payment {font-size:10px;color:var(--qo-muted);margin:3px 0 14px;}
#qre-order-root .qre-order-payment.is-paid {color:#b2d699;}
#qre-order-root .qre-order-footer-actions {display:flex;align-items:center;gap:10px;}
#qre-order-root .qre-order-back {min-height:42px;border:0;background:var(--qo-gold);color:#252117;border-radius:12px;padding:10px 12px;display:flex;align-items:center;justify-content:center;gap:6px;flex:1;font-size:11px;font-weight:650;}
#qre-order-root .qre-order-back svg {width:14px;height:14px;}
#qre-order-root .qre-order-refresh {min-height:42px;display:flex;align-items:center;gap:5px;padding:6px 2px;border:0;background:transparent;color:var(--qo-muted);font-size:10px;}
#qre-order-root .qre-order-refresh:disabled {opacity:.5;cursor:wait;}
#qre-order-root .qre-order-refresh svg {width:15px;height:15px;}
#qre-order-root .qre-order-note {font-size:9px;color:#afad9f;margin-top:12px;text-align:center;}
.qre-order-live {position:fixed!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;}
@keyframes qre-order-in {from {opacity:0;transform:translateY(-5px)} to {opacity:1;transform:translateY(0)}}
@media(max-width:480px) {#qre-order-root {top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));width:min(370px,calc(100% - 20px));} #qre-client-order-widget {min-height:54px;border-radius:16px;padding:8px 10px 8px 8px;gap:9px;} #qre-order-root .qre-order-bag {width:32px;height:32px;} #qre-order-root .qre-order-label strong {font-size:11px;} #qre-order-root .qre-order-label>span {font-size:10px;} #qre-client-order-details {width:100%;max-height:calc(100dvh - 84px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:20px;} #qre-order-root .qre-order-head {padding:16px;} #qre-order-root .qre-order-scroll {padding:14px 16px;} #qre-order-root .qre-order-footer {padding:12px 16px;}}
@media(prefers-reduced-motion:reduce) {#qre-client-order-details {animation:none;} #qre-order-root * {transition:none!important;}}
@media(max-height:500px) {#qre-order-root .qre-order-status-card,#qre-order-root .qre-order-note {display:none;} #qre-order-root .qre-order-head {padding:10px 16px;} #qre-order-root .qre-order-footer {padding:8px 16px;} #qre-order-root .qre-order-payment {margin:0 0 5px;} #qre-order-root h2 {font-size:19px;}}