/* 产品侧边分类 - 前台样式
 * 强调色使用 CSS 变量 --cat-acc-accent，
 * 默认值为 #C8102E，后台保存的颜色会以内联样式覆盖此默认值。
 */
:root{--cat-acc-accent:#C8102E;}

ul.cat-acc{list-style:none;margin:0;padding:0;border:none;border-radius:0;overflow:visible;}
ul.cat-acc, ul.cat-acc ul.cat-acc-sub{margin:0 !important;padding:0 !important;}

.cat-acc-item{border-bottom:1px solid #ececec;list-style:none;}
.cat-acc-item:last-child{border-bottom:1px solid #ececec;}
.cat-acc-item::marker{content:none;}
.cat-acc-item::before{content:none;}

.cat-acc-head{display:flex;align-items:center;justify-content:space-between;}

.cat-acc-link{
  flex:1;display:block;padding:11px 8px;text-decoration:none;
  color:#2b2b2b;font-weight:600;font-size:16px;letter-spacing:.2px;transition:color .2s;
  list-style:none;
}
.cat-acc-link::marker{content:none;}

.cat-acc-toggle{
  background:none;border:none;cursor:pointer;
  flex:0 0 34px;
  width:34px;height:34px;min-width:34px;
  box-sizing:border-box;padding:0;
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  transition:background .2s;
}
.cat-acc-toggle:hover{background:#f2f2f2;}

.cat-acc-arrow{
  width:9px;height:9px;
  border-right:2px solid #999;border-bottom:2px solid #999;
  transform:rotate(45deg);transition:transform .25s,border-color .2s;
  margin-bottom:3px;
}
.cat-acc-item.is-open .cat-acc-arrow{
  transform:rotate(-135deg);margin-bottom:-3px;border-color:var(--cat-acc-accent);
}

.cat-acc-sub{
  list-style:none;margin:0;padding:0;
  max-height:0;overflow:hidden;transition:max-height .3s ease;background:transparent;
}
.cat-acc-item.is-open .cat-acc-sub{max-height:800px;}

.cat-acc-sublink{
  display:block;padding:7px 8px;
  text-decoration:none;color:#555;font-size:15px;font-weight:400;transition:color .2s;
}
.cat-acc-sublink:hover{color:var(--cat-acc-accent);}
.cat-acc-sublink.is-current{color:var(--cat-acc-accent);font-weight:500;}

.cat-acc-link:hover{color:var(--cat-acc-accent);}
.cat-acc-item.is-open > .cat-acc-head .cat-acc-link{color:var(--cat-acc-accent);}
.cat-acc-link.is-current{color:var(--cat-acc-accent);}

.cat-acc-item.is-open .cat-acc-sub li:last-child .cat-acc-sublink{padding-bottom:11px;}