/* ============================================================
   HNNP — Khu vực đánh giá sản phẩm (Customer Reviews for WooCommerce)
   ------------------------------------------------------------
   Màu: brand HNNP #4A79FF → #2B5ACD. Sao giữ vàng theo quy ước UI.
   Bố cục Desktop: 3 Cột cân đối (Cột 1: Điểm số | Cột 2: Histogram | Cột 3: Nút Thêm đánh giá)
   ============================================================ */

.cr-all-reviews-shortcode,
.cr-review-form-wrap,
.cr-qna-block{
  --hnnp-cr-primary: #4A79FF;
  --hnnp-cr-primary-dark: #2B5ACD;
  --hnnp-cr-gradient: linear-gradient(180deg, #4A79FF 0%, #2B5ACD 100%);
  --hnnp-cr-primary-soft: #EEF3FF;

  --hnnp-cr-text: #111827;
  --hnnp-cr-text-muted: #6B7280;
  --hnnp-cr-border: #E5E7EB;
  --hnnp-cr-bg: #FFFFFF;
  --hnnp-cr-bg-soft: #F7F8FA;

  --hnnp-cr-star: #FFBC00;
  --hnnp-cr-star-off: #E4E7EC;

  --hnnp-cr-radius: 12px;
  --hnnp-cr-radius-sm: 8px;
  --hnnp-cr-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

.cr-all-reviews-shortcode,
.cr-all-reviews-shortcode *,
.cr-review-form-wrap,
.cr-review-form-wrap *,
.cr-qna-block,
.cr-qna-block *{
  font-family: var(--hnnp-cr-font);
  box-sizing: border-box;
}

.cr-all-reviews-shortcode{
  color: var(--hnnp-cr-text);
  line-height: 1.55;
}

/* Ẩn ô tìm kiếm, thanh đếm và dropdown sắp xếp */
.cr-all-reviews-shortcode .cr-ajax-search,
.cr-all-reviews-shortcode .cr-count-row,
.cr-all-reviews-shortcode .cr-ajax-reviews-sort-div{
  display: none !important;
}

/* ============================================================
   0. GỠ KHUNG MẶC ĐỊNH CỦA PARENT THEME ELECTRON & PLUGIN
   ============================================================ */
body #reviews .cr-summaryBox-wrap .cr-overall-rating-wrap,
body #reviews .cr-summaryBox-wrap .ivole-summaryBox,
body #reviews .cr-summaryBox-wrap .cr-add-review-wrap,
body .cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-overall-rating-wrap,
body .cr-all-reviews-shortcode .cr-summaryBox-wrap .ivole-summaryBox,
body .cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-add-review-wrap,
body .ivole-reviews-grid .cr-summaryBox-wrap .cr-overall-rating-wrap,
body .ivole-reviews-grid .cr-summaryBox-wrap .ivole-summaryBox,
#reviews .cr-summaryBox-wrap .cr-overall-rating-wrap,
#reviews .cr-summaryBox-wrap .ivole-summaryBox,
#reviews .cr-summaryBox-wrap .cr-add-review-wrap,
#reviews .cr-summaryBox-wrap table,
#reviews .cr-summaryBox-wrap tbody,
#reviews .cr-summaryBox-wrap tr,
#reviews .cr-summaryBox-wrap td,
.cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-overall-rating-wrap,
.cr-all-reviews-shortcode .cr-summaryBox-wrap .ivole-summaryBox,
.cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-add-review-wrap,
.cr-all-reviews-shortcode .cr-summaryBox-wrap table,
.cr-all-reviews-shortcode .cr-summaryBox-wrap tbody,
.cr-all-reviews-shortcode .cr-summaryBox-wrap tr,
.cr-all-reviews-shortcode .cr-summaryBox-wrap td,
#reviews .cr-summaryBox-wrap > *,
.cr-all-reviews-shortcode .cr-summaryBox-wrap > *{
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  padding-top: 0;
  padding-bottom: 0;
}

/* Thanh histogram: ép về gradient brand */
#reviews .cr-summaryBox-wrap .ivole-meter,
.cr-all-reviews-shortcode .cr-summaryBox-wrap .ivole-meter{
  background: var(--hnnp-cr-star-off) !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 999px !important;
  overflow: hidden !important;
}
#reviews .cr-summaryBox-wrap .ivole-meter-bar,
.cr-all-reviews-shortcode .cr-summaryBox-wrap .ivole-meter-bar{
  background: var(--hnnp-cr-gradient) !important;
  box-shadow: none !important;
  border-radius: 999px !important;
}

/* Trả lại padding dọc cho ô histogram */
#reviews .cr-summaryBox-wrap .ivole-histogramRow td,
.cr-all-reviews-shortcode .cr-summaryBox-wrap .ivole-histogramRow td{
  padding-top: 4px;
  padding-bottom: 4px;
}

/* Bỏ viền dưới của khối nội dung review */
.cr-all-reviews-shortcode .cr-comment-text{
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* Separator của plugin — thừa với bố cục này */
.cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-summary-separator,
.cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-summary-separator-side,
.cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-summary-separator-int,
#reviews .cr-summaryBox-wrap .cr-summary-separator,
#reviews .cr-summaryBox-wrap .cr-summary-separator-side,
#reviews .cr-summaryBox-wrap .cr-summary-separator-int{
  display: none !important;
}

/* ============================================================
   1. OVERVIEW DESKTOP: BỐ CỤC 3 CỘT CÂN ĐỐI
   ------------------------------------------------------------
   Cột 1 : Điểm trung bình (5,0 + sao + lượt đánh giá)
   Cột 2 : Bảng Histogram (5 sao -> 1 sao) với vách ngăn nhẹ 2 bên
   Cột 3 : Nút "Thêm đánh giá" căn giữa dọc
   ============================================================ */
.cr-all-reviews-shortcode .cr-summaryBox-wrap,
#reviews .cr-summaryBox-wrap{
  display: grid !important;
  grid-template-columns: 180px minmax(0, 1fr) 200px !important;
  grid-template-rows: auto !important;
  gap: 20px 24px !important;
  align-items: center !important;
  padding: 24px 28px !important;
  margin-bottom: 28px !important;
  background: var(--hnnp-cr-bg) !important;
  border: 1px solid var(--hnnp-cr-border) !important;
  border-radius: var(--hnnp-cr-radius) !important;
}

/* ── Cột 1: Điểm số ── */
.cr-all-reviews-shortcode .cr-overall-rating-wrap,
#reviews .cr-summaryBox-wrap .cr-overall-rating-wrap{
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 0 !important;
}

