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