/* Language selection and multilingual layouts. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.header{gap:18px}
.brand,.language-picker,.menu{flex-shrink:0}
.language-picker select{width:126px;min-height:44px;padding:9px 24px 9px 10px;border:1px solid var(--line);border-radius:6px;color:var(--ink);background:var(--paper);font-size:14px;cursor:pointer}
.language-picker select:focus-visible{outline:3px solid #50836d;outline-offset:3px}
nav{gap:22px}
.hero-actions,.filters,.hero-foot{flex-wrap:wrap}
.button{max-width:100%;text-align:start}
html:not([lang=en]) .hero h1{font-size:clamp(48px,5.5vw,86px);letter-spacing:-2px;line-height:1.14;overflow-wrap:normal;hyphens:auto}
html:not([lang=en]) h2{font-size:clamp(32px,3.4vw,52px);line-height:1.22;letter-spacing:-1px}
html[lang=ar] body,html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] .art-caption strong{font-family:Tahoma,Arial,sans-serif;letter-spacing:normal}
html[lang=hi] body,html[lang=hi] h1,html[lang=hi] h2,html[lang=hi] h3,html[lang=hi] .art-caption strong{font-family:'Kohinoor Devanagari','Nirmala UI',Arial,sans-serif;letter-spacing:normal}
html[lang=ar] .eyebrow,html[lang=ar] .ribbon,html[lang=ar] .hero-foot span,html[lang=ar] .art-label,html[lang=ar] .art-caption span,html[lang=hi] .eyebrow{letter-spacing:normal}
html[dir=rtl] .hero-art{direction:ltr}
html[dir=rtl] .art-label,html[dir=rtl] .art-caption{left:auto;right:30px;text-align:right;direction:rtl}
html[dir=rtl] .art-note{right:auto;left:24px}
html[dir=rtl] .oem-list>div{padding-left:0;padding-right:42px}
html[dir=rtl] .oem-list>div>span{left:auto;right:0}
html[dir=rtl] .header-cta span,html[dir=rtl] .text-link span{margin-left:0;margin-right:12px}
html[dir=rtl] .material-note a{margin-left:0;margin-right:15px}
html[dir=rtl] .office address{direction:ltr;text-align:right;unicode-bidi:isolate}
.contact-note [href^='mailto:'],.contact-note [href^='tel:']{display:inline-block;direction:ltr;unicode-bidi:isolate}
@media(max-width:1440px){
 .header-cta{display:none}
 .header nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:18px 6%;border-bottom:1px solid var(--line);max-height:calc(100dvh - 90px);overflow:auto}
 .header nav.open{display:flex;flex-direction:column;gap:2px}
 .header nav a{display:flex;align-items:center;min-height:48px}
 .menu{display:grid;place-items:center;width:44px;min-height:44px;border:0;background:none;font-size:25px;margin:0}
 .language-picker{margin-inline-start:auto}
}
@media(max-width:600px){
 .header{gap:7px;padding-inline:4%}
 .brand{font-size:16px;gap:6px;letter-spacing:-.6px}
 .brand img{width:32px;height:32px}
 .language-picker select{width:106px;font-size:13px;padding-inline:7px;min-height:44px}
 .menu{width:38px}
 html:not([lang=en]) .hero h1{font-size:clamp(40px,10vw,58px);letter-spacing:-1px}
 html:not([lang=en]) h2{font-size:clamp(30px,7.5vw,40px)}
 html[lang=ar] .hero h1,html[lang=hi] .hero h1,html[lang=ar] h2,html[lang=hi] h2{letter-spacing:normal}
 .hero-actions{gap:16px}
 .filters{gap:7px}
 .art-caption strong{max-width:250px}
 .art-note{max-width:100px}
}

html[lang=ar] .hero h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=hi] .hero h1,html[lang=hi] h2{letter-spacing:normal}
html[lang=ar] .tags span,html[lang=hi] .tags span{font-size:11px}