/* main_procate */
.main_procate {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

.main_procate .cat_item {
	position: relative;
	display: block;
	width: 100%;
	margin: 0px auto 20px;
	padding: 10px;
	border: 1px solid #ebebeb;
	background: -moz-linear-gradient(top,
			#f5f5f5 0%,
			#ffffff 14%,
			#ffffff 50%,
			#ffffff 75%,
			#ffffff);
	background: -webkit-gradient(linear, left top, left bottom,
			from(#f5f5f5),
			color-stop(0.14, #ffffff),
			color-stop(0.50, #ffffff),
			color-stop(0.75, #ffffff),
			to(#ffffff));
	height: 200px;
	overflow: hidden;
}

.main_procate .cat_item .s_header {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

.main_procate .cat_item .s_header .s_main {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0px;
}

.main_procate .cat_item .s_header .s_main .left {
	position: relative;
	display: inline-block;
	width: 30%;
	margin: 0 auto;
	float: left;
	padding: 0px;
}

.main_procate .cat_item .s_header .s_main .left img {
	max-width: 100%;
	margin: 0 auto;
	padding: 0px;
}

.main_procate .cat_item .s_header .s_main .right {
	position: relative;
	display: inline-block;
	width: 70%;
	margin: 0 auto;
	float: left;
	padding: 0px;
}

.main_procate .cat_item .s_header .s_main a {
	color: #333;
	margin: 0 auto;
	padding: 0px;
}

.main_procate .cat_item .s_header .s_main a h2 {
	color: #333;
	margin: 0 auto 20px;
	font-size: 15px;
	padding: 0px;
}

.main_procate .cat_item .s_header .s_sub {
	position: relative;
	display: block;
	width: 100%;
	margin: 10px auto;
	border: 1px solid #ebebeb;
	padding: 10px;
}

.main_procate .cat_item .s_header .s_sub a {
	color: #333;
	border: 1px solid #ebebeb;
	padding: 2px 4px;
	margin: 0 0 4px;
	display: inline-block;
}

.main_procate .cat_item .s_header .s_sub a:hover {
	border: 1px solid #ef3035;
	color: #770202;
}

.main_procate .cat_item .s_list .item {
	position: relative;
	display: block;
	width: 100%;
	margin: 10px auto;
	padding: 0px;
	text-align: center;
}

.main_procate .cat_item .s_list .item .item_img {
	position: relative;
	display: block;
	width: 100%;
	margin: 0px auto;
	padding: 0px;
	height: 150px;
	overflow: hidden;
	border: 1px solid #ebebeb;
}

.main_procate .cat_item .s_list .item .item_img img {
	margin: auto;
	width: 100%;
	vertical-align: middle;
}

.main_procate .cat_item .s_list .item .item_content {
	position: relative;
	display: block;
	width: 100%;
	margin: 0px auto;
	padding: 0px;
	height: 120px;
	overflow: hidden;
}

.main_procate .cat_item .s_list .item .item_content h3 {
	position: relative;
	display: block;
	font-size: 15px;
	width: 100%;
	margin: 0px auto;
	padding: 0 10px;
	line-height: 20px;
}

.main_procate .cat_item .s_list .item .item_content h3 a {
	color: #333;
}

/* view_gird */
.view_gird {
	position: relative;
	display: block;
	width: 100%;
	margin: 0px auto;
	padding: 0px;
}

.view_gird .s_header {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0px;
}

.view_gird .s_header .s_main {
	position: relative;
	display: block;
	margin: 0 auto 20px;
	padding: 0;
}

.view_gird .s_header .s_main h1 {
	margin: 5px auto 10px;
	font-size: 20px;
	font-weight: 400;
	line-height: 20px;
	padding: 0px;
	color: #333;
}

.view_gird .s_header .s_main span.underline {
	display: block;
	position: relative;
	width: 100px;
	height: 4px;
	background: #0c5391;
	padding: 0;
	margin: 0 0 5px;
}

.view_gird .s_header .s_main {
	position: relative;
	display: block;
	margin: 0 auto 20px;
	padding: 0px;
}

.view_gird .s_content {
	position: relative;
	display: block;
	width: 100%;
	margin: 10px auto;
	padding: 10px 20px;
	border: 1px solid #ebebeb;
}

.view_gird .s_list .item {
	position: relative;
	display: block;
	width: 100%;
	text-align: center;
	border: 1px solid #ebebeb;
	margin: 0 auto 30px;
	padding: 10px 0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.view_gird .s_list .item .item_img {
	position: relative;
	display: block;
	width: 100%;
	margin: 0px auto;
	padding: 0px;
	height: 200px;
	overflow: hidden;
}

.view_gird .s_list .item .item_img img {
	bottom: 0;
	left: 0;
	margin: auto;
	max-height: 100%;
	max-width: 90%;
	position: absolute;
	right: 0;
	top: 0;
	vertical-align: middle;
}

.view_gird .s_list .item .item_content {
	position: relative;
	display: block;
	width: 100%;
	margin: 0px auto;
	padding: 0px;
	height: 120px;
}

.view_gird .s_list .item .item_content h3 {
	position: relative;
	display: block;
	font-size: 14px;
	width: 100%;
	margin: 0px auto;
	padding: 4px 2px;
	line-height: 20px;
	background: transparent;
	height: 45px;
	text-transform: uppercase;
	overflow: hidden;
}

.view_gird .s_list .item .item_content h3 a {
	color: #333;
}

.view_gird .s_list .item .item_content h3 a:hover {
	color: #0c5391;
}

.item_intro {
	font-family: 'Inter', sans-serif;
	font-size: 13px;
	color: #64748b;
	margin: 0 0 12px;
	line-height: 1.5;
	height: 38px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	text-transform: none;
}

.view_gird .s_list .item .item_content .showbutton {
	margin: 0px auto;
	position: absolute;
	bottom: -25px;
	right: 0;
	left: 0;
	text-align: center;
}

/* view_gird */
.view_list {
	position: relative;
	display: block;
	width: 100%;
	margin: 0px auto;
	padding: 0px;
}

.view_list .hdescript {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0px;
}

.view_list .hdescript .simage {
	position: relative;
	display: block;
	width: 30%;
	margin: 0 auto;
	padding: 0px;
	float: left;
}

.view_list .hdescript .simage img {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0px;
}

.view_list .hdescript .sdes {
	position: relative;
	display: block;
	width: 70%;
	margin: 0 auto;
	float: left;
	padding: 0 10px 0;
}

.view_list .s_header {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto 10px;
	padding: 10px;
	background: -moz-linear-gradient(top,
			#f1f1f1 0%,
			#dedede);
	background: -webkit-gradient(linear, left top, left bottom,
			from(#f1f1f1),
			to(#dedede));
}

.view_list .s_header .s_main {
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 0;
}

.view_list .s_header .s_main h1 {
	color: #333;
	margin: 0 auto;
	font-size: 16px;
	padding: 7px 0 0 0px;
}

.view_list .s_header .s_main {
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 0px;
}

.view_list .s_content {
	position: relative;
	display: block;
	width: 100%;
	margin: 10px auto;
	padding: 10px 20px;
	border: 1px solid #ebebeb;
}

.view_list .s_list {
	position: relative;
	display: block;
	width: 100%;
	margin: 10px auto;
	padding: 0px;
}

.view_list .s_list table tr th {
	background-color: #0c5391;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
}

.view_list .s_list .item {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 0 20px;
	padding: 0px;
	border-left: 10px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}

.view_list .s_list .item .item_img {
	position: relative;
	display: block;
	width: 100%;
	margin: 0px auto;
	padding: 0px;
}

.view_list .s_list .item .item_img img {
	width: 100%;
	margin: 0px auto;
	padding: 0px;
}

.view_list .s_list .item .item_content {
	position: relative;
	display: block;
	width: 100%;
	margin: 0px auto;
	padding: 0px;
}

.view_list .s_list .item .item_content h3 {
	position: relative;
	display: block;
	font-size: 17px;
	width: 100%;
	margin: 0px auto;
	padding: 0;
	line-height: 20px;
}

.view_list .s_list .item .item_content h3 a {
	color: #333;
}

.view_list .s_list .sgroup {
	position: relative;
	display: block;
	width: 100%;
	margin: 0px auto;
	padding: 0;
}

.view_list .s_list .sgroup ul {
	position: relative;
	margin: 0px;
	padding: 0;
}

.view_list .s_list .sgroup ul li {
	position: relative;
	display: inline-block;
	margin: 0px;
	padding: 0 4px;
	border-right: 1px solid #333;
}

.view_list .s_list .sgroup ul li:last-child {
	border-right: 0;
}

/*detail*/
.detail {
	position: relative;
	display: block;
	width: 100%;
	margin: 0px auto;
	padding: 0;
	z-index: 2;
	overflow: hidden;
}

.detail .s_image {
	position: relative;
	display: block;
	width: 100%;
	margin: 0px auto;
	padding: 0;
}

.detail .s_image .slider_imglage {
	position: relative;
	display: block;
	float: left;
	width: 80%;
	margin: 0px auto;
	padding: 0;
}

.detail .s_image .slider_imglage .bx-wrapper {
	box-shadow: none !important;
	margin: 0 auto 10px;
	padding: 0;
	position: relative;
}

.detail .s_image .slider_imglage img {
	height: auto;
	width: 100%;
	text-align: center;
	margin: auto;
}

.detail .s_image .bx-wrapper .bx-next {
	right: 20px;
}

.detail .s_image .bx-wrapper .bx-prev {
	left: 20px;
}

.detail .s_image .bx-wrapper .bx-controls-direction a {
	z-index: 9;
}

.detail .s_image .slider_imgthumb {
	position: relative;
	display: block;
	float: right;
	width: 20%;
	text-align: center;
	margin: 0px auto;
	border: 1px solid #ebebeb;
	padding: 10px;
}

.detail .s_image .slider_imgthumb a {
	border: 1px solid #fff;
	display: inline-block;
}

.detail .s_image .slider_imgthumb a.active {
	border: 1px solid #faa31b;
}

.detail .s_image .slider_imgthumb img {
	width: 60px;
	margin: 0px auto;
	padding: 0;
}

.detail .s_info {
	position: relative;
	display: block;
	width: 100%;
	margin: 0px auto;
	padding: 0 20px;
	z-index: 2;
}

.detail .s_info h1 {
	padding: 0 0 10px;
	margin: 0;
	color: #333;
}

.detail .s_info div.underline {
	display: block;
	position: relative;
	width: 100px;
	height: 4px;
	background: #0c5391;
	padding: 0;
	margin: 0 0 20px;
}

.detail .sgroup {
	position: relative;
	display: block;
	width: 100%;
	margin: 10px auto;
	padding: 10px;
	border: 1px solid #ebebeb;
}

.detail .s_social {
	position: relative;
	display: block;
	width: 100%;
	margin: 10px auto;
	padding: 10px;
	border: 1px solid #ebebeb;
}

.detail .s_social ul {
	position: relative;
	display: block;
	width: 100%;
	margin: 0px auto;
	padding: 0;
}

.detail .s_social ul li {
	position: relative;
	display: block;
	margin: 0px auto;
	padding: 0;
}

.detail .tab-content {
	position: relative;
	display: block;
	width: 100%;
	margin: -1px auto 20px;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #ebebeb;
	padding: 20px;
}

.detail .nav {
	padding: 0px;
}

.nav-tabs>li>a {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.nav-tabs>li>a:hover,
.nav-tabs>li>a:focus {
	color: #fff;
	background: #fff;
}

.detail .nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
	color: #333;
	background: #fff;
	font-weight: 600;
}

.detail .keywords {
	position: relative;
	display: block;
	width: 100%;
	margin: 10px auto 20px;
	padding: 0;
}

.detail .list_other {
	position: relative;
	display: block;
	width: 100%;
	margin: 0px auto 20px;
	padding: 0;
}

.detail .list_other h3 {
	position: relative;
	display: block;
	width: 100%;
	font-size: 20px;
	margin: 0px auto 10px;
	padding: 0;
}

.detail .list_other .s_list {
	position: relative;
	display: block;
	width: 100%;
	margin: 0px;
	padding: 0;
}

/**************** Chung ****************/
.btn-order {
	background-color: #0c5391;
	padding: 6px 20px;
	color: #fff !important;
	border: 0;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.btn-order:hover {
	background-color: #0a3e6b;
	color: #fff !important;
	border: 0;
}

.btn-addcart {
	background-color: #faa31b;
	padding: 6px 20px;
	color: #fff !important;
	border: 0;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.btn-addcart:hover {
	background-color: #ea8f00;
	color: #fff !important;
	border: 0;
}

.btn-disabled {
	background-color: #ebebeb;
	padding: 6px 20px;
	color: #333 !important;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	border: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.btn-disabled:hover {
	background-color: #d9d9d9;
	color: #000 !important;
	border: 0;
}

.btn-compare {
	background-color: #f4f4f4;
	padding: 4px 10px;
	color: #333 !important;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	border: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.btn-compare:hover {
	background-color: #dfdfdf;
	color: #000 !important;
	border: 0;
}

.btn-wishlist {
	background-color: #faa31b;
	padding: 6px 20px;
	color: #fff !important;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	border: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.btn-wishlist:hover {
	background-color: #d5023c;
	color: #fff !important;
	border: 0;
}

.btn-back {
	background-color: #ebebeb;
	padding: 6px 20px;
	color: #333 !important;
	border: 0;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.btn-back:hover {
	background-color: #c8c8c8;
	color: #000 !important;
	border: 0;
}

.btn-copy {
	border: 1px dashed #999;
	padding: 2px 20px;
	color: #333 !important;
	display: table;
	text-align: center;
	margin: 10px auto;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.btn-copy:hover {
	border: 1px dashed #6dc400;
}

.btn-shop {
	position: relative;
	padding: 0px;
	border: 0;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.btn-shop i {
	background-color: #6dc400;
	padding: 0px;
	color: #fff !important;
	border: 0;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	width: 32px;
	height: 32px;
	line-height: 32px;
	overflow: hidden;
	float: left;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	text-align: center;
}

.btn-shop span {
	background-color: #0c5391;
	padding: 0 10px;
	color: #fff !important;
	border: 0;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	height: 32px;
	line-height: 32px;
	overflow: hidden;
	float: left;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.label-newday {
	background-color: #0c5391;
	padding: 0;
	margin: 0 0 2px;
	font-weight: 600;
	display: block;
	font-size: 75%;
	color: #fff;
	height: 32px;
	width: 32px;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.label-discount {
	background-color: #0c5391;
	padding: 0;
	margin: 0 0 2px;
	font-weight: 600;
	display: block;
	font-size: 75%;
	color: #fff;
	height: 32px;
	width: 32px;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.label-point {
	background-color: #0c5391;
	padding: 0;
	margin: 0 0 2px;
	font-weight: 600;
	display: block;
	font-size: 75%;
	color: #fff;
	height: 32px;
	width: 32px;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.label-gift {
	background-color: #faa31b;
	padding: 0;
	margin: 0 0 2px;
	font-weight: 600;
	display: block;
	font-size: 75%;
	color: #fff;
	height: 32px;
	width: 32px;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

/* Cart Đặt hàng */
#cart {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 100%;
}

#cart .step_bar {
	position: relative;
	margin: 0 auto 20px;
	padding: 0;
	width: 100%;
}

#cart .step_bar a {
	position: relative;
	margin: 0 20px 0 0;
	padding: 0;
}

#cart .step_bar a span {
	background-color: #0c5391;
	display: inline-block;
	color: #fff;
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	margin-right: 10px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

#cart .step_bar a span.step_current {
	background-color: #faa31b;
	font-weight: 600;
	font-size: 20px;
}

#cart .list_tools {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	text-align: right;
}

#cart .info_order {
	position: relative;
	margin: 20px auto;
	padding: 20px;
	width: 100%;
	background-color: #fafafa;
	border: 1px solid #ebebeb;
}

#cart .c_check {
	position: relative;
	margin: 20px auto;
	padding: 20px;
	width: 100%;
	background-color: #fafafa;
	border: 1px solid #ebebeb;
	text-align: right;
}

#cart .c_order {
	position: relative;
	margin: 20px auto;
	padding: 0px;
	width: 100%;
	text-align: right;
}

#cart .shipping {
	position: relative;
	margin: 20px auto;
	padding: 0px;
	width: 100%;
}

#cart .shipping .s_header {
	position: relative;
	margin: 20px auto 0;
	padding: 20px;
	width: 100%;
	text-align: center;
	background-color: #0c5391;
}

#cart .shipping .s_header h3 {
	position: relative;
	margin: 0 auto;
	padding: 0px;
	width: 100%;
	color: #fff;
	text-transform: uppercase;
}

#cart .shipping .s_body {
	position: relative;
	margin: 0 auto;
	padding: 20px;
	width: 100%;
	text-align: left;
	border: 1px solid #ebebeb;
}

#cart .shipping .s_body small {
	position: relative;
	display: table;
	width: 100%;
	margin: 10px auto;
	padding: 20px;
	width: 100%;
	text-align: center;
	background: #fafafa;
	border: 1px solid #ebebeb;
}

#cart .shipping .s_body .s_info {
	position: relative;
	width: 100%;
	margin: 10px auto;
	padding: 20px;
	width: 100%;
	background: #fafafa;
	border: 1px solid #ebebeb;
}

#cart .shipping .s_body .s_info h3 {
	position: relative;
	width: 100%;
	margin: 0px auto 10px;
	padding: 0 0 10px;
	width: 100%;
	text-transform: uppercase;
	border-bottom: 1px solid #ebebeb;
}

#cart .shipping .s_body .s_info ul.order_shipping_info {
	position: relative;
	width: 100%;
	margin: 0px auto;
	padding: 0px;
}

#cart .shipping .s_body .s_info ul.order_shipping_info li {
	margin: 8px 0;
}

#cart .pay_total {
	position: relative;
	width: 100%;
	margin: 10px auto;
	padding: 20px;
	width: 100%;
	background: #fff;
	border: 1px solid #ebebeb;
}

#cart .pay_info {
	position: relative;
	width: 100%;
	margin: 10px auto;
	padding: 20px;
	width: 100%;
	background: #fafafa;
	border: 1px solid #ebebeb;
}

#cart .error_nummber {
	position: relative;
	width: 100%;
	margin: 10px auto;
	padding: 20px;
	width: 100%;
	background: #fafafa;
	border: 1px solid #ffcfdc;
}

#cart .edit_order {
	position: relative;
	width: 100%;
	margin: 10px auto;
	padding: 20px;
	width: 100%;
	background: #ebffd3;
	border: 1px solid #ebebeb;
}

#cart .point_note {
	position: relative;
	width: 100%;
	margin: 10px auto;
	padding: 20px;
	width: 100%;
	background: #ffe0e9;
	border: 1px solid #ef4c71;
}

#cart .ctotal {
	position: relative;
	display: table;
	width: 100%;
	margin: 10px auto;
	padding: 20px;
	width: 100%;
	background: #ebffd3;
	border: 1px solid #0c5391;
}

#cart .ccoupons {
	position: relative;
	display: table;
	width: 100%;
	margin: 10px auto;
	padding: 20px;
	width: 100%;
	border: 1px solid #ebebeb;
}

