/* Chinese copy may wrap naturally without changing the English design. */
html[data-site-language="zh"] body{font-family:SZBody,"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",Arial,sans-serif}
html[data-site-language="zh"] :is(h1,h2,h3,h4,p,a,button,label,small){letter-spacing:normal;word-break:normal;overflow-wrap:break-word}
html[data-site-language="zh"] .main-menu>a,html[data-site-language="zh"] .main-menu>.menu-item>a{white-space:nowrap}
html[data-site-language="zh"] :is(.quote-intro,.quote-form-wrap,.sz-ref-article-content,.product-info,.products_info){min-width:0}
.language-menu[hidden]{display:none!important}
.language-menu{max-height:min(65vh,400px);overflow-y:auto}
.language-trigger{touch-action:manipulation}
.language-menu [data-language]{min-height:40px;white-space:nowrap}
.language-menu [data-language]:focus-visible,.language-trigger:focus-visible{outline:2px solid #ff6a00;outline-offset:3px}
html[data-site-language="ar"] :is(.site-header,.language-menu){direction:ltr}
html[data-site-language="ar"] .language-menu [data-language="ar"]{direction:rtl}
@media(prefers-reduced-motion:reduce){.language-menu{transition:none!important}}


/* Keep the mobile language selector and navigation toggle centered and separate. */
@media (max-width:900px){
  body #top.site-header#top{
    --sz-mobile-header-edge:18px;
    --sz-mobile-header-control:44px;
    --sz-mobile-header-gap:16px;
  }
  body #top.site-header#top .nav-shell{height:100%!important;align-items:center!important}
  body #top.site-header#top .topbar{
    position:absolute!important;top:0!important;
    right:calc(var(--sz-mobile-header-edge) + var(--sz-mobile-header-control) + var(--sz-mobile-header-gap))!important;
    bottom:auto!important;left:auto!important;
    width:max-content!important;max-width:none!important;height:100%!important;
    margin:0!important;padding:0!important;transform:none!important;
    border-radius:0!important;background:transparent!important;overflow:visible!important;
  }
  body #top.site-header#top .topbar .topbar-inner{
    position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;
    width:auto!important;height:100%!important;min-width:0!important;
    margin:0!important;padding:0!important;gap:0!important;overflow:visible!important;
  }
  body #top.site-header#top .topbar :is(.phone,.email,.social-links,.topbar-divider){display:none!important}
  body #top.site-header#top .topbar .topbar-item.language{
    position:relative!important;display:flex!important;align-items:center!important;
    inset:auto!important;width:auto!important;height:var(--sz-mobile-header-control)!important;
    margin:0!important;padding:0!important;gap:0!important;transform:none!important;
  }
  body #top.site-header#top .topbar .language-trigger{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    width:auto!important;min-width:60px!important;height:var(--sz-mobile-header-control)!important;
    min-height:var(--sz-mobile-header-control)!important;
    margin:0!important;padding:0 4px!important;gap:6px!important;
    border:0!important;background:transparent!important;transform:none!important;
    font-size:12px!important;line-height:1!important;white-space:nowrap!important;
  }
  body #top.site-header#top .topbar .language-trigger>svg{
    display:block!important;width:16px!important;height:16px!important;flex:0 0 16px!important;margin:0!important;
  }
  body #top.site-header#top .topbar .language-label{display:block!important;line-height:1!important;margin:0!important}
  body #top.site-header#top .menu-toggle{
    position:absolute!important;display:flex!important;align-items:center!important;justify-content:center!important;
    top:50%!important;right:0!important;bottom:auto!important;left:auto!important;
    width:var(--sz-mobile-header-control)!important;height:var(--sz-mobile-header-control)!important;
    min-width:var(--sz-mobile-header-control)!important;min-height:var(--sz-mobile-header-control)!important;
    margin:0!important;padding:0!important;border:0!important;background:transparent!important;
    transform:translateY(-50%)!important;font-size:0!important;line-height:1!important;
  }
  body #top.site-header#top .menu-toggle::before{
    content:""!important;position:absolute!important;display:block!important;
    top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;
    width:24px!important;height:2px!important;margin:0!important;padding:0!important;border:0!important;
    border-radius:1px!important;background:currentColor!important;
    box-shadow:0 -7px 0 currentColor,0 7px 0 currentColor!important;
    transform:translate(-50%,-50%)!important;
  }
  body #top.site-header#top .menu-toggle::after{content:none!important;display:none!important}
  body #top.site-header#top .menu-toggle>span{display:none!important}
}

/* Shared footer contact rows: center icons on the first line of each label. */
body.shangzuo-landing #footer.footer-layout-v2 .footer-contact :is(li:has(>img),li>a){
  --footer-contact-icon:clamp(18px,1.146vw,22px);
  display:grid!important;grid-template-columns:var(--footer-contact-icon) minmax(0,1fr);
  align-items:start!important;column-gap:14px!important;
}
body.shangzuo-landing #footer.footer-layout-v2 .footer-contact img{
  width:var(--footer-contact-icon)!important;height:var(--footer-contact-icon)!important;
  align-self:start;margin:calc((1lh - var(--footer-contact-icon)) / 2) 0 0!important;
  object-fit:contain;
}
body.shangzuo-landing #footer.footer-layout-v2 .footer-contact span{
  line-height:inherit!important;word-break:normal!important;
}
body.shangzuo-landing #footer.footer-layout-v2 .footer-contact li:last-child>span{
  max-inline-size:26em;
}
body.shangzuo-landing #footer .footer-address-break{display:none}
@media(min-width:1600px){body.shangzuo-landing #footer .footer-address-break{display:inline}}
