<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Flash Sale</title></head>
<body style="margin:0;padding:0;background:#fffbeb;font-family:Arial,sans-serif">
<table width="100%" cellpadding="0" cellspacing="0"><tr><td align="center" style="padding:40px 16px">
<table width="600" cellpadding="0" cellspacing="0" style="background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.08)">
  <tr><td style="background:linear-gradient(135deg,#f97316,#ef4444);padding:40px 48px;text-align:center">
    <p style="color:rgba(255,255,255,.8);margin:0 0 8px;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase">⚡ Flash Sale</p>
    <h1 style="color:#fff;margin:0;font-size:2.4rem;font-weight:900;line-height:1.1">Only 3 Hours Left!</h1>
    <p style="color:rgba(255,255,255,.85);margin:12px 0 0;font-size:.95rem">The clock is ticking, {{client_name}}</p>
  </td></tr>
  <tr><td style="padding:32px 48px">
    <table width="100%" cellpadding="0" cellspacing="0" style="margin-bottom:28px;text-align:center">
      <tr>
        <td style="background:#fff7ed;border-radius:10px;padding:16px 10px;width:22%">
          <div style="color:#f97316;font-size:2rem;font-weight:900;line-height:1">03</div>
          <div style="color:#9ca3af;font-size:.68rem;font-weight:600;text-transform:uppercase;margin-top:4px">Hours</div>
        </td>
        <td style="color:#f97316;font-size:1.8rem;font-weight:900;text-align:center;width:8%">:</td>
        <td style="background:#fff7ed;border-radius:10px;padding:16px 10px;width:22%">
          <div style="color:#f97316;font-size:2rem;font-weight:900;line-height:1">45</div>
          <div style="color:#9ca3af;font-size:.68rem;font-weight:600;text-transform:uppercase;margin-top:4px">Mins</div>
        </td>
        <td style="color:#f97316;font-size:1.8rem;font-weight:900;text-align:center;width:8%">:</td>
        <td style="background:#fff7ed;border-radius:10px;padding:16px 10px;width:22%">
          <div style="color:#f97316;font-size:2rem;font-weight:900;line-height:1">00</div>
          <div style="color:#9ca3af;font-size:.68rem;font-weight:600;text-transform:uppercase;margin-top:4px">Secs</div>
        </td>
      </tr>
    </table>
    <p style="color:#475569;font-size:.95rem;line-height:1.6;text-align:center;margin:0 0 28px">
      Grab <strong>30% off sitewide</strong> before this deal vanishes. No code needed — discount applied automatically.
    </p>
    <div style="text-align:center">
      <a href="#" style="background:linear-gradient(135deg,#f97316,#ef4444);color:#fff;text-decoration:none;padding:15px 40px;border-radius:50px;font-weight:800;font-size:1rem;display:inline-block">
        Shop Now — 30% Off →
      </a>
    </div>
  </td></tr>
  <tr><td style="background:#f8fafc;padding:18px 48px;text-align:center;border-top:1px solid #f1f5f9">
    <p style="color:#94a3b8;font-size:.73rem;margin:0"><a href="{{unsubscribe_url}}" style="color:#94a3b8">Unsubscribe</a></p>
  </td></tr>
</table>
</td></tr></table>
</body></html>