/* Shared huamiJapan brand lockup — built from the approved logo and wordmark assets. */
.brand-lockup{display:flex!important;align-items:center!important;gap:12px!important;min-width:0;text-decoration:none}
.brand-motion-lockup{display:flex;align-items:center;width:min(520px,46vw);min-width:0;gap:8px}.brand-motion-bee{width:96px;height:86px;flex:0 0 96px;object-fit:contain}.brand-motion-text-group{display:flex;align-items:center;gap:10px;width:min(410px,calc(100% - 104px));min-width:0}.brand-motion-text{display:block;flex:1 1 auto;width:0;height:auto;margin:0;object-fit:contain}.brand-motion-platform{flex:0 0 auto;color:#741426;font-size:clamp(12px,1.02vw,14px);font-weight:700;letter-spacing:.025em;line-height:1.2;white-space:nowrap}.footer-motion-lockup{display:flex;align-items:center;width:min(760px,70vw);min-width:0;gap:8px}.footer-motion-bee{width:112px;height:104px;flex:0 0 112px;object-fit:contain}.footer-motion-text-group{display:flex;align-items:center;gap:12px;width:min(620px,calc(100% - 120px));min-width:0}.footer-motion-text{display:block;flex:1 1 auto;width:0;height:auto;margin:0;object-fit:contain}.footer-motion-platform{flex:0 0 auto;color:#741426;font-size:clamp(12px,1.08vw,14px);font-weight:700;letter-spacing:.025em;line-height:1.2;white-space:nowrap}
.brand-banner,.brand-lockup .brand-banner{display:block;width:min(520px,46vw)!important;max-height:86px!important;height:auto!important;object-fit:contain!important}
.huami-brand::after{content:none!important;display:none!important}
.brand-lockup .brand-symbol{width:96px!important;height:96px!important;flex:0 0 96px;object-fit:contain}
.brand-lockup .site-logo{width:96px!important;height:96px!important;flex:0 0 96px}
.brand-copy{display:grid;align-content:center;min-width:0;line-height:1}
.brand-copy .brand-wordmark{display:block;width:244px;height:60px;overflow:hidden}
.brand-copy .brand-wordmark img{width:100%!important;height:100%!important;object-fit:contain;object-position:center;mix-blend-mode:normal}
.brand-platform{display:block;box-sizing:border-box;margin-top:-5px;padding-left:8.2%;color:#86162a;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:1rem;font-weight:800;line-height:1.35;letter-spacing:.08em;white-space:nowrap}
.brand-network{display:block;margin-top:4px;padding-left:8.2%;color:#403638;font-size:.76rem;font-weight:600;line-height:1.35;letter-spacing:.08em;white-space:nowrap}
.site-header .site-nav{min-height:116px;height:auto}
.brand-footer{background:#4d0d18!important;color:#f4e8e8!important;border-top:3px solid #86162a;padding:12px 0!important}
.brand-footer .foot,.brand-footer .footer-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}
.footer-lockup{display:flex!important;align-items:center;gap:14px;min-width:0}
.footer-brand-banner{display:block;width:min(760px,70vw);height:auto;object-fit:contain}
.footer-lockup .footer-logo{width:92px!important;height:92px!important;flex:0 0 92px;object-fit:contain}
.footer-lockup .site-logo{width:92px!important;height:92px!important;flex:0 0 92px}
.footer-brand-copy{display:grid;align-content:center;min-width:0;line-height:1}
.footer-wordmark{display:block;width:224px;height:55px;overflow:hidden}
.footer-wordmark img{width:100%!important;height:100%!important;object-fit:contain;object-position:center;mix-blend-mode:normal}
.footer-platform{margin-top:-4px;padding-left:8.2%;color:#86162a;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:800;line-height:1.35;letter-spacing:.07em;white-space:nowrap}
.footer-network{margin-top:5px;padding-left:8.2%;color:#51474a;font-size:.76rem;font-weight:600;letter-spacing:.07em;white-space:nowrap}
.brand-footer .legal,.brand-footer .footer-copy{color:#e2d5d7!important;text-align:right;font-size:1rem!important;line-height:1.5;font-weight:500}
.company-brand-copy .company-brand-wordmark,.company-brand-copy .company-brand-platform{display:none!important}.company-brand-copy::before{content:"";display:block;width:min(470px,100%);height:100px;background-image:url("huami-logo-en.png?v=20261017-transparent"),url("huami-logo-zh.png");background-repeat:no-repeat;background-position:center top,center bottom;background-size:70% auto,70% auto}.contact-actions{margin-top:22px!important}.contact-actions .contact-my-page{border:1px solid #741426;background:#741426;color:#fff}
@media(max-width:800px){
  .brand-lockup{gap:5px!important}.brand-banner,.brand-lockup .brand-banner{width:min(300px,calc(100vw - 92px))!important;max-height:58px!important;height:auto!important}.brand-motion-lockup{width:min(340px,calc(100vw - 66px));gap:4px}.brand-motion-bee{width:40px;height:46px;flex-basis:40px}.brand-motion-text-group{width:calc(100% - 44px);gap:4px}.brand-motion-platform{font-size:10px}.footer-motion-lockup{width:min(100%,620px);gap:4px}.footer-motion-bee{width:84px;height:78px;flex-basis:84px}.footer-motion-text-group{width:calc(100% - 88px);gap:6px}.footer-motion-platform{font-size:12px}.brand-lockup .brand-symbol,.brand-lockup .site-logo{width:62px!important;height:62px!important;flex-basis:62px}.brand-copy .brand-wordmark{width:142px;height:35px}.brand-platform{margin-top:-2px;font-size:.68rem;letter-spacing:.025em}.brand-network{display:none}
  .site-header .site-nav{min-height:82px}
  .brand-footer .foot,.brand-footer .footer-inner{display:block}.footer-lockup{gap:10px}.footer-brand-banner{width:min(100%,620px)}.footer-lockup .footer-logo,.footer-lockup .site-logo{width:76px!important;height:76px!important;flex-basis:76px}.footer-wordmark{width:190px;height:47px}.footer-platform{font-size:.82rem}.footer-network{font-size:.7rem}.brand-footer .legal,.brand-footer .footer-copy{text-align:left!important;margin-top:8px;font-size:.92rem!important}
}
@media(max-width:1200px) and (min-width:801px){.brand-banner,.brand-lockup .brand-banner{width:360px!important}}
@media(max-width:390px){
  .menu-button{width:48px!important;height:48px!important;flex-basis:48px!important}
  .brand-lockup .brand-symbol,.brand-lockup .site-logo{width:56px!important;height:56px!important;flex-basis:56px}.brand-copy .brand-wordmark{width:126px;height:31px}.brand-platform{font-size:.6rem}.footer-wordmark{width:172px;height:42px}.footer-platform{font-size:.72rem}.footer-network{font-size:.64rem}
}

/* Morning header/footer layout with the approved huamiJapan.com wordmark. */
.brand-motion-lockup,.footer-motion-lockup{align-items:center!important}
.brand-motion-text,.footer-motion-text{display:block;height:auto!important;object-fit:contain}
.brand-footer,.site-footer{background:#fbf7f1!important;color:#261c1e!important;border-top:1px solid #e8ded4!important}
.brand-footer .legal,.brand-footer .footer-copy{color:#4d383a!important}
.brand-footer .company-websites{color:#741426}
@media(max-width:800px){.brand-motion-lockup{gap:4px}.footer-motion-lockup{gap:4px}.brand-footer,.site-footer{padding:20px 0!important}}

/* Standard four-piece Huami logo set. */
.brand-motion-lockup{width:min(560px,48vw)!important;height:auto!important;flex:0 1 auto!important;gap:8px!important}
.brand-motion-bee{width:96px!important;height:86px!important;flex:0 0 96px!important;object-fit:contain!important}
.brand-motion-text-group{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:4px!important;width:min(440px,calc(100% - 104px))!important;min-width:0!important}
.brand-motion-en,.brand-motion-zh{display:block!important;height:auto!important;object-fit:contain!important;mix-blend-mode:normal!important}
.brand-motion-en{width:min(330px,100%)!important;max-height:44px!important;flex:0 1 auto!important}
.brand-motion-zh{width:min(330px,100%)!important;max-height:44px!important;flex:0 1 auto!important}
.footer-motion-lockup{width:min(760px,70vw)!important;height:auto!important;flex:0 1 auto!important;gap:12px!important}
.footer-motion-bee{width:112px!important;height:104px!important;flex:0 0 112px!important;object-fit:contain!important}
.footer-motion-text-group{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:5px!important;width:min(620px,calc(100% - 124px))!important;min-width:0!important}
.footer-motion-en,.footer-motion-zh{display:block!important;height:auto!important;object-fit:contain!important;mix-blend-mode:normal!important}
.footer-motion-en{width:min(360px,100%)!important;max-height:48px!important;flex:0 1 auto!important}
.footer-motion-zh{width:min(360px,100%)!important;max-height:48px!important;flex:0 1 auto!important}
@media(max-width:800px){
  .brand-motion-lockup{width:min(340px,calc(100vw - 66px))!important;gap:4px!important}
  .brand-motion-bee{width:40px!important;height:46px!important;flex-basis:40px!important}
  .brand-motion-text-group{width:calc(100% - 44px)!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important}
  .brand-motion-en{width:min(240px,100%)!important;max-height:32px!important;flex:0 1 auto!important}
  .brand-motion-zh{width:min(240px,100%)!important;max-height:32px!important;flex:0 1 auto!important}
  .footer-motion-lockup{width:min(100%,620px)!important;gap:8px!important}
  .footer-motion-bee{width:84px!important;height:78px!important;flex-basis:84px!important}
  .footer-motion-text-group{width:calc(100% - 92px)!important;flex-direction:column!important;align-items:flex-start!important;gap:3px!important}
  .footer-motion-en{width:min(300px,100%)!important;max-height:40px!important;flex:0 1 auto!important}
  .footer-motion-zh{width:min(300px,100%)!important;max-height:40px!important;flex:0 1 auto!important}
}

/* Desktop logo pairing: keep the approved wordmarks on one line and scale
   the Chinese mark to 80% of the English mark's displayed height. */
@media screen and (min-width:801px){
  .brand-motion-lockup{width:min(690px,54vw)!important;gap:8px!important}
  .brand-motion-text-group{flex-direction:row!important;align-items:center!important;gap:10px!important;width:calc(100% - 104px)!important}
  .brand-motion-en{width:min(320px,100%)!important;height:auto!important;max-height:44px!important}
  .brand-motion-zh{width:min(320px,100%)!important;height:auto!important;max-height:44px!important}
  .footer-motion-lockup{width:min(840px,75vw)!important;gap:12px!important}
  .footer-motion-text-group{flex-direction:row!important;align-items:center!important;gap:14px!important;width:min(620px,calc(100% - 124px))!important}
  .footer-motion-en{width:min(360px,100%)!important;height:auto!important;max-height:48px!important}
  .footer-motion-zh{width:min(360px,100%)!important;height:auto!important;max-height:48px!important}
  .company-brand-copy::before{background-position:left center,right center;background-size:50% auto,50% auto}
}
@media screen and (max-width:1200px) and (min-width:801px){
  .brand-motion-lockup{width:min(620px,62vw)!important}
  .brand-motion-bee{width:clamp(54px,6.3vw,76px)!important;height:clamp(54px,6.3vw,76px)!important;flex-basis:clamp(54px,6.3vw,76px)!important}
  .brand-motion-text-group{width:calc(100% - 84px)!important;gap:8px!important}
  .brand-motion-en{height:clamp(26px,2.9vw,36px)!important}
  .brand-motion-zh{height:auto!important;max-height:36px!important}
  .footer-motion-lockup{width:min(720px,90vw)!important;gap:10px!important}
  .footer-motion-bee{width:88px!important;height:82px!important;flex-basis:88px!important}
  .footer-motion-text-group{width:calc(100% - 98px)!important;gap:10px!important}
  .footer-motion-en{height:clamp(32px,3.3vw,40px)!important}
  .footer-motion-zh{height:auto!important;max-height:40px!important}
}
@media screen and (max-width:900px) and (min-width:801px){
  .brand-motion-lockup{width:min(460px,58vw)!important}
  .brand-motion-bee{width:54px!important;height:54px!important;flex-basis:54px!important}
  .brand-motion-text-group{width:calc(100% - 62px)!important}
}

/* Balanced, single-copy static wordmarks with the animated mascot. */
.site-header .brand-lockup{gap:8px!important;max-width:52vw!important}
.site-header .brand-lockup .brand-banner{width:56px!important;height:50px!important;max-height:50px!important;flex:0 0 56px!important;object-fit:contain!important}
.site-header .brand-wordmarks,.brand-footer .footer-wordmarks{display:flex!important;flex-direction:row!important;align-items:center!important;gap:9px!important;min-width:0!important}
.site-header .brand-wordmark-en{width:162px!important;height:auto!important}
.site-header .brand-wordmark-zh{width:162px!important;height:auto!important}
.brand-footer .footer-lockup{gap:8px!important;min-width:0!important}
.brand-footer .footer-banner{display:block!important;width:52px!important;height:48px!important;max-width:52px!important;max-height:48px!important;flex:0 0 52px!important;object-fit:contain!important}
.brand-footer .footer-wordmarks .brand-wordmark-en{width:150px!important;height:auto!important}
.brand-footer .footer-wordmarks .brand-wordmark-zh{width:150px!important;height:auto!important}
.brand-footer .footer-lockup .footer-wordmarks img{display:block!important;max-width:none!important;object-fit:contain!important}
@media(max-width:800px){
  .site-header .brand-lockup{gap:5px!important;max-width:calc(100vw - 170px)!important}
  .site-header .brand-lockup .brand-banner{width:39px!important;height:38px!important;max-height:38px!important;flex-basis:39px!important}
  .site-header .brand-wordmarks{display:flex!important;flex:0 1 clamp(112px,35vw,165px)!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important;width:clamp(112px,35vw,165px)!important;max-width:calc(100vw - 170px - 44px)!important;overflow:hidden}
  .site-header .brand-wordmark-en{width:100%!important;max-width:100%!important}
  .site-header .brand-wordmark-zh{width:100%!important;max-width:100%!important}
  .brand-footer .footer-wordmarks{flex-direction:column!important;align-items:flex-start!important;gap:2px!important;min-width:0!important;max-width:100%;overflow:hidden}
  .brand-footer .footer-lockup{gap:6px!important}
  .brand-footer .footer-banner{width:40px!important;height:38px!important;max-width:40px!important;max-height:38px!important;flex-basis:40px!important}
  .brand-footer .footer-wordmarks .brand-wordmark-en{width:clamp(126px,36vw,165px)!important}
  .brand-footer .footer-wordmarks .brand-wordmark-zh{width:clamp(126px,36vw,165px)!important}
}

/* Keep the approved logo lockups inside narrow and zoomed mobile viewports. */
@media(max-width:800px){
  html,body{max-width:100%;overflow-x:clip}
  .site-header .brand-lockup{max-width:calc(100vw - 120px)!important;overflow:hidden}
  .site-header .brand-wordmarks{flex-basis:clamp(96px,35vw,165px)!important;width:clamp(96px,35vw,165px)!important;max-width:calc(100vw - 164px)!important}
  .brand-footer .footer-lockup{max-width:100%;overflow:hidden}
  .brand-footer .footer-wordmarks{display:flex!important;flex:0 1 clamp(112px,36vw,165px)!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important;width:clamp(112px,36vw,165px)!important;max-width:calc(100vw - 120px)!important;min-width:0!important;overflow:hidden}
  .brand-footer .footer-wordmarks .brand-wordmark-en{width:100%!important;max-width:100%!important}
  .brand-footer .footer-wordmarks .brand-wordmark-zh{width:100%!important;max-width:100%!important}
}

/* Keep the mascot as the admin shortcut and the wordmarks as the home link. */
.site-header .header-mascot-admin,.site-header .header-home-wordmarks{display:flex;align-items:center;min-width:0;color:inherit;text-decoration:none}
.site-header .header-mascot-admin{flex:0 0 auto}
.site-header .header-home-wordmarks{flex:0 1 auto}
.mascot-admin-link{display:flex;align-items:center;flex:0 0 auto;text-decoration:none}