<h3 style="font-family: Arial, sans-serif; direction: rtl; text-align: right;">The more you buy, the more you save</h3>

<table style="width: 100%; max-width: 400px; border-collapse: collapse; font-family: Arial, sans-serif; direction: rtl;">
  <thead>
    <tr style="background-color: #f0f0f0;">
      <th style="border: 1px solid #ccc; padding: 8px; text-align: right;">Number</th>
      <th style="border: 1px solid #ccc; padding: 8px; text-align: right;">unit price</th>
      <th style="border: 1px solid #ccc; padding: 8px; text-align: right;">discount</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td style="border: 1px solid #ccc; padding: 8px; text-align: right;">5 pieces</td>
      <td style="border: 1px solid #ccc; padding: 8px; text-align: right;">€1.49</td>
      <td style="border: 1px solid #ccc; padding: 8px; text-align: right; color: green;">6% discount</td>
    </tr>
    <tr>
      <td style="border: 1px solid #ccc; padding: 8px; text-align: right;">10 pieces</td>
      <td style="border: 1px solid #ccc; padding: 8px; text-align: right;">€1.19</td>
      <td style="border: 1px solid #ccc; padding: 8px; text-align: right; color: green;">25% discount</td>
    </tr>
  </tbody>
</table>