/*
Theme Name: Maxweb
Description: This is a child theme for Flatsome Theme
Theme URI: https:
Author: Hoan
Author URI: 
Template: flatsome
Version: 3.6.1
*/


/*************** ADD CUSTOM CSS HERE.   ***************/
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
:root{
	--color-main:#017301;
	--do:#ed0000;
	--vang:#f7941d;
}
html,body,span,label,a,p,button,b,div{
	font-family: "Quicksand", serif;
}
h1,h2,h3,h4,h5,h6,.nav > li > a,nav,li{
	font-family: "Quicksand", serif !important;
}
b,strong{
	font-weight:bold;
}
form{
	margin:0 !important;
}
form input,textarea,select{
	box-shadow:none !important;
}
.txt-jus{
	text-align:justify;
}
a{
	cursor:pointer;
}
.wpcf7-spinner,.product-images .image-tools.bottom.left,.is-divider{
	display:none !important;
}
input[type=submit]{
	margin:0;
}
.section-content{
	z-index:unset !important;
}
.dark, .dark p, .dark td{
	color:#fff !important;
}
.pd-b0{
	padding-bottom:0 !important;
}
.absolute-footer{
	background-color:#F2F8FD !important;
	padding:0;
	border-top:1px solid rgba(51, 51, 51, 0.08);
}
.footer-secondary{
	display:none;
}
.footer-primary,.copyright-footer{
	width:100%;
	text-align:center;
	color:#000;
	position:relative;
}
.copyright-footer a{
	color:#000 !important;
}
.copyright-footer a:hover{
	color:var(--color-main) !important;
}
.footer-primary{
	padding:10px 0 15px;
}
.blog-wrapper{
	padding-bottom:0;
}
.single-page{
	text-align:justify;
	padding-top:0;
}
.breadcrumbT span,.breadcrumbT a{
	font-size:14px;
	color:#333333;
}
.breadcrumbT a:hover{
	color:var(--do);
}
#top-link{
	border:1px solid #fff !important;
	background:var(--main) !important;
	color:#fff !important;
}
table {
	border-collapse: collapse;
}
.owl-stage{
	display:flex;
}
.owl-stage .col,.owl-stage .col > .col-inner{
	height:100%;
}
.owl-item {
	flex-shrink:0;
}
.owl-item .col {
	max-width:100%;
}
.owl-dots {
	margin:0 !important;
}
.owl-dots button{
	min-height:unset;
	margin:0 5px;
}
.owl-theme .owl-dots .owl-dot span{
	margin:5px 4px !important;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
	background:var(--color-main) !important;
}
.owl-nav{
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	transform:translatey(-50%);
	margin:0 !important;
}
.owl-nav button{
	min-height:unset;
	line-height:unset !important;
	margin:0 !important;
	position:absolute;
	top:50%;
	transform:translatey(-50%);
	display:flex !important;
	align-items:center;
	justify-content:center;
	transition:all 0.3s;
}
.accordion button.toggle{
	pointer-events:none !important;
}
.map iframe{
	width:100%;
	height:100%;
}
.pum-overlay.pum-overlay-disabled {
	visibility: inherit !important;
}
.btn-center{
	display:table;
	margin:0 auto;
}
.btn-view-all{
	position: relative;
	color: var(--color-main);
	border: 1px solid var(--color-main);
	background-color: var(--color-main) !important;
	text-transform: initial;
	font-size: 14px;
	border-radius: 4px;
	padding: 4px 25px;
	box-shadow:none !important;
	overflow:hidden;
}
.btn-view-all span{
	position:relative;
	z-index:2;
}
.btn-view-all:before {
	content: '';
	display: block;
	background-color: #fff;
	position: absolute;
	left: -2px;
	top: 0;
	right: -2px;
	bottom: 0;
	z-index: 1;
	transform: scale(1, 1);
	transform-origin: left center;
	transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.btn-view-all:hover:before {
	transform-origin: right center;
	transform: scale(0, 1);
}
/* Header Inner */
.header-nav-main.nav-left{
	flex-direction:column;
	align-items:flex-start;
	gap:10px;
	padding-right:100px;
	padding-left:50px;
}
.header-nav-main.nav-left > li{
	margin:0;
	width:100%;
}
.header-nav-main ul.policy-search{
	display:flex;
}
.header-nav-main ul.policy-search li{
	margin:0 !important;
	list-style:none;
}
.header-nav-main ul.policy-search li+li{
	margin-left:15px !important;
}
.header-nav-main ul.policy-search li i{
	font-size:15px;
	margin-right:5px;
	color:var(--color-main);
}
.header-nav-main .header-search-form input[type=search]{
	height:41px;
	border-radius:5px;
	border:1px solid #ececec;
	font-size:14px;
	font-weight:500;
	padding-right:80px;
}
.header-nav-main .header-search-form input[type=search]:focus{
	border-color:var(--color-main);
}
.header-nav-main .header-search-form .flex-col:not(.flex-grow){
	position:absolute;
	right:3px;
}
.header-nav-main .header-search-form button[type=submit]{
	min-width:70px;
	border-radius:5px !important;
	height:36px;
}
.header-nav-main.nav-right > li{
	margin:0 15px;
}
.header-nav-main.nav-right > li > a{
	display:flex;
	flex-direction:row-reverse;
	color:#232323 !important;
	font-size:14px;
	font-weight:400;
	text-transform:initial;
}
.header-nav-main.nav-right > li > a i{
	margin:0 7px 0 0 !important;
	width:20px;
	height:20px;
}
.header-nav-main.nav-right > li > a i:before,
.header-bottom-nav li.header-search-lightbox > a i:before{
	display:none;
}
li.account-item > a i{
	background:url(/wp-content/uploads/2025/01/ic-user.png) no-repeat;
	background-size:20px;
	background-position:center;
}
li.cart-item > a i{
	background:url(/wp-content/uploads/2025/01/ic-cart.png) no-repeat;
	background-size:20px;
	background-position:center;
}
li.header-search-lightbox > a i{
	background:url(/wp-content/uploads/2025/01/ic-search.png) no-repeat;
	background-size:20px;
	background-position:center;
}
/* Header Bottom*/
.header-bottom-nav > li{
	margin:0 15px;
}
.header-bottom-nav > li > a{
	font-size:14px;
	font-weight:500 !important;
	text-transform:uppercase;
	color:#fff !important;
	letter-spacing: 0.75px;
}
.header-bottom-nav > li ul{
	padding:0;
	transition:all 0.3s;
	opacity:0;
	visibility:hidden;
	left:0 !important;
	transform:translatey(30px);
}
.header-bottom-nav li:hover > ul{
	opacity:1;
	transform:translatey(0px);
	visibility:visible;
}
.header-bottom-nav li > ul li > a{
	margin:0 !important;
	padding:9px 18px !important;
	color:#000;
}
.header-bottom-nav li > ul li:hover > a{
	color:var(--color-main);
}
.header-bottom .logo-h img{
	height:70px;
	padding: 3px;
}
.header-bottom .acc-shop.header-nav-main.nav-right > li{
	display:inline-block;
	margin:0;
}
.header-bottom .acc-shop.header-nav-main.nav-right > li > a i{
	margin:0 !important;
	width:30px;
	height:30px;
}
.header-bottom .acc-shop.header-nav-main.nav-right > li > a span,
.header-bottom .acc-shop.header-nav-main.nav-right > li ul{
	display:none;
}
.header-bottom-nav.nav-right > li{
	margin:0;
}
.header-bottom-nav.nav-right > li + li{
	margin-left:5px;
}
.header-bottom-nav li.header-search-lightbox > a i{
	width:30px;
	height:30px;
	transform: translateY(-2px);
}
.header-bottom :is(.show-scroll,li.header-search),
.header-wrapper.stuck #masthead{
	display:none;
}
.header-wrapper.stuck .header-bottom {
	min-height: 70px !important;
}
.header-wrapper.stuck .header-bottom :is(.show-scroll,li.header-search){
	display:block;
}
.header-wrapper.stuck .header-bottom {
	background-color: #fff;
}
.header-wrapper.stuck .header-bottom-nav > li > a{
	color:#000 !important;
	text-transform:initial;
	font-size:16px;
}
/*  */
.box-list-view .box .box-image, .box-list-view .box .box-text, .box-vertical .box-image, .box-vertical .box-text{
	vertical-align:top;
}
.badge-container{
	margin:5px 0 0 5px;
	border-radius:3px;
	overflow:hidden;
}
.badge-container .badge{
	height:unset;
	width:42px;
	font-size:13px;
	padding:4px 0;
	background:var(--do);
}
.badge-container .badge .badge-inner{
	background:transparent !important;
}
.product-small.box .box-image .grid-tools{
	top:50%;
	left:50%;
	transform:translate(-50%,-50%) !important;
	width:max-content;
	height:max-content;
	margin:0;
}
.product-small.box .box-image .grid-tools a{
	opacity:1;
	width:35px;
	height:35px;
	border:1px solid #fff;
	background:#fff;
	color:#6d6565;
	transition:all 0.3s;
	border-radius:50%;
	padding:0;
	font-size:17px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.product-small.box .box-image .grid-tools a:hover{
	background:#6d6565;
	color:#fff;
}
.product-small.box .btn-quick-view-2{
	width:max-content;
	max-width:100%;
	margin:15px auto 0;
	cursor:pointer;
	transition:all 0.3s;
	border-radius:99px;
	border:1px solid #fff;
	padding-left:15px;
	font-size:12px;
	font-weight:700;
	text-transform:uppercase;
	display:flex;
	align-items:center;
	line-height:1.25;
}
.product-small.box .btn-quick-view-2:hover{
	border-color:var(--color-main);
}
.product-small.box .btn-quick-view-2 i{
	margin-left:10px;
	margin-right:-1px;
	width:32px;
	height:32px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	background:var(--color-main);
	color:#fff;
	flex-shrink:0;
}
.hide-quick-view .btn-quick-view-2{
/* 	display:none !important; */
}
.product-small.box .box-text{
	padding:10px;
}
.owl-nav-style .owl-nav{
	top:-30px;
	transform:unset;
	left:unset;
	right:0;
}
.owl-nav-style .owl-nav button{
	width:30px;
	height:30px;
	border-radius:50% !important;
	border:1px solid var(--color-main) !important;
	background:transparent !important;
	color:#858380 !important;
	font-size:14px !important;
}
.owl-nav-style .owl-nav button.owl-next{
	right:15px;
}
.owl-nav-style .owl-nav button.owl-prev{
	right:55px;
}
.owl-nav-style .owl-nav button:hover{
	background:var(--color-main) !important;
	color:#fff !important;
}
.row.row-small .owl-item .col{
	padding:0 9.8px 19.6px;
}
.post-item .post-title{
	margin:0 0 7px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	transition:all 0.3s;
	font-size:17px;
}
.from_the_blog_excerpt {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size:15px;
}
.post-style .post-item .col-inner{
	background:#fff;
	border-radius:5px;
	overflow:hidden;
}
.post-style .post-item .box-text{
	padding:12px 15px;
}
.post-item .col-inner:hover .post-title{
	color:var(--color-main);
}
.post-style .post-item .col-inner:hover .box-image img{
	transform: rotate(-3deg) scale(1.1);
}
.date-post-item{
	color: #a8aeba;
	border-top: 1px solid #eee;
	padding-top:12px;
	margin-top:12px;
	display:flex;
	justify-content:space-between;
	font-size:13px;
}
.date-post-item i{
	font-size:11px;
}
.date-post-item .btn-view:hover{
	color:var(--color-main);
}

.col-bg > .col-inner{
	padding:15px;
	border-radius:5px;
	background:#fff;
}
.col-bg.col-pro-ocop > .col-inner{
	padding-bottom:0;
}

.row.pro-ocop .col{
	padding-bottom:0;
}
.row.pro-ocop .col .col-inner{
	height:100%;
	box-shadow:0 0 3px rgba(0, 0, 0, 0.08);
	border-radius:5px;
	overflow:hidden;
	border:1px solid #e2e2e2;
/* 	border-top:1px solid #eae4e8; */
/* 	padding:10px 0; */
}
.row.pro-ocop .col:nth-child(-n+3) .col-inner{
	border-top:none;
	padding-top:0;
}
.pro-ocop .product-small .box-image{
	display:block;
}
.pro-ocop .product-small .box-text{
}
.product-small .product-title{
	margin:0 0 5px;
}
.product-small .product-title a{
	margin:0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	color:#252a2b;
	font-weight:500;
}
.price bdi{
	color:var(--do);
}
.price del{
	text-decoration:unset;
}
.price del bdi{
	text-decoration:line-through;
	color:#878c8f;
}
.pro-ocop .badge-container{
	display:none;
}
.img-style:before,.img-style:after {
	content:'';
	position:absolute;
	width:0;
	height:0;
	transition:all .5s ease-in-out 0s;
	z-index:1;
	pointer-events:none;
	background:rgba(255, 255, 255, 0.15);
}
.img-style:before{
	top:0;
	left:0;
}
.img-style:after{
	bottom:0;
	right:0;
}
.img-style:hover:before,.img-style:hover:after{
	width:100%;
	height:100%;
}
.img-radius{
	border-radius:5px;
	overflow:hidden;
}
/* Sản phẩm nổi bật */
.row-pro-banner > .col-left{
	max-width: 20%;
	-ms-flex-preferred-size: 20%;
	flex-basis: 20%;
}
.row-pro-banner > .col-left > .col-inner{
	height:calc(100% - 19.6px);
	background:var(--color-main);
	display:flex;
	align-items:center;
	border-radius:5px;
	overflow:hidden;
}
.row-pro-banner > .col-right{
	max-width: 80%;
	-ms-flex-preferred-size: 80%;
	flex-basis: 80%;
}
.col-title-flex > .col-inner{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.col-title-flex .btn-flex p{
	margin:0;
	width:max-content;
}
.col-title-flex .btn-flex p a{
	display:block;
	border-radius:99px;
	padding:8px 16px;
	background:var(--color-main);
	color:#fff;
	font-size:14px;
	font-weight:700;
}
.col-title-flex .title-sec h2{
	margin:0;
}
.pro-bg .col .col-inner,
.products .product-small .col-inner,
.related-products-wrapper .product-small .col-inner{
	height:100%;
	background:#fff;
	padding:5px;
	border-radius:4px;
	overflow:hidden;
	box-shadow:0 0 3px rgba(0, 0, 0, 0.08);
}
.sec-banner-home:before{
	*content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:30px;
	background:var(--color-main);
}

/* Trang liên hệ */
.sec-page-lh .row-content-lh > .col > .col-inner{
	height:100%;
}
.sec-page-lh .row-content-lh .col-map-lh > .col-inner{
	border-radius:5px;
	overflow:hidden;
}
.map.map-lh{
	height:100%;
}
.contact-lh h1{
	font-size:25.6px;
}
.contact-lh p{
	margin:0 0 7px 0;
}
.contact-lh p i{
	width:20px;
	color:var(--color-main);
}
.form-lh :is(input,textarea){
	border-radius:5px;
	border:1px solid var(--color-main);
}
.form-lh input{
	height:45px;
}
.form-lh input[type=submit]{
	border-radius:99px;
	height:40px;
	font-weight:500;
	font-size:15px;
}
.row2input > p{
	display:flex;
	justify-content:space-between;
}
.row2input > p > *{
	width:calc(50% - 7.5px);
	flex-shrink:0;
}
/* Trang tin tức */
.blog-archive .list-post .post-item .col-inner{
	height:100%;
	background:#fff;
	box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.08);
}
.blog-archive .list-post .post-item .box-text{
	padding:15px;
}
.blog-wrapper .post-sidebar{
	border:none !important;
	padding-left:0;
}
.col-sidebar > .col-inner{
	background:#fff;
	border-radius:3px;
	overflow:hidden;
	box-shadow:0 0 3px rgba(0, 0, 0, 0.08);
}
.title-post-sidebar h3{
	border-bottom:1px solid var(--color-main);
	padding:10px 15px;
	font-size:17px;
	margin:0 0 15px;
	font-weight:600;
}
.post-sidebar .col-post .post-item{
	padding:0 25px;
}
.post-sidebar .col-post .post-item .col-inner{
	border-bottom:1px dotted #efefef;
	padding-bottom:10px;
	margin-bottom:10px;
}
.post-sidebar .col-post .post-item:last-child .col-inner{
	border-bottom:none;
}
.post-sidebar .col-post .post-item .box-image{
	width:90px !important;
	display:block;
}
.post-sidebar .col-post .post-item .box-text{
	padding:0 0 0 10px;
}
.post-sidebar .col-post .post-item .post-title{
	font-size:14px;
	margin:0 0 5px;
	font-weight:500;
}
.post-sidebar .col-post .post-item .date-post-item{
	margin:0;
	padding:0;
	border-top:none;
	font-size:12px;
}
.post-sidebar .col-post .post-item .date-post-item .btn-view{
	display:none;
}
.post-sidebar .col-cat .menu-sidebar{
	padding:0 15px 10px;
}
.post-sidebar .col-cat .menu-sidebar li{
	margin:0 !important;
}
.post-sidebar .col-cat .menu-sidebar li a{
	display:block;
	font-size:15px;
	font-weight:500;
	color:#252a2b;
	border-bottom:1px dashed var(--color-main);
	padding:10px 0;
}
.post-sidebar .col-cat .menu-sidebar li:last-child a{
	border-bottom:none;
}
.post-sidebar .col-cat .menu-sidebar li a:hover{
	color:var(--color-main);
}
.post-sidebar .col-cat .title-post-sidebar h3{
	margin-bottom:0;
}
.col-sidebar:last-child{
	padding-bottom:0;
}
.blog-single h1.entry-title{
	/* 	font-size:22px; */
	margin:0 0 10px;
}
.blog-single .entry-header .inf-post span{
	color:#74839f;
	font-size:15px;
	position:relative;
}
.blog-single .entry-header .inf-post span + span{
	margin-left:30px;
}
.blog-single .entry-header .inf-post span + span:before{
	content:'';
	position:absolute;
	top:50%;
	transform:translatey(-50%);
	left:-20px;
	width:6px;
	height:6px;
	border-radius:50%;
	background:#74839f;
}
.blog-single article{
	background:#fff;
	padding:15px 20px;
	border-radius: 3px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.08);
}
.rpbt_shortcode .related-gallery{
	padding:0 15px;
}
.rpbt_shortcode .gallery-item{
	padding:0;
	background:#fff;
	box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.08);
	border-radius:5px;
	overflow:hidden;
}
.rpbt_shortcode .owl-item .gallery-item{
	max-width:100%;
	height:100%;
}
.rpbt_shortcode .gallery-icon{
	position:relative;
	padding-top:56.25%;
	overflow:hidden;
}
.rpbt_shortcode .gallery-icon a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.rpbt_shortcode .gallery-icon a img{
	width:100%;
	height:100%;
	object-fit:cover;
	transition:all 0.6s;
}
.rpbt_shortcode .gallery-item:hover .gallery-icon a img{
	transform:scale(1.1);
}
.rpbt_shortcode figcaption{
	padding:15px;
}
.rpbt_shortcode figcaption > a{
	text-align:left;
	margin: 0 0 7px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all 0.3s;
	font-size: 16px;
	font-weight:700;
	color:#000;
	line-height:1.35;
}
.rpbt_shortcode .gallery-item:hover figcaption > a{
	color:var(--color-main);
}
.rpbt_shortcode figcaption .the_excerpt{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size:14.4px;
	text-align:left;
	line-height:1.4;
	margin:0 0 5px;
}
.rpbt_shortcode .rpbt-post-date{
	text-align:left;
	color:#74839f;
}

