/* v1.0.88 - review list + uniform review-image frame */
.sf-review-initial-hidden,.sf-review-list-hidden{display:none!important}
.sf-review-more{display:block;margin:18px auto 2px;padding:10px 22px;border:1px solid #ef4d7d;border-radius:8px;background:#fff;color:#e53e72;font:inherit;font-weight:700;cursor:pointer}
.sf-review-more:hover{background:#fff5f8}
.sf-review-more[hidden]{display:none!important}
.sf-review-more-mobile{margin:14px auto 0;min-width:180px}

/* Thumbnail đánh giá luôn cùng một form vuông. */
.review-photo-trigger{overflow:hidden!important}
.review-photo-trigger img{width:100%!important;height:100%!important;object-fit:cover!important;filter:none!important;transform:none!important;backface-visibility:visible!important;image-rendering:auto!important}

/*
 * Ảnh phóng to đánh giá luôn cùng một form 3:4 như ảnh mẫu.
 * Ảnh ngang / vuông sẽ crop vào giữa thay vì thay đổi kích thước khung.
 * Nhờ vậy bấm qua từng ảnh thì modal không còn ảnh to - ảnh nhỏ lộn xộn.
 */
.review-lightbox-stage img{
  display:block!important;
  width:min(500px,calc((100vh - 150px) * .75),calc(100% - 24px))!important;
  height:auto!important;
  aspect-ratio:3/4!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  opacity:1!important;
  filter:none!important;
  transform:none!important;
  backface-visibility:visible!important;
  image-rendering:auto!important;
}
.review-lightbox-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;filter:none!important;transform:none!important;image-rendering:auto!important}

@media(max-width:768px){
  .sf-review-more{font-size:14px;padding:9px 18px}
  .review-lightbox-stage img{
    width:min(500px,calc((100vh - 128px) * .75),calc(100% - 12px))!important;
    aspect-ratio:3/4!important;
    object-fit:cover!important;
  }
}