/* Keep both language choices visible, including on touch screens. */
.language-switch{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid #8293ad65;border-radius:22px;flex-shrink:0;font-size:12px;line-height:1.2}
.language-switch a{display:flex;align-items:center;justify-content:center;min-height:34px;padding:7px 10px;border-radius:18px;color:#c7d3e4;white-space:nowrap}
.language-switch a[aria-current="true"]{background:#ebbd67;color:#10203a;font-weight:700}
.language-switch a:hover{background:#233e60;color:#fff}
.language-switch a[aria-current="true"]:hover{background:#ffda92;color:#10203a}
header{gap:18px}
header nav{gap:18px}
.nav-mobile-contact{display:none}
@media(max-width:760px){header nav .nav-mobile-contact{display:block}}
html[lang="en"] body{font-family:Arial,'Noto Sans TC',sans-serif;line-height:1.7}
html[lang="en"] h1,html[lang="en"] h2,html[lang="en"] h3{text-wrap:balance;line-height:1.22;letter-spacing:-.025em}
html[lang="en"] .hero-v2 h1{font-size:clamp(40px,4.5vw,66px);line-height:1.12}
html[lang="en"] .hero-kicker{letter-spacing:.1em}
html[lang="en"] .hero-kicker span{letter-spacing:0}
html[lang="en"] .hero-desc{max-width:38em}
html[lang="en"] .hero-assurances{flex-wrap:wrap;gap:8px 18px}
html[lang="en"] .hero-v2 .actions{flex-wrap:wrap}
html[lang="en"] .keep-phrase,html[lang="en"] .event-phrase{display:inline;white-space:normal}
html[lang="en"] .section-head>div{min-width:0;flex:1.15}
html[lang="en"] .section-head>p{flex:1;max-width:32em}
html[lang="en"] .category-choice h3{font-size:clamp(25px,2.5vw,33px)}
html[lang="en"] .category-preview-title{max-width:85%;text-wrap:balance}
html[lang="en"] .product-info h3{font-size:22px}
html[lang="en"] .company-details dl>div{grid-template-columns:90px minmax(0,1fr)}
html[lang="en"] .company-details dd{min-width:0;overflow-wrap:anywhere}
html[lang="en"] .event-copy h3{font-size:32px}
html[lang="en"] .site-video-copy h3{line-height:1.35}
html[lang="en"] .site-video-copy p{line-height:1.65}
html[lang="en"] .contact-head .button{white-space:normal}
html[lang="en"] .gasket-spec{flex-wrap:wrap}
html[lang="en"] .product-submenu{width:300px}
html[lang="en"] .product-submenu a{white-space:normal;line-height:1.5}
html[lang="en"] footer>small{max-width:27em}
@media(min-width:1001px) and (max-width:1250px){header{padding-left:24px;padding-right:24px;gap:12px}header nav{gap:12px;font-size:12px}header .brand-logo img{width:120px}header .contact-link{padding:9px 12px;gap:8px;font-size:12px}.language-switch a{padding:7px 8px}}
@media(max-width:1000px){header .contact-link{margin-left:0}.language-switch{margin-left:auto}}
@media(max-width:760px){header{gap:10px}.language-switch a{min-height:36px;padding:7px 9px}header .contact-link{display:none}header .brand-logo img{width:112px}html[lang="en"] .hero-v2 h1{font-size:clamp(38px,8.8vw,58px)}html[lang="en"] h2{font-size:30px}html[lang="en"] .section-head>p{margin-top:22px}html[lang="en"] .product-info h3{font-size:19px}html[lang="en"] .event-copy h3{font-size:27px}html[lang="en"] .hero-v2-footer{gap:20px}html[lang="en"] .hero-v2-footer>*{flex:1}html[lang="en"] .company-details dl>div{grid-template-columns:80px minmax(0,1fr)}html[lang="en"] .contact-head .button{gap:12px;text-align:left}}
@media(max-width:380px){header{gap:6px;padding-left:12px;padding-right:12px}header .brand-logo{padding:8px}header .brand-logo img{width:88px}.language-switch a{padding:7px 8px}.nav-toggle{width:38px;flex-basis:38px}}
@media(prefers-reduced-motion:reduce){.language-switch a{transition:none}}