.tpr-review-system {

	display:flex;
	gap:40px;
	margin:50px 0;

}

.tpr-review-left {

	width:30%;

}

.tpr-review-right {

	width:70%;

}


.tpr-review-card {

	border:1px solid #e5e5e5;
	padding:20px;
	margin-bottom:20px;
	border-radius:10px;

}


.tpr-photo-placeholder {

	font-size:30px;
	margin:20px 0;

}


.tpr-review-system h2 {

	margin-bottom:15px;

}


@media(max-width:768px){

	.tpr-review-system {

		display:block;

	}

	.tpr-review-left,
	.tpr-review-right {

		width:100%;

	}

}

.tpr-verified-badge {

	display:inline-block;
	margin-left:10px;
	font-size:13px;
	color:#1a7f37;

}


.tpr-review-images {

	display:flex;
	gap:10px;
	margin-top:15px;
	flex-wrap:wrap;

}


.tpr-review-images img {

	width:80px;
	height:80px;
	object-fit:cover;
	border-radius:8px;

}

.tpr-photo-gallery {

	display:flex;
	gap:10px;
	flex-wrap:wrap;

}


.tpr-photo-gallery img {

	width:70px;
	height:70px;
	object-fit:cover;
	border-radius:8px;

}

.tpr-review-system textarea {

	width:100%;
	min-height:120px;

}


.tpr-upload-field {

	margin-top:15px;

}


.tpr-upload-field input {

	margin-top:8px;

}

.comment-form-rating select {

	width:100%;
	padding:10px;
	border-radius:6px;

}

.tpr-review-count {

	font-size:14px;
	margin-bottom:20px;
	color:#666;

}

.tpr-review-card {

	background:#fff;
	border:1px solid #e5e5e5;
	padding:20px;
	margin-bottom:20px;
	border-radius:12px;

}

.tpr-review-card strong {

	display:block;
	margin-bottom:8px;

}

.tpr-stars {

	font-size:18px;
	letter-spacing:2px;

}

.tpr-photo-grid {

	display:grid;
	grid-template-columns:repeat(5,1fr);
	gap:10px;

}


@media(max-width:768px){

	.tpr-photo-grid {

		grid-template-columns:repeat(3,1fr);

	}

}

.tpr-review-system label {

	display:block;
	margin-bottom:6px;
	font-weight:600;

}


.tpr-review-system input[type="text"],
.tpr-review-system input[type="email"],
.tpr-review-system textarea {

	border:1px solid #ddd;
	padding:12px;
	border-radius:8px;

}

.tpr-summary-rating {

	font-size:28px;
	margin:10px 0 20px;

}


.tpr-summary-rating span {

	font-size:16px;
	color:#777;

}

.tpr-rating-row {

	display:flex;
	align-items:center;
	gap:10px;
	margin:8px 0;

}


.tpr-bar {

	width:100%;
	height:8px;
	background:#eee;
	border-radius:10px;

}


.tpr-bar-fill {

	width:70%;
	height:100%;
	background:#111;
	border-radius:10px;

}

.tpr-photo-gallery img {

	width:80px;
	height:80px;
	object-fit:cover;
	border-radius:10px;

}

.tpr-verified-badge {

	display:inline-block;
	margin-top:10px;
	font-size:13px;
	font-weight:600;

}

.tpr-review-date {

	font-size:12px;
	color:#777;
	margin-bottom:10px;

}

.tpr-review-media {

	display:flex;
	gap:10px;
	flex-wrap:wrap;
	margin-top:15px;

}


.tpr-review-media img {

	width:90px;
	height:90px;
	object-fit:cover;
	border-radius:8px;

}


.tpr-review-video {

	width:250px;
	margin-top:15px;

}

.tpr-review-filter {

	display:flex;
	gap:10px;
	margin-bottom:20px;

}


.tpr-review-filter button {

	padding:8px 14px;
	border-radius:20px;
	border:1px solid #ddd;
	background:#fff;
	cursor:pointer;

}


.tpr-filter-active {

	background:#000 !important;
	color:#fff;

}

.tpr-review-total {

	font-size:14px;
	color:#666;
	margin-bottom:15px;

}

.tpr-rating-breakdown {

	margin-top:20px;

}


.tpr-break-row {

	display:flex;
	align-items:center;
	gap:10px;
	margin-bottom:8px;
	font-size:14px;

}


.tpr-break-bar {

	flex:1;
	height:8px;
	background:#eee;
	border-radius:10px;
	overflow:hidden;

}


.tpr-break-bar div {

	height:100%;
	background:#111;

}

.tpr-user-reviewer {

	display:inline-block;
	font-size:12px;
	margin-left:8px;
	color:#777;

}

.tpr-review-card p {

	line-height:1.6;

}


.tpr-review-card img {

	cursor:pointer;

}

.tpr-review-system *{
	box-sizing:border-box;
}

.tpr-review-left{
	position:sticky;
	top:20px;
	align-self:flex-start;
}

.tpr-review-card{
	box-shadow:0 2px 10px rgba(0,0,0,.05);
	transition:.2s;
}

.tpr-review-card:hover{
	box-shadow:0 6px 20px rgba(0,0,0,.12);
}

.tpr-review-filter{
	flex-wrap:wrap;
}

.tpr-review-filter button:hover{
	background:#111;
	color:#fff;
}

.tpr-review-images img,
.tpr-photo-gallery img{
	transition:.2s;
}

.tpr-review-images img:hover,
.tpr-photo-gallery img:hover{
	transform:scale(1.05);
}