<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Summer Sale</title></head>
<body style="margin:0;padding:0;background:#fefce8;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:20px;overflow:hidden;box-shadow:0 4px 28px rgba(0,0,0,.08)">
  <tr><td style="background:linear-gradient(160deg,#fbbf24 0%,#f97316 60%,#ef4444 100%);padding:52px 48px;text-align:center">
    <div style="font-size:3rem;line-height:1;margin-bottom:12px">☀️</div>
    <h1 style="color:#fff;margin:0;font-size:2.5rem;font-weight:900;line-height:1.1;text-shadow:0 2px 12px rgba(0,0,0,.15)">
      Summer Sale
    </h1>
    <div style="background:rgba(255,255,255,.2);display:inline-block;border-radius:50px;padding:6px 20px;margin-top:14px">
      <span style="color:#fff;font-weight:800;font-size:1.1rem">Up to 40% OFF</span>
    </div>
  </td></tr>
  <tr><td style="padding:40px 48px">
    <p style="color:#334155;font-size:1.05rem;line-height:1.7;margin:0 0 24px;text-align:center">
      Hi <strong>{{client_name}}</strong>! Summer is here and so are the savings. Shop our best seasonal picks.
    </p>
    <table width="100%" cellpadding="0" cellspacing="0" style="margin-bottom:30px">
      <tr>
        <td style="text-align:center;padding:0 6px;width:33%">
          <div style="background:#fefce8;border-radius:12px;padding:18px 10px">
            <div style="font-size:1.8rem">👕</div>
            <div style="font-weight:700;color:#1e293b;font-size:.85rem;margin-top:8px">Apparel</div>
            <div style="color:#f97316;font-weight:800;font-size:1rem;margin-top:4px">40% OFF</div>
          </div>
        </td>
        <td style="text-align:center;padding:0 6px;width:33%">
          <div style="background:#fef3c7;border-radius:12px;padding:18px 10px">
            <div style="font-size:1.8rem">🏖️</div>
            <div style="font-weight:700;color:#1e293b;font-size:.85rem;margin-top:8px">Beach Gear</div>
            <div style="color:#f97316;font-weight:800;font-size:1rem;margin-top:4px">35% OFF</div>
          </div>
        </td>
        <td style="text-align:center;padding:0 6px;width:33%">
          <div style="background:#fff7ed;border-radius:12px;padding:18px 10px">
            <div style="font-size:1.8rem">😎</div>
            <div style="font-weight:700;color:#1e293b;font-size:.85rem;margin-top:8px">Accessories</div>
            <div style="color:#f97316;font-weight:800;font-size:1rem;margin-top:4px">25% OFF</div>
          </div>
        </td>
      </tr>
    </table>
    <div style="text-align:center">
      <a href="#" style="background:linear-gradient(135deg,#fbbf24,#f97316);color:#fff;text-decoration:none;padding:15px 42px;border-radius:50px;font-weight:800;font-size:1rem;display:inline-block;box-shadow:0 4px 16px rgba(249,115,22,.35)">
        Shop Summer Deals →
      </a>
    </div>
  </td></tr>
  <tr><td style="background:#fffbeb;padding:18px 48px;text-align:center;border-top:1px solid #fef3c7">
    <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>