/* Arabic reading order. Brand artwork and product photographs stay unmirrored. */
html[dir="rtl"] body{font-family:"Segoe UI",Tahoma,Arial,sans-serif}
html[dir="rtl"] :is(h1,h2,h3,.eyebrow,.brand-caption,.announcement span){letter-spacing:normal}
html[dir="rtl"] .desktop-nav{margin-left:0;margin-right:auto}
html[dir="rtl"] .nav-actions{margin-left:0;margin-right:auto}
html[dir="rtl"] .brand-caption{margin-left:0;margin-right:14px}
html[dir="rtl"] .main-site-link{text-align:right}
html[dir="rtl"] .language-menu{right:auto;left:0}
html[dir="rtl"] .dropdown-panel{left:auto;right:-20px}
html[dir="rtl"] .skip-link{left:auto;right:20px}
html[dir="rtl"] .search-type{border-right:0;border-left:1px solid var(--line)}
html[dir="rtl"] .hero-search input{text-align:right}
html[dir="rtl"] .banner-info{text-align:right}
html[dir="rtl"] .banner-info-item+.banner-info-item{border-left:0;border-right:1px dashed #c8d9f0}
html[dir="rtl"] :is(.service-guide-content,.blog-article-content,.share-detail-body,.prose) :is(ul,ol){padding-left:0;padding-right:24px}
html[dir="rtl"] :is(.guide-table-wrap,.share-table-wrap,.article-body) :is(th,td,caption){text-align:right}
html[dir="rtl"] .guide-table-wrap :is(td+td,th+th){border-left:0;border-right:1px solid var(--line)}
html[dir="rtl"] .faq-list details p{padding-right:0;padding-left:28px}
html[dir="rtl"] .preview-notes{margin-left:0;margin-right:max(32px,calc((100% - var(--container))/2))}
html[dir="rtl"] .preview-related nav>a>.icon:last-child,html[dir="rtl"] .collection-compact>.icon{margin-left:0;margin-right:auto}
html[dir="rtl"] .footer-grid a .icon{margin-left:0;margin-right:3px}
html[dir="rtl"] .share-stat strong{margin-right:0;margin-left:4px}
html[dir="rtl"] .share-card-count{left:auto;right:12px}
html[dir="rtl"] :is(.product-open,.preview-open){right:auto;left:8px}
html[dir="rtl"] .qc-badge{left:auto;right:8px}
html[dir="rtl"] .price,html[dir="rtl"] .share-carousel-counter{direction:ltr;unicode-bidi:isolate}
html[dir="rtl"] :is(.brand,.brand-logo,.product-meta){unicode-bidi:isolate}
@media(max-width:600px){
 html[dir="rtl"] .brand-caption{margin-right:12px}
 html[dir="rtl"] .banner-info-item+.banner-info-item{border-right:0}
 html[dir="rtl"] .faq-list details p{padding-left:15px}
 html[dir="rtl"] .hero-inner h1{line-height:1.4}
}