/* ----------------- Rating section ------------------ */

  #product_review {
    margin-top: 20px;
    padding: 24px;
    background-color: var(--white);
    width: 100%;
    border: 1px dashed var(--prime-1-100);
    border-radius: 4px;
  }
  
  #product_review p {
    padding: 0px 20px;
    /* margin: 8px; */
    text-align: center;
  }
  
  #product_review .rating {
    padding: 4px 20px;
    display: flex;
    transform: rotateY(180deg);
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 12px;
  }
  
  #product_review .rating input {
    display: none;
  }
  
  #product_review .rating label {
    display: block;
    cursor: pointer;
    width: 32px;
    font-size: 32px;
  }
  
  #product_review .rating label i::before {
    content: "\efef";
    position: relative;
    display: block;
    color: var(--black-20);
  }
  
  #product_review .rating label i::after {
    content: "\e905";
    position: absolute;
    display: block;
    color: var(--warning-80);
    margin-top: -32px;
    opacity: 0;
    transition: 0.2s;
  }
  
  #product_review .rating label:hover i::after,
  #product_review .rating label:hover ~ label i::after,
  #product_review .rating input:checked ~ label i::after {
    opacity: 1;
  }
 
  #product_review .rating input ~ label i::after {
    opacity: 0 ;
  }
  
  #product_review .review_cat {
    padding: 0 20px 10px 20px;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    display: flex;
  }
  #product_review .review_cat ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  #product_review .review_cat ul li {
    display: inline-block;
    padding: 0 4px;
    /* margin: 8px 0; mobile responsive */
  }
  #product_review .review_cat ul li label {
    padding-left: 4px;
    margin-bottom: 0 !important;
    color: var(--black-70);
  }
  #product_review .review_cat ul li label:active {
    color: var(--prime-1-100);
  }
  
  #product_review .review_comment {
    padding: 12px 40px;
  }
  
  #product_review .review_comment textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 140px;
    background-color: var(--white);
    border: 1px solid var(--black-10);
    padding: 12px;
    color: var(--black-80);
  }