.order-track-timeline{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:18px}.order-track-step{border:2px solid #e5e7eb;border-radius:18px;padding:14px;background:#fff;text-align:center}.order-track-step .dot{width:34px;height:34px;border-radius:50%;background:#e5e7eb;margin:0 auto 8px;display:grid;place-items:center;font-weight:900}.order-track-step strong{display:block;color:#0f172a}.order-track-step span{display:block;margin-top:6px;font-size:.82rem;color:#64748b}.order-track-step.done{border-color:#16a34a;background:#f0fdf4}.order-track-step.done .dot,.order-track-step.active .dot{background:#16a34a;color:#fff}.order-track-step.active{border-color:#f97316;background:#fff7ed}.tracking-cancelled{background:#fee2e2;color:#991b1b;border-radius:14px;padding:12px;font-weight:800;margin-bottom:12px}.track-search{max-width:640px;margin:20px auto;background:#fff;border-radius:24px;padding:22px;box-shadow:0 10px 30px #0f172a12}.track-search input{width:100%;padding:14px;margin:8px 0;border:1px solid #e5e7eb;border-radius:14px}@media(max-width:900px){.order-track-timeline{grid-template-columns:1fr 1fr}}@media(max-width:540px){.order-track-timeline{grid-template-columns:1fr}.order-track-step{text-align:left}.order-track-step .dot{margin:0 0 8px}}