#cart .sorder {
	position: relative;
	width: 100%;
	margin: 0px auto;
	padding: 0px;
	width: 100%;
}

#cart .sorder .s_header {
	position: relative;
	width: 100%;
	margin: 0px auto;
	padding: 0px;
	width: 100%;
}

#cart .sorder .s_header h3 {
	position: relative;
	width: 100%;
	margin: 0px auto;
	padding: 20px;
	width: 100%;
	background-color: #0c5391;
	color: #fff;
	text-align: center;
}

#cart .sorder .s_body {
	position: relative;
	margin: 0px auto 20px;
	padding: 20px;
	width: 100%;
	background-color: #fafafa;
	border: 1px solid #ebebeb;
}

#cart .sorder .s_body textarea {
	height: 195px;
	width: 100%;
}

#cart .sorder .s_body .form-group {
	margin: 0 0 4px;
}

#cart .sorder .s_body .form-control-static {
	padding-top: 0px;
	padding-bottom: 5px;
	margin-bottom: 0;
	min-height: auto;
}

#cart .sorder .s_body h4 {
	margin-bottom: 5px;
	background-color: #ebebeb;
	padding: 10px 20px;
}

#cart .sorder .s_body .s_block {
	margin: 0px;
	padding: 0px;
}

#cart .sorder .s_body .s_block ul.order_shipping_info {
	margin: 0px;
	padding: 0px;
}

