.language-picker{position:relative;flex-shrink:0;font-size:14px;line-height:1.5}.language-picker summary{cursor:pointer;padding:10px 8px;list-style:none}.language-picker summary:after{content:' ▾';font-size:10px}.language-picker nav{position:absolute!important;inset:auto 0 auto auto!important;top:100%!important;display:flex!important;flex-direction:column!important;gap:0!important;background:#fff;box-shadow:0 8px 28px #203e4224;border:1px solid #dce4df;border-radius:8px;min-width:150px;padding:8px!important;z-index:100;max-height:none!important}.language-picker nav a{padding:9px 12px;white-space:nowrap;border-radius:5px}.language-picker nav a[aria-current]{background:#edf3ef;color:#245f4b}.language-picker summary:focus-visible,.language-picker a:focus-visible{outline:2px solid #356e5a;outline-offset:3px}
html:not([lang^="zh"]) body{font-family:Arial,"Nirmala UI","Segoe UI",Tahoma,sans-serif}html[lang="hi"] body{font-family:"Nirmala UI",Mangal,"Noto Sans Devanagari",sans-serif;line-height:1.8}html[lang="ar"] body{font-family:Tahoma,"Segoe UI","Noto Sans Arabic",Arial,sans-serif;line-height:1.85}html:not([lang^="zh"]) .eyebrow{letter-spacing:.05em}html[lang="ar"] .eyebrow,html[lang="hi"] .eyebrow{letter-spacing:normal}
html:not([lang^="zh"]) .site-header{gap:18px}html:not([lang^="zh"]) #main-nav{gap:18px}html:not([lang^="zh"]) .header-actions{gap:12px}html:not([lang^="zh"]) h1{font-size:clamp(38px,4.5vw,66px);line-height:1.15}html[lang="hi"] h1,html[lang="ar"] h1{line-height:1.45}html:not([lang^="zh"]) h2{font-size:clamp(28px,3vw,44px);line-height:1.3}html:not([lang^="zh"]) .selector-option-content strong{font-size:22px}html:not([lang^="zh"]) .selector-code{font-size:10px}html:not([lang^="zh"]) .selector-option-content small{white-space:normal}html:not([lang^="zh"]) .product-copy h3{font-size:clamp(17px,1.5vw,22px)}html:not([lang^="zh"]) .hero-copy{max-width:54%}html:not([lang^="zh"]) .hero h1{max-width:700px}html:not([lang^="zh"]) .footer-grid{gap:28px}html:not([lang^="zh"]) .header-contact{font-size:13px}
html[dir="rtl"] .language-picker nav{inset-inline-end:0!important;inset-inline-start:auto!important}html[dir="rtl"] .hero-copy{margin-inline-start:auto;margin-inline-end:0}html[dir="rtl"] .hero-photo{transform:scaleX(-1)}html[dir="rtl"] .hero-photo img{transform:scaleX(-1)}html[dir="rtl"] .model-stage{direction:ltr}html[dir="rtl"] .model-tools input[type="range"]{direction:ltr}html[dir="rtl"] .model-stage svg text{direction:rtl;unicode-bidi:plaintext;text-anchor:end}html[dir="rtl"] .selector-summary pre{direction:rtl;text-align:right;unicode-bidi:plaintext}html[dir="rtl"] input[type="email"],html[dir="rtl"] input[type="tel"],html[dir="rtl"] a[href^="mailto:"],html[dir="rtl"] a[href^="tel:"]{direction:ltr;unicode-bidi:isolate}html[dir="rtl"] .selector-result,html[dir="rtl"] .selector-options{text-align:right}html[dir="rtl"] .recipe-chips,html[dir="rtl"] .selector-models{direction:ltr;justify-content:flex-end}
.contact-form input,.contact-form textarea,.selector-fields input,.selector-fields textarea{min-width:0}.selector-summary pre{white-space:pre-wrap;overflow-wrap:anywhere}.selector-options,.selector-result,.contact-info,.contact-form{min-width:0}.specs-table,.comparison-table{overflow-x:auto}html:not([lang^="zh"]) .selector-layer-row{flex-wrap:wrap}html:not([lang^="zh"]) .selector-family-options label span{white-space:normal}
@media(max-width:1180px){html:not([lang^="zh"]) #main-nav{gap:12px;font-size:13px}html:not([lang^="zh"]) .brand span{display:none}}
@media(max-width:980px){html:not([lang^="zh"]) .hero-copy{max-width:65%}html:not([lang^="zh"]) .site-header{gap:12px}html:not([lang^="zh"]) .header-actions{gap:6px}}
@media(max-width:720px){html:not([lang^="zh"]) .hero-copy{max-width:100%}html:not([lang^="zh"]) .hero h1{font-size:40px}html:not([lang^="zh"]) h1{font-size:36px}.language-picker{font-size:12px}.language-picker nav{min-width:135px}.selector-layer-row select{min-width:0;max-width:100%}html:not([lang^="zh"]) .selector-workspace{grid-template-columns:1fr}html:not([lang^="zh"]) .selector-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.language-picker nav{height:auto!important;align-items:stretch!important}.language-picker nav a{height:auto!important}html:not([lang^="zh"]) .hero-copy{max-width:none;margin-inline:auto}html:not([lang^="zh"]) .hero h1{max-width:54%;overflow-wrap:break-word}html[lang="ar"] .hero h1{margin-inline-end:auto}html:not([lang^="zh"]) .hero-description{max-width:48%}
@media(max-width:720px){html:not([lang^="zh"]) .hero h1,html:not([lang^="zh"]) .hero-description{max-width:100%}html:not([lang^="zh"]) .header-contact{display:none}html:not([lang^="zh"]) .header-actions{gap:8px!important}}
@media(max-width:1180px){html:not([lang^="zh"]) #main-nav{display:none;position:absolute;top:100%;inset-inline:0;height:auto;flex-direction:column;align-items:stretch;gap:0;background:#fff;padding:12px 24px;box-shadow:0 15px 20px #143c5310}html:not([lang^="zh"]) #main-nav.open{display:flex}html:not([lang^="zh"]) #main-nav a{height:auto;padding:14px 0;white-space:normal}html:not([lang^="zh"]) #main-nav a:after{display:none}html:not([lang^="zh"]) .menu-toggle{display:block}}
@media(max-width:720px){html:not([lang^="zh"]) .hero{height:900px;min-height:900px}html:not([lang^="zh"]) .hero-photo>img{bottom:45px;height:350px}}
/* Keep inequalities, percentages and model codes in their scientific reading order. */
.site-header .language-picker nav a::after{content:none;display:none}.site-header .language-picker nav a{border-bottom:0}
html[dir="rtl"] .comparison td{direction:ltr;unicode-bidi:plaintext;text-align:right}html[dir="rtl"] .series,html[dir="rtl"] #detail-model,html[dir="rtl"] #spec-models{direction:ltr;unicode-bidi:isolate}
