html[dir="rtl"],
html[dir="rtl"] body {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .card-info,
html[dir="rtl"] .product-card,
html[dir="rtl"] .product-card .card-info,
html[dir="rtl"] .product-details {
    text-align: right;
}

html[dir="rtl"] .category-form,
html[dir="rtl"] .payment-summary,
html[dir="rtl"] .cart-item,
html[dir="rtl"] form,
html[dir="rtl"] .footer-links,
html[dir="rtl"] .payment-logos {
    direction: rtl;
}

html[dir="rtl"] .language-switcher {
    direction: ltr;
}