/* In-page language selector shared by Group, Malaysia and Life. */
.language-switch{position:relative;flex-shrink:0;margin-left:12px;z-index:120;font-family:Arial,sans-serif}
.language-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:64px;min-height:36px;padding:4px 8px;border:1px solid currentColor;border-radius:6px;background:transparent;color:inherit;font:inherit;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}
.language-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:180px;margin:0;padding:6px;list-style:none;background:#fff;color:#202b27;border:1px solid #d8ddd7;border-radius:9px;box-shadow:0 12px 30px #0002;z-index:121}
.language-menu[hidden]{display:none}.language-menu button{display:block;text-align:left;width:100%;min-height:44px;padding:10px 12px;background:none;border:0;border-radius:5px;color:inherit;font:inherit;font-size:14px;cursor:pointer}.language-menu button:hover,.language-menu button:focus-visible{background:#fff0e6;outline:2px solid #ff4b00;outline-offset:-2px}.language-menu button[aria-pressed=true]{font-weight:700;background:#fff0e6}
.language-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.topbar-in>.language-switch,.lx-top>.language-switch{margin-left:16px}.topbar:has(.language-switch),.lx-top:has(.language-switch){overflow:visible;z-index:45}.lx-top:has(.language-switch){gap:16px}.lx-top>.language-switch{margin-left:0}
html[lang=zh-Hans] body{font-family:Inter,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif}html[lang=zh-Hans] h1,html[lang=zh-Hans] h2,html[lang=zh-Hans] h3{letter-spacing:0;word-break:normal}
html[lang=id] .desktop-nav{gap:18px}html[lang=id] .desktop-nav>a,html[lang=id] .nav-trigger{font-size:13px}
@media(min-width:1051px) and (max-width:1440px){html[lang=id] .desktop-nav{gap:12px}html[lang=id] .nav-wrap{gap:18px}html[lang=id] .cart-btn .cart-label{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}}
@media(max-width:1050px){.topbar-in>.language-switch{margin-left:auto}.language-toggle{min-height:36px}.lx-top:has(.language-switch){gap:10px}.lx-top>.ss-left{min-width:0}.lx-top>.language-switch{margin-left:auto}.lx-top>.language-switch .language-toggle{min-width:58px}}
@media(max-width:760px){.language-switch{margin-left:auto}.language-menu{min-width:176px}.language-toggle{min-width:58px;font-size:12px;padding:4px 6px}html:not([lang=en]) .hero h1,html:not([lang=en]) .lx-hero h1{font-size:clamp(32px,8.6vw,46px);line-height:1.15;overflow-wrap:break-word}html[lang=id] .ss-you{display:none}.lx-top:has(.language-switch)>.ss-left .ss-tag{max-width:180px;font-size:10px;line-height:1.4}.lx-top:has(.language-switch)>a{font-size:10px;max-width:105px;line-height:1.4}.topbar-in:has(.language-switch){gap:10px}}
.language-status{left:0;top:0}
@media(max-width:760px){
 .lx-top:has(.language-switch){display:flex;flex-wrap:nowrap;gap:8px;padding-inline:12px}
 .lx-top:has(.language-switch)>.ss-left{flex:1;min-width:0}
 .lx-top:has(.language-switch)>.ss-left .ss-tag{max-width:100%;white-space:normal}
 .lx-top:has(.language-switch)>.language-switch{margin-left:0;flex:0 0 auto}
 .my-page .lx-top-r{flex:0 0 auto;margin-left:0;gap:8px}
 .my-page .lx-top-r>a:not(.lx-top-soc){display:none}
 .lx-top:has(.language-switch)>a{flex:0 1 90px;max-width:90px}
}
html[lang=id] h1,html[lang=id] h2,html[lang=id] h3{overflow-wrap:break-word;hyphens:auto}
@media(max-width:760px){html[lang=id] .brand-product-footer .btn-add,html[lang=id] .catalogue-card-actions .btn-add{min-height:60px}html[lang=id] .mobile a,html[lang=id] .lx-mobile a{white-space:normal}}
.language-switch{font-family:inherit}
html[lang=zh-Hans] h1,html[lang=zh-Hans] h2,html[lang=zh-Hans] h3{font-family:inherit}
.language-mobile{display:grid;gap:12px;padding:22px 0;margin-top:16px;border-top:1px solid #d8ddd7;font-family:inherit}.language-mobile>strong{font-size:14px}.language-mobile>div{display:flex;flex-wrap:wrap;gap:8px}.language-mobile button{min-height:44px;padding:9px 12px;border:1px solid #bfc8c1;border-radius:6px;color:inherit;background:transparent;font:inherit;font-size:13px;cursor:pointer}.language-mobile button[aria-pressed=true]{background:#ff4b00;color:white;border-color:#ff4b00}
/* v216: keep utility links together and give the language control breathing room. */
.topbar-in:has(>.language-switch){height:auto;min-height:52px;padding-block:8px;justify-content:flex-start;gap:0}
.topbar-in:has(>.language-switch)>.topbar-nav{margin-left:auto}
.topbar-in:has(>.language-switch)>.language-switch{margin-left:22px}
.lx-top:has(>.language-switch){height:auto;min-height:52px;padding-block:8px;gap:18px}
.lx-top:has(>.language-switch)>.ss-left{margin-right:auto}
.lx-top:has(>.language-switch)>.language-switch{margin-left:0}
.topbar:has(.language-switch)+.header,.lx-top:has(>.language-switch)+.header{top:52px}
@media(max-width:1050px){
 .topbar-in:has(>.language-switch)>.language-switch{margin-left:auto}
 .life-page .lx-top:has(>.language-switch)>.ss-left{display:none}
 .life-page .lx-top:has(>.language-switch)>a{flex:0 1 auto;max-width:none;margin-right:auto;text-align:left;white-space:normal;font-size:11px;line-height:1.4}
 .life-page .lx-top:has(>.language-switch)>.language-switch{flex:0 0 auto;margin-left:0}
 .my-page .lx-top:has(>.language-switch){gap:10px}
}

/* Preserve registered and trademark marks in every language. */
.trademark-mark{font-size:.65em;line-height:0;vertical-align:super;letter-spacing:0}

/* v220: utility dropdowns stay above sticky page tabs and search toggles. */
.topbar:has(.language-switch),.lx-top:has(.language-switch){z-index:120}
.topbar:has(.language-switch)+.header,.lx-top:has(.language-switch)+.header{z-index:110}
.skip-link{z-index:200}