/* Arabic UI direction. Product views are not mirrored; the homepage hero is mirrored by request. */
html[lang="ar"]{direction:rtl;font-family:Tahoma,Arial,sans-serif}
html[lang="ar"] body{line-height:1.85}
html[lang="ar"] :is(h1,h2,h3,h4,.eyebrow){letter-spacing:normal;line-height:1.5}
html[lang="ar"] :is(p,li,td,dd,label){overflow-wrap:break-word}
html[lang="ar"] .header nav{margin-left:0;margin-right:auto;gap:16px}
html[lang="ar"] .menu-toggle{margin-left:0;margin-right:auto}
html[lang="ar"] .nav-menu{left:auto;right:-20px}
html[lang="ar"] .nav-submenu{margin-left:0;margin-right:19px;padding-left:0;padding-right:9px;border-left:0;border-right:1px solid var(--line)}
html[lang="ar"] .hero:after{background:linear-gradient(270deg,rgba(16,47,67,.95) 0%,rgba(16,47,67,.82) 28%,rgba(16,47,67,.32) 57%,rgba(16,47,67,0) 82%)}
html[lang="ar"] :is(.note,.content-note){border-left:0;border-right:2px solid #b9cbd8}
html[lang="ar"] :is(th,td,.content-card caption,.factory-video-cover){text-align:right}
html[lang="ar"] .footer-logo{object-position:right center}
html[lang="ar"] .fact{padding:16px 0 16px 18px}
html[lang="ar"] .dialog-close{right:auto;left:12px}
/* Isolate technical identifiers without changing the order of Arabic UI controls. */
html[lang="ar"] :is([data-ar-ltr],bdi,.locale-switch,a[href^="mailto:"],a[href^="tel:"],a[href*="wa.me"],input[type="email"],input[type="tel"],input[type="number"],input[name="company_website"],.product-current,.sku-code,.range-cell small,.size-options small,.sku-table .mono,.compare-picture,.gn-diagram,.gn-explorer-stage svg){direction:ltr;unicode-bidi:isolate}
html[lang="ar"] input[type="email"],html[lang="ar"] input[type="tel"]{text-align:left}
html[lang="ar"] label:has(input[name="website"]){left:0!important;right:auto!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html[lang="ar"] .locale-switch{white-space:nowrap}
html[lang="ar"] .hl-rail{direction:ltr}
html[lang="ar"] .hl-thumb{direction:rtl}
html[lang="ar"] .hl-view-switch{max-width:100%;flex-wrap:wrap;gap:4px}
html[lang="ar"] .hl-view-switch button{white-space:normal;line-height:1.5;min-height:38px}
html[lang="ar"] :is(video,img,svg){transform:none}
html[lang="ar"] .hero > .hero-image{transform:scaleX(-1)}
html[lang="ar"] .jm-analytics-dialog,html[lang="ar"] .jm-analytics-banner{direction:rtl;text-align:right}
@media(max-width:1190px){html[lang="ar"] .header nav{gap:10px;font-size:12px}}
@media(max-width:680px){html[lang="ar"] .hl-view-switch button{font-size:11px;padding:8px 6px;flex:1 1 60px}html[lang="ar"] .hl-view-switch button[data-home-view="side"]{flex-basis:100px}html[lang="ar"] .hl-row-label h3{font-size:12px;line-height:1.6}}
@media(max-width:960px){html[lang="ar"] .header nav{margin:0}html[lang="ar"] .hero:after{background:linear-gradient(270deg,#102f43e8 0%,#102f43d4 30%,#102f4328 100%)}}
@media(max-width:680px){html[lang="ar"] .nav-menu{right:auto;border-left:0;border-right:1px solid var(--line)}html[lang="ar"] .hero:after{background:linear-gradient(180deg,#102f43f5 0%,#102f43c7 38%,#102f4310 76%,#102f431f 100%)}html[lang="ar"] .footer-bottom span:last-child{text-align:right}html[lang="ar"] .style-card-image{border-right:0;border-left:1px solid var(--line)}html[lang="ar"] .hero h1{font-size:32px}html[lang="ar"] .header-rfq{font-size:10px;padding-inline:8px}}