/* Direct native selector: one click opens the language choices. */
.site-header .language-switch{position:relative;display:flex;align-items:center;flex:none;margin:0;min-height:44px}
.site-header .language-switch select{display:block;width:104px;min-height:44px;margin:0;padding:8px 6px;border:1px solid transparent;border-radius:3px;background:transparent;color:var(--ink);font:400 12px/1.4 Arial,'Microsoft YaHei','Yu Gothic','Malgun Gothic',sans-serif;cursor:pointer;appearance:auto;direction:ltr}
.site-header .language-switch select:hover{background:#07296b08}
.site-header .language-switch select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.site-header .language-switch select[aria-busy=true]{border-color:var(--accent)}
.site-header .language-switch option{color:var(--ink);background:var(--paper)}
.language-switch .language-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html:not([lang=en]) :is(h1,h2,h3,h4){overflow-wrap:break-word;hyphens:auto}
html:not([lang=en]) :is(.button,.text-link,.header-enquiry){white-space:normal;line-height:1.4}
html:not([lang=en]) .group-hero-copy h1{white-space:normal;font-size:clamp(58px,5.9vw,112px);line-height:1.04;letter-spacing:-.045em}
html:not([lang=en]) .group-hero-copy{padding-inline-end:8%}
html:not([lang=en]) .group-tabs{gap:18px}
html:not([lang=en]) .group-tabs button{white-space:normal;max-width:170px}
html:not([lang=en]) .group-navigation>a{max-width:180px}
html:not([lang=en]) :is(.catalog-title,.biz-page h1){font-size:clamp(48px,6vw,96px)}
html:not([lang=en]) .site-header #main-nav{gap:clamp(10px,1.2vw,22px)}
html:not([lang=en]) .site-header #main-nav>a,html:not([lang=en]) .site-header .nav-products>a,html:not([lang=en]) .site-header .nav-about>a{white-space:normal}
html:not([lang=en]) .site-header .header-enquiry{max-width:145px}
html:not([lang=en]) :is(.chapter-copy,.company-copy,.intro>div,.oem>div,.footer-top>*,.biz-page section>*,.pd-intro){min-width:0}
html:not([lang=en]) .footer-top>p{overflow-wrap:break-word}
html[data-script=cjk]{--preview-language-font:'Microsoft YaHei','PingFang SC','Noto Sans CJK SC',Arial,sans-serif}
html[lang=ja]{--preview-language-font:'Yu Gothic','Meiryo','Noto Sans JP',sans-serif}
html[lang=ko]{--preview-language-font:'Malgun Gothic','Apple SD Gothic Neo','Noto Sans KR',sans-serif}
html:is([data-script=arabic],[data-script=cyrillic]){--preview-language-font:Arial,'Segoe UI',sans-serif}
html:is([data-script=cjk],[data-script=arabic],[data-script=cyrillic]) body{font-family:var(--preview-language-font);line-height:1.7}
html:is([data-script=cjk],[data-script=arabic],[data-script=cyrillic]) :is(h1,h2,h3,h4,.mega-feature-copy>strong){font-family:var(--preview-language-font);font-weight:600;font-style:normal;line-height:1.3;letter-spacing:0;text-transform:none}
html:is([data-script=cjk],[data-script=arabic],[data-script=cyrillic]) :is(h1,h2,h3,h4) em{font-style:normal}
html:is([data-script=cjk],[data-script=arabic],[data-script=cyrillic]) .group-hero-copy h1{font-size:clamp(49px,5.1vw,96px);line-height:1.25;letter-spacing:0}
html[data-script=cjk] :is(.eyebrow,.button,.text-link,.pd-eyebrow,.image-tag,.chapter-model){letter-spacing:0}
html[lang=ko] :is(h1,h2,h3,h4,p){word-break:keep-all;overflow-wrap:break-word}
/* Photography, model codes and horizontal drags keep their authored direction. */
html[dir=rtl] :is(.wordmark,.footer-logo,.rail-model,.chapter-model,.pd-title,.model-code,.group-counter,.group-stage,.group-hero,.product-rail,.rail-controls,.pd-image-viewer){direction:ltr;unicode-bidi:isolate}
html[dir=rtl] :is(.group-hero-copy,.group-hero-bottom,.rail-info,.pd-intro){direction:rtl;text-align:right}
html[dir=rtl] :is(.group-hero-copy,.group-hero-bottom){text-align:right}
html[dir=rtl] .group-hero-copy{padding-left:8%;padding-right:8%}
html[dir=rtl] :is(.pd-spec-row,.compare-table,.biz-test-table) :is(th,td,dd){text-align:start;unicode-bidi:plaintext}
html[dir=rtl] :is(input[type=email],input[type=url],input[type=number]){direction:ltr;text-align:right}
html[dir=rtl] .site-header .company-menu{left:auto;right:-22px}
html[dir=rtl] .preview-bar button{text-align:left}
@media(min-width:1100px) and (max-width:1320px){
 html:not([lang=en]) .site-header{gap:14px;padding-inline:3%}
 html:not([lang=en]) .site-header #main-nav{gap:12px;font-size:11px}
 html:not([lang=en]) .site-header .header-tools{gap:10px}
 html:not([lang=en]) .site-header .header-tools [data-search-open]>span{display:none}
 html:not([lang=en]) .site-header .header-enquiry{padding-inline:10px;max-width:125px;font-size:10px}
}
@media(max-width:1099px){
 html[dir=rtl] .site-header .header-tools{margin-left:0;margin-right:auto}
 html[dir=rtl] .site-header .company-menu{right:auto}
 html:not([lang=en]) .site-header #main-nav{gap:0}
 html:not([lang=en]) .site-header .header-enquiry{max-width:150px}
 html:not([lang=en]) .group-hero-copy h1{font-size:clamp(48px,6.4vw,70px)}
}
@media(max-width:600px){
 .site-header .header-enquiry{display:none}
 .site-header .header-tools{gap:7px}
}
@media(max-width:760px){
 html:not([lang=en]) .group-hero-copy{padding-inline:6%}
 html:not([lang=en]) .group-hero-copy h1{font-size:clamp(40px,9.5vw,65px);line-height:1.12}
 html:is([data-script=cjk],[data-script=arabic],[data-script=cyrillic]) .group-hero-copy h1{font-size:clamp(37px,9.4vw,62px);line-height:1.3}
 html:not([lang=en]) .group-hero-copy .hero-actions{flex-wrap:wrap;gap:16px 24px}
 html:not([lang=en]) .group-tabs{gap:10px}
 html:not([lang=en]) .group-navigation>a{max-width:45%;font-size:9px}
 html:not([lang=en]) .biz-page h1{font-size:clamp(40px,9.8vw,64px)}
 html:is([data-script=cjk],[data-script=arabic],[data-script=cyrillic]) :is(.intro h2,.chapter h2,.company h2,.oem h2,.biz-page h2){font-size:clamp(29px,8vw,43px);line-height:1.35}
 html:not([lang=en]) .footer-top>p{font-size:clamp(39px,9.5vw,60px)}
}
@media(max-width:420px){
 .site-header .language-switch select{width:98px;font-size:11px}
 .site-header .header-tools{gap:3px}
 html:not([lang=en]) .site-header .wordmark{font-size:28px}
 html:not([lang=en]) .site-header .header-enquiry{max-width:111px;padding-inline:8px;font-size:9px}
 html:not([lang=en]) .preview-bar{align-items:flex-start}
 html:not([lang=en]) .preview-bar .status-message{max-width:47%}
 html:not([lang=en]) .preview-bar button{max-width:49%}
 html:not([lang=en]) .group-tabs button{font-size:9px}
}
@media(max-width:360px){
 .site-header .wordmark{font-size:28px}
 .site-header .language-switch select{width:90px}
}