tracking your order

<div class="tracking-box">
  <h2>Track Your Order</h2>

  <div class="step active">
    📦 Order Placed - {{ 'now' | date: '%d %b %Y' }}
  </div>

  <div class="step">
    📦 Packed - Estimated: 1-2 Days
  </div>

  <div class="step">
    🚚 Out for Delivery - Estimated: 3-5 Days
  </div>

  <div class="step">
    ✅ Delivered - Estimated: 5-7 Days
  </div>
</div>

<style>
.tracking-box{
  max-width:600px;
  margin:auto;
  padding:20px;
}
.step{
  padding:12px;
  margin:10px 0;
  border-left:4px solid #ddd;
  background:#f8f8f8;
}
.step.active{
  border-left-color:#000;
  font-weight:bold;
}
</style>