/* Localized layout support; physical position of global utility controls is retained. */
html[lang^="ko"] body{font-family:"IBM Plex Sans","Malgun Gothic","Apple SD Gothic Neo",sans-serif}
html[lang^="ja"] body{font-family:"IBM Plex Sans","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}
html[lang^="ar"] body{font-family:Tahoma,Arial,sans-serif}
html[dir="rtl"] #brx-content{direction:rtl;text-align:start}
html[dir="rtl"] #brx-content :is(input[type="email"],input[type="tel"],input[type="url"]){direction:ltr;text-align:left}
html[dir="rtl"] .pp-spec-table,html[dir="rtl"] .pp-product-specifications table,html[dir="rtl"] .pp-spec-table-panel table{direction:ltr;text-align:left}
html[dir="rtl"] #brx-header .pp-navigation-v2 .pp-mega-panel{text-align:right}
html[dir="rtl"] .pp-article-toc{text-align:right}
html[dir="rtl"] .pp-site-breadcrumb{direction:rtl}
.trp-floating-switcher{z-index:990}
@media(min-width:1260px){html:not([lang^="en"]) #brx-header .pp-navigation-v2 #brxe-df3f53{gap:4px}html:not([lang^="en"]) #brx-header .pp-navigation-v2 .pp-nav-dropdown>.brx-submenu-toggle{font-size:13px}}
@media(prefers-reduced-motion:reduce){.trp-floating-switcher *{transition:none!important}}

/* Arabic editorial layout v1, 2026-10-12. Images remain unmirrored. */
@font-face{font-family:"PP Noto Japanese";src:url("https://yuannaitube.com/wp-content/mu-plugins/pp-notosansjp-localized.woff") format("woff");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"PP Noto Korean";src:url("https://yuannaitube.com/wp-content/mu-plugins/pp-notosanskr-localized.woff") format("woff");font-weight:100 900;font-style:normal;font-display:swap}
html[lang^="ja"]{--pp-locale-font:"PP Noto Japanese","Yu Gothic","Hiragino Kaku Gothic ProN",sans-serif;--pp-locale-leading:1.85}
html[lang^="ko"]{--pp-locale-font:"PP Noto Korean","Malgun Gothic","Apple SD Gothic Neo",sans-serif;--pp-locale-leading:1.8}
html[lang^="es"]{--pp-locale-font:"IBM Plex Sans",Arial,sans-serif;--pp-locale-leading:1.65}
html[lang^="vi"]{--pp-locale-font:"IBM Plex Sans",Arial,sans-serif;--pp-locale-leading:1.75}
html:is([lang^="ja"],[lang^="ko"],[lang^="es"],[lang^="vi"]) body :is(#brx-content,#brx-header,#brx-footer) :is(h1,h2,h3,h4,h5,h6,p,a,button,label,input,textarea,select,li,dt,dd,th,td,.brxe-text-basic,.brxe-text){font-family:var(--pp-locale-font)!important;letter-spacing:0!important}
html:is([lang^="ja"],[lang^="ko"],[lang^="es"],[lang^="vi"]) #brx-content :is(p,.brxe-text,.pp-lead){line-height:var(--pp-locale-leading);font-size:17px}
html:is([lang^="ja"],[lang^="ko"],[lang^="es"],[lang^="vi"]) #brx-content :is(h1,h2,h3){line-height:1.45!important;overflow-wrap:anywhere}
html:is([lang^="ja"],[lang^="ko"],[lang^="es"],[lang^="vi"]) #brx-content h1{font-size:clamp(30px,3vw,44px)!important}
html[lang^="ko"] #brx-content :is(h1,h2,h3,p){word-break:keep-all;overflow-wrap:anywhere}
html[lang^="ja"] #brx-content{line-break:strict;word-break:normal}
html:is([lang^="es"],[lang^="vi"]) #brx-content :is(p,.brxe-text){overflow-wrap:break-word}
html:is([lang^="ja"],[lang^="ko"],[lang^="es"],[lang^="vi"]) #brx-content :is(.brxe-container,.brxe-block){min-width:0}
html:is([lang^="ja"],[lang^="ko"],[lang^="es"],[lang^="vi"]) #brx-header .pp-mega-link{line-height:1.65;white-space:normal}
html:is([lang^="ja"],[lang^="ko"],[lang^="es"],[lang^="vi"]) #brx-header #brxe-b2b002{font-family:Arial,sans-serif!important;white-space:nowrap}
html:is([lang^="ja"],[lang^="ko"],[lang^="es"],[lang^="vi"]) .pp-spec-table-panel table{direction:ltr}
html:is([lang^="ja"],[lang^="ko"],[lang^="es"],[lang^="vi"]) :is(input[type="email"],input[type="tel"],input[type="url"],.pp-model-search){direction:ltr}
@media(min-width:1260px){
html:is([lang^="ja"],[lang^="ko"],[lang^="es"],[lang^="vi"]) #brx-header .pp-navigation-v2 #brxe-df3f53{gap:4px}
html:is([lang^="ja"],[lang^="ko"],[lang^="es"],[lang^="vi"]) #brx-header .pp-navigation-v2 :is(.pp-nav-dropdown>.brx-submenu-toggle,#brxe-dcbe83){font-size:13px;white-space:nowrap}
html:is([lang^="ja"],[lang^="ko"],[lang^="es"],[lang^="vi"]) #brx-content .brxe-button{white-space:nowrap}
}
@media(max-width:767px){
html:is([lang^="ja"],[lang^="ko"],[lang^="es"],[lang^="vi"]) #brx-content h1{font-size:30px!important}
html:is([lang^="ja"],[lang^="ko"],[lang^="es"],[lang^="vi"]) #brx-content .brxe-button{white-space:normal;line-height:1.6;text-align:center;max-width:100%}
html:is([lang^="ja"],[lang^="ko"],[lang^="es"],[lang^="vi"]) #brx-content :is(p,.brxe-text,.pp-lead){font-size:16px}
}
@font-face{font-family:"PP Noto Arabic";src:url("https://yuannaitube.com/wp-content/mu-plugins/pp-noto-sans-arabic.woff") format("woff");font-style:normal;font-weight:100 900;font-display:swap}
html[lang^="ar"] body{font-family:Tahoma,Arial,sans-serif;font-size:17px;line-height:1.8}
html[lang^="ar"] body :is(h1,h2,h3,h4,h5,h6,p,a,button,label,input,textarea,select,li,dt,dd,th,td,.brxe-text-basic,.brxe-text){font-family:Tahoma,Arial,sans-serif!important;letter-spacing:0!important}
html[lang^="ar"] body,html[lang^="ar"] body :is(h1,h2,h3,h4,h5,h6,p,a,button,label,input,textarea,select,li,dt,dd,th,td,.brxe-text-basic,.brxe-text){font-family:"PP Noto Arabic",Tahoma,Arial,sans-serif!important}
html[lang^="ar"] body :is(#brx-content,#brx-header,#brx-footer) :is(h1,h2,h3,h4,h5,h6,p,a,button,label,input,textarea,select,li,dt,dd,th,td,.brxe-text-basic,.brxe-text){font-family:"PP Noto Arabic",Tahoma,Arial,sans-serif!important;letter-spacing:0!important}
html[lang^="ar"] body :is(strong,span,bdi){font-family:inherit}
html[lang^="ar"] #brx-content :is(p,.pp-lead,.brxe-text){font-size:17px}
html[lang^="ar"] body :is(p,li,.brxe-text-basic,.brxe-text){line-height:1.85}
html[lang^="ar"] body :is(h1,h2,h3,h4){line-height:1.5!important}
html[lang^="ar"] #brx-content :is(h1,h2,h3,p,.brxe-text,.brxe-text-basic){text-align:start}
html[lang^="ar"] #brx-content h1{font-size:clamp(32px,3.2vw,46px)!important}
html[lang^="ar"] #brx-content h2{font-size:clamp(26px,2.5vw,36px)}
html[lang^="ar"] #brx-header :is(.pp-nav-dropdown>.brx-submenu-toggle,#brxe-dcbe83){font-size:14px;white-space:nowrap}
html[lang^="ar"] #brx-header .pp-mega-panel{text-align:start}
html[lang^="ar"] #brx-header .pp-mega-group h3{font-size:14px;line-height:1.7}
html[lang^="ar"] #brx-header .pp-mega-link{font-size:15px;line-height:1.7}
html[lang^="ar"] #brx-header #brxe-b2b002{font-family:Arial,sans-serif!important;direction:ltr;unicode-bidi:isolate}
html[lang^="ar"] #kc1{direction:ltr;unicode-bidi:isolate;text-align:right!important}
html[lang^="ar"] .pp-site-breadcrumb .pp-breadcrumb-separator{padding-left:0;padding-inline-start:10px}
html[lang^="ar"] .pp-article-toc{border-left:0;border-inline-start:2px solid #df0523;padding:20px 20px 20px 0}
html[lang^="ar"] .pp-article-toc a{padding:8px 0 8px 8px;line-height:1.8}
html[lang^="ar"] .pp-toc-level-3{padding-left:0;padding-inline-start:16px}
html[lang^="ar"] .pp-reading-progress>span{transform-origin:right center}
html[lang^="ar"] :is(.pp-mobile-disclosure,.pp-model-search-label,.pp-contact-form-panel){text-align:start}
html[lang^="ar"] .pp-inquiry-context{border-left:0;border-inline-start:3px solid #df0523}
html[lang^="ar"] :is(input[type="email"],input[type="tel"],input[type="url"],.pp-model-search){direction:ltr!important;text-align:left!important}
html[lang^="ar"] :is(.pp-spec-table,.pp-spec-table-panel table){direction:ltr;text-align:left}
html[lang^="ar"] .pp-spec-table-panel :is(th,td){line-height:1.7;font-size:15px}
html[lang^="ar"] .pp-spec-table-panel th{direction:rtl;text-align:start}
html[lang^="ar"] .pp-spec-table-panel td{unicode-bidi:plaintext}
html[lang^="ar"] bdi.pp-ltr-token{direction:ltr;unicode-bidi:isolate;font-family:Arial,sans-serif;letter-spacing:0;white-space:nowrap}
html[lang^="ar"] :is(a[href^="mailto:"],a[href^="tel:"],a[href*="wa.me"]){unicode-bidi:isolate}
html[lang^="ar"] :is(.pp-contact-hero .pp-contact-heading>:first-child:before,.pp-contact-eyebrow:before){margin-right:0;margin-inline-end:14px}
html[lang^="ar"] .pp-contact-hero:after{background:linear-gradient(270deg,rgba(20,20,20,.95),rgba(20,20,20,.8) 55%,rgba(20,20,20,.3))}
html[lang^="ar"] #brx-content :is(.brxe-container,.brxe-block){min-width:0}
@media(min-width:1260px){
html[lang^="ar"] #brx-header .pp-navigation-v2 .pp-mega-panel{left:auto!important;right:0!important}
html[lang^="ar"] #brx-header .pp-navigation-v2 #brxe-df3f53{gap:6px}
}
@media(max-width:1259px){
html[lang^="ar"] #brx-header .pp-navigation-v2 #brxe-b2b001{margin-right:0;margin-left:auto}
}
@media(max-width:767px){
html[lang^="ar"] body{font-size:16px}
html[lang^="ar"] #brx-content h1{font-size:32px!important}
html[lang^="ar"] .pp-article-toc{padding:16px 20px}
html[lang^="ar"] #brx-content .brxe-button{white-space:normal;text-align:center;line-height:1.6}
}

/* Arabic banner v2: independent image plane, intrinsic image proportions.
   Native Bricks content/links stay intact; no image is mirrored. */
html[lang^="ar"] #kc14{--pp-ar-banner-image:url('https://yuannaitube.com/wp-content/uploads/2026/10/home-banner-20261011.webp')}
html[lang^="ar"] #oem-hero{--pp-ar-banner-image:url('https://yuannaitube.com/wp-content/uploads/2026/10/tubing-production-line-v1.webp')}
html[lang^="ar"] #ws-hero{--pp-ar-banner-image:url('https://yuannaitube.com/wp-content/uploads/2026/10/tubing-production-line-v1.webp')}
html[lang^="ar"] #brxe-a8b2a5{--pp-ar-banner-image:url('https://yuannaitube.com/wp-content/uploads/2026/10/yuannai-factory-v1.webp')}
html[lang^="ar"] #cert-hero{--pp-ar-banner-image:url('https://yuannaitube.com/wp-content/uploads/2026/10/corporate-banner-certificates-20261011.webp')}
html[lang^="ar"] :is(#ap11,#brxe-d5db9e){--pp-ar-banner-image:url('https://yuannaitube.com/wp-content/uploads/2026/10/application-banner-applications-20261011.webp')}
html[lang^="ar"] #brxe-ac6a4c{--pp-ar-banner-image:url('https://yuannaitube.com/wp-content/uploads/2026/10/catalogue-banner-20261011.webp')}
html[lang^="ar"] body #brx-content :is(#kc14,#oem-hero,#ws-hero,#brxe-a8b2a5,#cert-hero,#ap11,#brxe-ac6a4c,#brxe-d5db9e){
 position:relative;isolation:isolate;background:#f6f6f6!important;background-image:none!important;
 background-size:auto!important;min-height:420px;padding:56px clamp(20px,3vw,40px)!important;
 justify-content:center;box-sizing:border-box;
}
html[lang^="ar"] body #brx-content :is(#kc14,#oem-hero,#ws-hero){min-height:520px}
html[lang^="ar"] body #brx-content :is(#brxe-ac6a4c,#brxe-d5db9e){width:100%;max-width:none}
html[lang^="ar"] body #brx-content :is(#kc14,#oem-hero,#ws-hero,#brxe-a8b2a5,#cert-hero,#ap11,#brxe-ac6a4c,#brxe-d5db9e)::before{
 content:'';position:absolute;inset:0 auto 0 0;width:48%;height:auto;z-index:0;transform:none;
 background:var(--pp-ar-banner-image) right center/cover no-repeat!important;pointer-events:none;
}
html[lang^="ar"] body #brx-content :is(#kc14,#oem-hero,#ws-hero,#brxe-a8b2a5,#cert-hero,#ap11,#brxe-ac6a4c,#brxe-d5db9e)>*{position:relative;z-index:1;min-width:0}
html[lang^="ar"] body #brx-content :is(#kc12,#oem-hero-inner,#brxe-df9fd5,#ap9){display:block!important;width:100%}
html[lang^="ar"] body #brx-content :is(#kc8,#oem-copy,#ws-copy,#brxe-ab0001,#ap7){
 width:49%!important;max-width:620px!important;margin-inline-start:0!important;margin-inline-end:auto!important;
}
html[lang^="ar"] body #brx-content :is(#cert-hero-inner,#brxe-ac6a4c,#brxe-d5db9e)>*{
 width:49%;max-width:620px!important;margin-inline-start:0!important;margin-inline-end:auto!important;
}
html[lang^="ar"] body #brx-content :is(#kc11,#oem-visual,#brxe-ab0002){display:none!important}
html[lang^="ar"] body #brx-content #kc1{display:none}
html[lang^="ar"] body #brx-content :is(#kc8,#oem-copy,#ws-copy){gap:24px}
html[lang^="ar"] body #brx-content :is(#kc14,#oem-hero,#ws-hero,#brxe-a8b2a5,#cert-hero,#ap11,#brxe-ac6a4c,#brxe-d5db9e) h1{
 font-size:clamp(36px,3vw,44px)!important;line-height:1.45!important;text-align:start;margin:0;letter-spacing:0;
}
html[lang^="ar"] body #brx-content :is(#kc14,#oem-hero,#ws-hero,#brxe-a8b2a5,#cert-hero,#ap11,#brxe-ac6a4c,#brxe-d5db9e) :is(p,.pp-lead){
 line-height:1.85;font-size:17px;
}
html[lang^="ar"] body #brx-content .pp-contact-hero{min-height:300px;padding-block:48px}
html[lang^="ar"] body #brx-content .pp-contact-heading{max-width:620px}
html[lang^="ar"] body #brx-content #cert-hero-inner>#brxe-cr0005{width:100%;max-width:none!important;margin-top:48px}
html[lang^="ar"] body #brx-content #cert-hero::before{height:320px;bottom:auto;top:56px}
@media(max-width:991px){
 html[lang^="ar"] body #brx-content :is(#kc14,#oem-hero,#ws-hero,#brxe-a8b2a5,#cert-hero,#ap11,#brxe-ac6a4c,#brxe-d5db9e){
  display:flex;flex-direction:column;align-items:stretch;min-height:0!important;padding:36px 20px 24px!important;gap:24px;
 }
 html[lang^="ar"] body #brx-content :is(#kc14,#oem-hero,#ws-hero,#brxe-a8b2a5,#cert-hero,#ap11,#brxe-ac6a4c,#brxe-d5db9e)>*{order:1}
 html[lang^="ar"] body #brx-content :is(#kc14,#oem-hero,#ws-hero,#brxe-a8b2a5,#cert-hero,#ap11,#brxe-ac6a4c,#brxe-d5db9e)::before{
  position:relative;inset:auto;order:2;flex:none;align-self:center;width:100%;max-width:680px;
  height:auto;aspect-ratio:3/2;max-height:340px;background-size:cover!important;
 }
 html[lang^="ar"] body #brx-content :is(#kc8,#oem-copy,#ws-copy,#brxe-ab0001,#ap7),
 html[lang^="ar"] body #brx-content :is(#cert-hero-inner,#brxe-ac6a4c,#brxe-d5db9e)>*{width:100%!important;max-width:none!important}
 html[lang^="ar"] body #brx-content :is(#kc13,#oem-hero-inner,#ws-hero-inner,#brxe-df9fd5,#cert-hero-inner,#ap9){width:100%;max-width:none;margin:0}
 html[lang^="ar"] body #brx-content :is(#kc14,#oem-hero,#ws-hero,#brxe-a8b2a5,#cert-hero,#ap11,#brxe-ac6a4c,#brxe-d5db9e) h1{font-size:32px!important}
 html[lang^="ar"] body #brx-content #cert-hero::before{height:auto;inset:auto}
 html[lang^="ar"] body #brx-content #cert-hero-inner>#brxe-cr0005{margin-top:12px}
}
@media(max-width:575px){
 html[lang^="ar"] body #brx-content :is(#kc6){flex-direction:column;align-items:stretch}
 html[lang^="ar"] body #brx-content :is(#kc4,#oem-primary,#brxe-5997tz){width:100%;max-width:100%;min-height:48px;white-space:normal}
 html[lang^="ar"] body #brx-content :is(#kc14,#oem-hero,#ws-hero,#brxe-a8b2a5,#cert-hero,#ap11,#brxe-ac6a4c,#brxe-d5db9e)::before{max-height:280px}
}

html[lang^="ar"] #brx-header .pp-mega-group div.brxe-heading{font-size:14px;line-height:1.7}