/* Shared floating utility: contact above language, outside the page-snap main. */
#site-floating-tools{position:fixed;right:20px;bottom:calc(28px + env(safe-area-inset-bottom,0px));z-index:120;display:flex;flex-direction:column;gap:8px;width:76px;font-family:Arial,"Microsoft YaHei",sans-serif}
#site-floating-tools .site-tool{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-height:48px;width:100%;margin:0;padding:10px 6px;border:1px solid #cbd5ca;border-radius:4px;background:#fff;color:#173d32;text-decoration:none;box-shadow:0 2px 12px #173d3210;font-size:12px;line-height:1.4;cursor:pointer}
#site-floating-tools #site-contact-link{flex-direction:column;gap:5px;min-height:70px}
#site-floating-tools #site-language-toggle{display:block;white-space:nowrap}
#site-floating-tools .site-tool:hover{background:#f0f4ec;border-color:#7d9168}
#site-floating-tools .site-tool:focus-visible{outline:3px solid #8a9c65;outline-offset:3px}
#site-language-toggle .is-current{font-weight:700;text-decoration:underline;text-underline-offset:4px}
#site-floating-tools button:disabled{cursor:not-allowed;opacity:.55}
.site-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html[lang="en"] .brand strong{max-width:290px;white-space:normal;font-size:15px;line-height:1.35}
html[lang="en"] .desktop-nav{gap:20px}
html[lang="en"] .hero h1{font-size:clamp(34px,3.8vw,58px);line-height:1.2}
html[lang="en"] .hero-copy{max-width:900px}
html[lang="en"] .hero-summary{max-width:650px}
html[lang="en"] .section-heading h2{line-height:1.2}
html[lang="en"] .core-product-copy h3{font-size:clamp(22px,2.2vw,32px)}
html[lang="en"] .core-product-copy p{line-height:1.7}
html[lang="en"] .sub-nav .sub-wrap{flex-wrap:wrap}
html[lang="en"] .sub-hero h1{font-size:clamp(34px,4vw,64px);line-height:1.15}
html[lang="en"] .sub-clean-category h3{line-height:1.25}
html[lang="en"] #site-contact-link span{white-space:nowrap;font-size:11px}
html[lang="en"] h2,html[lang="en"] h3,html[lang="en"] h4{overflow-wrap:normal;word-break:normal}
@media(max-width:1100px){html[lang="en"] .desktop-nav{gap:12px;font-size:12px}html[lang="en"] .brand strong{max-width:205px;font-size:13px}}
@media(max-width:800px){#site-floating-tools{right:12px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:68px;gap:6px}#site-floating-tools #site-contact-link{min-height:62px}html[lang="en"] .brand strong{max-width:210px;font-size:12px}html[lang="en"] .hero h1{font-size:36px}.header .mobile-menu{flex:0 0 auto}.header .mobile-menu summary{white-space:nowrap}}
@media(max-width:650px){html[lang="en"] body[data-page="home"] #about .facts{grid-template-columns:minmax(0,1fr);gap:16px}html[lang="en"] #about .fact{padding:16px 0}html[lang="en"] #about .fact strong{font-size:24px;line-height:1.35}}
@media(max-width:360px){html[lang="en"] .brand strong{max-width:140px;font-size:10px}.header .brand strong{font-size:12px}.header .brand img{width:34px;height:34px}.header .brand{gap:6px}.header .mobile-menu summary{padding:8px 4px}}

/* Keep the hero footer action clear of the fixed utility stack. */
html .hero-bottom .wrap{padding-right:96px;box-sizing:border-box}

/* Keep product cards and the trailing skincare CTA clear of fixed utilities. */
@media(min-width:801px){html body[data-page="home"] #products>.wrap{padding-right:96px;box-sizing:border-box}}
@media(max-width:800px){html body[data-page="home"] #products .skincare-extension{padding-right:90px;box-sizing:border-box}}