.box-comments-product{
	margin: 25px 0px 70px 0px ;
	display: grid ;
	grid-template-columns: 250px 1fr ;
	grid-gap: 10px ;
}
.box-comments-product .title{
	font-weight: 700 ;
}
.box-comments-product .califications .title{
	margin-bottom: 10px ;
}
.box-comments-product .califications > div{
	display: grid ;
	grid-template-columns: 75px 1fr 35px ;
	grid-gap: 10px ;
	align-items: center ;
}
.box-comments-product .califications .progress-bar{
	width: 100% ;
	border-radius: 5px ;
	border: 1.5px solid #5A69B2 ;
	height: 5px ;
	overflow: hidden ;
}
.box-comments-product .califications .progress-bar .value-bar{
	display: block ;
	height: 100% ;
	background-color: #8792C7 ;
	border-radius: 5px ;
}
.box-comments-product .comments{
	display: flex ;
	flex-direction: column ;
	gap: 10px ;
}
.box-comments-product .comments article{
	width: 100% ;
	background-color: #FFFFFF ;
	border-radius: 5px ;
	padding: 10px ;
	box-sizing: border-box ;
}
.box-comments-product .comments article .data-user{
	display: flex ;
	align-items: center ;
	justify-content: left ;
	gap: 7.5px ;
	margin-bottom: 5px ;
}
.box-comments-product .comments article .data-user .image{
	width: 30px ;
	min-width: 30px ;
	height: 30px ;
	overflow: hidden ;
	border-radius: 50% ;
	border: 1.5px solid #5A69B2 ;
}
.box-comments-product .comments article .data-user .image img{
	width: 100% ;
	height: 100% ;
	object-fit: cover ;
}
.box-comments-product .comments article .data-user .user-name{
	display: -webkit-box ;
	-webkit-box-orient: vertical ;
	-webkit-line-clamp: 1 ;
	line-clamp: 1 ;
	overflow: hidden ;
}
.box-comments-product .comments article .calification{
	color: #FFC000 ;
}
.box-comments-product .comments article .content{
	color: #B3B3B3 ;
	font-size: 12px ;
}
@media(max-width:600px){
	.box-comments-product{
		grid-template-columns: 1fr ;
		gap: 25px ;
	}
	.box-comments-product .title{
		text-align: center ;
	}
}