/* Trang giới thiệu */
.sec-banner-link-page .title-page h1{
	font-size:30px;
	text-transform:uppercase;
	letter-spacing:1px;
	margin:0 0 5px;
}
.col-inf .txt{
	padding:0 25px;
}
.col-chatluong .icon-box + .icon-box{
	margin-top:40px;
}
.col-chatluong .icon-box .icon-box-text h3{
	font-size:18px;
	margin:0 0 5px;
}
.col-chatluong .icon-box .icon-box-text p{
	font-size:15px;
	margin:0;
}
.col-cmt > .col-inner{
	padding:0 100px;
}
.col-cmt .avatar-ceo{
	width:120px !important;
	height:120px;
	border-radius:50%;
	margin:0 auto 15px;
	overflow:hidden;
}
.col-cmt .txt-cmt p{
	font-size:18px;
	margin:0 0 5px;
}
.col-cmt .txt-author p{
	font-size:15px;
	font-weight:600;
	margin:0;
	color:#aaa;
}
.row-slider-cmt{
	max-width:900px !important;
}
.col-camket .icon-box .icon-box-img img{
	transition:all 1s;
}
.col-camket .col-inner:hover .icon-box .icon-box-img img{
	transform:rotatey(360deg);
}
.col-camket .icon-box h3{
	font-size:18px;
	font-weight:500;
	margin:0 0 5px;
}
.col-camket .icon-box p{
	margin:0;
	font-size:15px;
	line-height:1.4;
}

