header .language-switch{display:flex;align-items:center;gap:8px;margin-left:20px;flex:none;font:600 12px/1.2 Arial,"Microsoft YaHei",sans-serif;letter-spacing:.02em;white-space:nowrap}
header .language-switch a{padding:10px 2px;color:#abc7d1;transition:color .2s}
header .language-switch a:hover,header .language-switch a[aria-current="true"]{color:#78e9ef}
header .language-switch>span{color:#597d8c;font-weight:400}
header .language-switch a:focus-visible{outline:2px solid #78e9ef;outline-offset:4px}
@media(min-width:851px){header{padding-right:3vw!important}header nav{margin-right:0!important}header .nav-cta{white-space:nowrap}}
html[lang="zh-CN"] body{font-family:Arial,"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif}
html[lang="zh-CN"] h1,html[lang="zh-CN"] h2,html[lang="zh-CN"] h3{font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;letter-spacing:0;line-height:1.22}
html[lang="zh-CN"] .eyebrow{letter-spacing:.12em}
html[lang="zh-CN"] .hero-copy h1{font-size:clamp(42px,4.6vw,74px)}
html[lang="zh-CN"] .application-hero h1{font-size:clamp(44px,5.2vw,80px)}
html[lang="zh-CN"] .hero-copy .intro,html[lang="zh-CN"] .pool-overview p{line-height:1.95}
html[lang="zh-CN"] .filter-callout text,html[lang="zh-CN"] .uf-callout text{font-family:Arial,"Microsoft YaHei",sans-serif}
html[lang="zh-CN"] .contact-page h2{letter-spacing:0}
html[lang="zh-CN"] .application-card h3{font-size:clamp(19px,1.6vw,25px)}
@media(max-width:850px){header .language-switch{margin-left:auto;margin-right:16px}header .menu{order:3}header .brand{margin-right:8px}}
@media(max-width:650px){header .language-switch{gap:6px;margin-right:10px;font-size:11px}header .brand>span:last-child{max-width:150px}html[lang="zh-CN"] .hero-copy h1{font-size:clamp(36px,9.5vw,56px)}html[lang="zh-CN"] .application-hero h1{font-size:42px}html[lang="zh-CN"] .contact-page h2{font-size:46px}}

.product-name-nowrap{white-space:nowrap}html[lang="zh-CN"] .hero-copy h1 .product-name-nowrap{font-size:clamp(30px,4vw,64px)}
.contact-qr-link{display:block;width:150px;max-width:100%;background:white;line-height:0}.contact-qr-link img{display:block;width:100%;height:auto}.contact-wechat h3{margin-top:24px;margin-bottom:16px}.contact-wechat .contact-pending{margin-top:12px}
/* Four-language selector: native disclosure supports keyboard and touch. */
header details.language-switch{position:relative;display:block;min-width:86px;margin-inline-start:18px;line-height:1.4;text-align:start;z-index:30}
.language-switch summary{cursor:pointer;list-style:none;padding:12px 0;color:#d9f4f8;font:600 12px/1.4 Arial,sans-serif;white-space:nowrap}
.language-switch summary::-webkit-details-marker{display:none}.language-switch summary span{margin-inline-start:6px;color:#78e9ef}
.language-options{position:absolute;inset-inline-end:0;top:100%;min-width:160px;display:grid;padding:8px;background:#032031;border:1px solid #81dce655;box-shadow:0 12px 30px #0005}
header .language-options a{display:block;padding:11px 14px;font-size:14px;line-height:1.5;border-radius:0;text-align:left}
header .language-options a:hover,header .language-options a[aria-current="true"]{background:#79e9ef18;color:#78e9ef}
.language-switch summary:focus-visible{outline:2px solid #78e9ef;outline-offset:4px}
html[lang="ru"] body,html[lang="ru"] h1,html[lang="ru"] h2,html[lang="ru"] h3{font-family:Arial,Helvetica,sans-serif}
html[lang="ru"] .hero-copy h1{font-size:clamp(36px,3.7vw,64px);line-height:1.16;letter-spacing:-.025em}
html[lang="ru"] .application-hero h1{font-size:clamp(36px,4.3vw,66px);line-height:1.15;overflow-wrap:normal}
html[lang="ru"] .pool-page h2{font-size:clamp(30px,3.3vw,48px);line-height:1.18}
html[lang="ru"] .application-card h3{font-size:clamp(17px,1.35vw,22px);line-height:1.2}
html[lang="ru"] .application-card p{line-height:1.4}
html[lang="ru"] .contact-page h2{font-size:clamp(42px,5vw,70px);line-height:1.16}
html[lang="ru"] .pool-product h3{font-size:18px;overflow-wrap:anywhere}
html[lang="ar"] body,html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3{font-family:Tahoma,Arial,"Noto Sans Arabic",sans-serif;letter-spacing:0;line-height:1.45}
html[lang="ar"] .eyebrow,html[lang="ar"] .caption,html[lang="ar"] .pool-product-code{letter-spacing:0}
html[lang="ar"] .hero-copy,html[lang="ar"] .application-hero-inner,html[lang="ar"] .pool-challenge-copy{text-align:right}
html[lang="ar"] .hero-copy h1{font-size:clamp(38px,4.2vw,68px)}
html[lang="ar"] .hero-copy .intro,html[lang="ar"] .pool-overview p,html[lang="ar"] .pool-challenge-text p,html[lang="ar"] .pool-solution-intro p{line-height:1.95}
html[lang="ar"] .hero-copy h1 .product-name-nowrap{display:inline-block;direction:ltr;font-family:Arial,sans-serif;font-size:clamp(30px,3.5vw,58px)}
html[lang="ar"] .viewer,html[lang="ar"] .uf-callout,html[lang="ar"] .compact-index-model,html[lang="ar"] .pool-product-image{direction:ltr}

html[lang="ar"] .brand{direction:ltr;unicode-bidi:isolate}
html[lang="ar"] .language-switch,html[lang="ar"] .language-options{direction:ltr;text-align:left}

html[lang="ar"] .contact-address{direction:ltr;unicode-bidi:isolate;text-align:left}



html[lang="ar"] bdi{unicode-bidi:isolate}
@media(max-width:1100px) and (min-width:851px){html[lang="ru"] header nav{gap:20px;padding-left:3vw}html[lang="ru"] header nav>a,html[lang="ru"] header .nav-tech>a{font-size:13px}html[lang="ru"] header .brand{font-size:12px}}
@media(max-width:850px){header details.language-switch{margin-inline-start:auto;margin-inline-end:14px}html[lang="ar"] header nav{padding:20px 7vw}html[lang="ru"] .hero-copy h1{font-size:clamp(32px,5.5vw,48px)}}
@media(max-width:650px){header details.language-switch{min-width:78px;margin-inline-end:8px}html[lang="ru"] .hero-copy h1{font-size:34px}html[lang="ru"] .application-hero h1{font-size:38px}html[lang="ru"] .application-card h3{font-size:20px}html[lang="ar"] .application-hero h1{font-size:42px}html[lang="ar"] .pool-page h2{font-size:32px}html[lang="ar"] .hero-copy h1{font-size:38px}html[lang="ar"] .contact-page h2{font-size:42px}html[lang="ru"] .contact-page h2{font-size:38px}.language-options{min-width:145px}}
@media(max-width:380px){header details.language-switch{margin-inline-start:2px;margin-inline-end:4px;min-width:75px}.language-switch summary{font-size:11px}header .brand>span:last-child{max-width:100px}html[lang="ru"] .hero-copy h1{font-size:30px}}
/* Final pre-launch typography and narrow-screen navigation checks. */
@media(max-width:380px){header .brand{gap:7px;min-width:0;flex:1;margin-right:4px}header .brand .brand-logo{width:28px;height:34px;object-fit:contain}header .brand>span:last-child{max-width:108px;font-size:9px;line-height:1.35}header .language-switch{margin-left:4px;margin-right:6px;gap:4px}header .menu{flex:none;padding:8px;font-size:12px}}

/* Preserve the shared spatial layout. RTL applies to Arabic reading, never to grids,
   navigation order, equipment drawings, numeric expressions or action groups. */
html[lang="ar"] body{direction:ltr}
html[lang="ar"] :is(h1,h2,h3,p,th,td,caption,.caption,.scroll,.video-toggle,.model-loading,.contact-pending){direction:rtl;unicode-bidi:plaintext}
html[lang="ar"] :is(.button,.nav-cta,nav a,.eyebrow,.pool-product-code,.ceramic-resistance span){direction:rtl;unicode-bidi:isolate;letter-spacing:0}
html[lang="ar"] :is(.compact-benefits,.application-card,.contact-method){text-align:right}
html[lang="ar"] :is(.brand,.contact-address,.language-switch,.language-options,.actions,.application-card-top,.ceramic-comparison-table){direction:ltr}
html[lang="ar"] .ceramic-comparison-table :is(th,td){text-align:right}
html[lang="ar"] bdi[dir="ltr"]{direction:ltr;unicode-bidi:isolate;display:inline-block}

/* Header indexes follow the same left edge as the other language editions. */
html[lang="ar"] header .nav-tech-menu{direction:ltr;text-align:left;background:#031827;border-color:#81dce655}
html[lang="ar"] header .nav-tech-menu a{direction:rtl;unicode-bidi:isolate;text-align:left;font-family:Tahoma,Arial,sans-serif;font-size:14px;line-height:1.75;padding:12px 16px;white-space:normal}
html[lang="ar"] header .nav-tech-menu bdi{font-family:Arial,sans-serif;white-space:nowrap}
html[lang="ar"] header .applications-menu{min-width:270px}
@media(max-width:1000px){html[lang="ar"] header nav.open{max-height:calc(100svh - 72px);overflow-y:auto}html[lang="ar"] header .applications-menu{min-width:0}html[lang="ar"] header .nav-tech-menu{margin-left:12px;margin-right:0}}