.wst-tracking-wrap { max-width: 900px; margin: 20px auto; background: #fff; padding: 20px; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); }
.wst-steps { display:flex; align-items:center; justify-content:space-between; position:relative; padding: 30px 10px; }
.wst-steps:before { content: ''; position:absolute; left:5%; right:5%; top:50%; height:4px; background:#eee; z-index:1; }
.wst-step { position:relative; z-index:2; text-align:center; width:18%; }
.wst-step .icon { width:48px; height:48px; border-radius:50%; display:inline-block; line-height:48px; background:#fff; border:3px solid #ccc; }
.wst-step.active .icon { background:#e74c3c; border-color:#e74c3c; color:#fff; }
.wst-step .label { margin-top:8px; font-weight:600; color:#555; }
.wst-step.active .label { color:#e74c3c; }

.wst-history { margin-top:20px; border:1px solid #e5e5e5; background:#fafafa; padding:15px; }
.wst-history p { margin:6px 0; color:#666; }
.wst-history .date { color:#999; width:140px; display:inline-block; }
.wst-tracking-code { margin-top:8px; font-weight:600; }

.wst-error { color: #c0392b; }

@media(max-width:768px){ .wst-steps { flex-wrap:wrap; } .wst-step { width:48%; margin-bottom:12px; }
}