<div style="border: 1px dashed #333; padding: 15px; text-align: center; font-family: Arial, sans-serif;">
  <p style="margin: 0; font-size: 16px; color: #333;">
    <span style="font-size: 20px; font-weight: bold;">🚚</span>
    Order in the next <span id="time-left" style="font-weight: bold;"></span> to get it between
    <span id="delivery-start" style="font-weight: bold;"></span> and
    <span id="delivery-end" style="font-weight: bold;"></span>
  </p>
</div> <script type="litespeed/javascript">function updateOrderDetails(){const now=new Date();const cutoffTime=new Date();cutoffTime.setHours(23,59,59,999);const timeRemaining=cutoffTime-now;const deliveryStart=new Date();const deliveryEnd=new Date();if(timeRemaining<=0){deliveryStart.setDate(deliveryStart.getDate()+4);deliveryEnd.setDate(deliveryEnd.getDate()+5)}else{deliveryStart.setDate(deliveryStart.getDate()+3);deliveryEnd.setDate(deliveryEnd.getDate()+2)}
const hours=Math.floor(timeRemaining/(1000*60*60));const minutes=Math.floor((timeRemaining%(1000*60*60))/(1000*60));const options={weekday:'long',day:'numeric',month:'long'};const deliveryStartFormatted=deliveryStart.toLocaleDateString('en-GB',options);const deliveryEndFormatted=deliveryEnd.toLocaleDateString('en-GB',options);document.getElementById('time-left').textContent=timeRemaining>0?`${hours} hours ${minutes} minutes`:'Cutoff time has passed. Order now for next delivery window!';document.getElementById('delivery-start').textContent=deliveryStartFormatted;document.getElementById('delivery-end').textContent=deliveryEndFormatted}
setInterval(updateOrderDetails,60000);updateOrderDetails()</script>