#cart .sorder .s_body .s_block .help-block {
	font-size: 12px;
}

#cart #bankinfo {
	border: 1px solid #ebebeb;
	background: #fff;
	padding: 5px;
	font-size: 12px;
}

.card_order {
	position: relative;
	display: block;
	width: 100%;
	margin: 0px;
	padding: 0;
}

.card_order .s_coupons {
	position: relative;
	display: block;
	width: 100%;
	margin: 0px;
	padding: 0;
}

.card_order .step_bar {
	display: table;
	float: left;
	width: 100%;
	position: relative;
	padding: 0;
	margin: 0 0 20px;
}

.card_order .step_bar a.step {
	float: left;
	font-size: 12px;
	font-weight: 700;
	padding: 4px 0;
	text-transform: uppercase;
}

.card_order .step_bar a.step span {
	display: block;
	float: left;
	text-align: center;
	font-weight: 700;
	font-size: 13px;
	color: #000;
	border-right: 1px solid #faa31b;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	padding: 4px 10px;
	margin-right: 5px;
	margin-top: -4px;
}

.card_order .step_bar a.step_current {
	color: #faa31b;
}

.card_order .step_bar a.step_disable {
	color: #000;
}

.card_order .s_info {
	position: relative;
	display: block;
	width: 100%;
	margin: 0px;
	padding: 0;
}

.card_order .s_heading {
	position: relative;
	display: block;
	width: 100%;
	border-bottom: 4px solid #ebebeb;
	margin: 0 0 10px;
	padding: 10px 0px 2px;
	color: #770202;
	font-size: 18px;
	text-align: right;
	text-transform: uppercase;
}

.card_order .s_body {
	position: relative;
	display: block;
	width: 100%;
	margin: 0px;
	padding: 10px;
	border: 1px solid #ebebeb;
}

.card_order .s_body .s_content {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 0 10px;
	padding: 10px;
	border: 1px solid #ebebeb;
}

.card_order .s_main {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 0 10px;
	padding: 0px;
	border: 1px solid #ebebeb;
}

.card_order .s_main .s_title {
	position: relative;
	display: block;
	width: 100%;
	margin: 0px;
	padding: 10px;
	text-transform: uppercase;
	color: #0c5391;
	font-weight: bold;
	background: #ebebeb;
}

.card_order .s_main .s_body {
	position: relative;
	display: block;
	width: 100%;
	margin: 0px;
	padding: 10px;
}

.card_order .form-group {
	margin-bottom: 0;
}

/*filter_product*/
.filter_product {
	position: relative;
	display: block;
	width: 100%;
	margin: 0px auto;
	padding: 0;
}

.filter_product .show_filter {
	position: relative;
	display: block;
	width: 100%;
	padding: 0px;
	margin: 0 0 20px;
}

.filter_product .show_filter div.title {
	position: relative;
	display: inline-block;
	margin: 0 5px 0 0;
	background-color: #999;
	color: #fff;
	padding: 3px 10px;
	font-size: 11px;
	float: left;
	font-weight: 600;
}

.filter_product label {
	margin-right: 10px;
	border: 1px solid #ebebeb;
	padding: 4px 9px;
}

.filter_product .list {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding: 0px;
	margin: 0px;
	width: auto;
	float: left;
}

.filter_product .list .label_group {
	border: 1px solid #cccccc;
	background: #f2f2f2;
	display: block;
	float: left;
	cursor: pointer;
	position: relative;
	padding: 2px 5px;
	margin: 0px 5px 0 0;
	width: auto;
	font-size: 11px;
}

.filter_product .list .label_group:hover {
	border-color: #faa31b;
}

.filter_product .active {
	border-color: blue
}

.filter_product .label_group input,
.filter_product .image_group input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	opacity: 0;
	z-index: -1;
}

/* Other Product */
table.table tr.bg {
	background: #FBF9F9;
}

.label-success {
	background: #770202
}

.money_market {
	color: #333;
	font-family: 'UTM_Avo';
	font-size: 16px;
	padding: 5px;
}

.money {
	color: #CC3300;
	font-family: 'UTM_Avo';
	font-size: 16px;
	padding: 5px;
}

.discounts_money {
	color: #000000;
	font-weight: normal;
	text-decoration: line-through;
	padding: 5px;
}

.rate-star {
	padding: 5px;
	float: left;
	height: 14px;
	line-height: 14px;
}

.rate-star .width-star-title {
	float: left;
	margin-right: 5px;
}

.rate-star .width-star-num {
	float: left;
	font-weight: bold;
	margin-left: 5px;
}

.rate-star .width-star-bg {
	width: 180px;
	float: left;
	cursor: pointer;
	border-radius: 3px;
	background: #dadada;
}

.rate-star .width-star-value {
	float: left;
	border-radius: 3px;
	background: url("../images/shops/star-png.png") repeat-x;
}

.rateavg_percent {
	font-size: 18px;
	font-weight: bold;
}

#search_form_shops .form-group {
	margin-bottom: 4px;
}

#products .col-sm-6 .thumbnail,
#category .col-sm-6 .thumbnail {
	padding-top: 10px;
}

#products .col-sm-6 .label-default {
	margin-bottom: 10px;
	display: inline-block;
}

.price {
	height: 20px;
	margin-top: 5px;
}

#category .col-sm-6 .price .money {
	display: block;
	vertical-align: middle;
}

.image {
	margin: 0 10px 10px 0;
}

.msgshow {
	background: #ed1d24;
	padding: 20px;
	position: fixed;
	color: #fff;
	bottom: 0;
	text-align: center;
	right: 35%;
	left: 35%;
	-moz-box-shadow: 0px 3px 11px rgba(000, 000, 000, 0.5), inset 0px 0px 1px rgba(255, 000, 217, 1);
	-webkit-box-shadow: 0px 3px 11px rgba(000, 000, 000, 0.5), inset 0px 0px 1px rgba(255, 000, 217, 1);
	box-shadow: 0px 3px 11px rgba(000, 000, 000, 0.5), inset 0px 0px 1px rgba(255, 000, 217, 1);
	display: none;
	z-index: 10020 !important;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

/*tooltip*/
.tooltip-inner {
	max-width: 250px;
	padding: 10px;
	color: #fff;
	text-align: left !important;
	background-color: #0C2138;
	border-radius: 4px
}

.tooltip-inner img.pull-left {
	margin: 3px 5px 1px 0;
}

.tooltip-inner img.pull-right {
	margin: 3px 1px 0 5px;
}

.pages {
	display: inline-block;
	float: right;
	margin-bottom: 5px;
	margin-top: 5px;
}

#formsearch {
	margin-top: 10px;
}

