<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: 345600 | date: '%d %B' %} 
  {% assign delivery_end = today | plus: 518400 | 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>