/* 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 h1,
.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>h1{
  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;}
}