#languageToggle{display:flex;align-items:center;gap:4px;flex-shrink:0;padding:5px 6px;border:1px solid #bad5e6;border-radius:8px;background:transparent;color:#265472;font:inherit;font-size:11px;height:30px}
#languageToggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4}
html[data-theme=dark] #languageToggle{color:#d8efff;border-color:#456780}
html[lang=en] .hero h1{font-size:27px}html[lang=en] #hero .hero-cta p{font-size:clamp(26px,2.5vw,38px)}
html[lang=en] #categoryGrid strong{font-size:13px}html[lang=en] .hero-assurances span{font-size:11px}
header .header-inner{gap:14px}
#languageToggle{position:relative;isolation:isolate;width:66px;height:32px;min-width:66px;padding:0;border-radius:18px;background:#e8f3fb;justify-content:center}
#languageToggle svg,#languageToggle>span{display:none}
#languageToggle::before{content:'TH　 EN';white-space:pre;font-size:10px;font-weight:600;color:#28506b;position:absolute;inset:0;display:grid;place-items:center}
#languageToggle::after{content:'';position:absolute;width:28px;height:26px;border-radius:15px;left:2px;top:2px;background:#fff;box-shadow:0 1px 3px #1234;z-index:-1;transition:transform .25s}
html[lang=en] #languageToggle::after{transform:translateX(32px)}
html[data-theme=dark] #languageToggle{background:#19364e}html[data-theme=dark] #languageToggle::before{color:#e5f4ff}html[data-theme=dark] #languageToggle::after{background:#52758e}
header #languageToggle{width:66px;min-width:66px;height:32px;padding:0;border-radius:18px;background:#e8f3fb}
html[data-theme=dark] header #languageToggle{background:#19364e}
header #languageToggle svg,header #languageToggle>span{display:none}