/* RTL direction refinements */
html[dir="rtl"] body { font-family: var(--font-rtl); text-align: right; }
html[dir="rtl"] .brand, html[dir="rtl"] .nav-list, html[dir="rtl"] .header-actions, html[dir="rtl"] .trust-item, html[dir="rtl"] .hero-actions, html[dir="rtl"] .card-actions, html[dir="rtl"] .badge-row, html[dir="rtl"] .filter-chips, html[dir="rtl"] .search-chips, html[dir="rtl"] .social-links { direction: rtl; }
html[dir="rtl"] .nav-link, html[dir="rtl"] .mobile-link, html[dir="rtl"] .mobile-subtoggle, html[dir="rtl"] .faq-question, html[dir="rtl"] .form-field label, html[dir="rtl"] .input, html[dir="rtl"] .select, html[dir="rtl"] .textarea { text-align: right; }
html[dir="rtl"] .mega-menu { right: 0; }
html[dir="rtl"] .mega-top, html[dir="rtl"] .dashboard-top, html[dir="rtl"] .visual-row, html[dir="rtl"] .search-result, html[dir="rtl"] .footer-bottom { direction: rtl; }
html[dir="rtl"] .language-menu { left: 0; }
html[dir="rtl"] .mobile-drawer { left: .75rem; transform: translateX(-110%); }
html[dir="rtl"] body.is-menu-open .mobile-drawer,
html[dir="rtl"] body.menu-open .mobile-drawer { transform: translateX(0); }
html[dir="rtl"] .mobile-subtoggle svg, html[dir="rtl"] .link-arrow svg { transform: scaleX(-1); }
html[dir="rtl"] .mobile-has-children.is-open > .mobile-subtoggle svg,
html[dir="rtl"] .mobile-item.is-open > .mobile-subtoggle svg { transform: scaleX(-1) rotate(180deg); }
html[dir="rtl"] .link-arrow:hover svg { transform: scaleX(-1) translateX(3px); }
html[dir="rtl"] .input-wrap svg { inset-inline-start: auto; inset-inline-end: .95rem; }
html[dir="rtl"] .input-wrap .input { padding-inline-start: 1rem; padding-inline-end: 2.7rem; }
html[dir="rtl"] .breadcrumb ol { direction: rtl; }
html[dir="rtl"] .breadcrumb li + li::before { content: "/"; }
html[dir="rtl"] .article-body blockquote { border-right: 3px solid var(--primary); border-left: 0; }
html[dir="rtl"] .spec-table th, html[dir="rtl"] .spec-table td { text-align: right; }
html[dir="rtl"] .footer-main { direction: rtl; }
html[dir="rtl"] .floating-actions { inset-inline-start: 1rem; inset-inline-end: auto; }
html[dir="rtl"] .clean-list li { direction: rtl; }
html[dir="rtl"] .hero h1, html[dir="rtl"] .page-hero h1, html[dir="rtl"] .article-hero h1, html[dir="rtl"] .category-hero h1, html[dir="rtl"] .product-hero h1 { line-height: 1.15; }
html[dir="rtl"] .home-hero .hero-content { text-align: right; }
html[dir="rtl"] .home-hero .hero-visual { margin-inline-start: 0; margin-inline-end: auto; }