/* ============================================
   RTL Overrides for Arabic Language
   ============================================ */

[dir="rtl"] body { text-align: right; }
[dir="rtl"] .dropdown { left: auto; right: 0; }
[dir="rtl"] .search-box input { padding-left: 16px; padding-right: 45px; }
[dir="rtl"] .search-box button { left: auto; right: 15px; }
[dir="rtl"] .whatsapp-float { left: 25px; right: auto; }
[dir="rtl"] .back-to-top { left: 25px; right: auto; }
[dir="rtl"] .flash-message { left: 20px; right: auto; }
[dir="rtl"] .product-badge { left: auto; right: 12px; }
[dir="rtl"] .offer-badge { left: auto; right: 15px; }
[dir="rtl"] .tab-content li { padding-left: 0; padding-right: 20px; }
[dir="rtl"] .tab-content li::before { left: auto; right: 0; }
[dir="rtl"] .footer-col h4::after { left: auto; right: 0; }
[dir="rtl"] .routine-recommended { text-align: right; }
[dir="rtl"] .review-card::before { left: 20px; right: auto; }
[dir="rtl"] .mobile-menu { left: -300px; right: auto; }
[dir="rtl"] .mobile-menu.active { left: 0; }

@keyframes slideIn {
    from { transform: translateX(-100%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}