.cccf-compare-btn{
  cursor:pointer;
}
.cccf-compare-btn.is-in-compare{
  opacity:0.85;
}

.cccf-compare-page{
  width:100%;
}
.cccf-compare-toolbar{
  display:flex;
  justify-content:flex-end;
  margin:0 0 12px;
}
.cccf-compare-clear{
  text-decoration:none;
}

.cccf-compare-table{
  width:100%;
  border-collapse:collapse;
}
.cccf-compare-table th,
.cccf-compare-table td{
  border:1px solid rgba(0,0,0,0.12);
  padding:10px;
  vertical-align:top;
}

.cccf-compare-table img{
  max-width:120px;
  height:auto;
}

.cccf-compare-sep td{
  background:rgba(0,0,0,0.04);
}

.cccf-compare-attr-row{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:6px;
}
.cccf-compare-attr{
  flex:1 1 180px;
}

.cccf-compare-table-wrap{
  overflow:auto;
}

.cccf-compare-table--transposed .cccf-compare-label{
  width:180px;
}

.cccf-compare-table--transposed .cccf-compare-rowhead{
  font-weight:600;
  background:rgba(0,0,0,0.02);
  width:180px;
}

.cccf-compare-product-head{
  min-width:220px;
}

.cccf-compare-product-actions{
  margin-top:6px;
}