/* Use the exact high-resolution images present in the supplied HAR whenever
   the archive CSS also mentions a missing 1x companion. */
.jp .home .banner-1 .banner-image{background-image:url("/jp/jp_files/original-assets/static.smartisanos.cn/index/img/t2/en/banner-01_4a3e5406fc@2x.png")!important;background-size:cover!important}
.jp .home .banner-2 .banner-image{background-image:url("/jp/jp_files/original-assets/static.smartisanos.cn/index/img/t2/en/banner-02_d942e36795@2x.png")!important;background-size:contain!important}
.jp .home .banner-3 .banner-image{background-image:url("/jp/jp_files/original-assets/static.smartisanos.cn/index/img/t2/en/banner-03_0388e55e42@2x.png")!important;background-size:contain!important}
/* Preserve the 100x520 sprite aspect ratio at half size. Frames have
   transparent gutters; retain each page's existing frame selection. */
.jp .header-main .logo a{background-image:url("/assets/static.smartisanos.cn/common/img/header/global-logo_ff1ac8c7e4@2x.png")!important;background-repeat:no-repeat!important;background-size:50px 260px!important;background-position:0 0!important}
.jp .home .header-main .logo a{background-position:0 0!important}
.jp .jianguo .header-main .logo a{background-position:0 -70px!important}
/* Keep the original JP title hover artwork available locally; the localized
   base stylesheet points at _local paths that only contain the normal title. */
.jp .hero .title{background-image:-webkit-image-set(url("/jp/jp_files/original-assets/static.smartisanos.cn/index/img/t2/jp/title-medium_ed0e201389.png") 1x,url("/jp/jp_files/original-assets/static.smartisanos.cn/index/img/t2/jp/title-medium_ed0e201389@2x.png") 2x)!important;background-repeat:no-repeat!important}
.jp .hero .title:hover{background-image:-webkit-image-set(url("/jp/jp_files/original-assets/static.smartisanos.cn/index/img/t2/jp/title-medium-hover_11785699b7.png") 1x,url("/jp/jp_files/original-assets/static.smartisanos.cn/index/img/t2/jp/title-medium-hover_11785699b7@2x.png") 2x)!important;background-repeat:no-repeat!important}
@media screen and (min-width:1441px) and (min-height:901px){
  .jp .hero .title{background-image:-webkit-image-set(url("/jp/jp_files/original-assets/static.smartisanos.cn/index/img/t2/jp/title-large_45d8c3a18c.png") 1x,url("/jp/jp_files/original-assets/static.smartisanos.cn/index/img/t2/jp/title-large_45d8c3a18c@2x.png") 2x)!important}
  .jp .hero .title:hover{background-image:-webkit-image-set(url("/jp/jp_files/original-assets/static.smartisanos.cn/index/img/t2/jp/title-large-hover_ad24e68e4a.png") 1x,url("/jp/jp_files/original-assets/static.smartisanos.cn/index/img/t2/jp/title-large-hover_ad24e68e4a@2x.png") 2x)!important}
}
/* Keep the shared JP product-footer language menu inside the viewport. The
   legacy product styles set right:-20px, extending the page's scroll width. */
