.owl-carousel .owl-nav button.owl-next {right:0;}

.product-detail .boundary { max-width:1110px; margin: 20px auto 0; background-color: #FFF; }
.product-detail .boundary img, .product-detail .boundary video {max-width:100%;height:auto;}

.product-detail .breadcrumb { display:block; padding:0; margin-bottom:0; line-height:1em;}

.product-detail .col { text-align: left; padding: 0; }

.product-detail .pd-container {padding:5px;}
.product-detail .image-slider { position: relative; margin-bottom: 140px; }
.product-detail .image-slider:before { content: ""; display: block; padding-top: 100%; }
.product-detail .image-slider .owl-carousel { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #DDD; box-sizing: border-box; }
.product-detail .image-slider .owl-next, .product-detail .image-slider .owl-prev, .topic.products .owl-next, .topic.products .owl-prev {position:absolute;top:50%;left:0;transform:translateY(-50%);}
.product-detail .image-slider .owl-next i, .product-detail .image-slider .owl-prev i, .topic.products .owl-next i, .topic.products .owl-prev i{font-size:3em;color:#FFF;text-shadow:0 0 3px #333;}
.product-detail .image-slider .owl-next, .topic.products .owl-next {left:unset;right:0;}
.product-detail .image-slider .square-image { width: 100%; }
.product-detail .image-slider .slider-thumbs, .product-detail .image-slider .product-socials { position: absolute; left: 0; top: 100%; width: 100%; height: 72px; text-align: left; margin-top: 10px; overflow-x:auto; white-space:nowrap; }
.product-detail .image-slider .slider-thumbs .square-image { width: 64px; display: inline-block; margin-right:5px; border:1px solid var(--grey); }

.product-detail .image-slider .pd-youtube { position: relative; width: 100%; height: 100%; }
.product-detail .image-slider .pd-youtube:before { content: ""; padding-top: 100%; display: block; }
.product-detail .image-slider .pd-youtube > iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.product-detail .image-slider .product-socials { top: calc(100% + 82px); height:auto; }
.product-detail .image-slider .product-socials .like-icon { display:inline-block; width:auto; height:auto; margin-left:10px; }
.product-detail .image-slider .product-socials .like-icon a i { margin-top: -1px; display: inline-block; }
.product-detail .image-slider .product-socials .like-icon a.active i { background-color: var(--red); padding: 5px; border-radius: 100%; color: #FFF; font-size: 0.9em; }
.product-detail .image-slider .product-socials .like-icon a.active { }

.product-detail .pd-content h1 { color:#000; margin:0; font-size:1.5em; position:relative; line-height:1.5em; font-weight:bold; margin-bottom:5px; }
.product-detail .pd-content h1 .pd-type { display:inline-block; font-size: 0.8rem; font-family: verdana; font-weight:normal; background-color: var(--yellow); color: #FFF; padding:5px 10px; border-radius:10px; margin-left:5px; vertical-align:middle;}

.product-detail .pd-content h1 span {display:inline-block; background-color:#333; color:#FFF; font-size:0.7rem; font-weight:normal; margin-left:10px; padding:0 3px; line-height:1.5em; font-family:verdana; vertical-align:middle; }

.product-detail .pd-content .pd-price { font-weight:bold; font-size:1.5em; padding:5px 0; color:var(--red); vertical-align:top; margin:20px 0 0; display:inline-block; vertical-align:middle;}
.product-detail .pd-content .pd-price span { color:var(--grey); margin-left:10px; font-size:0.8em; text-decoration:line-through; font-weight:normal; }
.product-detail .pd-content .pd-description {padding:20px 0;}

.product-detail .pd-content #color_list { margin:10px 0; }
.product-detail .pd-content #color_list .color-bt { display:inline-block; padding:3px 10px; border:1px solid #DDD; vertical-align:middle; border-radius:3px; margin-right:3px; }
.product-detail .pd-content #color_list .color-bt.active, .product-detail .pd-content #color_list .color-bt:hover { border-color:var(--orange); color:var(--orange); }
.product-detail .pd-content #color_list .color-bt.active:after { content:"\e920"; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left:5px; font-size:0.8em; display:inline-block; }

.product-detail .pd-content label { font-weight: bold;min-width:123px; }
.product-detail .pd-content .selection.max150 {max-width:150px;}

.product-detail .pd-content .pd-cart-buttons { border:1px solid #DDD; padding:15px; box-sizing:border-box; border-radius:5px; margin-top:20px; }
.product-detail .pd-content .pd-cart-buttons #like_bt { margin-left:0; color:#666; vertical-align: middle; display: inline-block; margin-top: -2px; margin-right: 5px; }

.product-detail .pd-content .number_spinner { margin-left:0!important; height:38px!important; margin-bottom:10px!important; }
.product-detail .pd-content .number_spinner a:first-child, .product-detail .pd-content .number_spinner a:last-child, .product-detail .pd-content .number_spinner input { height:38px!important; line-height:38px!important; background:unset!important; }
.product-detail .pd-content .number_spinner a:first-child { border-top-left-radius:5px; border-bottom-left-radius:5px; border-right:0!important; }
.product-detail .pd-content .number_spinner a:last-child { border-top-right-radius:5px; border-bottom-right-radius:5px; border-left:0!important; }
.product-detail .pd-content .number_spinner input { border-left:0!important; border-right:0!important; }

.product-detail .pd-content .buttons { display:flex; flex-direction:row; font-size:.8em; vertical-align:middle; margin:0; width:auto; }
.product-detail .pd-content .buttons .button { width:auto; display:inline-block; text-align:center; color:var(--green)!important; background:unset; border-color:var(--green); box-sizing:border-box; font-size:0.9em; border-radius:5px; height:38px; line-height:34px; padding:0 20px; margin-left:0!important; }
.product-detail .pd-content .buttons .button.fill { background-color:var(--green); color:#FFF!important; margin-left:10px; }

.product-detail .pd-content .buttons .button:hover {background-color:var(--green-dark); border-color:var(--green-dark); color:#FFF!important; }
.product-detail .pd-content .buttons .button .bt-loading {display:none; width:20px; height:20px; margin-top:-5px; margin-right:10px; vertical-align:middle; }
.product-detail .pd-content .buttons .button .bt-loading svg {width:100%; height:auto;}

.product-detail .quality {display:block; border-top:1px solid #DDD; padding:20px; margin-top:30px; box-sizing:border-box; font-size:0.8em; line-height:1.3em; text-align:center; }
.product-detail .pd-content .cart-added {color:var(--green-dark);font-style:italic;font-size:0.9em; margin-top: 10px;}
.product-detail .pd-content table { width: auto !important; height: auto !important; max-width: 100%; }
.product-detail .pd-content table, .product-detail .pd-content table td { border: 0; }
.product-detail .pd-content table td { padding: 0; }
.product-detail .pd-content .pd-sub-title { display: block; padding-bottom: 5px; border-bottom: 1px solid #DDD; margin: 20px 0; text-transform: uppercase; font-size: 1.2em; }

.product-detail .pd-content .pd-ocop, .product-detail .pd-content .pd-reviews { display:inline-block; vertical-align:middle; }
.product-detail .pd-content .pd-reviews { margin-right:10px; }
.product-detail .pd-content .pd-reviews.border { border-left:1px solid #DDD; padding-left:10px; }

.product-detail .pd-content .pd-ocop { border-right:1px solid #DDD; padding-right:10px; }
.product-detail .pd-content .pd-ocop img { display:inline-block; height:25px; width:auto; vertical-align:middle; margin-right:5px; }
.product-detail .pd-content .pd-ocop svg { vertical-align:middle; }

.product-detail .pd-content .pd-reviews svg {vertical-align:middle; }
.product-detail .pd-content .pd-reviews a { display:inline-block; margin-left:10px; vertical-align:middle;}

.product-detail .pd-content .pd-type { display:inline-block; margin-top:10px; background-color:var(--green-light); border-radius:3px; padding:5px 8px; font-size:0.7em; color:var(--green); }
.product-detail .pd-content .pd-type.red { background-color:var(--red-light); color:var(--red); }
.product-detail .pd-content .pd-type [class^='icon-'] { border: 1px solid var(--green); border-radius: 100%; padding: 2px; font-size: 0.7em; }
.product-detail .pd-content .pd-type .icon-x { color:var(--red); border-color:var(--red); }

.product-detail .pd-content .pd-quy-cach { display:inline-block; background-color:#EEE; color:#666; border-radius:3px; padding:3px 10px; }

.product-detail .pd-content .flash-sale { box-sizing:border-box; margin-top:10px; position:relative; }
.product-detail .pd-content .flash-sale .pd-price { margin-top:0; }
.product-detail .pd-content .flash-sale .pd-price span { color:#333; }
.product-detail .pd-content .flash-sale.active:before { content:""; display:block; width:calc(100% + 20px); height:30px; background:#ed4d2c url(../images/flash-sale-min.png) top left no-repeat; background-size:auto 100%; margin: -10px -10px 10px; }
.product-detail .pd-content .flash-sale.active { padding:10px; background: linear-gradient(90deg, rgba(255, 244, 240, 1) 0%, rgba(245, 217, 193, 1) 59%); }

.product-detail .pd-content .flash-sale .flash-sale-counter { position:absolute; top:5px; right:5px; color:#FFF; font-size:.9em; }
.product-detail .pd-content .flash-sale .flash-sale-counter i { display:inline-block; vertical-align:middle; margin-right:10px; }
.product-detail .pd-content .flash-sale .flash-sale-counter span { display:inline-block; background-color:#000; color:#FFF; font-weight:bold; margin-left:5px; padding:0 5px; }

.product-detail .pd-content .pd-same-products { margin:20px 0; }
.product-detail .pd-content .pd-same-products div { display:flex; flex-direction:row; flex-wrap:wrap; margin-top:5px; }
.product-detail .pd-content .pd-same-products div a { display:inline-block; padding:5px 10px; border-radius:3px; border:1px solid #DDD; margin-right:3px; }
.product-detail .pd-content .pd-same-products div a:hover { background-color:#eee; }

.product-detail .pd-content .pd-categories { margin-top:10px; line-height:1.2em; }
.product-detail .pd-content .pd-categories a { display:inline; font-size:0.8em; color:var(--blue); }
.product-detail .pd-content .pd-categories a:before { content:", "; color:var(--black); }
.product-detail .pd-content .pd-categories a:first-child:before {content:"";}
.product-detail .pd-content .pd-categories a:hover { text-decoration:underline; }

.product-detail .pd-content .pd-description {border-top:1px solid #DDD; margin-top:20px; padding:0;}

.product-detail .pd-content .pd-socials {margin-top:20px;}
.product-detail .pd-content .pd-socials [class^="icon-"] { font-size: 1em; width: 30px; height: 30px; display: inline-block; margin-right: 5px; background-color: #3B5998; color: #FFF; text-align: center; line-height: 30px; border-radius:100%; }
.product-detail .pd-content .pd-socials [class^="icon-"]:hover { box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1); }

.product-detail .product-detail-box { padding-bottom:10px; border-bottom:1px solid #DDD; margin-bottom:20px; text-align:center; }
.product-detail .product-detail-box .box-title { text-transform:uppercase; font-size:1.2em; text-align:center; margin-bottom:10px; }
.product-detail .product-detail-box .box-content { padding:10px; box-sizing:border-box; text-align:left; border-bottom:1px solid #DDD; margin-bottom:30px; }

.product-detail .product-detail-box .box-content.guides i { font-size:1.2em; display:inline-block; margin-right:10px; }
.product-detail .product-detail-box .box-content.guides a:hover { color:var(--green); }

.product-detail .product-detail-box .box-content .products-list .product-item { width:100%; margin-bottom:20px;	}
.product-detail .product-detail-box .box-content .products-list .product-item .square-image {display:inline-block; width:30%; vertical-align:top; }
.product-detail .product-detail-box .box-content .products-list .product-item .product-item-info {display:inline-block; width:70%; vertical-align:top; box-sizing:border-box; padding-left:20px; }

.product-detail .product-detail-box .box-content .products-list .product-item .product-item-title { margin-bottom:10px; }
.product-detail .product-detail-box .box-content .products-list .product-item .product-item-info .button { border:1px solid var(--green); border-radius:3px; background-color:#FFF; color:var(--green)!important; padding:3px 10px; font-size:.8em; }

.product-detail .product-detail-box .cskh { font-weight:bold; }
.product-detail .product-detail-box .cskh i { display:inline-block; margin:0 0 0 15px; font-size:1.5em; vertical-align:middle; }
.product-detail .product-detail-box .cskh .icon-phone { color:var(--orange); }
.product-detail .product-detail-box .cskh .icon-zalo { color:#0068ff; }

.topic.pd-description { margin: 20px 0 0; line-height: 1.5em; border-top:1px solid #DDD; }
.topic.pd-description .boundary { width:100%; }
.topic .topic-title {margin:0; font-size:1.5em; color:var(--black); display:block; text-align:center; padding:10px 0; text-transform:capitalize; }
.topic.pd-description .topic-content {padding:20px;text-align: left; }
.topic.pd-description .topic-content h2, .topic.pd-description .topic-content h3, .topic.pd-description .topic-content h4, .topic.pd-description .topic-content h5 { line-height:1.3em; font-size:1.6em; }
.topic.pd-description .topic-content h3, .topic.pd-description .topic-content h4, .topic.pd-description .topic-content h5 {color:var(--green);}
.topic.pd-description .topic-content h3 { font-size:1.4em; }
.topic.pd-description .topic-content h4 { font-size:1.2em; }
.topic.pd-description .topic-content h5 { font-size:1em; }

.topic.pd-description .topic-content a {color:var(--orchid);}
.topic.pd-description .topic-content a:hover {color:var(--violet);}

.topic.pd-description .topic-content .info-table table { width:100%; min-width:unset!important; max-width:500px; margin:0; }
.topic.pd-description .topic-content .info-table table tr th:first-child, .topic.pd-description .topic-content .info-table table tr td:first-child { width:60%!important; }
.topic.pd-description .topic-content .info-table table tr th, .topic.pd-description .topic-content .info-table table tr td { border:1px solid #DDD; }
/* .topic.pd-description .topic-content .table-overflow {overflow-y:auto;} */
.topic.pd-description .topic-content table {border-collapse:collapse; width:100% !important; min-width:700px; }
.topic.pd-description .topic-content table tr td, .topic.pd-description .topic-content table tr th { padding:10px; }

.topic.products {margin-top:0;}

#pd_other_products .owl-stage-outer {padding: 20px 0;}

#address_form .selection, #address_form .textbox { width: 100%; }

.products.topic .topic-title { font-weight:normal; border-bottom:1px solid #DDD; text-align:left; }
.products .product {text-align:left;}
.products .product .p-promotions {position:absolute; top:0; left:0; z-index:1;}
.products .product .p-promotions span {display:inline-block; font-size:1em; background-color:var(--black); color:#FFF; padding:5px 10px; margin:0 3px 0 0; vertical-align:top;}
.products .product .p-title {padding:10px 0 0; margin:0; font-size:1em; box-sizing:border-box;}
.products .product .p-title a {display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient:vertical;overflow:hidden;}
.products .product .square-image:before {padding-top:100%;}
.products .product .price {display:block; padding:0 5px; color:var(--red); font-size:1.1em; text-align:left; }
.products .product .p-item-rating svg { width:12px; height:auto; display:inline-block; margin-right:3px; }
.products .product .p-item-rating svg path {fill:var(--yellow);}

.topic.products .owl-next {right:0;}
.topic.products .owl-prev {left:0;}
.products .owl-nav .owl-next, .products .owl-nav .owl-prev { top:40%!important; }

.reviews {border-top:1px solid #DDD; margin-top:50px; }
.reviews .topic-title {margin-bottom:30px;}
.reviews .reviews-content form { display:none; padding:10px; margin-top:20px; border:1px solid #DDD; box-sizing:border-box; box-shadow: 0 0 5px #DDD; }
.reviews .reviews-content form .table [class^=col-] {vertical-align:top;}
.reviews .reviews-content form .textbox {border-radius:20px;}
.reviews .reviews-content form .textarea {resize:none; border-radius:5px;}
.reviews .reviews-content form .f-name {padding-left:10px;}
.reviews .reviews-content .image-uploader {width:50px; height:50px; border-radius:100%;}
.reviews .reviews-content .image-uploader div a {font-size:2rem;}
.reviews .reviews-content .image-uploader div a.bt { font-size:0.8rem; line-height: 1rem; top: unset; bottom: 0; text-indent:-9999px; background-color:#666; }
.reviews .reviews-content .image-uploader div a.bt:before {content:"x";position: absolute; top: 0; left: 50%; display: inline-block; color: #FFF; z-index: 100; text-indent: 0; transform: translateX(-50%); font-weight:bold; }

.reviews .reviews-content form #image_container {margin-bottom:20px;}
.reviews .reviews-content form #image_container .image-uploader {width:70px; height:70px; border-radius:unset; margin:0 5px 5px 0; }

.reviews .reviews-content .rc-stars, .reviews .reviews-content #rating_histogram {font-size:0.8em;}
.reviews .reviews-content .rc-stars svg, .reviews .reviews-content #rating_histogram svg, .product-detail .pd-content .pd-reviews svg, .product-detail .pd-content .pd-ocop svg {width:16px; margin-right:2px;cursor:pointer;}
.reviews .reviews-content #rating_histogram svg { width:14px; }
.reviews .reviews-content .rc-stars svg path, .reviews .reviews-content #rating_histogram svg path, .product-detail .pd-content .pd-reviews svg path, .product-detail .pd-content .pd-ocop svg path {fill:#DDD!important;}
.reviews .reviews-content .rc-stars svg.light path, .reviews .reviews-content #rating_histogram svg.light path, .product-detail .pd-content .pd-reviews svg.light path, .product-detail .pd-content .pd-ocop svg.light path {fill:rgb(255, 180, 0)!important; }

.reviews .reviews-content .button { font-size:0.9em;}
.reviews .reviews-content form .button {min-width:70px;}

.reviews .reviews-content #rating_histogram {padding-left:10px;}
.reviews .reviews-content #rating_histogram div {width:96%;}
.reviews .reviews-content #rating_histogram div span {width:calc(100% - 150px); box-shadow:inset 0 0 1px #666; position:relative; height:14px; display:inline-block; box-sizing:border-box; }
.reviews .reviews-content #rating_histogram div span span {position:absolute; top:0; left:0; height:100%; background-color:rgb(255, 180, 0)}

.reviews .reviews-content .rcf-stars {margin-left:10px;}
.reviews .reviews-content .rcf-stars svg {width:16px; margin-right:2px;cursor:pointer;}
.reviews .reviews-content .rcf-stars svg path {fill:#DDD!important;}
.reviews .reviews-content .rcf-stars svg:hover path, .reviews .reviews-content .rcf-stars svg.light path {fill:rgb(255, 180, 0)!important;}

.reviews-list { display: flex; flex-wrap: wrap; margin-top:20px; }
.reviews-list .review-item { width:100%;display:inline-block; vertical-align:top; margin-bottom:20px; box-shadow: 0 0 5px #DDD; box-sizing:border-box; padding:20px; }

.reviews-list .review-item .review-info .review-name, .reviews-list .review-item .review-info .review-avatar {display:inline-block;}
.reviews-list .review-item .review-avatar .circle-image {width:50px;}
.reviews-list .review-item .review-name {font-weight:bold; vertical-align:top;padding-left:20px; color:var(--black); }
.reviews-list .review-item .review-name .review-date { font-weight:normal; color:var(--grey-dark); font-size:0.8em; display:block; }
.reviews-list .review-item .review-rating-stars {display:block;margin-top:5px;}
.reviews-list .review-item .review-rating-stars svg {width:16px; margin-right:2px;}
.reviews-list .review-item .review-rating-stars svg path {fill:#DDD;}
.reviews-list .review-item .review-rating-stars svg.light path {fill:rgb(255, 180, 0)!important; }
.reviews-list .review-item .review-images .square-image {display:inline-block; width:32%; margin-right:2%; margin-bottom:5px;}
.reviews-list .review-item .review-images .square-image:nth-child(3n+0) {margin-right:0;}

.reviews-list .reviews-buttons {text-align:center; flex-grow:1}

@media (min-width:576px){
	.product-detail .image-slider { margin-bottom: 130px; }
	.product-detail .pd-content .pd-cart-buttons .like-icon {display:inline-block; margin:0 0 0 10px;}
}

@media (min-width: 768px){
	.product-detail .image-slider { margin-bottom: 120px; }
	.product-detail .image-slider .owl-prev {left:-10px!important;}
	.product-detail .image-slider .owl-next {right:-10px!important;}
	
	.product-detail .image-slider .product-socials [class^='icon-'] { font-size:1.2em; }
	.product-detail .image-slider .product-socials .icon-zalo { font-size:1.3em!important; }
	
	.product-detail .pd-content { padding-left: 20px; }
	.product-detail .quality { display:block; float:unset; border:1px dashed #999; padding:20px; margin-top:20px; }
	
	.product-detail .pd-container {padding:0;}
	.product-detail .pd-container .col.min-hide { display:none!important; }
	.product-detail .pd-content .buttons { display:inline-block; }
	.product-detail .pd-content .buttons .button { font-size:0.9em; }
	.product-detail .pd-content .buttons .button:last-child { margin-right:0; }
	
	
	.reviews-list .review-item {width:49%; margin-right:2%;}
	.reviews-list .review-item:nth-child(2n+0) {margin-right:0;}
	
	.reviews .reviews-content #rating_histogram div span {width:calc(100% - 120px);}
}

@media (min-width:992px){
	.product-detail .image-slider .owl-prev {left:10px!important;}
	.product-detail .image-slider .owl-next {right:10px!important;}
	.product-detail .image-slider .slider-thumbs {height:82px;}
	
	.product-detail .pd-content { padding-left: 40px; }
	
	.topic.pd-description .topic-content table { vertical-align:top; margin:0 0 20px; }
	/* .topic.pd-description .topic-content table tr td {width:auto!important;} */
	
	.product-detail .pd-content .buttons {width:auto;}
	
	.product-detail .pd-container .product-detail { padding-right:20px; }
	.product-detail .pd-container .col.min-hide { display:table-cell!important; }
	
	.reviews-list .review-item {width:32%;}
	.reviews-list .review-item:nth-child(2n+0) {margin-right:2%;}
	.reviews-list .review-item:nth-child(3n+0) {margin-right:0;}
}