/* Danh mục sản phẩm */
.category-page-row{
	padding-top:0;
}
.col-sidebar.col-loc .woof_redraw_zone{
	padding:0 15px;
}
.col-sidebar.col-loc .woof_redraw_zone .woof_list li + li{
	margin-top:5px;
}
.col-sidebar.col-loc .woof_redraw_zone .woof_list label{
	padding-bottom:0;
	margin-bottom:0;
	font-weight:500;
	font-size:15px;
}
.col-sidebar.col-loc .woof_redraw_zone .woof_submit_search_form_container{
	display:none;
}
.shop-page-title .page-title-inner{
	padding-top:8px;
	padding-bottom:5px;
}
.products .product-small.box .box-text{
	text-align:center;
}

/* Chi tiết sản phẩm */
.sec-chitiet-sanpham .row-content > .col-left{
	max-width: 45%;
	-ms-flex-preferred-size: 45%;
	flex-basis: 45%;
}
.sec-chitiet-sanpham .row-content > .col-right{
	max-width: 55%;
	-ms-flex-preferred-size: 55%;
	flex-basis: 55%;
}
.sec-chitiet-sanpham .row-content > .col-left .col-inner{
	padding:0 0 15px 15px;
	border-radius:5px;
	overflow:hidden;
	background:#fff;
}
.sec-chitiet-sanpham .row-content > .col-left .col.large-10{
	padding-bottom:0;
	max-width: 100%;
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	padding-top: 15px;
	margin-right: 15px;
}
.woocommerce-product-gallery .flickity-slider .woocommerce-product-gallery__image{
	padding-top:100%;
}
.woocommerce-product-gallery a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.woocommerce-product-gallery a img{
	width:100%;
	object-fit:cover;
	height:100%;
}
.woocommerce-product-gallery .image-tools a.button{
	display:none;
}