.cr-all-reviews-shortcode .cr-average-rating span,
#reviews .cr-summaryBox-wrap .cr-average-rating span{
  font-size: 42px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  color: var(--hnnp-cr-text) !important;
  letter-spacing: -0.02em !important;
}

.cr-all-reviews-shortcode .cr-total-rating-count,
#reviews .cr-summaryBox-wrap .cr-total-rating-count{
  font-size: 13px !important;
  color: var(--hnnp-cr-text-muted) !important;
  text-align: center !important;
}

/* ── Cột 2: Histogram (Nằm giữa 2 vách ngăn mảnh) ── */
.cr-all-reviews-shortcode .ivole-summaryBox,
#reviews .cr-summaryBox-wrap .ivole-summaryBox{
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  align-self: center !important;
  padding: 0 24px !important;
  border-left: 1px solid var(--hnnp-cr-border) !important;
  border-right: 1px solid var(--hnnp-cr-border) !important;
}

.cr-all-reviews-shortcode .cr-histogramTable,
#reviews .cr-histogramTable{
  width: 100% !important;
  border-collapse: collapse !important;
}

.cr-all-reviews-shortcode .ivole-histogramRow td,
#reviews .ivole-histogramRow td{
  padding: 4px 0 !important;
  vertical-align: middle !important;
  font-size: 13px !important;
  color: var(--hnnp-cr-text-muted) !important;
  border: 0 !important;
}

