.summary .productCell {
  float: left;
  width: 100%;
}

.summary .productCell .learnMore {
  font-size: 1rem;
}


.summary .productName {
  font-weight: 400;
  font-size: 1.35rem;
  width: 100%;
}
.summary .productName .text {
  float: left;
  width: calc(100% - 2rem);
  cursor: pointer;
}
.summary .productName .text:after {
  content: "\F0DA";
  font-family: 'FontAwesome';
  font-size: 1.5rem;
  margin-left: .5rem;
  top: .12rem;
  position: relative;
}
.summary .productName .text.open:after{
  content: "\F0D7";
}



.summary .productDetails {
  display: none;
  width: 100%;
  float: left;
}
.summary .productDetails.show{
  display: block;
}
.summary .productDetails .leftSide {
  width: calc(60% - 2.1rem);
  float: left;
  margin-left: 2.1rem;
}
.summary .productDetails .rightSide {
  width: 35%;
  float: right;
  display: block;
  margin-right: 2.5%;
}
.summary .productDescription {
  width: 75%;
  line-height: 1.2rem;
  margin-top: 0.1rem;
}


.summary .productReason {
  background: rgba(0,0,0,0.05);
  padding: 1rem;
  width: 100%;
  position: relative;
  margin-top: -1rem;
}
.summary .productReason .whyThis i {
  color: transparent;
}
.summary .productReason .whyThisLabel::after {
  color: #89BF01;
}