/* V97 — customer Shop delivery map. */
#viewShopMap{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;overflow:hidden!important}
#shopCustomerMapRoot{position:relative;min-height:calc(100dvh - 142px);overflow:hidden;background:#070604}
.shopTrackShell{position:relative;width:100%;height:calc(100dvh - 142px);min-height:560px;overflow:hidden;background:#070604;color:#fff}
.shopTrackMap{position:absolute;inset:0;background:#090806}
.shopTrackMap .leaflet-tile-pane{filter:saturate(.52) brightness(.76) contrast(1.1)}
.shopTrackMap .leaflet-control-attribution{margin:0 4px 82px 0!important;padding:2px 5px!important;border-radius:6px 0 0 0!important;background:rgba(7,6,4,.76)!important;color:#999!important;font-size:8px!important}
.shopTrackMap .leaflet-control-attribution a{color:#d1b15b!important}
.shopTrackLeafletIcon{background:none!important;border:0!important}

.shopTrackHeader{position:absolute;z-index:530;top:10px;left:10px;right:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border:1px solid rgba(241,201,75,.26);border-radius:17px;background:rgba(9,8,6,.92);backdrop-filter:blur(16px);box-shadow:0 10px 28px rgba(0,0,0,.34)}
.shopTrackHeader>div{display:grid;gap:1px;min-width:0}.shopTrackHeader small{font-size:8px;font-weight:1000;letter-spacing:.15em;color:#d7aa2e}.shopTrackHeader strong{font-size:16px;line-height:1.05}.shopTrackHeader span{display:flex;align-items:center;gap:5px;font-size:9px;color:#bdb5a7}.shopTrackHeader span i{width:7px;height:7px;border-radius:50%;background:#47dd8a;box-shadow:0 0 0 4px rgba(71,221,138,.1)}.shopTrackHeader span.flash{color:#f1c94b}
.shopTrackHeader>button,.shopTrackTools button{width:43px;height:43px;border:1px solid rgba(241,201,75,.28);border-radius:13px;background:#242019;color:#f1c94b;font:inherit;font-weight:1000;font-size:18px;display:grid;place-items:center}
.shopTrackTools{position:absolute;z-index:525;top:91px;right:10px}.shopTrackTools button{background:rgba(9,8,6,.9);font-size:20px}

.shopTrackOrderPicker{position:absolute;z-index:525;top:91px;left:10px;right:64px;display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.shopTrackOrderPicker::-webkit-scrollbar{display:none}.shopTrackOrderPicker.hidden{display:none}
.shopTrackOrderPicker button{min-width:118px;max-width:160px;padding:7px 9px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(9,8,6,.88);color:#d9d0bd;text-align:left;display:grid;gap:1px;backdrop-filter:blur(12px)}.shopTrackOrderPicker button small{font-size:7px;color:#a89f91;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shopTrackOrderPicker button strong{font-size:9px;white-space:nowrap}.shopTrackOrderPicker button.active{border-color:rgba(241,201,75,.6);background:#2c2516;color:#f7d567}

.shopTrackSheet{position:absolute;z-index:540;left:9px;right:9px;bottom:9px;padding:12px;border:1px solid rgba(241,201,75,.26);border-radius:20px;background:rgba(10,9,7,.95);backdrop-filter:blur(18px);box-shadow:0 14px 38px rgba(0,0,0,.45);color:#fff}
.shopTrackStatusTop{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:9px}.shopTrackStatusIcon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#2c261b;color:#f1c94b;font-size:14px;font-weight:1000}.shopTrackStatusIcon.accepted,.shopTrackStatusIcon.picked_up,.shopTrackStatusIcon.on_the_way,.shopTrackStatusIcon.delivered{background:#173b28;color:#5be693}.shopTrackStatusIcon.completed{background:#f1c94b;color:#17130b}.shopTrackStatusIcon.cancelled{background:#45211d;color:#ffb0a6}.shopTrackStatusTop>div{min-width:0;display:grid;gap:2px}.shopTrackStatusTop>div small{font-size:8px;font-weight:1000;letter-spacing:.11em;color:#d7aa2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shopTrackStatusTop>div strong{font-size:15px;line-height:1.1}.shopTrackStatusTop>div span{font-size:10px;line-height:1.25;color:#beb5a5}.shopTrackStatusTop>b{display:grid;text-align:right;color:#5be693;font-size:15px;white-space:nowrap}.shopTrackStatusTop>b small{font-size:7px;letter-spacing:.09em;color:#a9a091}
.shopTrackProgress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:11px}.shopTrackProgress span{position:relative;display:grid;justify-items:center;gap:3px;color:#726b60}.shopTrackProgress span:not(:last-child)::after{content:'';position:absolute;left:calc(50% + 11px);right:calc(-50% + 11px);top:10px;height:2px;background:#332f28}.shopTrackProgress span.done:not(:last-child)::after{background:#d4ad3b}.shopTrackProgress i{position:relative;z-index:1;width:21px;height:21px;border-radius:50%;background:#24211c;border:1px solid #48423a;display:grid;place-items:center;font-style:normal;font-size:8px;font-weight:1000}.shopTrackProgress b{font-size:7px;white-space:nowrap}.shopTrackProgress span.done{color:#e8c65d}.shopTrackProgress span.done i{background:#f1c94b;border-color:#f1c94b;color:#17130b}.shopTrackProgress span.current i{box-shadow:0 0 0 5px rgba(241,201,75,.1)}
.shopTrackLiveLine{margin-top:10px;padding-top:9px;border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between;gap:10px}.shopTrackLiveLine>span{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:900;color:#d6cdbc}.shopTrackLiveLine>span i{width:7px;height:7px;border-radius:50%;background:#7b756c}.shopTrackLiveLine>span i.live{background:#49df8b;box-shadow:0 0 0 4px rgba(73,223,139,.1);animation:shopTrackPulse 1.5s ease-in-out infinite}.shopTrackLiveLine small{font-size:8px;color:#948b7e;text-align:right}

.shopTrackDriver{position:relative;width:58px;height:64px;display:grid;place-items:center;color:#f8d55d}.shopTrackDriver>i{position:absolute;top:10px;width:40px;height:40px;border-radius:50%;background:rgba(241,201,75,.15);border:1px solid rgba(241,201,75,.55);animation:shopTrackRing 1.8s ease-out infinite}.shopTrackDriver>span{position:absolute;top:10px;width:38px;height:38px;display:grid;place-items:center;border:2px solid #fff;border-radius:13px;background:#111;box-shadow:0 5px 16px rgba(0,0,0,.58);transform:rotate(var(--shop-track-heading));transition:transform .3s ease}.shopTrackDriver.motorbike>span{border-radius:50%}.shopTrackDriver svg{width:29px;height:29px}.shopTrackDriver>em{position:absolute;bottom:0;padding:2px 5px;border-radius:5px;background:#0b0906;color:#60e59a;border:1px solid rgba(96,229,154,.35);font-size:6px;font-style:normal;font-weight:1000;letter-spacing:.14em}
.shopTrackStop{position:relative;min-width:62px;max-width:92px;height:36px;padding:3px 6px;border-radius:11px;background:#111;color:#fff;border:2px solid #f1c94b;display:flex;align-items:center;gap:4px;box-shadow:0 5px 15px rgba(0,0,0,.45)}.shopTrackStop>b{width:21px;height:21px;border-radius:7px;background:#f1c94b;color:#17130b;display:grid;place-items:center;font-size:10px;flex:0 0 21px}.shopTrackStop>span{font-size:7px;font-weight:950;line-height:1.05;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shopTrackStop.home{border-color:#fff}.shopTrackStop.home>b{background:#fff}

.shopTrackEmpty,.shopTrackLoading{min-height:124px;display:grid;place-items:center;text-align:center;align-content:center;gap:6px;padding:8px}.shopTrackEmpty>span{width:42px;height:42px;border-radius:13px;background:#26221b;color:#f1c94b;display:grid;place-items:center;font-size:20px}.shopTrackEmpty strong,.shopTrackLoading strong{font-size:14px}.shopTrackEmpty p{margin:0;max-width:360px;color:#aaa08f;font-size:10px;line-height:1.35}.shopTrackEmpty button{margin-top:2px;min-height:42px;padding:8px 13px;border:0;border-radius:11px;background:#f1c94b;color:#17130b;font:inherit;font-size:10px;font-weight:1000}.shopTrackEmpty.error>span{background:#45211d;color:#ffb0a6}.shopTrackLoading i{width:25px;height:25px;border:3px solid rgba(241,201,75,.2);border-top-color:#f1c94b;border-radius:50%;animation:shopTrackSpin .8s linear infinite}

@keyframes shopTrackPulse{50%{opacity:.42;transform:scale(.85)}}
@keyframes shopTrackRing{0%{box-shadow:0 0 0 0 rgba(241,201,75,.2)}75%,100%{box-shadow:0 0 0 15px rgba(241,201,75,0)}}
@keyframes shopTrackSpin{to{transform:rotate(360deg)}}

@media(max-width:600px){
  #shopCustomerMapRoot,.shopTrackShell{min-height:calc(100dvh - 132px);height:calc(100dvh - 132px)}
  .shopTrackHeader{top:7px;left:7px;right:7px;padding:8px 9px;border-radius:15px}.shopTrackHeader>button{width:40px;height:40px}.shopTrackHeader strong{font-size:14px}
  .shopTrackTools{top:79px;right:7px}.shopTrackTools button{width:40px;height:40px}
  .shopTrackOrderPicker{top:79px;left:7px;right:55px}.shopTrackOrderPicker button{min-width:108px}
  .shopTrackSheet{left:7px;right:7px;bottom:7px;padding:10px;border-radius:18px}.shopTrackStatusTop{grid-template-columns:42px minmax(0,1fr) auto;gap:8px}.shopTrackStatusIcon{width:42px;height:42px}.shopTrackStatusTop>div strong{font-size:13px}.shopTrackStatusTop>div span{font-size:9px}.shopTrackStatusTop>b{font-size:13px}.shopTrackProgress{gap:2px}.shopTrackProgress b{font-size:6.5px}
}
@media(max-width:370px){.shopTrackStatusTop>div span{display:none}.shopTrackProgress b{font-size:6px}.shopTrackLiveLine small{font-size:7px}.shopTrackHeader span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.shopTrackDriver>i,.shopTrackLiveLine>span i.live,.shopTrackLoading i{animation:none!important}}

/* V98 customer ETA, fastest road route and follow-driver controls */
.shopTrackTools{display:grid;gap:7px}.shopTrackTools button.following{background:#f1c94b;color:#17130b;border-color:#fff;box-shadow:0 0 0 3px rgba(241,201,75,.15)}
.shopTrackStatusTop>b em{display:block;margin-top:2px;font-size:7px;font-style:normal;font-weight:900;color:#aaa08f}.shopTrackRouteFacts{margin-top:10px;padding:8px 9px;border:1px solid rgba(241,201,75,.13);border-radius:11px;background:rgba(241,201,75,.045);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.shopTrackRouteFacts span{display:grid;gap:1px;font-size:7px;color:#92897c;text-align:center}.shopTrackRouteFacts b{font-size:9px;color:#e8d9a0;white-space:nowrap}.shopTrackRouteFacts span:last-child b{color:#5be693}
@media(max-width:600px){.shopTrackRouteFacts{gap:3px;padding:7px 6px}.shopTrackRouteFacts span{font-size:6.5px}.shopTrackRouteFacts b{font-size:8px}}
@media(max-width:360px){.shopTrackRouteFacts span:nth-child(2){display:none}.shopTrackRouteFacts{grid-template-columns:repeat(2,minmax(0,1fr))}}