.shopTrackOpen{overflow:hidden!important}\n/* REC0DET Shop order tracking v225 */
.shopTrackOverlay{
  position:fixed;inset:0;z-index:2400;display:flex;align-items:flex-end;justify-content:center;
  background:rgba(0,0,0,.72);backdrop-filter:blur(8px);padding:0;
}
.shopTrackOverlay.hidden{display:none}
.shopTrackShell{
  width:min(100%,720px);max-height:94dvh;overflow:auto;background:#0d0d0f;color:#f5f3e9;
  border:1px solid rgba(241,201,75,.34);border-radius:22px 22px 0 0;box-shadow:0 -22px 70px rgba(0,0,0,.54);
}
.shopTrackHead{
  position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:12px;padding:14px 16px;
  background:rgba(13,13,15,.96);border-bottom:1px solid rgba(241,201,75,.16);backdrop-filter:blur(12px)
}
.shopTrackHeadCopy{min-width:0;flex:1}
.shopTrackHead small{display:block;color:#8f8f96;font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.shopTrackHead strong{display:block;margin-top:2px;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shopTrackClose,.shopTrackRefresh{
  width:42px;height:42px;border-radius:13px;border:1px solid #2a2a2f;background:#151518;color:#f5f3e9;
  font:900 19px/1 inherit;display:grid;place-items:center
}
.shopTrackRefresh{color:#f1c94b}
.shopTrackBody{padding:14px}
.shopTrackStatusCard{
  display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #28282d;border-radius:16px;background:#131316
}
.shopTrackPulse{width:12px;height:12px;border-radius:50%;background:#f1c94b;box-shadow:0 0 0 6px rgba(241,201,75,.12);flex:none}
.shopTrackStatusCopy{min-width:0;flex:1}
.shopTrackStatusCopy small{display:block;color:#8f8f96;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}
.shopTrackStatusCopy strong{display:block;margin-top:3px;font-size:18px}
.shopTrackLive{font-size:11px;font-weight:900;color:#f1c94b;border:1px solid rgba(241,201,75,.25);border-radius:999px;padding:6px 8px;white-space:nowrap}
.shopTrackMap{height:265px;margin-top:12px;border:1px solid #28282d;border-radius:17px;overflow:hidden;background:#0a0a0c}
.shopTrackMap .recodetDirectMapHost{min-height:265px}
.shopTrackMarker{
  min-width:34px;height:34px;padding:0 8px;border-radius:17px;background:#0b0b0d;border:2px solid #f1c94b;color:#f1c94b;
  display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:950;box-shadow:0 8px 22px rgba(0,0,0,.45)
}
.shopTrackMarker.driver{width:42px;height:42px;border-radius:50%;background:#f1c94b;color:#09090a;font-size:19px}
.shopTrackMarker.drop{border-color:#f5f3e9;color:#f5f3e9}
.shopTrackTimeline{
  display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-top:12px;padding:12px 6px 8px;border:1px solid #28282d;border-radius:16px;background:#111114
}
.shopTrackStep{position:relative;text-align:center;min-width:0}
.shopTrackStep:before{
  content:"";position:absolute;top:12px;left:-50%;width:100%;height:2px;background:#2d2d32
}
.shopTrackStep:first-child:before{display:none}
.shopTrackStep.done:before{background:#f1c94b}
.shopTrackStep i{
  position:relative;z-index:1;width:25px;height:25px;margin:0 auto;display:grid;place-items:center;border-radius:50%;
  border:2px solid #3a3a40;background:#111114;color:#777;font-style:normal;font-size:10px;font-weight:900
}
.shopTrackStep.done i,.shopTrackStep.current i{border-color:#f1c94b;color:#0a0a0b;background:#f1c94b}
.shopTrackStep span{display:block;margin-top:6px;color:#777;font-size:9px;font-weight:800;line-height:1.15}
.shopTrackStep.done span,.shopTrackStep.current span{color:#e8e4d7}
.shopTrackInfo{
  display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px
}
.shopTrackInfo article{padding:12px;border:1px solid #28282d;border-radius:14px;background:#121215;min-width:0}
.shopTrackInfo small{display:block;color:#83838a;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.shopTrackInfo strong{display:block;margin-top:4px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shopTrackRoute{margin-top:12px;border:1px solid #28282d;border-radius:16px;background:#111114;overflow:hidden}
.shopTrackRoute header{padding:11px 13px;color:#aaa;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #242429}
.shopTrackStop{display:flex;align-items:center;gap:10px;padding:11px 13px;border-bottom:1px solid #202025}
.shopTrackStop:last-child{border-bottom:0}
.shopTrackStop b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#1d1d21;color:#f1c94b;font-size:11px;flex:none}
.shopTrackStop.drop b{background:#f1c94b;color:#0a0a0b}
.shopTrackStop div{min-width:0}
.shopTrackStop strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shopTrackStop small{display:block;margin-top:2px;color:#7f7f86;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shopTrackError{padding:18px;text-align:center;color:#c9c5ba;font-size:13px}
.orderActionRow [data-track-order]{border-color:rgba(241,201,75,.45);color:#f1c94b}
#btnSuccessTrack{border-color:rgba(241,201,75,.45);color:#f1c94b}
@media (min-width:720px){
  .shopTrackOverlay{align-items:center;padding:24px}
  .shopTrackShell{border-radius:22px;max-height:90vh}
}
@media (max-width:430px){
  .shopTrackBody{padding:12px}
  .shopTrackMap,.shopTrackMap .recodetDirectMapHost{height:238px;min-height:238px}
  .shopTrackTimeline{gap:2px;padding-left:3px;padding-right:3px}
  .shopTrackStep span{font-size:8px}
}