.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.language-switcher{flex:0 0 auto;margin:0;display:flex;align-items:center;max-width:170px}
.language-switcher select{width:150px;min-height:42px;max-width:100%;border:1px solid var(--line);border-radius:3px;background:var(--paper);color:var(--ink);padding:8px 7px;font:inherit;font-size:13px;cursor:pointer}
.language-switcher select:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.header-inner{gap:20px}.site-navigation{gap:20px}.site-navigation a{line-height:1.45}.nav-contact{white-space:nowrap}
html:not([lang="en"]) h1,html:not([lang="en"]) h2,html:not([lang="en"]) h3{letter-spacing:0;line-height:1.25}
html:not([lang="en"]) .hero h1{font-size:clamp(38px,4.8vw,68px);line-height:1.25;text-transform:none;max-width:1100px;text-wrap:balance}
html:not([lang="en"]) .eyebrow{letter-spacing:.04em;text-transform:none;line-height:1.7}
html:not([lang="en"]) .hero-points h2{line-height:1.5}
html:not([lang="en"]) .process-grid h3{min-height:0;line-height:1.45}
html:not([lang="en"]) .series-card h3{font-size:clamp(22px,2.2vw,32px);line-height:1.35}
html[lang="my"] body,html[lang="km"] body{line-height:1.9}
html[lang="my"] h1,html[lang="my"] h2,html[lang="my"] h3,html[lang="km"] h1,html[lang="km"] h2,html[lang="km"] h3{line-height:1.65!important}
@media(max-width:1280px){
 .header-inner{flex-wrap:wrap;gap:12px}.brand{margin-right:auto;order:0}.language-switcher{order:1}.menu-toggle{display:inline-flex;order:2}
 .site-navigation{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;padding:22px 30px;border-bottom:1px solid var(--line);box-shadow:0 12px 20px #20263f0d;flex-direction:column;align-items:stretch;gap:18px}
 .site-navigation.is-open{display:flex}.site-navigation a{overflow-wrap:anywhere}.nav-contact{text-align:center}
}
@media(min-width:1281px){html[lang="my"] .site-navigation,html[lang="km"] .site-navigation{font-size:12px;gap:14px}.header-inner{padding-inline:24px;gap:16px}}
@media(max-width:600px){
 .header-inner{flex-wrap:nowrap;gap:8px}.brand{font-size:21px;gap:5px}.brand-logo{width:30px;height:36px}.language-switcher{min-width:0;max-width:125px}.language-switcher select{width:120px;min-height:40px;font-size:12px}.menu-toggle{padding:8px;font-size:12px;gap:5px;flex-shrink:0}
 html:not([lang="en"]) .hero h1{font-size:clamp(30px,7.5vw,40px);line-height:1.35;text-wrap:pretty}
 html:not([lang="en"]) .section h2{font-size:29px}html:not([lang="en"]) .series-card h3{font-size:21px;line-height:1.4}
 html[lang="my"] .hero h1,html[lang="km"] .hero h1{font-size:27px}.product-heading h1,.catalog h1,.stories h1{overflow-wrap:anywhere}
}
@media(max-width:360px){.brand{font-size:18px}.brand-logo{width:25px}.language-switcher select{width:102px}.header-inner{padding-inline:12px;gap:6px}.menu-toggle{font-size:11px;padding:7px 5px}}
.specification-reference-note{font-size:13px;color:var(--muted);line-height:1.65;margin-top:-12px}.specification-table td{overflow-wrap:anywhere}
