.product-reviews-wrapper {
   display: flex;
   flex-wrap: wrap;
   margin: 0 -#{$grid-gutter-width};

   > div {
      margin: 0 $grid-gutter-width;
      width: calc(50% - #{$grid-gutter-width} * 2);
   }

   .reviews-title {
      h2 {
         margin-bottom: 5px;
      }

      .review-stars {
         position: relative;
         top: -3px;
      }

      .review-stars-wrapper {
         margin-bottom: 30px;
         flex-wrap: wrap;
         position: relative;

         @include haf {
            .review-stars-tooltip {
               display: block;
            }
         }

         .fc {
            color: $brand-ctr;
         }
      }
   }

   .reviews-count {
      margin-right: 10px;
   }

   [data-more-reviews] {
      width: 100%;
   }
}

.review-verified {
   color: #8b8b8b;
   display: flex;
   align-items: center;
   font-size: $font-size-smaller;

   .fc {
      color: $state-success;
      margin-right: 5px;
      margin-bottom: 3px;
   }
}

.review-collection-product {
   color: $text-muted;
   margin-top: 1rem;
   margin-bottom: 0;
}

.no-reviews {
   margin-bottom: 50px;

   @media screen and (max-width: $lg - 1) {
      margin: 0;
   }
}

.reviews-rules-link {
   width: 100%;
}

.reviews-empty {
   margin-bottom: 0;
   text-align: center;

   .reviews-rules-link {
      display: none;
   }
}

.reviews-list-wrapper {
   overflow: hidden;
   margin: 20px 0 12px;
}

.reviews-list {
   display: flex;
   flex-wrap: wrap;
}

.review-item {
   background: $body-bg-alt;
   border-radius: $border-radius;
   margin-bottom: $grid-gutter-width;
   padding: 30px;
   width: 100%;
}

.review-item-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
   margin-bottom: 10px;

   p {
      margin: 0;
   }

   > div {
      display: flex;
      align-items: center;
   }

   .review-author {
      font-size: $font-size-larger;
      width: 100%;
   }

   .date {
      color: $text-muted;
   }

   .review-stars {
      position: relative;
      top: -2px;
   }

   .fc {
      color: $brand-ctr;
   }
}

.review-text {
   color: $text-muted;

   p:last-child {
      margin-bottom: 0;
   }

   .pros,
   .cons {
      color: $text-dark;
      display: flex;
      padding-left: 30px;

      &::before {
         font-size: 20px;
         top: 3px;
      }
   }

   .pros::before {
      content: $icons_pros;
   }

   .cons::before {
      content: $icons_cons;
   }
}

.review-stars-wrapper {
   display: flex;
   align-items: center;
}

.review-stars {
   margin-right: 13px;

   .icons_star {
      color: $brand-primary;
   }
}

.reviews-btns {
   text-align: center;
}

@media screen and (max-width: $lg - 1) {
   .product-reviews > .container {
      max-width: unset;
   }

   .product-reviews-wrapper {
      margin: 30px 0;
   }
}

@media screen and (max-width: $md - 1) {
   .product-reviews-wrapper {
      .reviews-title {
         margin-bottom: 20px;
         margin-left: 0;
         margin-right: 0;
         width: 100%;
      }

      .reviews-empty {
         margin-left: 0;
         margin-right: 0;
         width: 100%;
      }

      > div {
         width: 100%;
         margin: 0;
      }
   }
}

@media screen and (max-width: $sm - 1) {
   .product-reviews-wrapper {
      .btn {
         padding-left: 15px;
         padding-right: 15px;
         white-space: normal;
         width: 100%;
      }
   }

   .review-item {
      padding: 20px;
   }

   .review-item-header {
      flex-wrap: wrap;

      .review-author {
         flex: 100%;
      }
   }
}
