/* ===== v2.4.10 (Oct 23, 2026): checkout fee line + live order tracking — the v2.4.4 brand look (Fredoka/Inter, HQ palette, dark mode) ===== */
.fee2410 .muted{color:var(--mut)}
.zres2410 .zfee{color:var(--mut)}
.trk2410 .trkh2410{margin:6px 0 14px}
.trk2410 .trkh2410 .disp{margin:4px 0 6px}
.lead2410{margin:0;font-size:16px;line-height:1.4;color:var(--w-ink,#1b1b1b)}
.eta2410{display:flex;gap:12px;align-items:center;margin:0 0 12px;padding:14px 16px;border-radius:18px;background:#8B3A3A;color:#fff;box-shadow:inset 0 -4px 0 var(--b-gold,#f9a825)}
.eta2410 .ei2410{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.14);display:grid;place-items:center;flex:none}
.eta2410 .ei2410 .lic{width:24px;height:24px}
.eta2410 small{display:block;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#ffe1a6}
.eta2410 b{display:block;font-family:var(--fd);font-weight:600;font-size:26px;line-height:1.1;margin:2px 0}
.eta2410 .stop2410{display:inline-block;margin:4px 8px 0 0;padding:3px 10px;border-radius:999px;background:var(--b-gold,#f9a825);color:#3a2300;font-weight:700;font-size:13px}
.eta2410 em{display:inline-block;font-style:normal;font-size:13px;opacity:.92;margin-top:4px}
.done2410 .eta2410 b,.odt2410 .eta2410 b{font-size:21px}
.tn2410{display:flex;gap:10px;align-items:center;margin:0 0 12px;padding:12px 14px;border-radius:16px;border:1.5px solid var(--w-line,#e4d9cc);background:var(--w-card,#fff)}
.tn2410 small{display:block;font-size:12px;color:var(--mut);font-weight:600}
.tn2410 b{font-family:ui-monospace,Menlo,monospace;font-size:15px;letter-spacing:.02em;word-break:break-all;color:var(--w-ink,#1b1b1b)}
.tl2410{list-style:none;margin:0;padding:2px 0;position:relative}
.tl2410 li{display:flex;gap:12px;align-items:flex-start;position:relative;padding:0 0 18px;color:var(--mut)}
.tl2410 li:last-child{padding-bottom:0}
.tl2410 li::before{content:"";position:absolute;left:13px;top:28px;bottom:2px;width:2px;background:var(--w-line,#e4d9cc)}
.tl2410 li:last-child::before{display:none}
.tl2410 li.done::before{background:#8B3A3A}
.tl2410 .dot2410{width:28px;height:28px;border-radius:50%;border:2px solid var(--w-line,#e4d9cc);background:var(--w-card,#fff);display:grid;place-items:center;flex:none;position:relative;z-index:1}
.tl2410 li.done .dot2410{background:#8B3A3A;border-color:#8B3A3A;color:#fff}
.tl2410 .dot2410 .lic{width:15px;height:15px}
.tl2410 li.cur .dot2410{box-shadow:0 0 0 4px rgba(249,168,37,.35)}
.tl2410 li.cur:not(.done) .dot2410{border-color:var(--b-gold,#f9a825)}
.tl2410 .grow{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;min-width:0;flex:1}
.tl2410 b{display:block;font-weight:600;font-size:15.5px;line-height:28px}
.tl2410 li.done b,.tl2410 li.cur b{color:var(--w-ink,#1b1b1b)}
.tl2410 li.cur b{font-family:var(--fd);font-size:17px}
.tl2410 small{display:block;margin:-2px 0 0;padding:0;text-align:left;font-size:13px;font-weight:600;color:#8B3A3A}
.tl2410.sm li{padding-bottom:12px}
.tl2410.sm .dot2410{width:22px;height:22px}
.tl2410.sm li::before{left:10px;top:22px}
.tl2410.sm b{line-height:22px;font-size:14px}
.tl2410.sm li.cur b{font-size:15px}
.tlc2410{padding:16px}
.tlm2410{display:flex;gap:6px;align-items:center;margin:12px 0 0}
.tlm2410 .lic{width:15px;height:15px}
.tli2410{margin-top:12px}
.upd2410{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:14px 0 10px}
.upd2410 .btn .lic,.share2410 .lic,.odt2410 .btn .lic,.tn2410 .btn .lic{width:16px;height:16px}
.share2410{display:flex;gap:8px;justify-content:center;align-items:center}
.done2410 .tl2410{margin:6px 0 4px}
.done2410 .eta2410{margin:12px 0 0}
.odt2410{margin:4px 0 14px;padding:14px;border-radius:16px;border:1px solid var(--w-line,#e4d9cc);background:var(--w-card,#fff)}
.odt2410 .eta2410{margin:12px 0 0}
.odt2410 .btn{margin-top:12px;display:flex;gap:8px;justify-content:center;align-items:center}
.pill.pt2410.out{background:#8B3A3A;color:#fff}
.pill.pt2410.delivered,.pill.pt2410.picked{background:rgba(46,125,50,.14);color:#2e7d32}
#ptr2410{position:fixed;left:50%;top:0;transform:translate(-50%,-60px);z-index:60;display:flex;gap:8px;align-items:center;padding:8px 14px;border-radius:999px;background:var(--w-card,#fff);color:var(--w-ink,#1b1b1b);border:1px solid var(--w-line,#e4d9cc);box-shadow:0 6px 18px rgba(0,0,0,.14);font-size:13px;font-weight:600;transition:transform .18s ease;pointer-events:none}
#ptr2410:not(.pull):not(.ready):not(.spin){opacity:0}
#ptr2410 .lic{width:16px;height:16px}
#ptr2410.ready{color:#8B3A3A}
#ptr2410.spin .lic{animation:spin2410 .8s linear infinite}
@keyframes spin2410{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){#ptr2410.spin .lic{animation:none}}
html.dk20 .eta2410{background:#7a2f2f}
html.dk20 .tl2410 li.done::before{background:#b25555}
html.dk20 .tl2410 li.done .dot2410{background:#a34747;border-color:#a34747}
html.dk20 .tl2410 small{color:#f0a3a3}
html.dk20 .pill.pt2410.delivered,html.dk20 .pill.pt2410.picked{color:#8fd694}
@media (min-width:700px){.trk2410{max-width:620px;margin-left:auto;margin-right:auto}}