چوپان

<h3 style="font-family: Arial, sans-serif; direction: rtl; text-align: right;">هرچه بیشتر بخری، بیشتر پس‌انداز می‌کنی</h3> <table style="width: 100%; max-width: 400px; border-collapse: collapse; font-family: Arial, sans-serif; direction: rtl;"> <thead> <tr style="background-color: #f9f9f9;"> <th style="border: 1px solid #ccc; padding: 10px; text-align: right;">تعداد</th> <th style="border: 1px solid #ccc; padding: 10px; text-align: right;">قیمت واحد</th> <th style="border: 1px solid #ccc; padding: 10px; text-align: right;">تخفیف</th> </tr> </thead> <tbody> <tr> <td style="border: 1px solid #ccc; padding: 10px; text-align: right;">۳ عدد</td> <td style="border: 1px solid #ccc; padding: 10px; text-align: right;">€۲.۷۹</td> <td style="border: 1px solid #ccc; padding: 10px; text-align: right; color: green;">۷٪ تخفیف</td> </tr> <tr> <td style="border: 1px solid #ccc; padding: 10px; text-align: right;">۶ عدد</td> <td style="border: 1px solid #ccc; padding: 10px; text-align: right;">€۲.۴۹</td> <td style="border: 1px solid #ccc; padding: 10px; text-align: right; color: green;">۱۷٪ تخفیف</td> </tr> </tbody> </table>