.product-rank {
	display: flex;
	align-items: center;
	margin: 20px 0 0 0;
	color: #999
}

.product-rank .stars {
	flex: 0 0 111px;
	background-image: url(/templates/b2c/images/star-rating-18.png);
	background-repeat: no-repeat;
	height: 18px;
	margin-right: 17px
}

.product-rank .value {
	font-size: 20px;
	margin-right: 35px
}

.product-rank .count {
	font-size: 15px;
	cursor: pointer
}

.product-rank .count span {
	text-decoration: underline
}

.product-rank .count span:hover {
	color: #000
}


.product-review {
	padding: 10px;
	border: 1px solid #c9c9c9;
	margin: 10px;
	border-radius: 5px;
}

.product-review>.header {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 5px;
}

.product-review>.header>div:nth-child(2) {
	text-align: right;
}

.product-review>.summary {
	padding: 10px;
}

.product-review>.pros-cons {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

@media screen and ( width <= 1000px ) {
	.product-review>.pros-cons {
		grid-template-columns: 1fr;
	}
}

.product-review>.pros-cons>div {
	padding: 30px;
}

.product-review>.pros-cons>div>div {
	display: flex;
	align-items: center;
	gap: 10px;
}

.product-review-product {
	display: grid;
	grid-template-columns: 100px 1fr;
	align-items: center;
	gap: 20px;
	margin-top: 20px;
}

.product-write-review-img {
	grid-area: img;
}

.product-write-review-name {
	grid-area: name;
}

.product-write-review-button {
	grid-area: button;
}

#product-write-review-thank-you {
	background-color: #E6F5C8;
	border: 1px solid #CAD7B0;
	padding: 20px;
	margin-bottom: 30px;
}

#product-write-review-thank-you h3 {
	font-size: 18px;
	font-weight: bolder;
	margin-bottom: 10px;
}

.product-write-review {
	display: grid;
	grid-template: "img name button";
	grid-template-columns: 100px 1fr 300px;
	gap: 30px;
	align-items: center;
	margin: 20px;
	padding: 20px;
}

@media screen and (width <= 1200px ) {
	.product-write-review {
		grid-template:
				"img name"
				"img button";
		grid-template-columns: 100px 1fr;
	}
}



.product-write-review img {
	max-width: 100px;
	height: auto;
}

#product-write-review-page {
	padding-left: 20%;
	padding-right: 20%;
}



@media screen and (width <= 1200px ) {
	#product-write-review-page {
		padding-left: 5%;
		padding-right: 5%;
	}
}


@media screen and (width <= 1000px ) {
	#product-write-review-page {
		padding-left: 0;
		padding-right: 0;
	}
}




.tc-reviews {padding:30px 0 40px 0}
.tc-reviews .overview {display:flex; align-items:stretch; flex-flow:wrap; margin:0 40px}
.tc-reviews .overview > div {background-color:#f6f6f6; padding:20px 25px; border-bottom:2px #fff solid; border-right:2px #fff solid}
.tc-reviews .overview .column-1 {flex:1 0 auto; text-align:center}
.tc-reviews .overview .column-1 .text {margin:0 20px 10px 20px; font-size:17px; font-family:Roboto, sans-serif; font-weight:700}
.tc-reviews .overview .column-1 .stars {display:inline-block; background-image:url(/templates/b2c/images/star-rating-22.png); background-repeat:no-repeat; width:135px; height:22px}
.tc-reviews .overview .column-2 {flex:1 0 auto; text-align:center}
.tc-reviews .overview .column-2 div {font-size:13px; line-height:22px; color:#999}
.tc-reviews .overview .column-2 span {display:inline-block; margin-right:5px; font-size:15px; font-family:Roboto, sans-serif; font-weight:700; color:#000}
.tc-reviews .overview .column-3 {flex:1 1 auto; text-align:center}
.tc-reviews .overview .column-3 .info {display:block; margin-bottom:15px; font-size:15px; font-family:Roboto, sans-serif; font-weight:700}
.tc-reviews .overview .column-3 a.new {display:inline-block; background-color:var(--color-02-hex); background-image:url(/templates/b2c/images/new-message-icon.png); background-position:25px center; background-repeat:no-repeat; padding:10px 34px 10px 52px; color:#fff; text-decoration:none}
.tc-reviews .list {}
.tc-reviews .list .post {border-bottom:1px #dfdfdf dotted; padding:10px 0}
.tc-reviews .list .post:last-child {border-bottom:0 none; padding:10px 0 0 0}
.tc-reviews .list .post > div {margin:0 40px}
.tc-reviews .list .top {margin:28px 0 20px 0}
.tc-reviews .list .top > div {display:inline-block}
.tc-reviews .list .author {background:url(/templates/b2c/images/customer-icon.png) 0 center no-repeat; min-height:18px; margin-right:6px; padding:0 0 0 24px; font-size:17px; font-family:Roboto, sans-serif; font-weight:700}
.tc-reviews .list .date {font-size:13px; color:#999; margin-right:25px}
.tc-reviews .list .stars {background-image:url(/templates/b2c/images/star-rating-15.png); background-repeat:no-repeat; width:96px; height:15px; margin-right:25px}
.tc-reviews .list .verified {background-color:#3fb500; padding:5px 12px; border-radius:3px; font-size:13px; color:#fff}
.tc-reviews .list .columns { display:flex; flex-flow:wrap}
.tc-reviews .list .columns > div { flex:0 0 auto; margin-bottom:10px; max-width:40%}
.tc-reviews .list .positive {margin-right:90px}
.tc-reviews .list .negative {}
.tc-reviews .list .columns .row {position:relative; padding:0 0 13px 22px; font-size:13px; color:#666; line-height:19px}
.tc-reviews .list .columns .row::before {position:absolute; top:1px; left:0; display:block; width:15px; height:15px}
.tc-reviews .list .columns .positive .row::before {content:""; background-image:url(/templates/b2c/images/reviews-plus.png)}
.tc-reviews .list .columns .negative .row::before {content:""; background-image:url(/templates/b2c/images/reviews-minus.png)}
.tc-reviews .list .images {margin-bottom:20px}
.tc-reviews .list .images a {text-decoration:none; margin:0; padding:0}
.tc-reviews .list .images img {height:135px; margin:0 4px 4px 0}
.tc-reviews .list .summary {margin-bottom:20px; font-size:16px; color:#333; line-height:24px}
.tc-reviews .list .answer {margin-bottom:20px; padding-left:45px; font-size:14px; color:#666; line-height:24px}
.tc-reviews .list .answer .intro {display:inline-block; background:url(/templates/b2c/images/answer_icon.png) 0 center no-repeat; min-height:20px; margin-left:-45px; padding:0 8px 0 45px; color:var(--color-01-hex); font-family:Roboto, sans-serif; font-weight:700}