.cr-all-reviews-shortcode .ivole-histogramCell1,
#reviews .ivole-histogramCell1{
  width: 46px !important;
  white-space: nowrap !important;
  padding-right: 10px !important;
}
.cr-all-reviews-shortcode .ivole-histogramCell3,
#reviews .ivole-histogramCell3{
  width: 44px !important;
  text-align: right !important;
  padding-left: 10px !important;
  font-variant-numeric: tabular-nums !important;
}

.cr-all-reviews-shortcode .ivole-meter,
#reviews .ivole-meter{
  height: 8px !important;
  background: var(--hnnp-cr-star-off) !important;
  border-radius: 999px !important;
  overflow: hidden !important;
}

.cr-all-reviews-shortcode .ivole-meter-bar,
#reviews .ivole-meter-bar{
  height: 100% !important;
  background: var(--hnnp-cr-gradient) !important;
  border-radius: 999px !important;
  font-size: 0 !important;
  transition: width .4s ease !important;
}

.cr-all-reviews-shortcode .cr-histogram-a,
#reviews .cr-histogram-a{
  cursor: pointer;
}
.cr-all-reviews-shortcode .ivole-histogramRow:hover .ivole-meter,
#reviews .ivole-histogramRow:hover .ivole-meter{
  background: #D8DDE5 !important;
}

/* ── Cột 3: Nút "Thêm đánh giá" ── */
.cr-all-reviews-shortcode .cr-add-review-wrap,
#reviews .cr-summaryBox-wrap .cr-add-review-wrap{
  grid-column: 3 !important;
  grid-row: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  width: 100% !important;
}

.cr-all-reviews-shortcode button.cr-all-reviews-add-review,
#reviews button.cr-all-reviews-add-review{
  width: 100% !important;
  padding: 13px 20px !important;
  background: var(--hnnp-cr-gradient) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: var(--hnnp-cr-radius-sm) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  cursor: pointer !important;
  transition: filter .2s, transform .1s !important;
  box-shadow: 0 2px 8px rgba(43, 90, 205, 0.25) !important;
}
.cr-all-reviews-shortcode button.cr-all-reviews-add-review:hover,
#reviews button.cr-all-reviews-add-review:hover{
  filter: brightness(1.06) !important;
}
.cr-all-reviews-shortcode button.cr-all-reviews-add-review:active,
#reviews button.cr-all-reviews-add-review:active{
  transform: translateY(1px) !important;
}

/* ============================================================
   2. SAO
   ============================================================ */
.cr-all-reviews-shortcode .crstar-rating-svg,
#reviews .crstar-rating-svg{
  display: inline-flex;
  position: relative;
  line-height: 0;
}

.cr-all-reviews-shortcode .cr-rating-icon-bg,
#reviews .cr-rating-icon-bg{
  color: var(--hnnp-cr-star-off);
}
.cr-all-reviews-shortcode .cr-rating-icon,
#reviews .cr-rating-icon{
  color: var(--hnnp-cr-star);
}

.cr-all-reviews-shortcode .cr-average-rating-stars svg,
#reviews .cr-average-rating-stars svg{
  width: 20px;
  height: 20px;
}

.cr-all-reviews-shortcode .commentlist .crstar-rating-svg svg,
#reviews .commentlist .crstar-rating-svg svg{
  width: 15px;
  height: 15px;
}

/* ============================================================
   3. DANH SÁCH ĐÁNH GIÁ
   ============================================================ */
.cr-all-reviews-shortcode ol.commentlist,
#reviews ol.commentlist{
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: none;
}