#formsearch .row {
	margin-bottom: 10px;
}

/* Custom controls */
div[id*="product_center"] {
	position: relative;
}

div[id*="product_center"] .crsl-nav {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

div[id*="product_center"] .crsl-items:after {
	display: block;
	clear: both;
	content: '';
}

div[id*="product_center"] .crsl-items img {
	margin: 0 auto 6px auto;
}

div[id*="product_center"] .previous,
div[id*="product_center"] .next {
	position: absolute;
	top: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	text-indent: -10000px;
	color: #FFF;
	background: rgba(0, 0, 0, .80) url(../images/shops/previous-next.png) no-repeat 0 0;
	z-index: 10;
	/* border radius */
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	/* transition */
	-webkit-transition: background .2s ease-out;
	-moz-transition: background .2s ease-out;
	-o-transition: background .2s ease-out;
	transition: background .2s ease-out;
}

div[id*="product_center"] .previous:hover,
div[id*="product_center"] .next:hover {
	background-color: rgba(0, 0, 0, .95);
}

div[id*="product_center"] .previous {
	left: 0;
	background-position: 0 0;
}

div[id*="product_center"] .next {
	right: 0;
	background-position: 100% 0;
}

div[id*="product_center"] .crsl-item {
	margin-bottom: 0;
}

.caption h3 {
	line-height: 22px;
	height: 40px;
}

/* BLOCK OTHER PRODUCT */
.others_product ul {
	width: 100%;
	margin: 0;
	padding: 0;
}

.others_product ul li {
	list-style: none;
	text-align: center;
	margin-bottom: 10px;
}

.others_product ul li img {
	margin: 5px;
}

.others_product ul li.bg {
	background: #FFFFF0;
}

.others_product ul li span.time {
	color: #c0c0c0;
	font-size: 11px
}

.page-header {
	padding: 10px 0px;
	margin: 0 0 10px;
}

/* PRINT */
#print {
	padding: 10px;
}

#print table.rows2 {
	width: 100%;
	border: none;
	margin-bottom: 10px;
}

#print table.rows {
	width: 100%;
	border: 1px solid #F5F5F5;
}

#print table.rows td {
	padding: 5px;
	border: 1px solid #F5F5F5;
}

#print table.rows td img {
	width: 60px;
	padding: 2px;
	border: 1px solid #ebebeb;
	vertical-align: middle;
}

#print table.rows tr.bg {
	background: #f3f3f3;
}

#print table.rows tr.bgtop {
	background: #CCCCCC;
	line-height: 22px;
}

.block {
	margin-bottom: 10px
}

.block .payment_info {
	margin: 10px 0 10px 0;
}

.block .payment_info .payment_items {
	text-align: center;
	margin-right: 2px;
	display: inline-block
}

#detail {
	margin: 5px !important;
}

#detail .zoom_img {
	margin: 10px 0 10px 0;
}

#detail ul.product_info {
	padding: 0;
}

#detail ul.product_info li {
	margin: 0px;
	padding: 4px 0;
	border-bottom: 1px dashed #ebebeb;
}

/* TAB */
.r-tabs {
	margin: 10px 0 10px 0;
	position: relative;
}

.r-tabs .r-tabs-nav {
	border-bottom: 1px solid #ccc;
}

.r-tabs .r-tabs-nav .r-tabs-tab {
	position: relative;
	top: 1px;
}

.r-tabs .r-tabs-nav .r-tabs-anchor {
	background: #00aadd;
	margin-bottom: 3px;
	padding: 10px 12px;
	display: inline-block;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}

.r-tabs .r-tabs-nav .r-tabs-state-active {
	background-color: #fff;
	margin-bottom: -1px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.r-tabs .r-tabs-nav .r-tabs-state-disabled {
	opacity: 0.5;
}

.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
	color: #00aadd;
	background-color: #fff;
}

.r-tabs .r-tabs-panel {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-bottom: 3px;
}

.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
	display: block;
	padding: 10px;
	background-color: #00aadd;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 3px;
}

.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
	opacity: 0.5;
}

.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
	background-color: #fff;
	color: #00aadd;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-bottom: 0;
}

/* Social button */
em.fb,
span.fb {
	color: #3b5998;
}

em.tw,
span.tw {
	color: #00aced;
}

em.google,
span.google {
	color: #dd4b39;
}

.google-plus-one {
	overflow: hidden;
	position: relative;
}

.google-plus-one i {
	position: absolute;
	left: -4px;
	bottom: -5px;
}

.google-plus-one span {
	font-size: 16px;
	font-weight: 900;
	line-height: 10px;
	margin-left: 15px;
}

.btn-sm.google-plus-one span {
	font-size: 14px;
}

.btn-sm.google-plus-one i {
	bottom: -3px;
}

.btn-lg.google-plus-one span {
	font-size: 20px;
	margin-left: 18px;
}

.btn-lg.google-plus-one i {
	bottom: -5px;
}

.btn-xs.google-plus-one span {
	font-size: 12px;
}

.btn-xs.google-plus-one i {
	bottom: -7px;
}

/*********************/
#products .items {
	float: left;
	display: block;
}

#products .items .items_content {
	text-align: center;
	border: 1px solid #e5e5e5;
	padding: 10px;
	margin: 1px;
}

#products .items .items_content img {
	border: #EFEFEF 1px solid;
	padding: 2px;
}

#products .items .items_content .content_top {
	height: 135px;
}

#products .items .items_content .show-product-code {
	height: 156px;
}

#products .items .items_content .content_price {
	height: 15px;
}

.time_up {
	color: #c0c0c0;
	font-weight: normal;
}

.btnum,
.shops-center {
	text-align: center;
}

/* BUTTON */
a.pro_order,
a.pro_detail {
	color: #000000;
	padding: 2px 0px;
	background: url(../images/shops/bgbt.png) repeat 0 0;
	display: inline-block;
	width: 60px;
	text-align: center;
	border: 1px solid #FC0;
}

a.pro_detail:hover,
a.pro_order:hover {
	background: #FFCC33
}

/* DETAIL */
#detail .image-demo {
	float: left;
	width: 150px;
}

#detail .info_product {
	padding-left: 150px;
}

#detail .date_up {
	color: #bcbcbc;
	display: block;
}

#detail .info_product p {
	padding: 2px;
	margin: 0;
}

#detail h2 {
	color: #004080;
	font-size: 14px;
	font-weight: bold;
	text-align: justify
}

#detail .detail_com {
	margin-bottom: 5px;
}

#detail .prd_rate {
	padding: 0px;
}

#detail .prd_rate div.line {
	margin-bottom: 10px;
}

#detail .prd_rate div.cm_rows {
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px dashed #d7e2e6;
}

#detail .prd_rate div.avata {
	width: 54px;
	text-align: center;
	float: left;
}

#detail .prd_rate div.avata img {
	border: 1px solid #d7e2e6;
	padding: 1px;
}

#detail .prd_rate div.cm_c {
	float: right;
}

/* OTHER PRODUCT */
#detail .others {
	padding: 10px;
}

#detail .others ul li {
	background: url(../images/shops/square.jpg) no-repeat 0px 5px;
	padding-left: 8px;
}

#detail .others .date {
	color: #999;
}

#detail .others h1 {
	border-bottom: #CCC 1px solid;
	margin-bottom: 5px;
}

#detail .div_rate a {
	padding-right: 18px;
	background: url('../images/shops/star.png') no-repeat right center;
	margin-right: 5px;
}

/* OTHER */
.payment {
	color: #ff0000;
	font-weight: bold;
	display: block;
	margin-top: 10px;
	border: 1px solid #ff0000;
	padding: 3px;
	text-transform: uppercase;
}

.pages a {
	color: #000000;
	border: 1px solid #ebebeb;
	padding: 2px 6px;
	display: inline-block;
}

.pages a:hover {
	background: #f2f2f2;
}

.pages strong {
	color: #ffffff;
	border: 1px solid #ebebeb;
	padding: 2px 6px;
	display: inline-block;
	background: #0080c0;
	font-weight: normal;
}

/* GIRD */
#category {
	margin-bottom: 8px;
}

#category .page_title {
	font-size: 13px;
	color: #454545;
	height: 20px;
	line-height: 20px;
	padding: 5px;
	font-weight: bold;
	border-bottom: 2px solid #e5e5e5;
}

#category .list_rows {
	border-bottom: 1px dashed #cad5d8;
}

#category .list_rows div.img {
	float: left;
	margin-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#category .list_rows div.img input {
	position: absolute;
	top: 15px;
	left: 5px;
}

#category .list_rows div.img img {
	border: 1px solid #f4f4f4;
	padding: 2px;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#category .list_rows div.list_c {
	width: 300px;
	float: left;
	margin-right: 10px;
	padding: 20px 0;
}

#category .list_rows div.list_c h3 {
	margin-bottom: 10px;
}

#category .list_rows div.list_c p.des {
	padding-bottom: 10px;
	border-bottom: 1px dashed #cad5d8;
}

#category .list_rows div.list_c p.add_prd {
	margin: 10px 0 0 0;
}