html.jp .wrapper > .footer.jp .copyright > .language-switch{right:0!important;left:auto!important}
/* JP mobile chrome: keep the legacy 736px breakpoint and desktop DOM intact. */
@media (max-width:736px){
 html.jp .wrapper{min-width:0}
 html.jp .header.jp{width:100%;max-width:100vw;box-sizing:border-box;left:0;right:auto}
 html.jp .header.jp .mobile-topbar{box-sizing:border-box;width:100%;height:51px;padding:12px 18px 0}
 html.jp .header.jp .mobile-topbar .nav-toggle{left:auto;right:7px}
 html.jp .header.jp .mobile-topbar .mobile-title{position:absolute;left:11px;top:12px;width:34px;height:34px}
 html.jp .header.jp .mobile-topbar .mobile-title a{display:block;width:34px;height:34px}
 html.jp .header.jp .mobile-title .logo-pic{width:34px;height:34px;background-image:url("/assets/static.smartisanos.cn/common/img/header/global-logo_ff1ac8c7e4@2x.png");background-size:34px 176.8px;background-repeat:no-repeat}
 html.jp .header.jp .header-main .container{width:100%;margin:0;min-width:0}
 html.jp .header.jp .header-main .nav{display:block}
 html.jp .header.jp .header-main .nav .view{width:100%;max-width:100vw;box-sizing:border-box}
 html.jp .header.jp .header-main .nav-main{box-sizing:border-box;width:100%;min-width:0}
 html.jp .header.jp .header-main .nav-main li a{height:auto;padding:17px 0 15px;font-size:14px;line-height:1}
 html.jp .header.jp[data-jp-mobile-theme="white"] .nav-main li{border-bottom-color:rgba(0,0,0,.06)}
 html.jp .header.jp[data-jp-mobile-theme="white"] .mobile-topbar{background:linear-gradient(#fff,#f9f9f9)}
 html.jp .header.jp[data-jp-mobile-theme="white"] .mobile-topbar:before{background:#eee}
 html.jp .header.jp[data-jp-mobile-theme="white"] .nav-toggle span.line{background:#4c4c4c}
 html.jp .header.jp[data-jp-mobile-theme="white"] .logo-pic{background-position:0 -142.8px}
 html.jp .header.jp[data-jp-mobile-theme="white"] .nav .view{background:#f5f5f5}
 html.jp .header.jp[data-jp-mobile-theme="white"] .nav-main li a{color:#757575}
 html.jp .header.jp[data-jp-mobile-theme="black"] .logo-pic{background-position:0 0}
 html.jp .header.jp[data-jp-mobile-theme="black"] .mobile-topbar{background:#272b2e}
 html.jp .header.jp[data-jp-mobile-theme="black"] .nav-toggle span.line{background:#fff}
 html.jp.moblie-show-nav .header.jp .nav-toggle span.line:nth-child(1){transform:rotate(45deg)}
 html.jp.moblie-show-nav .header.jp .nav-toggle span.line:nth-child(2){opacity:0}
 html.jp.moblie-show-nav .header.jp .nav-toggle span.line:nth-child(3){transform:rotate(-45deg)}
 html.jp .header.jp .header-sub,html.jp .header.jp .header-sub .container{max-width:100%;box-sizing:border-box;min-width:0}
 html.jp .header-sub .device-nav{max-width:100%;min-width:0;box-sizing:border-box}
 html.jp .u1-product-tabs{max-width:100%;box-sizing:border-box;overflow-x:auto;white-space:nowrap}
 html.jp .footer.jp{width:100%;max-width:100%;box-sizing:border-box;min-width:0}
 html.jp .footer.jp .container{width:auto;min-width:0;max-width:100%;box-sizing:border-box;margin-left:18px;margin-right:18px}
 html.jp .footer.jp .copyright{height:auto;min-width:0}
 html.jp .footer.jp .copyright h2,html.jp .footer.jp .copyright h4{white-space:normal;overflow-wrap:anywhere;max-width:100%}
 html.jp .footer.jp .siteinfo{height:auto;min-width:0}
 html.jp .footer.jp .siteinfo>ul{display:flex;flex-wrap:wrap;max-width:100%}
 html.jp .footer.jp .siteinfo>ul li{max-width:100%;overflow-wrap:anywhere}
 html.jp .footer.jp .language-switch{right:0;max-width:100%}
 html.jp .collab-page .header.jp,html.jp .footprint-page .header.jp{position:relative;height:auto;top:auto;margin:0;transform:none}
 html.jp .collab-page .header.jp .mobile-topbar,html.jp .footprint-page .header.jp .mobile-topbar{order:0;flex:none}
 html.jp .collab-page .header.jp,html.jp .footprint-page .header.jp{display:flex;flex-direction:column}
 html.jp .collab-page .header.jp .header-main,html.jp .footprint-page .header.jp .header-main{height:0;position:static;order:2}
 html.jp .collab-page .header.jp .header-main .logo,html.jp .footprint-page .header.jp .header-main .logo{display:none}
 html.jp .collab-page .header.jp .header-sub{position:relative;top:auto;order:1;height:auto;transform:none;width:100%;background:#fafafa}
 html.jp .collab-page .header.jp .header-sub .container{margin:0;width:100%;height:42px}
 html.jp .collab-page .collab-subnav{width:100%;max-width:100%;overflow-x:auto}
 html.jp .footprint-page .header.jp .header-sub{display:none}
 html.jp .collab-page .wrapper,html.jp .footprint-page .wrapper{margin-top:0;padding-top:0}
 html.jp .collab-page .collab-main,html.jp .footprint-page .footprint-main{margin-top:0}
}

/* Homepage intermediate widths: keep the existing desktop composition within its available width. */
@media(min-width:737px) and (max-width:1139px){
html.jp .wrapper.home{min-width:0;width:100%}
html.jp .home .container{width:calc(100% - 40px);min-width:0;box-sizing:border-box}
html.jp .home .header-main .nav{width:calc(100% - 70px)}
html.jp .home .header-main .nav .view{width:100%}
html.jp .home .header-main .nav-main{display:flex;width:calc(100% - 118px)}
html.jp .home .header-main .nav-main li{flex:1;min-width:0;width:auto}
html.jp .home .header-main .nav-main li a{width:auto;padding-left:5px;padding-right:5px}
html.jp .home .header-main .language-switch{right:0}
html.jp .home .hero .title{left:auto;margin-left:auto;margin-right:6%}
html.jp .home .banner-list>ul{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;box-sizing:border-box}
html.jp .home .banner-list>ul>li{width:auto;height:auto;aspect-ratio:366/209;margin:0}
html.jp .home .banner-list>ul>li a,html.jp .home .banner-list .banner-image{display:block;width:100%;height:100%}
}
@media(min-width:737px) and (max-width:1139px){html.jp .home .hero .title{position:absolute;top:168px;right:0;margin:0}html.jp .home .hero .figure{width:45%;background-size:contain}}

/* Japanese footer only. */
html.jp .footer.jp{background-color:#f5f5f7}