#product_reviews .title h2{margin-bottom: 40px;}
#product_reviews .review {padding: 20px; border: solid 1px #efefef; color: #4D4D4D; font-size: 14px; margin-top: 20px;}
#product_reviews .review h3{font-size: 18px; font-weight: 600; margin:0; padding:0; color: var(--text);}
#product_reviews input {padding: 16px 12px; font-size: 12px; border-color: #eee;}
#product_reviews textarea {height: 100%; border-color: #eee;}
#product_reviews .review p{margin: 0; word-break: break-word;}
#product_reviews .review .opinion{font-size: 14px;}

#review_write{display: flex; justify-content: space-between; gap: 50px;}

#product_reviews .text-right {text-align: end;}
#review_nota{text-align: center;}
#review_nota h2{font-size: 56px; font-weight: 900; color: var(--text); margin:0}
#review_nota h2 span{font-size:24px;}
#review_nota h3{font-size: 16px; color: var(--text); text-transform: uppercase;}
#review_nota p{font-size: 16px; color: #888888; }
#review_nota i{color: gold;}

@media(max-width:991px){
    #product_reviews .review .author{text-align: left;}
    #product_reviews{margin-top: 50px;}
    #product_reviews .review {display: block;}
    #review_write{flex-direction: column; gap: 20px;}
}

.product-review-order{padding: 30px; display: flex; gap: 30px; margin-bottom: 20px; background-color: #fff; border-radius: 4px;}

.review-stars{display: flex; gap: 10px;}
.review-star{position: relative; display: block;}
.review-star .star{position: relative; z-index: 0; font-size: 20px; line-height: 20px; color: #fff4bf; cursor: pointer;}
.review-star .star:hover{color: gold;}
.review-star input{position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin:0; padding:0; background-color: #000; opacity: 0; z-index: 1;}
.review-star.active .star{color: gold;}
#button-review {background: #2D2D2D; border-color: #2d2d2d; border-radius: 4px; font-weight: 400;}
#button-upload {background: #eee; border-color: #eee; color: var(--text); font-weight: 400;}

/* .row_reviews{display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px;} */

@media(max-width:991px){
    .product-review-order{flex-direction: column;}
	.row_reviews {grid-template-columns: repeat(1, 1fr);}
	#review_write button {font-size: 12px;}
	#button-review, #button-upload, #product_reviews input {padding: 12px;}
}