#category .list_rows div.info_prd {
	width: 170px;
	margin-right: 10px;
	margin-top: 20px;
	float: left;
}

#category .list_rows div.info_prd ul {
	padding: 15px;
}

#category .list_rows div.info_prd ul li {
	padding: 0 0 10px 15px;
}

#category .list_rows div.info_prd strong {
	color: #fc4d00;
}

#category .list_rows div.info_prd span {
	display: block;
	font-weight: 700;
}

#category .grid_rows {
	width: 33%;
	float: left;
	margin-top: 10px;
}

table.rows2 {
	width: 100%;
	border: 1px solid #b9dcff;
	padding: 5px;
}

table.rows {
	width: 100%;
}

table.rows td {
	padding: 5px
}

table.rows td img.imgpro {
	width: 40px;
	padding: 2px;
	border: 1px solid #ebebeb;
	vertical-align: middle;
}

table.rows tr.bgtop {
	background: #CCE6FF;
	line-height: 22px;
}

.share a {
	padding: 0px;
	margin: 0px;
}

.share img {
	height: 16px;
	float: left;
	margin-right: 3px;
	margin-left: 3px;
}

.title_cate {
	background: url('../images/shops/pro_cat_header.png') repeat-x;
	height: 20px;
	line-height: 20px;
	padding: 5px;
	font-weight: bold;
}

.btn_view {
	background: url('../images/shops/bl.png') no-repeat left center;
	display: inline-block;
}

.btn_view span {
	background: url('../images/shops/br.png') no-repeat right;
	padding: 3px 10px;
	display: inline-block;
}

#total {
	color: #ff0000;
	font-weight: bold;
	font-size: 15px;
}

.order_code {
	padding: 5px;
	border: 1px solid #dfdfdf;
	text-align: center;
}

.text_date {
	color: #0080c0;
	font-size: 16px;
	font-weight: 700;
}

/* BLOCK PRODUCT CENTER */
.product_center {
	z-index: 2;
	margin-bottom: 2px;
}

.product_center {
	overflow: hidden;
	position: relative;
	margin-top: 5px;
}

.product_center .container {
	width: 960px;
	height: 130px;
	overflow: hidden;
	position: relative;
}

.product_center .slides {
	position: absolute;
	top: 0;
	left: 0;
}

.product_center .slides>div {
	position: absolute;
	top: 0;
	width: 960px;
	display: none;
}

#block_newtop .slides>div a:hover {
	text-decoration: underline;
}

.product_center p {
	padding: 0px;
}

.product_center ul.pagination {
	padding: 5px;
	float: right;
}

.product_center ul.pagination li {
	float: left;
	list-style: none;
}

.product_center ul.pagination a {
	display: block;
	overflow: hidden;
	background: #f3f3f3;
	margin-right: 2px;
	line-height: 20px;
	height: 20px;
	width: 20px;
	text-align: center;
}

.product_center ul.pagination li.active a {
	background: #b5b5b5;
	color: #ffffff;
}

.product_center .slides .items {
	display: block;
	width: 150px;
	float: left;
	height: 120px;
	margin-right: 10px;
	text-align: center;
}

.product_center .slides .items img {
	height: 80px;
	border: #DFDFDF 1px solid;
	padding: 2px;
}

.block-nobg .title_adv {
	background: url('../images/dot_gray.gif') repeat-x center;
}

.frame {
	padding: 20px;
	text-align: center;
}

/* SEARCH */
.search {
	border: 1px solid #ebebeb;
	padding: 5px;
	margin-bottom: 5px;
}

.search .input {
	width: 200px
}

.search .rows {
	line-height: 25px
}

.search .rows label {
	width: 180px;
	display: inline-block;
}

.result-frame .result-content {
	margin-bottom: 5px;
	border-bottom: 1px dotted #c0c0c0;
	padding-bottom: 5px;
}

.result-frame .result-content img {
	margin-right: 5px;
	border: 1px solid #e6e6e6;
	padding: 2px;
}

.result-frame .linktitle {
	color: #0080c0;
	line-height: 22px;
	font-weight: bold;
}

.result-frame .keyword {
	background: #ffff00;
}

.search .date {
	background: url(../images/shops/date.png) no-repeat center;
	border: 0px;
	margin: auto;
	padding: 4px 10px;
}

.divbg {
	background: #F9F9F9;
	line-height: 28px;
	margin-top: 10px;
	padding: 0px 10px;
	font-size: 14px;
	text-transform: uppercase;
}

/* TOOLTIP */
#products .tip {
	color: #fff;
	background: #1d1d1d;
	display: none;
	padding: 10px;
	position: absolute;
	z-index: 3000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width: 250px;
	text-align: left;
}

#products .tip img {
	margin-right: 10px;
	float: left;
}

.title_shop {
	color: #000000;
	font-weight: bold;
	text-align: left;
	display: block;
}

.no-wrap {
	white-space: nowrap
}

/* POST */
.post-product h2 {
	border-bottom: 1px #D8D8D8 solid;
}

.txt-full {
	width: 99%;
}

.title_group {
	margin-bottom: 10px;
	border-bottom: 1px #e8e8e8 solid;
	line-height: 20px;
}

.info-require {
	color: red;
	font-size: 11px;
	font-style: italic;
}

.span-require {
	color: red;
	font-style: italic;
}

.post-error {
	border: 1px solid #FFAAD5;
	margin: 0 auto 10px;
	background: #FFD2E9;
	padding: 10px;
}

.post-error span {
	color: #F00;
	font-weight: bold;
}

.post-product .show-date {
	vertical-align: middle;
}

.ddsmoothmenu-v ul,
.ddsmoothmenu-v li,
ddsmoothmenu-h ul,
.ddsmoothmenu-h li {
	list-style: none;
	margin: 0;
}

.rows3 td {
	padding: 1px;
}

.error {
	color: red;
}

img.calendar {
	vertical-align: middle;
}

.bsss {
	background: none repeat scroll 0 0 #FFFFFF;
	border: medium none;
	color: #5C5C5C;
	cursor: pointer;
	text-decoration: underline;
}

.compare {
	margin-bottom: 10px;
}

/* Icons */
.tabs .nav a:before {
	display: inline-block;
	vertical-align: middle;
	text-transform: none;
	font-weight: normal;
	font-variant: normal;
	font-family: 'icomoon';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
	margin: -0.25em 0.4em 0 0;
}

/* Content */
.content section {
	font-size: 1.25em;
	padding: 2px 1px;
	display: none;
	max-width: 1230px;
	margin: 0 auto;
}

.content section:before,
.content section:after {
	content: '';
	display: table;
}

.content section:after {
	clear: both;
}

/* Fallback example */
.no-js .content section {
	display: block;
	padding-bottom: 2em;
	border-bottom: 1px solid #47a3da;
}

.content section.content-current {
	display: block;
}

/* Example media queries */
@media screen and (max-width: 52.375em) {
	.tabs .nav a:before {
		margin-right: 0;
	}

	.mediabox {
		float: none;
		width: auto;
		padding: 0 0 35px 0;
		font-size: 90%;
	}

	.mediabox img {
		float: left;
		margin: 0 25px 10px 0;
		max-width: 40%;
	}

	.mediabox h3 {
		margin-top: 0;
	}

	.mediabox p {
		margin-left: 40%;
		margin-left: calc(40% + 25px);
	}

	.mediabox:before,
	.mediabox:after {
		content: '';
		display: table;
	}

	.mediabox:after {
		clear: both;
	}
}

@media screen and (max-width: 32em) {

	.tabs .nav ul,
	.tabs .nav ul li a {
		width: 100%;
		padding: 0;
	}

	.tabs .nav ul li {
		width: 20%;
		width: calc(20% + 1px);
		margin: 0 0 0 -1px;
	}

	.tabs .nav ul li:last-child {
		border-right: none;
	}

	.mediabox {
		text-align: center;
	}

	.mediabox img {
		float: none;
		margin: 0 auto;
		max-width: 100%;
	}

	.mediabox h3 {
		margin: 1.25em 0 1em;
	}

	.mediabox p {
		margin: 0;
	}
}

.info_pro {
	position: absolute;
	top: 5px;
	left: 5px
}

.newday {
	display: block;
	text-transform: uppercase
}

#coupons_info {
	margin-top: 6px
}

.tab-pane {
	padding: 5px
}

.select2-selection {
	height: 32px !important
}

.select2-container .select2-selection--single .select2-selection__rendered {
	padding-top: 2px
}

.order_shipping_info li {
	margin: 8px 0;
}

.ajax-load-qa {
	background: url("../images/shops/ajax-loader.gif") no-repeat center center rgba(255, 255, 255, 0.5);
	position: absolute;
	z-index: 100;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
}

.thumbnail .caption h3 {
	font-size: 14px
}

.info_icon:before {
	font-family: FontAwesome;
	color: #1E91CF;
	font-size: 14px;
	content: "\f05a";
}

.fb-like {
	margin-right: 30px;
}

.form-review {
	font-size: 13px
}

.form-review .pagination {
	margin-top: 2px
}

.form-review .pagination>li>a {
	padding: 1px 5px;
	font-size: 12px;
}

