<div style="border:2px solid #9b2b53;background-color:#fff6f6;padding:20px;border-radius:10px;text-align:center;max-width:600px;margin:20px auto;font-family:'Poppins',sans-serif;box-sizing:border-box;">
  <h2 style="color:#9b2b53;margin:0 0 10px;font-size:22px;">🚚 Hurry, Your Order Awaits!</h2>

  {% assign now = 'now' | date: '%s' %}
  {% assign end_of_day = 'now' | date: '%Y-%m-%d' | append: ' 23:59:59' | date: '%s' %}
  {% assign seconds_left = end_of_day | minus: now %}
  {% assign hours_left = seconds_left | divided_by: 3600 %}
  {% assign minutes_left = seconds_left | modulo: 3600 | divided_by: 60 %}

  {% assign today = 'now' | date: '%s' %}
  {% assign delivery_start = today | plus: 259200 | date: '%d %B' %}  
  {% assign delivery_end = today | plus: 432000 | date: '%d %B' %}    

  <p style="font-size:16px;margin:10px 0;">
    Order in the next 
    <span style="color:#ff6b6b;">{{ hours_left }}h {{ minutes_left }}m</span> 
    to get it delivered between
  </p>

  <p style="font-size:18px;color:green;font-weight:bold;margin:5px 0;">{{ delivery_start }} to {{ delivery_end }}</p>

  <p style="color:#666;font-size:14px;margin:10px 0 0;">
    Don't miss out on this window for fast delivery!
  </p>
</div><style>@media (max-width: 600px) {
  div[style*="border:2px solid #fdaaaa"] {
    padding: 15px !important;
  }
  div[style*="border:2px solid #fdaaaa"] h2 {
    font-size: 18px !important;
  }
  div[style*="border:2px solid #fdaaaa"] p {
    font-size: 14px !important;
  }
}</style>