/* INNER HEADER UNIFIED 2026-11-01: match the scrolled homepage shell. */
@font-face{font-family:SZBody;src:url('/wp-content/themes/shangzuo/assets/home-20261101/fonts/GoogleSansFlex-Light.ttf') format('truetype');font-weight:300;font-style:normal;font-display:swap}
body.shangzuo-landing:not(.home) #top.site-header{
  position:fixed!important;top:0!important;left:0!important;right:0!important;
  background:#fff!important;color:#fff!important;
  font-family:SZBody,Arial,sans-serif!important;font-weight:300!important;
  font-size:clamp(16px,1.041667vw,20px)!important;line-height:1.55!important;letter-spacing:-.1px!important;
  box-shadow:0 4px 18px rgba(25,25,25,.12)!important;
}
body.shangzuo-landing:not(.home) #top.site-header .nav-shell{
  display:flex!important;justify-content:space-between!important;padding:0!important;
}
body.shangzuo-landing:not(.home) #top.site-header .topbar{z-index:11!important}
body.shangzuo-landing:not(.home) #top.site-header :is(a,button,span){font-family:SZBody,Arial,sans-serif!important}
body.shangzuo-landing:not(.home) #top.site-header .brand,
body.shangzuo-landing:not(.home) #top.site-header .topbar .topbar-item,
body.shangzuo-landing:not(.home) #top.site-header .topbar .social-links{
  font-family:inherit!important;
}
@media(min-width:901px){
  body.shangzuo-landing:not(.home) #top.site-header{height:96px!important}
  body.shangzuo-landing:not(.home) #top.site-header .nav-shell{height:96px!important;align-items:stretch!important}
  body.shangzuo-landing:not(.home) #top.site-header .nav-shell .brand{
    display:block!important;position:static!important;align-self:flex-start!important;
    width:clamp(160px,12.135417vw,233px)!important;height:auto!important;
    margin:7px 0 0 -14px!important;flex:0 0 auto!important;
  }
  body.shangzuo-landing:not(.home) #top.site-header .nav-shell .brand-logo{
    display:block!important;width:100%!important;height:auto!important;max-width:100%!important;
    filter:brightness(0) saturate(100%) invert(43%) sepia(96%) saturate(2420%) hue-rotate(4deg) brightness(101%) contrast(92%)!important;
  }
  body.shangzuo-landing:not(.home) #top.site-header .topbar{background:#100604!important}
  body.shangzuo-landing:not(.home) #top.site-header .topbar .topbar-inner{overflow:visible!important;letter-spacing:-.1px!important}
  body.shangzuo-landing:not(.home) #top.site-header .topbar .topbar-item,
  body.shangzuo-landing:not(.home) #top.site-header .topbar .social-links{flex-shrink:0!important}
  body.shangzuo-landing:not(.home) #top.site-header .nav-shell #main-menu{flex-shrink:0!important}
  body.shangzuo-landing:not(.home) #top.site-header .menu-toggle{display:none!important}
}
@media(max-width:900px){
  body.shangzuo-landing:not(.home) #top.site-header{height:68px!important;font-size:17px!important}
  body.shangzuo-landing:not(.home) #top.site-header .nav-shell{
    width:calc(100% - 36px)!important;height:68px!important;margin:0 auto!important;position:relative!important;align-items:center!important;
  }
  body.shangzuo-landing:not(.home) #top.site-header .nav-shell .brand{display:flex!important;align-self:center!important;width:auto!important;margin:0!important}
  body.shangzuo-landing:not(.home) #top.site-header .nav-shell .brand-logo{display:block!important;width:145px!important;height:auto!important;filter:brightness(0) saturate(100%) invert(43%) sepia(96%) saturate(2420%) hue-rotate(4deg) brightness(101%) contrast(92%)!important}
  body.shangzuo-landing:not(.home) #top.site-header .topbar{display:block!important;position:absolute!important;top:0!important;right:54px!important;left:auto!important;width:auto!important;height:68px!important;background:transparent!important;border-radius:0!important;overflow:visible!important}
  body.shangzuo-landing:not(.home) #top.site-header .topbar .topbar-inner{position:relative!important;inset:auto!important;display:block!important;width:auto!important;height:68px!important;padding:0!important;margin:0!important;overflow:visible!important}
  body.shangzuo-landing:not(.home) #top.site-header .topbar :is(.phone,.email,.social-links,.topbar-divider){display:none!important}
  body.shangzuo-landing:not(.home) #top.site-header .topbar .topbar-item.language{display:flex!important;position:static!important;width:auto!important;height:68px!important;gap:0!important}
  body.shangzuo-landing:not(.home) #top.site-header .topbar .language-trigger{display:flex!important;height:68px!important;gap:5px!important;padding:0!important;color:#ea5b11!important;font-size:11px!important;font-weight:300!important;line-height:1!important}
  body.shangzuo-landing:not(.home) #top.site-header .menu-toggle{display:block!important;color:#ea5b11!important}
  body.shangzuo-landing:not(.home) #top.site-header .nav-shell #main-menu{margin:0!important;max-width:100%!important;box-sizing:border-box!important}
}
@media(max-width:640px){body.shangzuo-landing:not(.home) #top.site-header{font-size:16px!important}}

/* HEADER ALIGNMENT 2026-11-01: 1920px PSD anchors, within a centered 1600px rail. */
@media(min-width:901px){
  body.shangzuo-landing:not(.home) #top.site-header{
    --sz-head-rail:min(1600px,83.333333vw);
    --sz-head-left:calc((100vw - var(--sz-head-rail)) / 2);
    --sz-head-nav-width:max(calc(var(--sz-head-rail) * .569375),min(800px,calc(var(--sz-head-rail) - 180px)));
    --sz-head-contact-width:max(calc(var(--sz-head-rail) * .595625),min(640px,calc(var(--sz-head-rail) - 180px)));
    --sz-head-bar-left:min(calc(var(--sz-head-left) + var(--sz-head-rail) * .325),calc(100vw - var(--sz-head-left) - var(--sz-head-contact-width) - 40px));
  }
  body.shangzuo-landing:not(.home) #top.site-header .nav-shell{
    width:var(--sz-head-rail)!important;
    max-width:1600px!important;
    margin:0 auto!important;
    position:relative!important;
  }
  body.shangzuo-landing:not(.home) #top.site-header .nav-shell #main-menu{
    position:relative!important;
    inset:auto!important;
    display:flex!important;
    align-self:flex-start!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:var(--sz-head-nav-width)!important;
    height:33px!important;
    min-height:33px!important;
    margin:49px 0 0 auto!important;
    padding:0!important;
    gap:0!important;
  }
  body.shangzuo-landing:not(.home) #top.site-header .nav-shell #main-menu>*{
    flex:0 0 auto!important;
    margin:0!important;
  }
  body.shangzuo-landing:not(.home) #top.site-header .nav-shell #main-menu>a,
  body.shangzuo-landing:not(.home) #top.site-header .nav-shell #main-menu>.menu-item>.products-trigger{
    height:33px!important;
    min-height:33px!important;
    font-size:clamp(13px,.833333vw,16px)!important;
    line-height:33px!important;
    letter-spacing:.03em!important;
    padding:0!important;
    white-space:nowrap!important;
  }
  body.shangzuo-landing:not(.home) #top.site-header .nav-shell #main-menu>a.nav-home{
    width:clamp(62px,4.010417vw,77px)!important;
    min-width:0!important;
    text-align:center!important;
  }
  body.shangzuo-landing:not(.home) #top.site-header .topbar,
  body.shangzuo-landing:not(.home) #top.site-header.scrolled .topbar{
    top:-36px!important;
    left:var(--sz-head-bar-left)!important;
    right:0!important;
    width:auto!important;
    height:76px!important;
    border-radius:38px 0 0 82px / 38px 0 0 38px!important;
    overflow:visible!important;
    transform:none!important;
  }
  body.shangzuo-landing:not(.home) #top.site-header .topbar .topbar-inner{
    position:relative!important;
    top:36px!important;
    left:calc(100vw - var(--sz-head-left) - var(--sz-head-contact-width) - var(--sz-head-bar-left))!important;
    display:grid!important;
    grid-template-columns:minmax(0,178fr) 1px minmax(0,285fr) 1px minmax(0,134fr) 1px minmax(0,42fr)!important;
    column-gap:calc(var(--sz-head-rail) * .0325)!important;
    align-items:center!important;
    justify-content:initial!important;
    width:var(--sz-head-contact-width)!important;
    height:40px!important;
    margin:0!important;
    padding:0!important;
    font-family:SZBody,Arial,sans-serif!important;
    font-size:clamp(12px,.833333vw,16px)!important;
    line-height:1!important;
    font-weight:300!important;
  }
  body.shangzuo-landing:not(.home) #top.site-header .topbar .topbar-item,
  body.shangzuo-landing:not(.home) #top.site-header .topbar .social-links,
  body.shangzuo-landing:not(.home) #top.site-header .topbar .topbar-divider{
    position:relative!important;
    inset:auto!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }
  body.shangzuo-landing:not(.home) #top.site-header .topbar .topbar-item{
    height:40px!important;
    display:flex!important;
    align-items:center!important;
    gap:clamp(4px,.3125vw,6px)!important;
    font-size:inherit!important;
    white-space:nowrap!important;
  }
  body.shangzuo-landing:not(.home) #top.site-header .topbar .phone{letter-spacing:.09em!important}
  body.shangzuo-landing:not(.home) #top.site-header .topbar .phone .phone-icon{
    width:clamp(14px,1.041667vw,20px)!important;
    height:clamp(14px,1.041667vw,20px)!important;
    flex:0 0 auto!important;
  }
  body.shangzuo-landing:not(.home) #top.site-header .topbar .email{letter-spacing:.06em!important}
  body.shangzuo-landing:not(.home) #top.site-header .topbar .email>svg{
    width:clamp(15px,1.09375vw,21px)!important;
    height:clamp(14px,1.041667vw,20px)!important;
  }
  body.shangzuo-landing:not(.home) #top.site-header .topbar .topbar-divider{
    width:1px!important;
    height:20px!important;
    display:block!important;
    justify-self:center!important;
  }
  body.shangzuo-landing:not(.home) #top.site-header .topbar .social-links{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:clamp(8px,.729167vw,14px)!important;
    width:100%!important;
    height:22px!important;
  }
  body.shangzuo-landing:not(.home) #top.site-header .topbar .social-links>a{
    width:clamp(16px,1.197917vw,23px)!important;
    height:clamp(16px,1.09375vw,21px)!important;
    min-width:0!important;
    flex:0 0 auto!important;
  }
  body.shangzuo-landing:not(.home) #top.site-header .topbar .social-links>a svg{
    width:clamp(12px,.885417vw,17px)!important;
    height:clamp(12px,.885417vw,17px)!important;
  }
  body.shangzuo-landing:not(.home) #top.site-header .topbar .topbar-item.language{
    width:100%!important;
    min-width:0!important;
    justify-content:flex-end!important;
    letter-spacing:0!important;
  }
  body.shangzuo-landing:not(.home) #top.site-header .topbar .language-trigger{
    display:inline-flex!important;
    justify-content:flex-end!important;
    align-items:center!important;
    gap:clamp(4px,.3125vw,6px)!important;
    width:100%!important;
    height:40px!important;
    margin:0!important;
    padding:0!important;
    font-size:inherit!important;
    font-weight:300!important;
    line-height:1!important;
  }
  body.shangzuo-landing:not(.home) #top.site-header .topbar .language-trigger>svg{
    width:clamp(12px,.9375vw,18px)!important;
    height:clamp(12px,.9375vw,18px)!important;
    flex:0 0 auto!important;
  }
  body.shangzuo-landing:not(.home) #top.site-header .topbar .language-chevron{display:none!important}
}
/* Eight live navigation links stay on one readable row on medium screens. */
@media(min-width:901px) and (max-width:1439px){
  body.shangzuo-landing:not(.home) #top.site-header .nav-shell .brand{width:160px!important;margin-left:0!important}
  body.shangzuo-landing:not(.home) #top.site-header .nav-shell .brand-logo{width:160px!important;max-width:100%!important}
  body.shangzuo-landing:not(.home) #top.site-header .nav-shell #main-menu{gap:8px!important}
  body.shangzuo-landing:not(.home) #top.site-header .topbar .topbar-inner{
    display:flex!important;
    justify-content:space-between!important;
    gap:8px!important;
    font-size:12px!important;
  }
  body.shangzuo-landing:not(.home) #top.site-header .topbar .social-links{width:auto!important;gap:8px!important}
  body.shangzuo-landing:not(.home) #top.site-header .topbar .social-links>a{width:17px!important;height:17px!important}
  body.shangzuo-landing:not(.home) #top.site-header .topbar .topbar-item.language{width:auto!important}
  body.shangzuo-landing:not(.home) #top.site-header .topbar .phone{letter-spacing:.04em!important}
  body.shangzuo-landing:not(.home) #top.site-header .topbar .email{letter-spacing:0!important}
}
@media(max-width:900px){
  body.shangzuo-landing:not(.home) #top.site-header .nav-shell #main-menu{max-width:100%!important;box-sizing:border-box!important}
  body.shangzuo-landing:not(.home) #top.site-header.nav-open .nav-shell #main-menu{max-height:calc(100dvh - 68px)!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:thin}
}

/* Use the same final navigation font scale after the layout declarations. */
body.shangzuo-landing:not(.home) #top.site-header .nav-shell #main-menu>a[href],
body.shangzuo-landing:not(.home) #top.site-header .nav-shell #main-menu>.menu-item>.products-trigger[href]{
  font-size:var(--sz-nav-font)!important;
}