.form-review .review_row {
	border-bottom: 1px solid #ddd;
	margin-bottom: 5px
}

.form-review .border {
	padding: 0 10px 0 10px
}

.form-review .border-right {
	border-right: 1px solid #ddd;
}

/*  Second Example with big stars */
.rate-ex2-cnt {
	width: 150px;
	height: 30px;
}

.rate-ex2-cnt .rate-btn {
	width: 30px;
	height: 30px;
	float: left;
	background: url(../images/shops/rate/rate-btn2.png) no-repeat;
	cursor: pointer;
}

.rate-ex2-cnt .rate-btn:hover,
.rate-ex2-cnt .rate-btn-hover,
.rate-ex2-cnt .rate-btn-active {
	background: url(../images/shops/rate/rate-btn2-hover.png) no-repeat;
}

/* End second Example with big stars */
/* rate result */
.rate-result-cnt {
	width: 82px;
	height: 18px;
	position: relative;
}

.rate-stars {
	width: 82px;
	height: 18px;
	background: url(../images/shops/rate/rate-stars.png) no-repeat;
	position: absolute;
}

.rate-bg {
	height: 18px;
	background-color: #ffbe10;
	position: absolute;
}

.star-icon {
	width: 17px;
	height: 17px;
	background: url(../images/shops/rate/rate-btn3-hover.png) no-repeat;
	float: left
}

.docpay div {
	line-height: 25px
}

.docpay div strong {
	width: 120px;
	display: inline-block
}

#group_error {
	color: #C00;
	font-style: italic;
	padding: 5px;
	border: 1px dashed #C00;
	margin: 5px 0;
	display: none;
}

.download {
	border-bottom: dashed #DDDDDD 1px;
	line-height: 35px
}

.download,
.download a {
	font-size: 13px
}

.btn-transparent {
	background: none;
	border: none;
	box-shadow: none
}

@media (max-width: 499px) {

	.main_procate .s_list .item .item_img,
	.view_gird .s_list .item .item_img {
		height: 150px;
	}

	.main_procate .s_list .item .item_img img,
	.view_gird .s_list .item .item_img img {
		max-height: 150px;
	}

	.filter_product .show_filter div.title {
		position: relative;
		display: block;
		margin: 0 0 10px;
		background-color: #999;
		color: #fff;
		padding: 3px 10px;
		font-size: 14px;
		float: none;
		font-weight: 600;
		text-align: center;
	}

	.view_list .hdescript .simage {
		position: relative;
		display: block;
		width: 100%;
		margin: 0 auto;
		padding: 0px;
		float: none;
	}

	.view_list .hdescript .sdes {
		position: relative;
		display: block;
		width: 100%;
		margin: 0 auto;
		float: none;
		padding: 0px;
	}

	.detail .s_info {
		position: relative;
		display: block;
		width: 100%;
		margin: 20px 0;
		padding: 0;
		z-index: 2;
	}
}

/* Block relates_product */
.relates_product {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
}

.relates_product .item {
	position: relative;
	margin: 0 auto 20px;
	padding: 10px 0 0 0;
	width: 100%;
	display: block;
	text-align: center;
	border: 1px solid #ebebeb;
}

.relates_product .item .s_img {
	position: relative;
	text-align: center;
	display: block;
	height: 170px;
	overflow: hidden;
	margin: 0 auto 10px;
	padding: 0;
	width: 100%;
}

.relates_product .item .s_img img {
	bottom: 0;
	left: 0;
	margin: auto;
	max-height: 100%;
	max-width: 100%;
	position: absolute;
	right: 0;
	top: 0;
	vertical-align: middle;
}

.relates_product .item .s_info {
	position: relative;
	height: 70px;
	margin: 2px;
	overflow: hidden;
}

.relates_product .item .s_info h3 {
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 15px;
	width: 100%;
}

.relates_product .item .s_info .content {
	position: relative;
	margin: 0;
	text-align: center;
	padding: 0px;
	width: 100%;
}

.relates_product .item .s_info .content .money {
	margin: 0;
	padding: 0;
}

.btn-danger {
	background-color: #0c5391;
	border-color: #0c5391;
	color: #fff;
}

.btn-danger:hover {
	background-color: #084173;
	border-color: #084173;
	color: #fff;
}

.btn-success {
	background-color: #faa31b;
	border-color: #faa31b;
	color: #fff;
}

.btn-success:hover {
	background-color: #e99106;
	border-color: #e99106;
	color: #fff;
}

.btn-primary {
	background-color: #faa31b;
	border-color: #faa31b;
	color: #ffffff;
}

.btn-primary:hover {
	background-color: #e99106;
	border-color: #e99106;
	color: #ffffff;
}

.modal-dialog {
	margin: 30px auto;
	width: 70%;
}

/* block_search */
.block_search {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 0 20px;
	padding: 10px;
	border: 1px solid #ebebeb;
	border-bottom: 4px solid #faa31b;
	background-color: #fafafa;
}

.block_search form {
	position: relative;
	display: table;
	margin: 0 auto;
	padding: 0;
}

@media (max-width: 767px) {
	.main_procate .cat_item .s_header .s_main .left {
		display: block;
		float: left;
		margin: 0 auto;
		padding: 10px 20px;
		position: relative;
		width: 100%;
		text-align: center;
	}

	.main_procate .cat_item .s_header .s_main .right {
		display: inline-block;
		float: left;
		margin: 0 auto;
		padding: 10px 20px;
		position: relative;
		width: 100%;
	}

	.pull-right {
		float: right !important;
		display: flex;
		flex-direction: row;
		margin: 0 0 10px;
		width: 60%;
	}

	label {
		display: inline-block;
		width: 100%;
		margin-top: 5px;
		font-weight: bold;
		margin-right: 5px;
	}
}

/* ========================================================
   NUOCDIEN 2026 - CATEGORY DESIGN
======================================================== */
:root {
	--nd-primary: #1E3A8A;
	--nd-primary-fixed: #dce1ff;
	--nd-secondary-container: #fea619;
	--nd-on-secondary-container: #684000;
	--nd-surface-lowest: #ffffff;
	--nd-surface-variant: #e3e1e9;
	--nd-text-main: #1a1b21;
	--nd-text-variant: #444651;
	--nd-tertiary-container: rgba(51, 65, 85, 0.9);
}

.nd2026-wrapper .fa {
	font-family: 'FontAwesome' !important;
}

.nd2026-wrapper {
	font-family: 'Inter', sans-serif;
	color: var(--nd-text-main);
	max-width: 1280px;
	margin: 0 auto;
	padding: 32px 0 0;
}

/* HERO SECTION */
.nd-hero-section {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 32px;
	margin-bottom: 64px;
}

@media (min-width: 768px) {
	.nd-hero-section {
		flex-direction: row;
	}
}

.nd-hero-content {
	flex: 1;
	width: 100%;
}

.nd-breadcrumb {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: 700;
	color: #757682;
	margin-bottom: 16px;
}

.nd-breadcrumb a {
	color: #757682;
	text-decoration: none;
}

.nd-breadcrumb a.active {
	color: var(--nd-primary);
}

.nd-hero-title {
	font-family: 'Be Vietnam Pro', sans-serif;
	font-size: 48px;
	font-weight: 800;
	color: var(--nd-primary);
	line-height: 1.1;
	margin-bottom: 24px;
	letter-spacing: -0.05em;
}

@media (min-width: 768px) {
	.nd-hero-title {
		font-size: 72px;
	}
}

.nd-hero-desc {
	font-size: 18px;
	color: var(--nd-text-variant);
	line-height: 1.6;
	max-width: 576px;
}

.nd-hero-badge-wrap {
	display: flex;
	justify-content: flex-end;
	width: 100%;
}

@media (min-width: 768px) {
	.nd-hero-badge-wrap {
		width: 40%;
	}
}

.nd-hero-badge {
	background-color: var(--nd-primary);
	color: #ffffff;
	padding: 24px;
	border-radius: 4px;
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
	display: flex;
	align-items: center;
	gap: 16px;
}

.nd-hero-badge .icon {
	font-size: 40px;
	color: var(--nd-secondary-container);
}

.nd-hero-badge .title {
	font-family: 'Be Vietnam Pro', sans-serif;
	font-weight: 700;
	font-size: 18px;
	margin: 0;
}

.nd-hero-badge .subtitle {
	font-size: 14px;
	opacity: 0.8;
	margin: 0;
}

/* CATEGORY GRID */
.nd-category-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 32px;
	margin-bottom: 96px;
}

@media (min-width: 768px) {
	.nd-category-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1024px) {
	.nd-category-grid {
		grid-template-columns: repeat(4, 1fr);
	}
}

.nd-cat-card {
	position: relative;
	background-color: var(--nd-surface-lowest);
	border-radius: 4px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: all 0.5s ease;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	height: 100%;
	/* Giúp Card dãn ra bằng nhau trong toàn Lưới grid */
}

.nd-cat-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.nd-cat-card-overlay {
	position: absolute;
	inset: 0;
	z-index: 10;
}

.nd-cat-card-img {
	position: relative;
	width: 100%;
	padding-top: 75%;
	/* 4:3 Aspect Ratio */
	background-color: #ffffff;
	/* Sửa thành nền trắng để chứa ảnh gọn gàng */
	overflow: hidden;
}

