/* V84 — clear, numbered retailer pickups connected to Shop orders. */
.jobOrderedRoute{
  margin:14px 0;padding:0;border:2px solid #d8cfbc;border-radius:22px;background:#fff;overflow:hidden;
  box-shadow:0 10px 24px rgba(24,20,12,.08);color:#17130b;
}
.jobOrderedRoute>header{
  display:flex;align-items:center;gap:10px;padding:14px 15px;background:#18140d;color:#fff;
}
.jobOrderedRoute>header>span{
  width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#f5c943;color:#17130b;flex:0 0 auto;
}
.jobOrderedRoute>header>span svg{width:21px;height:21px}
.jobOrderedRoute>header>div{display:grid;gap:2px;min-width:0}
.jobOrderedRoute>header strong{font-size:16px;line-height:1.1}
.jobOrderedRoute>header small{font-size:12px;color:#d8d0bf}
.jobOrderedRoute>div>.jobRouteStep{
  position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) 60px;align-items:center;gap:10px;
  min-height:84px;padding:12px 13px;border-top:1px solid #ece7dc;box-sizing:border-box;
}
.jobOrderedRoute>div>.jobRouteStep:first-child{border-top:0}
.jobRouteStep>b{
  width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#f5c943;color:#17130b;
  font-size:21px;line-height:1;font-weight:900;box-shadow:inset 0 0 0 2px rgba(23,19,11,.12);
}
.jobRouteStep.dropoff>b{background:#1e9b5a;color:#fff}
.jobRouteStep>div{display:grid;gap:3px;min-width:0}
.jobRouteStep>div small{font-size:10px;line-height:1;font-weight:900;letter-spacing:.12em;color:#8a6b12}
.jobRouteStep.dropoff>div small{color:#14713f}
.jobRouteStep>div strong{font-size:15px;line-height:1.18;color:#17130b;overflow-wrap:anywhere}
.jobRouteStep>div span{font-size:12px;line-height:1.3;color:#625b4e;overflow-wrap:anywhere}
.jobRouteStep>a{
  width:56px;min-height:54px;border-radius:14px;background:#f1eee7;color:#17130b;text-decoration:none;
  display:grid;place-items:center;align-content:center;gap:2px;font-style:normal;font-weight:900;
}
.jobRouteStep>a svg{width:19px;height:19px}
.jobRouteStep>a em{font-size:10px;line-height:1;font-style:normal;letter-spacing:.06em}
.jobRouteStep>a:active{transform:scale(.97);background:#e6dfd1}

@media(max-width:430px){
  .jobOrderedRoute>div>.jobRouteStep{grid-template-columns:44px minmax(0,1fr) 56px;padding:11px 10px;gap:8px}
  .jobRouteStep>a{width:52px}
}