@charset "UTF-8";
/* YuanFeng V52.83 generated CSS bundle; source modules retained. */

/* ---- source: assets/css/arrows-v52.35.css ---- */
/* YuanFeng V52.35 — left/right navigation arrows aligned to yuanfeng-srv reference. */
.homeLatest .homeLatestTitle div ul li,
.productsData .prodcTitle div ul li,
.dtlProducts .dtlChar .dtlcharSf .dtlcharSfTitle div ul li{
  width:25px;height:25px;line-height:25px;display:inline-block;text-align:center;color:#c0c0c0;
  border:0;background:transparent;border-radius:0;box-shadow:none;
}
.homeLatest .homeLatestTitle div ul li i,
.productsData .prodcTitle div ul li i,
.dtlProducts .dtlChar .dtlcharSf .dtlcharSfTitle div ul li i{
  font-size:inherit;color:inherit;
}
.homeLatest .homeLatestTitle div ul li:hover,
.productsData .prodcTitle div ul li:hover,
.dtlProducts .dtlChar .dtlcharSf .dtlcharSfTitle div ul li:hover{cursor:pointer;color:#000;}
.homeProduct .homeProductDiv .homeProductPN ul li{
  width:30px;height:30px;line-height:30px;margin:0 5px;display:inline-block;text-align:center;color:#c0c0c0;
  border:0;background:transparent;border-radius:0;box-shadow:none;
}
.homeProduct .homeProductDiv .homeProductPN ul li i{font-size:24px;color:inherit;}
.homeProduct .homeProductDiv .homeProductPN ul li:hover{cursor:pointer;color:#000;}

/* ---- source: assets/css/reference-corrections-v52.36.css ---- */
/* YuanFeng V52.36 — exact corrections from uploaded yuanfeng-srv reference. */
@font-face{
  font-family:"YFReferenceIconV5236";
  src:url("iconfont/reference-iconfont-v52.36.woff2") format("woff2"),
      url("iconfont/reference-iconfont-v52.36.woff") format("woff");
  font-weight:normal;
  font-style:normal;
  font-display:block;
}

/* Exact angle glyphs used by yuanfeng-srv/public index/products pages. */
.icon-angle-left::before,
.icon-angle-right::before{
  font-family:"YFReferenceIconV5236" !important;
  font-style:normal !important;
  font-weight:normal !important;
  position:static !important;
  inset:auto !important;
  display:inline !important;
  align-items:initial !important;
  justify-content:initial !important;
  font-size:1em !important;
  line-height:1 !important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.icon-angle-left::before{content:"\e980" !important;}
.icon-angle-right::before{content:"\e97e" !important;}

/* Reference footer is #dadada. These !important declarations intentionally override
   legacy site-v35 rules that forced #050505 and grey/white footer text. */
.bottomMenu .bottomDiv{
  background-color:#dadada !important;
  background:#dadada !important;
  color:#111 !important;
  margin:50px 0 0 0 !important;
  padding:20px 0 !important;
}
.bottomMenu .bottomDiv .bottomLinks{
  max-width:1200px !important;
  margin:0 auto !important;
  padding-left:20px !important;
  padding-right:20px !important;
}
.bottomMenu .bottomDiv .bottomLinks .linksDiv{
  padding:50px 0 35px 0 !important;
}
.bottomMenu .bottomDiv .bottomLinks .linksDiv :is(h1,h2.yf-h1-demoted,h3.yf-h1-demoted),
.bottomMenu .bottomDiv .bottomLinks .linksDiv h2,
.bottomMenu .bottomDiv .bottomLinks .linksDiv a,
.bottomMenu .bottomDiv .bottomLinks .linksDiv p,
.bottomMenu .bottomDiv .bottomLinks .linksDiv li,
.bottomMenu .bottomDiv .bottomLinks .linksDiv span,
.bottomMenu .bottomDiv .bottomLinks .linksDiv .location,
.bottomMenu .bottomDiv .bottomLinks .linksDiv .location *{
  color:#111 !important;
}
.bottomMenu .bottomDiv .bottomLinks .infoDiv{
  border-top:1px solid #aaa !important;
  color:#111 !important;
}
.bottomMenu .bottomDiv .bottomLinks .infoDiv,
.bottomMenu .bottomDiv .bottomLinks .infoDiv *{
  color:#111 !important;
}
.bottomMenu .bottomDiv .bottomLinks .infoDiv a:hover{
  color:#111 !important;
  opacity:.8;
}

/* Product Category: preserve the reference public/products.html structure exactly. */
.productsData .prodcDiv .toolItem{cursor:pointer;}
.productsData .prodcDiv .toolItem>div{
  background-color:#f1f2f5;
  background-size:cover;
  background-position:center center;
  position:relative;
  background-repeat:no-repeat;
  aspect-ratio:1/1;
}
.productsData .prodcDiv .toolItem>div>li{
  width:100%;
  height:100%;
  background:rgba(200,20,49,.6);
  opacity:0;
  transition:opacity .3s ease;
}
.productsData .prodcDiv .toolItem>ul{margin:15px 0;}
.productsData .prodcDiv .toolItem>ul>:is(h1,h2.yf-h1-demoted,h3.yf-h1-demoted){
  font-size:12px;
  margin:5px 0 2px 0;
  font-family:HOS-C-Light-I;
}
.productsData .prodcDiv .toolItem>ul>h2{
  font-size:16px;
  font-family:HOS-C-Regular-I;
  font-weight:bold;
}
.productsData .prodcDiv .toolItem:hover>div>li{opacity:1;}

@media screen and (max-width:750px){
  .bottomMenu .bottomDiv .bottomLinks{padding-left:20px !important;padding-right:20px !important;}
}