.nd-cat-card-img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100% !important;
	object-fit: contain !important;
	/* Đổi thành contain để không bị crop tỉ lệ ảnh */
	transition: transform 0.7s ease;
}

.nd-cat-card:hover .nd-cat-card-img img {
	transform: scale(1.1);
}

.nd-cat-card-labels {
	position: absolute;
	top: 16px;
	right: 16px;
	display: flex;
	gap: 8px;
	z-index: 2;
}

.nd-cat-card-label {
	background-color: var(--nd-tertiary-container);
	backdrop-filter: blur(4px);
	color: #fff;
	padding: 4px 12px;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	border-radius: 9999px;
}

.nd-cat-card-label.highlight {
	background-color: var(--nd-primary);
}

.nd-cat-card-label.new {
	background-color: #16a34a;
}

.nd-cat-card-body {
	padding: 24px;
	display: flex;
	flex-direction: column;
	flex: 1;
}

.nd-cat-card-body h3 {
	font-family: 'Be Vietnam Pro', sans-serif;
	font-size: 20px;
	font-weight: 700;
	color: var(--nd-primary);
	margin: 0 0 12px 0;
	transition: color 0.3s ease;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	min-height: 40px;
	/* Để đồng nhất chiều cao tiêu đề là 2 dòng */
}

.nd-cat-card:hover .nd-cat-card-body h3 {
	color: var(--nd-secondary-container);
}

.nd-cat-desc {
	font-size: 14px;
	color: var(--nd-text-variant);
	margin-bottom: 24px;
	flex: 1;
	line-height: 1.6;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.nd-cat-btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	z-index: 11;
	position: relative;
}

.nd-cat-btn .text {
	font-size: 12px;
	font-weight: 700;
	color: var(--nd-primary);
	text-transform: uppercase;
	letter-spacing: 0.05em;
	transition: all 0.3s ease;
}

.nd-cat-card:hover .nd-cat-btn .text {
	margin-right: 8px;
}

.nd-cat-btn .icon {
	color: var(--nd-secondary-container);
	transition: transform 0.3s ease;
}

.nd-cat-card:hover .nd-cat-btn .icon {
	transform: translateX(4px);
}

/* CONSULT SECTION */
.nd-consult-section {
	position: relative;
	background-color: var(--nd-primary);
	color: #fff;
	padding: 48px;
	border-radius: 4px;
	overflow: hidden;
	margin-top: 96px;
}

@media (min-width: 768px) {
	.nd-consult-section {
		padding: 64px;
	}
}

.nd-consult-content {
	position: relative;
	z-index: 10;
	max-width: 672px;
}

.nd-consult-content h2 {
	font-family: 'Be Vietnam Pro', sans-serif;
	font-size: 36px;
	font-weight: 700;
	margin: 0 0 24px 0;
}

.nd-consult-content p {
	opacity: 0.8;
	margin-bottom: 32px;
	line-height: 1.6;
	font-size: 18px;
}

.nd-consult-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

.nd-consult-actions a {
	display: inline-block;
	padding: 16px 32px;
	font-weight: 700;
	border-radius: 4px;
	transition: all 0.3s ease;
	text-decoration: none;
}

.nd-btn-primary {
	background-color: var(--nd-secondary-container);
	color: var(--nd-on-secondary-container);
}

.nd-btn-primary:hover {
	transform: scale(1.05);
}

.nd-btn-outline {
	border: 1px solid rgba(255, 255, 255, 0.3);
	color: #fff;
}

.nd-btn-outline:hover {
	background-color: rgba(255, 255, 255, 0.1);
}

.nd-consult-bg {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 33.333%;
	opacity: 0.2;
	pointer-events: none;
}

.nd-consult-bg svg {
	width: 100%;
	height: 100%;
}

/* ========================================================
   NUOCDIEN 2026 - VIEW GRID DESIGN
======================================================== */
.nd-vg-header {
	margin-bottom: 32px;
}

.nd-vg-title {
	font-family: 'Be Vietnam Pro', sans-serif;
	font-size: 32px;
	font-weight: 800;
	color: var(--nd-primary);
	text-transform: uppercase;
	margin-bottom: 12px;
}

.nd-vg-desc {
	color: var(--nd-text-variant);
	font-size: 16px;
	line-height: 1.6;
}