.product-thumbnails .flickity-slider .col:last-child{
	padding-bottom:0 !important;
}
.sec-chitiet-sanpham .vertical-thumbnails::-webkit-scrollbar{
	width:3px;
}
.sec-chitiet-sanpham .vertical-thumbnails::-webkit-scrollbar-track {
	border-radius:5px;
	background: #f1f1f1;
}
.sec-chitiet-sanpham .vertical-thumbnails::-webkit-scrollbar-thumb {
	background: #888;
	border-radius:5px;
}
.sec-chitiet-sanpham .vertical-thumbnails::-webkit-scrollbar-thumb:hover {
	background: #555;
}

.sec-chitiet-sanpham h1.product-title{
	font-size:24px;
	margin:0 0 5px;
}
.stt-pro {
	font-size:15px;
}
.stt-pro .status{
	position:relative;
}
.stt-pro .status + .status{
	margin-left:20px;
}
.stt-pro .status + .status:before{
	content:'';
	position:absolute;
	top:50%;
	transform:translatey(-50%);
	height:15px;
	width:1px;
	background:var(--color-main);
	left:-10px;
}
.stt-pro .status .name{
	color:var(--color-main);
	font-weight:700;
}
.product-price-container {
	padding:15px;
	background:#FAFAFA;
	border-radius:4px;
	margin:15px 0;
	display:flex;
	align-items:center;
}
.product-price-container:before{
	content:'Giá:';
	line-height:1.1;
	font-size:15px;
	font-weight:600;
	min-width:130px;
}
.product-price-container .product-page-price{
	margin:0;
}
.product-price-container bdi{
	font-size:28px;
	font-weight:700;
}
.product-price-container del bdi{
	font-weight:500;
	font-size:18px;
}
.add-to-cart-container form,
.add-to-cart-container .woocommerce-variation-add-to-cart{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.add-to-cart-container form.variations_form > div{
	width:100%;
}
.add-to-cart-container form .quantity,
.product-lightbox-inner :is(.woocommerce-variation-add-to-cart,form.cart) .quantity{
	width:100%;
	padding:0 15px;
	margin:0 0 15px;
	align-items:center;
}
.add-to-cart-container form .quantity input,
.product-lightbox-inner :is(.woocommerce-variation-add-to-cart,form.cart) .quantity input{
	min-height:unset;
	height:40px;
	width:40px;
	flex-shrink:0;
	padding:0;
	font-size:24px;
	line-height:1;
}
.add-to-cart-container form .quantity input[type=number]{
	font-size:18px;
	font-weight:600;
}
.add-to-cart-container form .quantity:before,
.product-lightbox-inner :is(.woocommerce-variation-add-to-cart,form.cart) .quantity:before{
	content:'Số lượng:';
	min-width:130px;
	line-height:1.1;
	font-size:15px;
	font-weight:600;
}
.add-to-cart-container form button,
.product-lightbox-inner :is(.woocommerce-variation-add-to-cart,form.cart) button{
	width:calc(50% - 10px);
	margin:0;
	height:45px;
	border-radius:5px;
	font-size:15px !important;
	font-weight:600;
	display:inline-flex;
	align-items:center;
	justify-content:center;
}

form button.single_add_to_cart_button{
	background-color:var(--do) !important;
}
.add-to-cart-container form button.buy_now_button{
	background-color:var(--vang);
}
.cart.variations_form .variations th.label{
	padding:0 0 0 15px;
	border:none;
	text-transform:initial;
	font-size:16px;
	width:145px;
}
.cart.variations_form .variations ul.single-product-variable-items li{
	margin:0 10px 10px 0 !important;
	padding:5px 10px !important;
	border:1px solid #bdbfbe !important;
	box-shadow:none !important;
	border-radius:4px !important;
	overflow:hidden;
	position:relative;
	transition:all 0.3s;
}
.cart.variations_form .variations ul.single-product-variable-items li:before{
	content: '';
	position: absolute;
	right: -22px;
	top: -7px;
	width: 50px;
	height: 20px;
	background: var(--vang);
	transform: rotate(45deg);
	display:none;
}
.cart.variations_form .variations ul.single-product-variable-items li:after{
	content:'\f00c';
	font-family:'Fontawesome';
	position:absolute;
	top:1px;
	right:2px;
	font-size:9px;
	color:#fff;
	display:none;
}
.cart.variations_form .variations ul.single-product-variable-items li:hover,
.cart.variations_form .variations ul.single-product-variable-items li.selected{
	border-color:var(--vang) !important;
}
.cart.variations_form .variations ul.single-product-variable-items li.selected:before,
.cart.variations_form .variations ul.single-product-variable-items li.selected:after{
	display:block;
}
.cart.variations_form .variations ul.single-product-variable-items li span{
	font-size:14px;
	padding:0;
}
.cart.variations_form .variations button.reset_variations{
	display:none !important;
}
.cart.variations_form .variations{
	margin:0;
}
.sec-chitiet-sanpham .row-camket{
	margin-top:20px;
}
.sec-chitiet-sanpham .row-camket .icon-box .icon-box-text{
	padding-left:7px;
	display:flex;
	justify-content:center;
	flex-direction:column;
}
.sec-chitiet-sanpham .row-camket .icon-box .icon-box-text p{
	font-size:14px;
	color:#252a2b;
	line-height:1.3;
}
.mota-sp p.txt-title{
	margin-bottom:15px;
	border-bottom:2px solid #ededed;
	font-weight:600;
	text-transform:uppercase;
}
.mota-sp p.txt-title span{
	display:block;
	padding-bottom:5px;
	width:max-content;
	border-bottom:2px solid #252a2b;
	margin-bottom:-2px;
}
.related-products-wrapper{
	border:none !important;
}
.related-products-wrapper h3.product-section-title{
	max-width:100%;
	font-size:24px;
	font-weight:700;
	text-transform:initial;
	margin:0 0 15px;
	padding-bottom:0;
}
.related-products-wrapper .product-small .box-text{
	text-align:center;
}

/* Product lightbox */
.product-lightbox-inner{
	padding:30px 20px !important;
}
.product-lightbox-inner .cart.variations_form .variations th.label{
	padding:0;
	width:115px;
}
.product-lightbox-inner :is(.woocommerce-variation-add-to-cart,form.cart){
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.product-lightbox-inner :is(.woocommerce-variation-add-to-cart,form.cart) .quantity{
	padding-left:0;
}
.product-lightbox-inner :is(.woocommerce-variation-add-to-cart,form.cart) button{
	padding:0 5px;
	font-size:14px !important;
	font-weight:400;
	height:40px !important;
}
.product-lightbox-inner :is(.woocommerce-variation-add-to-cart,form.cart) .quantity:before{
	min-width:100px;
}
.product-lightbox-inner :is(.woocommerce-variation-add-to-cart,form.cart) .quantity input{
	height:35px;
	width:35px;
	font-size: 20px;
}


/* checkout */
.woocommerce .checkout.woocommerce-checkout {
	width:100%;
	max-width:1100px;
	margin:0 auto !important;
}

/*  */
.col-right-page-cs > .col-inner{
	background:#fff;
}
.col-right-page-cs .menu-cs {
	padding:0 15px 20px;
}
.col-right-page-cs .menu-cs .ux-menu-link +.ux-menu-link{
	margin-top:8px !important;
}
.col-right-page-cs .menu-cs .ux-menu-link a{
	min-height:unset;
	padding:2px 0;
}
.col-right-page-cs .menu-cs .ux-menu-link a:hover{
	color:var(--color-main);
}
.row-form-f{
	position:relative;
	margin-bottom:30px;
	padding-bottom:30px;
}
.row-form-f:before{
	content:'';
	position:absolute;
	bottom:0;
	left:50%;
	transform:translatex(-50%);
	width:100vw;
	height:1px;
	background:rgba(51, 51, 51, 0.04);
}
.row-form-f .col-form-f > .col-inner{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.col-form-f .form-nhan-tin{
	display:flex;
	align-items:center;
	gap:0 20px;
}
.col-form-f .form-nhan-tin h3.title-form,
.folow-f > span{
	font-size:20px;
	font-weight:700;
	margin:0;
	width:max-content;
	display:inline-block;
	color:#000;
}
.col-form-f .form-nhan-tin > p{
	display:flex;
	gap:0 20px;
}
.col-form-f .form-nhan-tin input{
	height:40px;
	margin:0;
	border-radius:99px;
}
.col-form-f .form-nhan-tin input[type=email]{
	border:2px solid #f27121;
	background:url(/wp-content/uploads/2025/01/email.png) no-repeat;
	background-size:20px;
	background-position:10px 50%;
	padding-left:40px;
	max-width:290px;
}
.col-form-f .form-nhan-tin input[type=submit]{
	padding-left:30px;
	padding-right:30px;
	font-size:15px;
	font-weight:600;
	letter-spacing:1.2px;
}
.folow-f{
	display:flex;
	align-items:center;
}
.folow-f a{
	margin:0 !important;
}
.folow-f a + a{
	margin-left:6px !important;
}
.sec-footer .col1f{
	max-width: 32%;
	-ms-flex-preferred-size: 32%;
	flex-basis: 32%;
}
.sec-footer :is(.col2f,.col3f){
	max-width: 20%;
	-ms-flex-preferred-size: 0%;
	flex-basis: 20%;
}
.sec-footer .col4f{
	max-width: 28%;
	-ms-flex-preferred-size: 28%;
	flex-basis: 28%;
}
.contact-f h3{
	text-transform:uppercase;
	margin:0 0 15px;
	color:var(--color-main);
	font-size:18px;
}
.contact-f p{
	margin:0 0 10px;
}
.contact-f p a{
	color:#000;
	transition:all 0.3s;
}
.contact-f p a:hover{
	color:var(--color-main);
}
.contact-f p i{
	color:var(--color-main);
	width:20px;
}
.title-f p{
	margin:0 0 15px 0;
	text-transform:uppercase;
	font-weight:700;
	color:var(--color-main);
	font-size:18px;
}
.menu-f .ux-menu-link + .ux-menu-link{
	margin-top:7px !important;
}
.menu-f .ux-menu-link a{
	min-height:unset;
	transition:all 0.3s;
	padding:0;
}
.menu-f .ux-menu-link a:hover{
	color:var(--color-main) !important;
}
.menu-f .ux-menu-link a i{
	width:unset;
	transform:translate(0,1px);
	transition:all 0.3s !important;
}
.menu-f .ux-menu-link a:hover i{
	transform:translate(3px,1px);
	color:var(--xanh) !important;
}
.logo-bct-f{
	max-width:150px !important;
}
.map-f{
	height:200px;
}
.off-canvas-right .mfp-content, .off-canvas-left .mfp-content{
	width:100%;
	max-width:320px;
}
.icon-menu{
	font-size:22px !important;
	color:var(--color-main);
}
.mobile-sidebar .nav-sidebar > li > a{
	font-size:16px;
	color:var(--color-main);
}
.mobile-nav  li.cart-item > a i{
	background:none;
}
.mobile-sidebar .header-search-form :is(input,button){
	height:40px;
}
.mobile-sidebar .header-search-form input{
	border-right:none;
	border-radius:5px 0 0 5px;
}
.mobile-sidebar .header-search-form button{
	width:50px;
	border-radius:0 5px 5px 0;
	border:none;
}

.product-small .box-text .price-wrapper > .price{
	display:none;
}
.large-2.vertical-thumbnails{
	display: none;
}




@media only screen and (max-width:1200px){
	.col-form-f .form-nhan-tin {
		align-items: flex-start;
		gap: 10px 0;
		flex-direction: column;
	}
	.folow-f {
		flex-wrap: wrap;
		gap: 10px 0;
	}
	.folow-f > span{
		width:100%;
		padding:0;
	}
	#logo {
		width: 110px !important;
	}
	.header-nav-main.nav-left {
		gap: 5px;
		padding-right: 30px;
		padding-left: 0;
	}
	.header-nav-main.nav-right > li {
		margin: 0 9px;
	}
}
@media only screen and (max-width:849px){
	.sec-footer .col1f,.sec-footer .col4f{
		max-width: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}
	.sec-footer :is(.col2f,.col3f) {
		max-width: 50%;
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
	}
	.map-f {
		height: 400px;
	}
	.folow-f{
		justify-content: flex-end;
	}
	.folow-f > span {
		text-align: right;
	}
	.sec-banner-home:before{
		display:none;
	}
	.row-pro-banner > .col-right {
		max-width: 100%;
		flex-basis: 100%;
	}
	.list-post h1.title-cat{
		text-align:center;
		text-transform:uppercase;
		color:var(--color-main);
	}
	.list-post .col.post-item{
		max-width: 50%;
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
	}
	#shop-sidebar .col-sidebar{
		padding-left:0;
		padding-right:0;
	}
	.header-wrapper.stuck #masthead {
		display: block;
	}
	.sec-chitiet-sanpham .row-content > .col-left,
	.sec-chitiet-sanpham .row-content > .col-right{
		max-width: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}
	.sec-chitiet-sanpham .row-content > .col-left .col.large-10{
		padding-bottom:20px;
	}
	.sec-chitiet-sanpham .row-content > .col-left .col-inner{
		padding:0;
	}

}
@media only screen and (max-width:568px){
	.row-form-f .col-form-f > .col-inner {
		flex-direction: column;
	}
	.col-form-f .form-nhan-tin h3.title-form{
		text-align:center;
		width:100%;
	}
	.col-form-f .form-nhan-tin > p {
		gap: 0;
	}
	.col-form-f .form-nhan-tin input[type=email]{
		max-width:100%;
		padding-right:140px
	}
	.col-form-f .form-nhan-tin > p {
		gap: 0;
		border-radius: 99px;
		overflow: hidden;
		position:relative;
	}
	.col-form-f .form-nhan-tin input[type=submit]{
		position:absolute;
		right:0;
		top:0;
		padding:0 5px;
		width:130px;
	}
	.folow-f {
		justify-content: center;
		padding-top:15px;
	}
	.folow-f > span{
		display:none;
	}
	.map.map-lh {
		height: 300px;
	}
	.list-post .col.post-item{
		max-width: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}
	.col-sidebar.col-post .post-item .box{
		display:flex;
	}
	.post-sidebar .col-post .post-item .box-image{
		flex-shrink:0;
	}
	.col-inf .txt {
		padding: 0;
		text-align:justify !important;
	}
	.col-inf .txt h3{
		font-size:20px;
		text-align:center;
	}
	.col-cmt > .col-inner {
		padding: 0;
	}
	.col-title-flex .btn-flex{
		display:none;
	}
	.col-title-flex{
		padding-bottom:15px;
	}
	.col-bg.col-pro-ocop > .col-inner{
		padding:0;
		background:transparent;
		border-radius:0;
	}
	.row.pro-ocop .col{
		padding-bottom:30px;
	}
	.row.pro-ocop .col .col-inner{
		border:none;
		padding:5px !important;
		background:#fff;
		border-radius:5px;
		overflow:hidden;
		box-shadow:0 0 3px rgba(0, 0, 0, 0.08);
	}
	.pro-ocop .product-small .box-image{
		width:100% !important;
	}
	.pro-ocop .product-small .box-text{
		padding:10px;
		text-align:center;
	}
	.pro-ocop.hide-quick-view .btn-quick-view-2 {
		display: block !important;
	}
	.product-lightbox-inner .cart.variations_form .variations th.label{
		width:max-content;
	}
	.add-to-cart-container form button,
	.product-lightbox-inner :is(.woocommerce-variation-add-to-cart,form.cart) button{
		width:100%;
		margin-bottom:15px;
	}
	.product-price-container bdi {
		font-size: 22px;
	}
	.product-price-container:before,.add-to-cart-container form .quantity:before{
		min-width:100px;
	}
	.cart.variations_form .variations th.label{
		width:115px;
	}
}
@media only screen and (max-width:440px){
	.sec-footer :is(.col2f,.col3f) {
		max-width: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}
	.map-f {
		height: 250px;
	}
	.product-small.box .btn-quick-view-2{
		padding-left: 5px;
		font-weight:600;
	}
	.product-small.box .btn-quick-view-2 i{
		margin-left:5px;
		width: 25px;
        height: 25px;
        font-size: 10px;
	}
	.product-small .product-title a{
		min-height:36px;
	}
	.col-bg > .col-inner {
		padding: 15px 10px;
	}
	.stt-pro .status{
		display:block;
		margin:0 !important;
	}
	.stt-pro .status + .status:before{
		display:none;
	}
	.product-price-container:before{
		min-width:unset;
		width:max-content;
		margin-right:20px;
	}
	.product-price-container del bdi {
		font-weight: 400;
		font-size: 16px;
	}
	.related-products-wrapper h3.product-section-title {
		font-size: 20px;
	}
	.add-to-cart-container form .quantity input{
		height: 35px;
		width: 35px;
	}
}