/* RC17 — Product Explorer alignment + Social Responsibility statement */

/* ===== Product Explorer: make the four series cards read as a tidy information index ===== */
html body#baihong-site.home-page #products .bh16-product-stage,
html body#baihong-site.home-page #products .bh16-product-series-nav{
  height:620px!important;
  min-height:620px!important;
}
html body#baihong-site.home-page #products .bh16-product-series-nav{
  gap:12px!important;
}
html body#baihong-site.home-page #products .bh16-product-series-nav>.bh35-product-card{
  grid-template-columns:minmax(0,74%) minmax(108px,26%)!important;
  grid-template-rows:auto 1fr!important;
}
html body#baihong-site.home-page #products .bh16-product-series-nav>.bh35-product-card .bh35-product-card-head{
  grid-template-columns:44px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:baseline!important;
  padding:18px 16px 4px 20px!important;
  text-align:left!important;
}
html body#baihong-site.home-page #products .bh16-product-series-nav .bh16-series-index{
  width:44px!important;
  color:#96a8be!important;
  font-size:19px!important;
  line-height:1.15!important;
  text-align:left!important;
}
html body#baihong-site.home-page #products .bh16-product-series-nav .bh35-product-card-head strong{
  margin:0!important;
  font-size:17px!important;
  line-height:1.35!important;
  text-align:left!important;
  justify-self:start!important;
  align-self:center!important;
}
html body#baihong-site.home-page #products .bh16-product-series-nav>.bh35-product-card .bh35-product-copy,
html body#baihong-site.home-page #products .bh16-product-series-nav>.bh35-product-card .bh35-product-copy[hidden]{
  grid-column:1!important;
  grid-row:2!important;
  display:block!important;
  padding:6px 14px 17px 76px!important;
  align-self:start!important;
  text-align:left!important;
}
html body#baihong-site.home-page #products .bh16-product-series-nav .bh35-product-copy ul{
  display:flex!important;
  flex-flow:row wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
html body#baihong-site.home-page #products .bh16-product-series-nav .bh35-product-copy li{
  display:inline-flex!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:4px 8px!important;
  border:1px solid #e0e9f3!important;
  border-radius:999px!important;
  background:#f3f7fb!important;
  color:#536981!important;
  font-size:11.5px!important;
  line-height:1.25!important;
  font-weight:680!important;
  white-space:nowrap!important;
  text-align:left!important;
}
html body#baihong-site.home-page #products .bh16-product-series-nav .bh35-product-copy li::before,
html body#baihong-site.home-page #products .bh16-product-series-nav .bh35-product-copy li::after{
  display:none!important;
  content:none!important;
}
html body#baihong-site.home-page #products .bh16-product-series-nav>.bh35-product-card .bh35-product-media{
  border-left:1px solid #e4ebf3!important;
}
html body#baihong-site.home-page #products .bh16-product-series-nav>.bh35-product-card.is-active-r74 .bh35-product-copy li{
  border-color:#ccdaea!important;
  background:#edf4fb!important;
  color:#244c7e!important;
}

/* ===== Social responsibility: core statement from corporate value proposition ===== */
body.about-detail-page #responsibility .about-r17-responsibility-statement{
  display:grid!important;
  grid-template-columns:minmax(270px,.7fr) minmax(0,1.3fr)!important;
  gap:32px!important;
  align-items:center!important;
  margin:0 0 24px!important;
  padding:30px 34px!important;
  border:1px solid #dce6f1!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#f7fbff 0%,#fff 58%,#f5f9fd 100%)!important;
  box-shadow:0 12px 30px rgba(18,56,103,.055)!important;
}
body.about-detail-page #responsibility .about-r17-responsibility-value{
  position:relative!important;
  margin:0!important;
  padding:0 0 0 18px!important;
  color:#0b3b76!important;
  font-size:24px!important;
  line-height:1.55!important;
  font-weight:900!important;
  letter-spacing:-.01em!important;
}
body.about-detail-page #responsibility .about-r17-responsibility-value::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:.18em!important;
  bottom:.18em!important;
  width:4px!important;
  border-radius:4px!important;
  background:#eb0d19!important;
}
body.about-detail-page #responsibility .about-r17-responsibility-copy{
  margin:0!important;
  color:#40556d!important;
  font-size:15.5px!important;
  line-height:2!important;
  font-weight:520!important;
  text-align:justify!important;
}
body.about-detail-page #responsibility .about-resp-layout-r96{
  margin-top:0!important;
}

@media (max-width:1180px){
  html body#baihong-site.home-page #products .bh16-product-stage,
  html body#baihong-site.home-page #products .bh16-product-series-nav{height:auto!important;min-height:0!important}
  html body#baihong-site.home-page #products .bh16-product-series-nav>.bh35-product-card{
    grid-template-columns:minmax(0,70%) minmax(100px,30%)!important;
    min-height:148px!important;
  }
}
@media (max-width:760px){
  html body#baihong-site.home-page #products .bh16-product-series-nav>.bh35-product-card{
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto!important;
    min-width:260px!important;
    min-height:132px!important;
  }
  html body#baihong-site.home-page #products .bh16-product-series-nav>.bh35-product-card .bh35-product-media{display:none!important}
  html body#baihong-site.home-page #products .bh16-product-series-nav>.bh35-product-card .bh35-product-card-head{
    grid-template-columns:38px minmax(0,1fr)!important;
    padding:16px 15px 4px!important;
  }
  html body#baihong-site.home-page #products .bh16-product-series-nav>.bh35-product-card .bh35-product-copy,
  html body#baihong-site.home-page #products .bh16-product-series-nav>.bh35-product-card .bh35-product-copy[hidden]{
    padding:6px 14px 15px 53px!important;
  }
  body.about-detail-page #responsibility .about-r17-responsibility-statement{
    grid-template-columns:1fr!important;
    gap:16px!important;
    padding:24px 22px!important;
  }
  body.about-detail-page #responsibility .about-r17-responsibility-value{font-size:21px!important}
  body.about-detail-page #responsibility .about-r17-responsibility-copy{font-size:14.5px!important;line-height:1.9!important;text-align:left!important}
}