<h2 class="title" style="color: #dc2626;">Order Cancelled 🚫</h2>
<p>Dear <strong>{customerName}</strong>,</p>
<p>We would like to inform you that your order <strong>{orderNumber}</strong> has been cancelled.</p>

<div class="highlight-card" style="background-color: #fef2f2; border-color: #fca5a5;">
  <p style="margin: 0; color: #991b1b; font-weight: bold;">📉 Cancellation Record:</p>
  <p style="margin: 4px 0 0 0;">Order Number: <strong>{orderNumber}</strong></p>
  <p style="margin: 4px 0 0 0;">Payable Amount: <strong>₹{payableAmount}</strong></p>
  <p style="margin: 4px 0 0 0;">Status: <strong style="color: #b91c1c;">Cancelled & Refund Pending (if prepaid)</strong></p>
</div>

<p>If you did not request this cancellation or if you have any questions regarding your refund processing, please get in touch with our Sales Support team immediately via the button below.</p>
<a href="https://wa.me/{whatsappNumber}" class="button" style="background-color: #dc2626; color: #ffffff;">Discuss Cancellation Support</a>
<p>We apologize for any inconvenience caused.</p>