#main-out.zs-product-category{background:#f5f7fa;padding:20px 0 36px}
#main-out.zs-product-category #main{display:flex;align-items:flex-start;gap:20px;width:1002px;max-width:calc(100% - 30px);margin:0 auto;overflow:visible;box-sizing:border-box}
#main-out.zs-product-category #main-l{float:none;width:242px;flex:0 0 242px;min-width:0}
#main-out.zs-product-category #main-r{float:none;width:auto;flex:1;min-width:0}
#main-out.zs-product-category #main-r-t{width:auto;margin:0;box-sizing:border-box}
#main-out.zs-product-category .pro_main{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;overflow:visible}
#main-out.zs-product-category .pd_index_dl{float:none;width:auto;margin:0;background:#fff;border:1px solid #e3e8ed;border-radius:8px;overflow:hidden}
#main-out.zs-product-category .pd_index_dl dt{padding:12px 12px 0;text-align:center}
#main-out.zs-product-category .pd_index_dl img{display:block;width:100%;max-width:220px;height:200px;margin:0 auto;object-fit:contain}
#main-out.zs-product-category .pd_index_dl dd{min-height:48px;padding:8px 12px 14px}
#main-out.zs-product-category .pd_index_dl dd h4,#main-out.zs-product-category .pd_index_dl dd a{font-size:14px;line-height:1.55;text-align:center;text-decoration:none}
@media(max-width:800px){#main-out.zs-product-category #main{display:block;max-width:calc(100% - 20px)}#main-out.zs-product-category #main-l{width:auto;margin-bottom:16px}#main-out.zs-product-category #main-r{width:auto}#main-out.zs-product-category .pro_main{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#main-out.zs-product-category .pd_index_dl img{height:180px}}
@media(max-width:480px){#main-out.zs-product-category .pro_main{grid-template-columns:1fr}#main-out.zs-product-category .pd_index_dl img{height:220px}}
/* Wide-screen category grid: force the product area and cards to fill the right column */
#main-out.zs-product-category #main-r-c{width:100%!important;min-width:0!important}
#main-out.zs-product-category .pro_main{width:100%!important;min-width:0!important;justify-self:stretch!important}
#main-out.zs-product-category .pd_index_dl{width:100%!important;min-width:0!important;max-width:none!important}
#main-out.zs-product-category .pd_index_dl dd{display:block!important;visibility:visible!important;opacity:1!important;position:static!important;height:auto!important;min-height:58px!important;overflow:visible!important;padding:10px 12px 14px!important;background:#fff!important}
#main-out.zs-product-category .pd_index_dl dd h4,#main-out.zs-product-category .pd_index_dl dd h4 a,#main-out.zs-product-category .pd_index_dl dd > a{display:block!important;visibility:visible!important;opacity:1!important;position:static!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important;white-space:normal!important;word-break:break-word!important;color:#333!important;font-size:14px!important;line-height:1.55!important;text-align:center!important;text-decoration:none!important}
#main-out.zs-product-category .pd_index_dl.image-hover,
#main-out.zs-product-category .pd_index_dl.img-shadow-1{display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
/* Responsive product grid: never collapse cards into vertical strips */
#main-out.zs-product-category .pro_main,
#main-out.zs-product-category.zs-product-center .zs-product-center-group .pro_main{
  display:grid!important;
  width:100%!important;
  min-width:0!important;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;
  align-items:stretch!important;
}
#main-out.zs-product-category .pd_index_dl,
#main-out.zs-product-category.zs-product-center .zs-product-center-group .pd_index_dl{
  width:100%!important;
  min-width:180px!important;
  max-width:none!important;
}
@media(max-width:800px){
  #main-out.zs-product-category .pro_main,
  #main-out.zs-product-category.zs-product-center .zs-product-center-group .pro_main{grid-template-columns:repeat(2,minmax(150px,1fr))!important}
  #main-out.zs-product-category .pd_index_dl,
  #main-out.zs-product-category.zs-product-center .zs-product-center-group .pd_index_dl{min-width:150px!important}
}
@media(max-width:480px){
  #main-out.zs-product-category .pro_main,
  #main-out.zs-product-category.zs-product-center .zs-product-center-group .pro_main{grid-template-columns:1fr!important}
  #main-out.zs-product-category .pd_index_dl,
  #main-out.zs-product-category.zs-product-center .zs-product-center-group .pd_index_dl{min-width:0!important}
}