.cr-all-reviews-shortcode ol.commentlist > li.review,
#reviews ol.commentlist > li.review{
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 20px 0;
  border-bottom: 1px solid var(--hnnp-cr-border);
  list-style: none;
}
.cr-all-reviews-shortcode ol.commentlist > li.review:first-child,
#reviews ol.commentlist > li.review:first-child{
  padding-top: 8px;
}
.cr-all-reviews-shortcode ol.commentlist > li.review:last-child,
#reviews ol.commentlist > li.review:last-child{
  border-bottom: 0;
}

/* Bố cục 1 review: avatar | nội dung */
.cr-all-reviews-shortcode .comment_container,
#reviews .comment_container{
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 14px;
  position: relative;
  background: transparent;
  border: 0;
  padding: 0;
}

/* ── Avatar ── */
.cr-all-reviews-shortcode img.cr-avatar,
#reviews img.cr-avatar{
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  overflow: hidden;
  margin: 0;
  grid-column: 1;
}

/* Tick "đã xác minh" */
.cr-all-reviews-shortcode .cr-avatar-check,
#reviews .cr-avatar-check{
  position: absolute;
  top: 28px;
  left: 28px;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--hnnp-cr-primary-dark);
  border: 2px solid var(--hnnp-cr-bg);
  border-radius: 50%;
}
.cr-all-reviews-shortcode .cr-avatar-check svg,
#reviews .cr-avatar-check svg{
  width: 14px;
  height: 14px;
}

/* ── Nội dung review ── */
.cr-all-reviews-shortcode .cr-comment-text,
#reviews .cr-comment-text{
  grid-column: 2;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0;
  min-width: 0;
}

.cr-all-reviews-shortcode .cr-comment-text .meta,
#reviews .cr-comment-text .meta{
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 10px;
  margin-bottom: 6px;
  padding: 0;
}

.cr-all-reviews-shortcode .woocommerce-review__author,
#reviews .woocommerce-review__author{
  font-size: 15px;
  font-weight: 600;
  color: var(--hnnp-cr-text);
}

.cr-all-reviews-shortcode .woocommerce-review__published-date,
#reviews .woocommerce-review__published-date{
  font-size: 12.5px;
  color: var(--hnnp-cr-text-muted);
}

/* ── CHIP ĐÁNH GIÁ THEO TIÊU CHÍ (ĐÃ THU GỌN THÀNH CHIP NGẮN) ── */
.cr-all-reviews-shortcode hr.ivf-custom-question-hr,
#reviews hr.ivf-custom-question-hr{
  display: none !important;
}

/* Ép sao chính xuống dòng hoặc chiếm hết dòng để các tiêu chí nhảy xuống dòng mới */
.cr-all-reviews-shortcode .cr-comment-text > .crstar-rating-svg,
#reviews .cr-comment-text > .crstar-rating-svg{
  display: flex !important;
  margin-bottom: 8px !important;
  width: 100% !important;
}

.cr-all-reviews-shortcode .crf-custom-question-rating-cont,
#reviews .crf-custom-question-rating-cont{
  display: inline-flex !important;
  width: auto !important;
  max-width: fit-content !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 4px 8px 6px 0 !important;
  padding: 5px 12px !important;
  background: var(--hnnp-cr-bg-soft) !important;
  border: 1px solid var(--hnnp-cr-border) !important;
  border-radius: 999px !important;
  vertical-align: middle !important;
}

.cr-all-reviews-shortcode .crf-custom-question-rating,
#reviews .crf-custom-question-rating{
  font-size: 12.5px !important;
  font-weight: 500 !important;
  color: var(--hnnp-cr-text-muted) !important;
  white-space: nowrap !important;
}

.cr-all-reviews-shortcode .crf-custom-question-rating-cont .crstar-rating-svg svg,
#reviews .crf-custom-question-rating-cont .crstar-rating-svg svg{
  width: 13px !important;
  height: 13px !important;
}

/* ── Nội dung bình luận ── */
.cr-all-reviews-shortcode .cr-comment-text .description,
#reviews .cr-comment-text .description{
  margin-top: 10px;
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--hnnp-cr-text);
}
.cr-all-reviews-shortcode .cr-comment-text .description p,
#reviews .cr-comment-text .description p{
  margin: 0 0 8px;
}
.cr-all-reviews-shortcode .cr-comment-text .description p:last-child{
  margin-bottom: 0;
}

