/* (A) WHOLE PAGE */

.note {
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #f5e9ad;
  background: #fff8e2;
}

/* (B) PRODUCTS LIST */
#demo {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
}
.pCell {
  padding: 20px;
  background: #f5f5f5;
  border: 1px solid #ecede7;
}
.pImg {
  display: block;
  height: 200px;
  margin: 0 auto 20px auto;
}
.pName { font-size: 24px; }
.pReview { color: #fb3232; }
.pStar {
  display: flex;
  align-items: center;
  padding-right: 10px;
}
.pStar i{
  color: #3A78C9;
  margin-right: 5px;
}
.pStar .star {
  width: 16px;
  height: 16px;
  background-image: url("/resources/icon/stars.png");
  cursor: pointer;
  margin-left: 4px;
}
.pStar .star:last-child{
  margin-right: 10px;
}
.pStar .star.blank { background-position: -16px; }
.pStat {
  font-size: 15px;
  color: #4a4a4a;
}