.jsw-language{position:relative;flex:0 0 auto;font-size:13px;letter-spacing:0;color:#171b1e;text-align:left}
.jsw-language summary{cursor:pointer;list-style:none;padding:10px 8px;white-space:nowrap;font-weight:600}
.jsw-language summary::-webkit-details-marker{display:none}
.jsw-language nav{position:absolute;right:0;top:100%;z-index:100;display:grid!important;gap:0!important;min-width:145px;padding:6px;background:#fff;border:1px solid #dce0e3;box-shadow:0 10px 30px #0002}
.jsw-language nav a{display:block!important;padding:10px 12px;color:#20262a!important;text-decoration:none;white-space:nowrap}
.jsw-language nav a:hover,.jsw-language nav a[aria-current=page]{background:#f2f3f4;color:#c50020!important}
.jsw-language summary:focus-visible,.jsw-language a:focus-visible{outline:2px solid #c50020;outline-offset:2px}
html[lang=th] body{font-family:Tahoma,'Leelawadee UI','Noto Sans Thai',Arial,sans-serif;line-height:1.8}
html[lang=th] :is(h1,h2,h3,p,span,button,a,label,summary){letter-spacing:normal}
html[lang=th] :is(h1,h2,h3){line-height:1.4}
html[lang=th] .nav-desktop{gap:clamp(7px,1vw,16px)}
html[lang=th] .nav-desktop a{font-size:12px}
html[lang=th] .hero-stat span{font-size:12px;line-height:1.65}
html[lang=th] .hero-stat strong{line-height:1.3}
html[lang=th] .engineering-diagram{font-size:12px}
@media(max-width:1100px){html[lang=th] .nav-desktop{display:none}html[lang=th] #menu-toggle{display:block}html[lang=th] .top-cta{display:none}}
@media(max-width:600px){.jsw-language summary{padding:8px 5px;font-size:12px}html[lang=th] .contact-strip{font-size:10px}html[lang=th] .product-picker button{font-size:12px}html[lang=th] .hero-stat span{font-size:10px}html[lang=th] .hero-stat strong{font-size:clamp(18px,5vw,28px)}}
@media(max-width:380px){.site-header .masthead{gap:8px}.site-header .jsw-language{margin-left:auto}.site-header #menu-toggle{margin-left:0}}

html:is([lang=de],[lang=fr],[lang=ru],[lang=ar]) :is(h1,h2,h3,p,li,a,button,label){overflow-wrap:anywhere;letter-spacing:normal}
html[lang=ar] body{font-family:Tahoma,Arial,sans-serif;line-height:1.8}
html[dir=rtl] :is(p,h1,h2,h3,li,dt,dd,label){text-align:start}
html[dir=rtl] :is(input[type=email],input[type=tel],.vehicle-detail-specs dd){direction:ltr;unicode-bidi:isolate}
html[dir=rtl] .jsw-language{direction:ltr}
html[lang=ar] :is(.hero-stat strong,.product-picker){direction:ltr;unicode-bidi:isolate}
@media(max-width:1200px){html:is([lang=de],[lang=fr],[lang=ru],[lang=ar]) .nav-desktop{display:none}html:is([lang=de],[lang=fr],[lang=ru],[lang=ar]) #menu-toggle{display:block}}

html[dir=rtl] :is(.product-panels,.case-media-track,.company-history-years){direction:ltr}
html[dir=rtl] :is(.product-panel,.case-media-card){direction:rtl}

html[dir=rtl] #top .hero-facts-layout{direction:ltr}
html[dir=rtl] #top :is(.hero-message,.hero-stats,.hero-brand-invitation){direction:rtl}
html[dir=rtl] #top .hero-message :is(h1,p){text-align:right}
html[dir=rtl] #top .hero-message{align-items:flex-end}
@media(min-width:1101px){html:is([lang=de],[lang=fr],[lang=ru],[lang=ar]) #top .hero-message{height:auto;min-height:47vh;gap:16px}html:is([lang=de],[lang=fr],[lang=ru],[lang=ar]) #top .hero-message h1{font-size:clamp(34px,2.8vw,60px)}}
