/* Logical properties in styles.css already handle the page direction. */
html[dir="rtl"] body { font-family: Tahoma, "Segoe UI", Arial, sans-serif; }
html[dir="rtl"] input[type="email"], html[dir="rtl"] input[type="url"], html[dir="rtl"] input[type="tel"], html[dir="rtl"] input[type="password"], html[dir="rtl"] .sku-number, html[dir="rtl"] .gtin { direction: ltr; text-align: right; }
html[dir="rtl"] .cart .qty-input, html[dir="rtl"] .cart .qty-dropdown, html[dir="rtl"] .add-to-cart-panel .qty-input { direction: ltr; text-align: center; }
html[dir="rtl"] .product-review-box, html[dir="rtl"] .rating, html[dir="rtl"] .rating-options { direction: ltr; unicode-bidi: isolate; }
html[dir="rtl"] .search-box { justify-self: start; }
html[dir="rtl"] .cart-total .cart-total-right { text-align: start; }
@media (max-width: 680px) {
  html[dir="rtl"] .header-links ul { justify-content: flex-start; }
}