@font-face{font-family:"Noto Sans Arabic";src:url('../images/fonts/noto-sans-arabic.woff2') format('woff2');font-weight:400 800;font-display:swap}

html[lang="ar"]{--font:"Noto Sans Arabic",Manrope,Tahoma,Arial,sans-serif}
html[lang="ar"] body{font-family:var(--font)}
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] h4{letter-spacing:0;line-height:1.4}
html[lang="ar"] .eyebrow,html[lang="ar"] .utility-bar{letter-spacing:0}
html[lang="ar"] .skip-link{left:auto;right:16px}

/* Keep the image-led hero's LTR composition; only its copy follows Arabic flow. */
html[lang="ar"] .hero-main{direction:ltr}
html[lang="ar"] .hero-copy{direction:rtl;text-align:right}
html[lang="ar"] .hero-copy h1{line-height:1.35}
html[lang="ar"] .hero-copy>p:not(.eyebrow){margin-inline-start:auto}
html[lang="ar"] .hero-actions{justify-content:flex-start}
html[lang="ar"] .home-search{direction:rtl}
html[lang="ar"] .home-search>.icon{margin-inline:12px 0}
html[lang="ar"] .home-search input{ text-align:right }

html[lang="ar"] .site-nav{margin-inline-start:0;margin-inline-end:auto}
html[lang="ar"] .site-nav>a{letter-spacing:0}
html[lang="ar"] .site-nav>a[aria-current=page]:after{left:0;right:0}
html[lang="ar"] .header-actions{direction:rtl}
html[lang="ar"] .utility-inner a,html[lang="ar"] .breadcrumb{direction:rtl}
html[lang="ar"] .breadcrumb .icon{transform:rotate(180deg)}
html[lang="ar"] .text-link,html[lang="ar"] .button{direction:rtl}

html[lang="ar"] .trust-item{border-right:0;border-inline-end:1px solid var(--line)}
html[lang="ar"] .trust-item:last-child{border-inline-end:0}
html[lang="ar"] .home-category-info{text-align:right}
html[lang="ar"] .home-category-info .icon{transform:scaleX(-1)}
html[lang="ar"] .capability-list{padding-inline-start:0;padding-inline-end:20px}
html[lang="ar"] .capability-list li{direction:rtl}

html[lang="ar"] .catalog-category{border-left:0;border-inline-start:2px solid transparent}
html[lang="ar"] .catalog-category.is-active{border-inline-start-color:var(--green,#008f55)}
html[lang="ar"] .catalog-search-panel>p{margin-left:0;margin-inline-start:54px}
html[lang="ar"] .catalog-search-panel form{direction:rtl}
html[lang="ar"] .catalog-search-panel input{text-align:right}
html[lang="ar"] .catalog-sort,html[lang="ar"] .catalog-mobile-toolbar{direction:rtl}
html[lang="ar"] .catalog-sort select,html[lang="ar"] .catalog-mobile-toolbar select{padding:0 10px 0 30px}
html[lang="ar"] .catalog-pagination,html[lang="ar"] .fitment-pager{direction:rtl}
html[lang="ar"] .product-detail-info,html[lang="ar"] .product-specs,html[lang="ar"] .product-applications{ text-align:right }
html[lang="ar"] .product-specs dl>div{direction:rtl}
html[lang="ar"] .product-crossrefs{direction:rtl}
html[lang="ar"] .product-crossrefs li,html[lang="ar"] .product-card h3,html[lang="ar"] .product-detail-title{direction:ltr;unicode-bidi:isolate;text-align:right;letter-spacing:0}

html[lang="ar"] .field,html[lang="ar"] .inquiry-form-wrap label{ text-align:right }
html[lang="ar"] .field input,html[lang="ar"] .field textarea,html[lang="ar"] .field select,
html[lang="ar"] .inquiry-form-wrap input,html[lang="ar"] .inquiry-form-wrap textarea,html[lang="ar"] .inquiry-form-wrap select{ text-align:start }
html[lang="ar"] .notice-block{border-left:0;border-inline-start:3px solid var(--green)}
html[lang="ar"] .detail-list{padding-inline:0}
html[lang="ar"] .detail-list li{direction:rtl}
html[lang="ar"] .form-submit{flex-wrap:wrap}
html[lang="ar"] .contact-number,html[lang="ar"] .footer-phone,
html[lang="ar"] .contact-page .contact-company-name,html[lang="ar"] .footer-company{
  direction:ltr;unicode-bidi:isolate;text-align:right;overflow-wrap:anywhere;letter-spacing:0
}
html[lang="ar"] .contact-company-name,html[lang="ar"] .footer-company{max-width:100%}
html[lang="ar"] .footer-wechat>span:not([role="status"]){direction:ltr;unicode-bidi:isolate;display:inline-block}
html[lang="ar"] .footer-wechat .copy-phone{margin-left:0;margin-inline-start:10px}
html[lang="ar"] .footer-bottom{direction:rtl}
html[lang="ar"] .footer-column h2{letter-spacing:0}

@media(max-width:700px){
  html[lang="ar"] .catalog-search-panel>p{margin-inline-start:0}
  html[lang="ar"] .product-detail-grid{direction:rtl}
}

@media(max-width:600px){
  html[lang="ar"] .home-hero{background-position:right bottom}
  html[lang="ar"] .hero-main{direction:ltr}
  html[lang="ar"] .hero-copy{direction:rtl}
  html[lang="ar"] .footer-grid{direction:rtl}
}

/* Apply the Arabic face to components with explicit Latin font stacks. */
html[lang="ar"] :is(h1,h2,h3,h4,input,select,textarea,button,.product-applications summary strong){font-family:var(--font)}
html[lang="ar"] :is(.product-oem strong,.product-specs dd,.product-card-spec,.product-application-content p){unicode-bidi:plaintext}