/* ── Ảnh đính kèm ── */
.cr-all-reviews-shortcode .cr-comment-images,
#reviews .cr-comment-images{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}
.cr-all-reviews-shortcode .iv-comment-image,
#reviews .iv-comment-image{
  margin: 0;
  float: none;
}
.cr-all-reviews-shortcode .iv-comment-image img,
#reviews .iv-comment-image img,
.cr-all-reviews-shortcode .cr-comment-images img{
  width: 76px !important;
  height: 76px !important;
  object-fit: cover !important;
  border-radius: var(--hnnp-cr-radius-sm) !important;
  border: 1px solid var(--hnnp-cr-border) !important;
  display: block !important;
  cursor: pointer !important;
  transition: transform .15s ease, opacity .15s ease !important;
}
.cr-all-reviews-shortcode .iv-comment-image img:hover,
#reviews .iv-comment-image img:hover,
.cr-all-reviews-shortcode .cr-comment-images img:hover{
  opacity: .9 !important;
  transform: scale(1.03) !important;
}

/* ============================================================
   4. NÚT "XEM THÊM ĐÁNH GIÁ"
   ============================================================ */
.cr-all-reviews-shortcode #cr-show-more-all-reviews,
.cr-all-reviews-shortcode .cr-show-more-button,
#reviews #cr-show-more-all-reviews,
#reviews .cr-show-more-button{
  display: block !important;
  width: 100% !important;
  margin: 20px 0 4px !important;
  padding: 12px 20px !important;
  background: var(--hnnp-cr-bg) !important;
  color: transparent !important; /* Ẩn text gốc "Show more" để JS plugin vẫn đọc được */
  border: 1px solid var(--hnnp-cr-border) !important;
  border-radius: var(--hnnp-cr-radius-sm) !important;
  font-size: 0 !important;
  font-weight: 600 !important;
  text-align: center !important;
  cursor: pointer !important;
  transition: background .2s, border-color .2s !important;
  position: relative !important;
}

/* Hiển thị chữ tiếng Việt đè lên */
.cr-all-reviews-shortcode #cr-show-more-all-reviews::after,
.cr-all-reviews-shortcode .cr-show-more-button::after,
#reviews #cr-show-more-all-reviews::after,
#reviews .cr-show-more-button::after{
  content: "Xem thêm đánh giá";
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px !important;
  color: var(--hnnp-cr-primary-dark) !important;
}

/* Nút Thu gọn đánh giá (ID riêng, không có ::after đè lên) */
#reviews button#hnnp-collapse-reviews-btn,
.cr-all-reviews-shortcode button#hnnp-collapse-reviews-btn{
  color: #6B7280 !important;
  font-size: 14px !important;
}
#reviews button#hnnp-collapse-reviews-btn::after,
.cr-all-reviews-shortcode button#hnnp-collapse-reviews-btn::after{
  display: none !important;
}

.cr-all-reviews-shortcode #cr-show-more-all-reviews:hover,
.cr-all-reviews-shortcode .cr-show-more-button:hover,
#reviews #cr-show-more-all-reviews:hover,
#reviews .cr-show-more-button:hover{
  background: var(--hnnp-cr-primary-soft) !important;
  border-color: var(--hnnp-cr-primary) !important;
}

.cr-all-reviews-shortcode .cr-pagination-review-spinner,
#reviews .cr-pagination-review-spinner{
  display: block;
  margin: 12px auto 0;
}

/* ============================================================
   5. FORM THÊM ĐÁNH GIÁ
   ============================================================ */
.cr-review-form-wrap{
  color: var(--hnnp-cr-text);
}

