Enabling RTL (Right-to-Left) Support in Shopify (Arabic, Hebrew)

Step 1: Update HTML Direction

Edit layout/theme.liquid:

Step 2: Add RTL CSS

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

html[dir="rtl"] .grid {
  direction: rtl;
}

Step 3: Test Language Switching

Add Arabic language from Shopify settings.

✅ Result: Fully RTL-friendly layout.