.bieu-dien { display:flex; flex-direction:column-reverse; padding:10px; max-width:1290px; margin:0 auto; }
.bieu-dien-block { padding:10px; box-sizing:border-box; background-color:#FFF; border-radius:10px; margin-bottom:10px; }
.bieu-dien-block .bieu-dien-block-title { font-size:1.2em; font-weight:bold; padding:10px 0; margin-bottom:10px; border-bottom:1px solid #DDD; }

.bieu-dien-info { display:flex; flex-direction:row; flex-wrap:nowrap; gap:10px; align-items:center; }
.bieu-dien-info .circle-image { width:70px; height:70px; }

.bieu-dien-info .bieu-dien-info-detail { text-align:left; flex-grow:1; }

.bieu-dien-info .bieu-dien-info-rating { display:block; margin:5px 0 0; }
.bieu-dien-info .bieu-dien-info-rating svg { width:12px; height:auto; display:inline-block; margin-right:3px; }
.bieu-dien-info .bieu-dien-info-rating svg path { fill:var(--yellow); }

.bieu-dien-contact { margin-top:20px; }
.bieu-dien .button { background-color:var(--blue); color:#FFF; font-size:.8em; display:block; border-radius:5px; border-color:var(--blue); text-align:center; width:100%; margin-bottom:5px; box-sizing:border-box; }
.bieu-dien .button.white { background:#FFF; color:var(--blue)!important; }
.bieu-dien .button:hover { background-color:var(--orange); border-color:var(--orange); }
.bieu-dien .button.white:hover { background-color:var(--blue); color:#FFF!important;  border-color:var(--blue); }

.bieu-dien-block.form { background-color:var(--blue-ex-light); text-align:left; }
.bieu-dien-block.form .bieu-dien-block-title { border:unset; margin-bottom:0; padding-bottom:0; }
.bieu-dien-block.form .two-columns { display:flex; gap:10px; flex-direction:row; flex-wrap:nowrap; }
.bieu-dien-block.form .two-columns .textbox { width:50%; }
.bieu-dien-block.form .textarea, .bieu-dien-block.form .textbox { border-radius:5px; border:0; min-width:unset; font-size:.8em; }
.bieu-dien-block.form form { margin:10px 0; }
.bieu-dien-block.form .form-description { font-size:.7em; margin:10px 0; }
.bieu-dien-block.form .button { width:100%; background-color:var(--blue); border-radius:5px; border-color:var(--blue); font-size:.8em; }
.bieu-dien-block.form .button:hover { filter:brightness(110%); }

.product-detail .bieu-dien .pd-content .pd-categories a { padding:3px 5px; background-color:#FAFAFA; border:1px solid #DDD; border-radius:5px; display:inline-block; color:#000; margin:0 5px 10px 0;  }
.product-detail .bieu-dien .pd-content .pd-categories a:before { content:''; }
.product-detail .bieu-dien .pd-content .pd-categories a:hover { background-color:var(--blue-ex-light); text-decoration:none; }

.product-detail .bieu-dien .pd-content .pd-price { margin-top:0; } 

.reviews .boundary { width:100%; }
.topic.reviews, .topic.reviews .boundary { margin:0;}
.reviews .reviews-content form { font-size:.8em; }

.topic.products { margin-top:30px; }
.topic.products .boundary { border-radius:0; }

@media (min-width:768px){
	.bieu-dien { flex-direction:row; flex-wrap:nowrap; }
	.bieu-dien .bieu-dien-left { width:70%; }
	.bieu-dien .bieu-dien-right { width:30%; }
	
	.product-detail .boundary { margin:0; }
	
	.reviews .reviews-content .table .col { padding:0; }
}
@media (min-width:1200px){
	.bieu-dien .bieu-dien-left { flex-grow:1; }
	.product-detail .boundary { max-width:unset; }
	.bieu-dien .bieu-dien-right { width:400px; }
}