.order-tracker {
  margin: 0 0 18px;
  padding: 18px 20px;
  border-radius: 18px;
  background: #fff;
  border-left: 7px solid var(--copper);
  box-shadow: 0 5px 20px #173a2914;
}
.order-tracker small { font-weight: 800; color: var(--copper); }
.order-tracker h2 { margin: 5px 0 3px; font-size: 22px; }
.order-tracker p { margin: 0; color: #607068; }
.order-tracker[data-state="preparing"] { border-left-color: #d39423; }
.order-tracker[data-state="ready"] { background: #eaf6e9; border-left-color: #2e8b57; }
.order-tracker[data-state="ready"] h2 { color: #17633b; }
.order-tracker[data-state="completed"] { opacity: .75; }
.order-note {
  display: grid;
  gap: 4px;
  margin: 12px 0;
  padding: 12px 14px;
  border: 2px solid #c94b32;
  border-radius: 10px;
  background: #fff0ec;
  color: #7d1f10;
}
.order-note b { font-size: 12px; letter-spacing: .08em; }
.order-note span { font-size: 17px; font-weight: 800; }