.product-page__reviews {
  width: 100%;
  font-family: var(--title-font);
  /* background-color: #F8F4EF; */
}

.my-review-head .my-review-classify-con ul > li{
  display: list-item;
}
.reviews__section {
  width: 100%;
  padding: 50px 0;
}

#my-review-main h3 {
  font-size: var(--h2-font-size);
  line-height: var(--h2-line-height);
  font-family: var(--title-font);
  font-style: var(--sort-title-font-style);
  letter-spacing: var(--sort-title-letter-spacing);
  color: rgb(51,51,51);
}
#my-review-main, .my-review-goods-list, .my-review-load-con, body.my-review-email {
  color: rgb(51,51,51);
}
.my-review-head-title,
.my-review-list>li {
  border-bottom-color: rgb(224, 218, 214);
}
.my-review-head .my-review-number-con .my-review-grade {
  font-family: var(--title-font);
  font-size: 28px;
  margin-left: 12px;
}
.my-review-head .my-review-number-con .my-review-t {
  display: flex;
  align-items: center;
}
.my-review-head .my-review-number-con .my-review-b {
  margin-top:8px;
  font-family: var(--title-font);
}
.my-review-head .my-review-number-con {
  padding-right: 20px;
}
.my-review-head .my-review-classify-con {
  padding-left: 20px;
}
.my-review-head .my-review-classify-con ul>li .my-progress-bar-con {
  border-radius: 20px;
  opacity: 1;
  background-color: #F0EAE7;
}
.my-review-head .my-review-classify-con ul>li .my-progress-bar-con .my-progress-bar {
  background-color: #FFB619;
}
.my-star-con .on.my-star {
  color: #FFB619;
}
.my-review-head .my-review-classify-con ul>li .my-review-number {
  font-family: var(--title-font);
}
.my-review-head .my-review-classify-con ul>li .my-review-number:hover {
  color: rgb(var(--color-button-secondary-background));
}
.my-review-head .my-review-btn-con .my-review-btn {
  font-family: var(--title-font);
  background-color: #302938;
  color: white;
  border-radius: 20px;
  cursor: pointer;
}
.my-review-tabbar-con .my-review-tabbar>li.on {
  border-bottom-color: #302938;
  color: #302938;
  font-family: var(--title-font);
  font-size: var(--text-3-font-size);
  line-height: var(--text-3-line-height);
}
.my-review-tabbar-con {
  display: flex;
  justify-content: space-between;
}
.my-review-tabbar-con .my-review-sort {
  font-family: var(--title-font);
  font-size: var(--text-3-font-size);
  line-height: var(--text-3-line-height);
}
.my-review-tabbar-con .my-review-sort .my-review-sort-ul>li {
  height: auto;
  font-size: var(--text-3-font-size);
  line-height: var(--text-3-line-height);
  padding: 8px 20px;
}
.my-review-tabbar-con .my-review-sort .my-review-sort-ul {
  top: var(--text-3-line-height);
}
.my-review-avatar {
  background-color: #F0EAE7;
  color: #302938;
}
.my-review-user-info .my-review-row {
  font-family: var(--title-font);
}
.my-review-user-info .my-review-content {
  font-family: var(--title-font);
  margin-top: 4px;
}
.my-review-pagination .my-pager-con>li:hover,
.my-review-pagination .my-pager-con>li.on,
.my-review-pagination .my-pre-page:hover, 
.my-review-pagination .my-next-page:hover {
  color: #0C37E2;
}
.my-review-user-info .my-review-row .my-review-user-name,
.my-review-user-info .my-review-row .my-review-time,
.my-review-user-info .my-review-content,
#my-review-main .myfont, 
.my-review-goods-list .myfont, 
.my-review-load-con .myfont, 
body.my-review-email .myfont,
.my-review-pagination .my-pager-con>li {
  font-size: var(--text-3-font-size);
  line-height: var(--text-3-line-height);
}
.my-review-pagination-con {
  display: flex;
  justify-content: center;
  align-items: center;
}
.my-review-pagination .my-pre-page, 
.my-review-pagination .my-next-page {
  height: auto;
}

@media(max-width:959px){
  .my-review-head {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .my-review-head .my-review-number-con {
    padding-right: 0;
    border-right: none;
    padding: 0;
  }
  .my-review-head .my-review-classify-con {
    padding-left: 0;
  }
  .my-review-head .my-review-btn-con {
    position: relative;
    right: 0;
  }
}