.nd-vg-toolbar {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	gap: 16px;
	background-color: var(--nd-surface-container-low, #f4f3fa);
	padding: 16px;
	border-radius: 4px;
	margin-bottom: 32px;
}

@media (min-width: 640px) {
	.nd-vg-toolbar {
		flex-direction: row;
		align-items: center;
	}
}

.nd-vg-count {
	color: var(--nd-text-variant);
	font-size: 14px;
	font-weight: 400;
}

.nd-vg-sort-wrap {
	display: flex;
	align-items: center;
	gap: 16px;
}

.nd-vg-sort-label {
	font-size: 14px;
	font-weight: 700;
	color: var(--nd-text-variant);
}

.nd-vg-sort-select {
	background: transparent;
	border: none;
	font-weight: 700;
	color: var(--nd-primary);
	font-size: 14px;
	outline: none;
	cursor: pointer;
}

/* GRIDS - DEFENSIVE FIX */
.nd-vg-grid, .nd-category-grid {
	display: grid !important;
	gap: 24px;
	width: 100% !important;
	float: none !important;
	clear: both !important;
}

.nd-vg-grid > div, .nd-category-grid > div {
	width: auto !important;
	float: none !important;
	margin: 0 !important;
}

.nd-vg-grid {
	grid-template-columns: 1fr;
}

@media (min-width: 640px) {
	.nd-vg-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1024px) {
	.nd-vg-grid {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media (min-width: 1280px) {
	.nd-vg-grid {
		grid-template-columns: repeat(4, 1fr);
	}
}

.nd-vg-card {
	background-color: var(--nd-surface-lowest);
	border-radius: 4px;
	position: relative;
	overflow: hidden;
	transition: all 0.3s ease;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.nd-vg-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.nd-vg-card-img-wrap {
	padding: 24px;
	position: relative;
	background-color: var(--nd-surface-container-low, #f4f3fa);
	height: 192px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.nd-vg-card-img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	mix-blend-mode: multiply;
	transition: transform 0.5s ease;
}

.nd-vg-card:hover .nd-vg-card-img {
	transform: scale(1.05);
}

.nd-vg-badge {
	position: absolute;
	top: 16px;
	right: 16px;
	padding: 4px 8px;
	border-radius: 4px;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	z-index: 10;
}

.nd-vg-badge.new {
	background-color: rgba(51, 65, 85, 0.1);
	color: var(--nd-primary);
}

.nd-vg-badge.sale {
	background-color: #ffdad6;
	/* error-container */
	color: #ba1a1a;
}

.nd-vg-badge.point {
	background-color: var(--nd-primary-fixed);
	color: var(--nd-primary);
	left: 16px;
	right: auto;
}

.nd-vg-card-body {
	padding: 24px;
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.nd-vg-brand {
	font-size: 10px;
	color: #757682;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin-bottom: 4px;
}

.nd-vg-card-title {
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: var(--nd-primary);
	margin: 0 0 10px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.nd-vg-card-title a {
	color: inherit;
	text-decoration: none;
}

.nd-vg-card-title a:hover {
	color: var(--nd-secondary-container);
}

.nd-vg-card-actions {
	display: block;
	margin-top: 12px;
}

.nd-vg-price-wrap {
	display: flex;
	flex-direction: column;
	gap: 2px;
	margin-bottom: 12px;
}

.nd-vg-price-old {
	font-family: 'Inter', sans-serif;
	font-size: 13px;
	text-decoration: line-through;
	color: #94a3b8;
}

.nd-vg-price-sale, 
.nd-vg-price {
	font-family: 'Inter', sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #ef4444;
}

.nd-vg-price-contact {
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #00236f;
}

.nd-vg-card-buttons {
	display: flex;
	gap: 10px;
	align-items: stretch;
}

.nd-vg-btn-cart {
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #fea619;
	background-color: transparent;
	color: #fea619;
	border-radius: 4px;
	transition: all 0.2s ease;
	cursor: pointer;
	text-decoration: none;
	flex-shrink: 0;
}

.nd-vg-btn-cart:hover {
	background-color: #fea619;
	color: #ffffff;
}

.nd-vg-btn-detail {
	flex: 1;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #00236f;
	background-color: transparent;
	color: #00236f;
	font-family: 'Inter', sans-serif;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	border-radius: 4px;
	transition: all 0.2s ease;
	text-decoration: none !important;
}

.nd-vg-btn-detail:hover {
	background-color: #00236f;
	color: #ffffff;
}

.nd-vg-btn-cart.disabled {
	border-color: #e2e8f0;
	color: #94a3b8;
	cursor: not-allowed;
}

.nd-vg-wishlist.disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

/* ========================================================
   NUOCDIEN 2026 - VIEW LIST DESIGN
======================================================== */
.nd-vl-header {
	margin-bottom: 32px;
}

.nd-vl-title {
	font-family: 'Be Vietnam Pro', sans-serif;
	font-size: 32px;
	font-weight: 800;
	color: var(--nd-primary);
	text-transform: uppercase;
}

.nd-vl-desc {
	color: var(--nd-text-variant);
	font-size: 16px;
	line-height: 1.6;
}

.nd-vl-toolbar {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	gap: 16px;
	background-color: var(--nd-surface-container-low, #f4f3fa);
	padding: 16px;
	border-radius: 4px;
	margin-bottom: 32px;
}

@media (min-width: 640px) {
	.nd-vl-toolbar {
		flex-direction: row;
		align-items: center;
	}
}

.nd-vl-count {
	color: var(--nd-text-variant);
	font-size: 14px;
	font-weight: 400;
}

.nd-vl-sort-wrap {
	display: flex;
	align-items: center;
	gap: 16px;
}

.nd-vl-sort-label {
	font-size: 14px;
	font-weight: 700;
	color: var(--nd-text-variant);
}

.nd-vl-sort-select {
	background: transparent;
	border: none;
	font-weight: 700;
	color: var(--nd-primary);
	font-size: 14px;
	outline: none;
	cursor: pointer;
}

/* TABLE */
.nd-vl-table-card {
	background-color: var(--nd-surface-lowest);
	border-radius: 8px;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
	border: 1px solid #e3e1e9;
	overflow: hidden;
}

.nd-vl-table {
	width: 100%;
	border-collapse: collapse;
	text-align: left;
}

.nd-vl-table thead tr {
	background-color: var(--nd-primary);
	color: #ffffff;
}

.nd-vl-table th {
	padding: 16px;
	font-family: 'Be Vietnam Pro', sans-serif;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	white-space: nowrap;
}

.nd-vl-table tbody tr {
	border-bottom: 1px solid #e3e1e9;
	transition: background-color 0.2s;
}

.nd-vl-table tbody tr:hover {
	background-color: var(--nd-surface-container-low, #f4f3fa);
}

.nd-vl-table tbody tr:last-child {
	border-bottom: none;
}

.nd-vl-table td {
	padding: 16px;
	vertical-align: middle;
}

.nd-vl-link {
	color: var(--nd-primary);
	font-weight: 700;
	text-decoration: none;
	font-size: 16px;
}

.nd-vl-link:hover {
	color: var(--nd-secondary-container);
	text-decoration: none;
}

.nd-vl-text-muted {
	color: var(--nd-text-variant);
	font-weight: 500;
	font-size: 14px;
}

.nd-vl-price {
	font-family: 'Be Vietnam Pro', sans-serif;
	font-size: 16px;
	font-weight: 900;
	color: var(--nd-primary);
	white-space: nowrap;
}

.nd-vl-price.sale {
	font-size: 18px;
	color: #ba1a1a;
}

.nd-vl-price.old {
	font-size: 12px;
	text-decoration: line-through;
	color: #757682;
	font-weight: 500;
}

.nd-vl-price.contact,
.nd-vl-price.dis {
	font-size: 14px;
}

.nd-vl-badge-discount {
	font-size: 12px;
	color: #ba1a1a;
	font-weight: 700;
}

.nd-vl-btn-cart {
	background-color: var(--nd-secondary-container);
	color: var(--nd-on-secondary-container);
	padding: 8px 16px;
	border-radius: 4px;
	font-weight: 700;
	font-size: 12px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	text-decoration: none;
	transition: transform 0.2s, background-color 0.2s;
	border: none;
	cursor: pointer;
	white-space: nowrap;
}

.nd-vl-btn-cart:hover {
	transform: scale(1.05);
	background-color: #f7e6a1;
	/* slightly lighter */
	color: var(--nd-on-secondary-container);
	text-decoration: none;
}

.nd-vl-btn-cart.disabled {
	background-color: #e3e1e9;
	color: #757682;
	cursor: not-allowed;
	transform: none;
}

.nd-vl-btn-cart.pending {
	background-color: #ffb4a9;
	color: #690005;
}

.nd-vl-group-list .label {
	font-size: 11px;
	margin-bottom: 4px;
	display: inline-block;
	background-color: var(--nd-surface-container);
	color: var(--nd-text-variant);
}

/* ========================================================
   CUSTOM PRODUCT DETAIL STYLES (nuocdien2026v1)
   ======================================================== */
.nd-product-image-col {
    padding-right: 15px;
}
.nd-product-info-col {
    padding-left: 15px;
}
.nd-gallery-wrapper {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 20px;
}
.nd-gallery-wrapper .bxslider {
    margin: 0;
}
.nd-img-main-wrap {
    width: 100%;
    margin-bottom: 10px;
}
.nd-img-main-wrap img {
    width: 100%;
    border-radius: 4px;
    object-fit: cover;
}
.nd-img-thumb-wrap {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    border: none;
    padding: 0;
    text-align: left;
}
.nd-img-thumb-wrap a {
    width: 60px;
    height: 60px;
    border: 2px solid transparent;
    border-radius: 4px;
    overflow: hidden;
    display: inline-block;
    transition: all 0.3s;
}
.nd-img-thumb-wrap a.active,
.nd-img-thumb-wrap a:hover {
    border-color: #0c5391;
}
.nd-img-thumb-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.nd-info-wrapper {
    padding: 0;
}
.nd-product-category {
    color: #faa31b;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 8px;
    text-transform: uppercase;
}
.nd-product-title {
    font-family: 'Inter', sans-serif !important;
    color: #0c5391 !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    margin: 0 0 15px 0 !important;
    line-height: 1.3 !important;
}

.nd-price-block {
    background-color: #f8fafc;
    border-radius: 8px;
    padding: 15px 20px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}
.nd-price-sale {
    color: #0c5391;
    font-size: 24px;
    font-weight: 700;
}
.nd-price-currency {
    font-size: 16px;
    vertical-align: super;
}
.nd-price-original {
    color: #94a3b8;
    font-size: 16px;
    text-decoration: line-through;
    font-weight: 500;
}
.nd-discount-badge {
    background-color: #fee2e2;
    color: #dc2626;
    font-size: 13px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 4px;
    display: inline-block;
}

.nd-product-summary {
    font-size: 15px;
    color: #475569;
    line-height: 1.6;
    margin-bottom: 24px;
    border-bottom: 1px dashed #cbd5e1;
    padding-bottom: 20px;
}

.nd-product-meta {
    margin-bottom: 20px;
    padding-left: 0;
    list-style: none;
}
.nd-product-meta li {
    font-size: 14px;
    color: #475569;
    margin-bottom: 8px;
}
.nd-product-meta li strong {
    color: #1e293b;
}

.nd-quantity-box {
    margin-bottom: 24px;
}
.nd-qty-label {
    font-size: 15px;
    font-weight: 600;
    color: #1e293b;
    margin-right: 15px;
}
.nd-qty-control .btn {
    background: #fff;
    border: 1px solid #cbd5e1;
    color: #475569;
    padding: 6px 12px;
    height: 38px;
    border-radius: 4px;
}
.nd-qty-control .btn:hover {
    background: #f1f5f9;
}
.nd-qty-control input {
    border: 1px solid #cbd5e1;
    height: 38px;
    font-weight: 600;
    color: #1e293b;
    border-left: none;
    border-right: none;
}
.nd-stock-status {
    margin-top: 8px;
    font-size: 13px;
    color: #64748b;
}

.nd-action-buttons {
    display: flex;
    gap: 15px;
    margin-bottom: 30px;
}
.nd-btn-outline {
    background-color: #fff;
    border: 2px solid #0c5391;
    color: #0c5391;
    font-weight: 700;
    font-size: 15px;
    padding: 10px 24px;
    border-radius: 6px;
    text-transform: uppercase;
    transition: all 0.3s ease;
}
.nd-btn-outline:hover {
    background-color: #f1f5f9;
}
.nd-btn-primary {
    background-color: #faa31b;
    border: 2px solid #faa31b;
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    padding: 10px 24px;
    border-radius: 6px;
    text-transform: uppercase;
    transition: all 0.3s ease;
}
.nd-btn-primary:hover {
    background-color: #ea8f00;
    border-color: #ea8f00;
    color: #fff;
}

/* Custom Tabs */
.nd-custom-tabs {
    border: none !important;
    padding: 0 !important;
}
.nd-custom-tabs .nav-tabs {
    border-bottom: 2px solid #e2e8f0;
    margin-bottom: 20px;
}
.nd-custom-tabs .nav-tabs > li {
    margin-bottom: -2px;
}
.nd-custom-tabs .nav-tabs > li > a {
    border: none !important;
    background: transparent !important;
    color: #64748b;
    font-size: 16px;
    font-weight: 600;
    padding: 12px 24px;
}
.nd-custom-tabs .nav-tabs > li > a:hover {
    color: #0c5391;
}
.nd-custom-tabs .nav-tabs > li.active > a {
    color: #0c5391 !important;
    border-bottom: 2px solid #0c5391 !important;
    background: transparent !important;
}
.nd-custom-tabs .tab-content {
    border: none;
    padding: 0;
    font-size: 15px;
    color: #334155;
    line-height: 1.6;
}