.cr-review-form-wrap input[type="text"],
.cr-review-form-wrap input[type="email"],
.cr-review-form-wrap textarea,
.cr-review-form-wrap select{
  width: 100%;
  padding: 10px 12px;
  font-size: 14px;
  color: var(--hnnp-cr-text);
  background: var(--hnnp-cr-bg);
  border: 1px solid var(--hnnp-cr-border);
  border-radius: var(--hnnp-cr-radius-sm);
  transition: border-color .2s, box-shadow .2s;
}

.cr-review-form-wrap input[type="text"]:focus,
.cr-review-form-wrap input[type="email"]:focus,
.cr-review-form-wrap textarea:focus,
.cr-review-form-wrap select:focus{
  outline: 0;
  border-color: var(--hnnp-cr-primary);
  box-shadow: 0 0 0 3px rgba(74, 121, 255, .15);
}

.cr-review-form-wrap .cr-review-form-submit{
  padding: 11px 22px;
  background: var(--hnnp-cr-gradient);
  color: #fff;
  border: 0;
  border-radius: var(--hnnp-cr-radius-sm);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: filter .2s;
}
.cr-review-form-wrap .cr-review-form-submit:hover{
  filter: brightness(1.06);
}

.cr-review-form-wrap .cr-review-form-cancel{
  padding: 11px 22px;
  background: var(--hnnp-cr-bg);
  color: var(--hnnp-cr-text-muted);
  border: 1px solid var(--hnnp-cr-border);
  border-radius: var(--hnnp-cr-radius-sm);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}

/* ============================================================
   6. RESPONSIVE MOBILE (GIỮ NGUYÊN 1 CỘT XẾP DỌC MƯỢT MÀ)
   ============================================================ */
@media (max-width: 768px){
  .cr-all-reviews-shortcode .cr-summaryBox-wrap,
  #reviews .cr-summaryBox-wrap{
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    gap: 16px !important;
    padding: 18px 16px !important;
  }

  .cr-all-reviews-shortcode .cr-overall-rating-wrap,
  #reviews .cr-summaryBox-wrap .cr-overall-rating-wrap{
    grid-column: 1 !important;
    grid-row: 1 !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid var(--hnnp-cr-border) !important;
  }

  .cr-all-reviews-shortcode .ivole-summaryBox,
  #reviews .cr-summaryBox-wrap .ivole-summaryBox{
    grid-column: 1 !important;
    grid-row: 2 !important;
    padding: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }

  .cr-all-reviews-shortcode .cr-add-review-wrap,
  #reviews .cr-summaryBox-wrap .cr-add-review-wrap{
    grid-column: 1 !important;
    grid-row: 3 !important;
  }

  .cr-all-reviews-shortcode button.cr-all-reviews-add-review,
  #reviews button.cr-all-reviews-add-review{
    max-width: 280px !important;
    margin: 0 auto !important;
  }

  .cr-all-reviews-shortcode .comment_container,
  #reviews .comment_container{
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 10px;
  }

  .cr-all-reviews-shortcode img.cr-avatar,
  #reviews img.cr-avatar{
    width: 38px !important;
    height: 38px !important;
  }

  .cr-all-reviews-shortcode .cr-avatar-check,
  #reviews .cr-avatar-check{
    top: 24px;
    left: 24px;
    width: 16px;
    height: 16px;
  }

  .cr-all-reviews-shortcode .iv-comment-image img,
  #reviews .iv-comment-image img,
  .cr-all-reviews-shortcode .cr-comment-images img{
    width: 64px !important;
    height: 64px !important;
  }
}

@media (max-width: 480px){
  .cr-all-reviews-shortcode .cr-average-rating span,
  #reviews .cr-average-rating span{
    font-size: 34px !important;
  }
  .cr-all-reviews-shortcode .crf-custom-question-rating-cont,
  #reviews .crf-custom-question-rating-cont{
    margin-right: 4px !important;
    padding: 4px 10px !important;
  }
  .cr-all-reviews-shortcode .crf-custom-question-rating,
  #reviews .crf-custom-question-rating{
    font-size: 12px !important;
  }
}