/*
Theme Name:   Flatsome Child - Maxweb
Theme URI:    https://maxweb.vn
Description:  Child theme của Flatsome dùng cho khung web mẫu chuẩn nhận diện Maxweb. Kỹ thuật tùy biến code tại đây, không sửa trực tiếp theme cha để đảm bảo cập nhật an toàn.
Author:       Maxweb
Author URI:   https://maxweb.vn
Template:     flatsome
Version:      1.0.0
Text Domain:  flatsome-child
*/

/* =========================================================
BIẾN MÀU NHẬN DIỆN MAXWEB
Đổi nhanh nhận diện toàn site tại đây (hoặc chỉnh trong
plugin Maxweb Setting). Khi có mã màu chính thức của khách,
thay giá trị bên dưới.
========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
:root {
	--mw-primary: #e30613;      /* Đỏ chủ đạo Maxweb (nút, hotline) */
	--mw-primary-dark: #b30410;
	--mw-secondary: #0068ff;    /* Xanh Zalo / phụ */
	--mw-dark: #1f2733;
	--mw-light: #f7f7f7;

	--do: #b41712;
	--xanh: #47A7D7;
}

/* =========================================================
CSS TÙY BIẾN CHUNG
Ghi chú: CSS chi tiết nên viết trong assets/css/custom.css
để dễ quản lý. File style.css này chủ yếu khai báo theme.
========================================================= */
*{
	text-underline-offset: 4px;
}
html,body,span,label,a,p,button,b,div{
	font-family: "Montserrat", sans-serif;
}
h1,h2,h3,h4,h5,h6,.nav > li > a,nav,li{
	font-family: "Montserrat", sans-serif !important;
}
h1,h2,h3,h4,h5,h6,.uppercase{
	line-height:inherit;
}
:is(.icon-box,.single-page,.box) :is(h1,h2,h3, h4, h5, h6){
	line-height:1.3;
}
.uxb-draggable *{
	pointer-events:initial !important;
}
b,strong{
	font-weight:bold;
}
form{
	margin:0 !important;
}
form .wpcf7-acceptance{
	display:block;
	margin-bottom:16px;
}
form .wpcf7-acceptance a{
	text-decoration:underline;
	font-weight:500;
	color:#0064e0 !important;
}
form .wpcf7-acceptance input[type=checkbox]{
	height: initial !important;
	margin:0 6px 0 0;
}
form .wpcf7-acceptance .wpcf7-list-item{
	margin:0;
}
form .wpcf7-acceptance .wpcf7-list-item-label{
	font-weight:400;
	line-height:1.35;
}
form input:not([type=submit]),textarea,select{
	box-shadow:none !important;
}
input[type=submit],
form.wpcf7-form button[type=submit]{
	margin:0;
}
form.wpcf7-form input:not([type="checkbox"]):not([type="radio"]),
form.wpcf7-form select,
form.wpcf7-form textarea,
form.wpcf7-form button {
	border-radius: 5px;
}

form.wpcf7-form input:not([type="checkbox"]):not([type="radio"]),
form.wpcf7-form select,
form.wpcf7-form button {
	height: 45px;
}
form.wpcf7-form p.label{
	font-weight:500;
	margin:0 0 3px;
}
form.wpcf7-form .wpcf7-acceptance label{
	font-size:14px;
	font-weight:400;
	line-height:1.35;
	display:flex;
}
.form-flex{
	display:flex;
	flex-wrap:wrap;
	gap:0 15px;
	justify-content:space-between;
}
.form-flex .r50{
	width:calc(50% - calc(15px / 2));
}
.form-flex .r100{
	width:100%;
}
.btn-submit-center input[type=submit]{
	margin:0 auto;
	display:block;
}
.input-w100 input{
	width:100%;
}
.txt-jus{
	text-align:justify;
}
.txt-jus :is(h1,h2,h3,h4,h5,h6){
	text-align:left;
}
a{
	cursor:pointer;
	transition:all 0.3s;
}
.w100{
	width:100% !important;
}
.btn-m0{
	margin:0;
}
.wpcf7-spinner,.product-images .image-tools.bottom.left,.post-item .is-divider,aside > .is-divider,.entry-header .is-divider{
	display:none !important;
}
.section-content{
	/* 	z-index:unset !important; */
}
.dark, .dark p, .dark td{
	color:#fff;
}
.accordion-inner .text > *:last-child,
.accordion-inner .text > *:has(+ style){
	margin-bottom:0 !important;
}
.pd-b0,.ga-pd-b0 .col{
	padding-bottom:0 !important;
}
.ul-mb0 ul{
	margin-bottom:0;
}
.banner :is(h1,h2,h3,h4,h5,h6,p){
	margin-top:0;
}
.p-mb0 p,.title-mb0 :is(h1,h2,h3,h4,h5,h6),.img-mb0 img{
	margin-bottom:0 !important;
}
.p-mb5 p,.title-mb5 :is(h1,h2,h3,h4,h5,h6),.img-mb5 img{
	margin-bottom:5px !important;
} 
.p-mb10 p,.title-mb10 :is(h1,h2,h3,h4,h5,h6),.img-mb10 img{
	margin-bottom:10px !important;
}
.p-mb15 p,.title-mb15 :is(h1,h2,h3,h4,h5,h6),.img-mb15 img{
	margin-bottom:15px !important;
}
.p-mb20 p,.title-mb20 :is(h1,h2,h3,h4,h5,h6),.img-mb20 img{
	margin-bottom:20px !important;
}
.p-mb25 p,.title-mb25 :is(h1,h2,h3,h4,h5,h6),.img-mb25 img{
	margin-bottom:25px !important;
}
.p-mb30 p,.title-mb30 :is(h1,h2,h3,h4,h5,h6),.img-mb30 img{
	margin-bottom:30px !important;
}
.p-w400 p, .title-w400 :is(h1,h2,h3,h4,h5,h6),
.btn-w400,.strong-w400 strong{
	font-weight:400 !important;
}
.p-w500 p, .title-w500 :is(h1,h2,h3,h4,h5,h6),
.btn-w500,.strong-w500 strong{
	font-weight:500 !important;
}
.p-w600 p,.title-w600 :is(h1,h2,h3,h4,h5,h6),
.btn-w600,.strong-w600 strong{
	font-weight:600 !important;
}
.p-w700 p,.title-w700 :is(h1,h2,h3,h4,h5,h6),
.btn-w700{
	font-weight:700 !important;
}
.p-w800 p,.title-w800 :is(h1,h2,h3,h4,h5,h6),
.btn-w800{
	font-weight:800 !important;
}
.p-w900 p,.title-w900 :is(h1,h2,h3,h4,h5,h6),
.btn-w900{
	font-weight:900 !important;
}
.title-f30 :is(h1,h2,h3,h4){
	font-size:30px;
}
.title-f20 :is(h1,h2,h3,h4){
	font-size:20px;
}
.is-uppercase, .uppercase{
	line-height:inherit;
	letter-spacing:inherit;
}
.col-h100 > .col-inner{
	height:100%;
}
.col-hide > .col-inner{
	overflow:hidden;
}
.col .col-inner > .is-border{
	z-index:1;
	pointer-events:none !important;
}
.col-float-left > .col-inner{
	margin-left:0 !important;
	margin-right:auto !important;
}
.col-center > .col-inner{
	margin-left:auto !important;
	margin-right:auto !important;
}
.col-float-right > .col-inner{
	margin-left:auto !important;
	margin-right:0 !important;
}
.img-h100 :is(.img,.img-inner){
	height:100%;
}
.img-h100 img{
	height:100%;
	object-fit:cover;
}
.img-white img{
	filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(1);
}
.absolute-footer{
	background-color: #000000 !important;
	padding:0;
}
.footer-secondary{
	display:none;
}
.footer-primary,.copyright-footer{
	width:100%;
	text-align:center;
	color:#ffffff;
	position:relative;
}
.footer-primary{
	padding:10px 0 15px;
}
.blog-wrapper{
	padding-top:0;
	padding-bottom:0;
}
.single-page{
	text-align:justify;
	padding-top:0;
}
.single-page figure{
	margin-left:auto;
	margin-right:auto;
}
#top-link{
	width: 40px;
	height: 40px;
	border-radius: 5px !important;
	border: 1px solid #c72528 !important;
	color: #fff !important;
	background: url(/wp-content/uploads/2026/09/top.png) #c72528;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	right: 16px;
	min-width:unset;
}
#top-link i{
	display:none;
}
table {
	border:1px solid #ececec;
	border-collapse: collapse;
}
th,td{
	border:1px solid #ececec;
	padding:12px !important;
	font-size:initial;
	color:initial;
}
.row-full-width{
	margin-left:0 !important;
	margin-right:0 !important;
}
.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:0 !important;
	width:8px !important;
	height:8px !important;
	transition:all 0.3s;
}
.owl-theme .owl-dots .owl-dot.active span{
	background:var(--do) !important;
	width:15px !important;
}
.owl-theme .owl-dots .owl-dot:hover span{
	background:var(--do) !important;
}
.owl-nav{
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	transform:translatey(-50%);
	margin:0 !important;
}
.owl-nav button{
	min-height:unset;
	width:40px;
	height:40px;
	border:1px solid var(--do) !important;
	border-radius:50% !important;
	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;
	background:transparent !important;
	color:var(--do) !important;
	font-size:16px !important;
}
.owl-nav button.owl-prev{
	left:-45px;
}
.owl-nav button.owl-next{
	right:-45px;
}

.owl-nav button:hover{
	background:var(--do) !important;
	color:#fff !important;
}
.accordion button.toggle{
	pointer-events:none !important;
}
.map :is(p,iframe){
	width:100%;
	height:100%;
	margin:0;
}
.pum-overlay.pum-overlay-disabled {
	visibility: inherit !important;
}
.pum-container{
	max-height:90vh;
	overflow-y:auto !important;
	scrollbar-width: none;
}
.pum-container::-webkit-scrollbar {
	display: none;
}
.button.btn-center,
.text-center .button.btn-center{
	display:block;
	width:max-content;
	margin:0 auto !important;
	margin-left:auto !important;
	margin-right:auto !important;
}
.icon-box.icon-center .icon-box-img :is(.icon,.icon-inner){
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
}
.icon-box.icon-center img{
	padding-top:0;
}
.icon-box.icon-txt-center .icon-box-text{
	display:flex;
	flex-direction:column;
	justify-content:center;
}

.woocommerce-product-gallery{
	border:1px solid #ddd;
	background:#F6F8FA;
}
.woocommerce-product-gallery .woocommerce-product-gallery__image a{
	position:relative;
	padding-top:75%;
	display:block;
	width:100%;
}
.woocommerce-product-gallery .woocommerce-product-gallery__image a img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}
#button-contact-vr {
	z-index: 9;
}
.post-item .col-inner{
	height:100%;
	transition:all 0.3s;
}
.post-item .date-post{
	position: absolute;
	left: 0;
	top: 25px;
	padding: 5px 16px;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	background: var(--do);
	border-radius: 0 17px 17px 0;
	z-index: 1;
}
.post-item .date-post i{
	margin-right:5px;
}
.post-item .post-title{
	margin:0 0 10px;
	font-size:16px;
	font-weight:600;
}
.post-item .post-title a{
	margin:0;
	color:#000;
	line-height:1.35;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	transition:all 0.3s;
}
.post-item .post-title a:hover{
	color:var(--do);
}
.post-item .from_the_blog_excerpt {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size:14px;
}
#post-list .post-item .col-inner:hover .box-image img{
	transform:scale(1.1);
}
.linkpage{
	line-height:1.2;
}
form.custom-search-form{
	display:flex;
	align-items:center;
}
form.custom-search-form :is(input,button){
	margin:0;
	min-height:unset;
	height:50px !important;
	font-size:15px;
	box-shadow:none !important;
	font-weight:500;
}
form.custom-search-form button[type=submit]{
	padding:0 15px;
	display:flex;
	align-items:center;
	justify-content:center;
	background:var(--do);
	color:#fff;
	font-weight:700;
	transition:all .3s;
	text-transform:initial;
}

/* box product */
.product-small .col-inner,
.product-style .col-inner{
	height:100%;
	background:#fff;
	border-radius:10px;
	overflow:hidden;
	border:1px solid #C5C7C8;
}
.product-small .box-image .trang-thai-dau-gia{
	position:absolute;
	top:12px;
	left:12px;
	padding:5px 12px;
	background:#FEE3CF;
	border-radius:99px;
	border:1px solid #FAD7BE;
	z-index:1;
	color:var(--do);
	font-weight:600;
	font-size:14.4px;
	line-height:1.35;
}
.product-small .box-image .trang-thai-dau-gia.da-dau-gia{
	background: #173b5e;
	color: #fff;
	border: 1px solid #173b5e;
}
.product-small .box-image .trang-thai-dau-gia.dang-dau-gia{
	background: #dcfce7;
	color: #15803d;
	border: 1px solid #bbebcd;
}
.product-small .box-text{
	padding:15px 15px 20px;
}
.product-small .product-title{
	margin: 0 0 7px;
	font-weight:600;
	font-size:16px;
}
.product-small .product-title a{
	color:#000;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.product-small .price-wrapper{
	display:none !important;
}
.product-small .auction-address{
	font-weight:600;
	color:#353d47;
	font-size:14px;
}
.product-small .auction-address i{
	color:#627186;
	margin-right:5px;
	font-size:13px;
}
.product-small .auction-start-price{
	border-top:1px solid #E7EBF1;
	padding-top:12px;
	margin-top:12px;
}
.product-small .auction-box-info .auction-start-price .auction-label {
	display: block;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.35;
	color:#353d47;
}
.product-small .auction-box-info .auction-start-price .auction-price {
	display: block;
	margin-top: 2px;
	color: #bd080b;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
	overflow-wrap: anywhere;
}
.product-small .auction-box-info .auction-time {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin-top: 14px;
}
.auction-box-info .auction-time svg {
	flex-shrink: 0;
	color:#627283;
	transform:translatey(4px);
}
.auction-box-info .auction-time .auction-label{
	font-size:14px;
	margin-bottom:2px;
	display:block;
}
.auction-box-info .auction-time strong {
	display: block;
	font-size: 16px;
	line-height: 1.4;
	font-weight:600;
}
.auction-box-info .auction-detail-button {
	display: block;
	margin-top: 16px !important;
	padding: 12px 12px;
	border-radius: 6px;
	background: #c71920;
	color: #fff;
	text-align: center;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.4;
	transition: background-color 0.2s;
}
.auction-box-info .auction-detail-button:hover {
	background: #1F2230;
	color: #fff;
}


/* Header */
.header-nav-main > li{
	margin:0 17px;
}
.header-nav-main li > a{
	color:#000 !important;
	font-size:16px;
	font-weight:600 !important;
	text-transform:initial !important;
}
.header-nav-main li:hover > a{
	color:var(--do) !important;
}
.header-nav-main .sub-menu{
	padding:0;
}
.header-nav-main .sub-menu li > a{
	font-size:14.4px;
	margin:0;
	padding:12px 15px;
	border:none !important;
	position:relative;
}
.header-nav-main .sub-menu li > a:before{
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	border-top:1px solid var(--do);
	transition:all 0.8s;
	width:0;
	display:block;
}
.header-nav-main .sub-menu li:hover > a:before{
	width:100%;
}
.header-nav-main li.header-search > a{
	padding:0;
	width:42px;
	height:42px;
	border:1px solid var(--do);
	border-radius:50%;
	justify-content:center;
	color:var(--do) !important;
}
#search-lightbox form.searchform input[type=search]{
	font-size:20px;
	height:67px;
}

.datetime-box {
	display: inline-block;
	color: #1f2230;
	line-height: 1.1;
	font-size:12px;
}
.current-time {
	font-size: 24px;
	font-weight: 600;
}
.current-date {
	margin-top: 2px;
	white-space:nowrap;
}

/* sec banner page */
.sec-banner-page{
	padding-top:0 !important;
	padding-bottom:0 !important;
}
.sec-banner-page .txt-title h1,
.sec-banner-page.blog-custom-banner .blog-banner-title{
	font-weight: 600;
	font-size: 28px;
	line-height: 1.35;
	color: #121212;
	margin: 0 0 12px;
}
.sec-banner-page .col-content > .col-inner{
	padding-top: 30px;
	padding-bottom: 26px;
	padding-right:180px;
	border-bottom: 1px solid #E0E0E0;
	background:url(/wp-content/uploads/2026/09/bg-banner-page.png) no-repeat;
	background-size:contain;
	background-size: auto min(130px, calc(100% - 10px));
	background-position:right;
}
.sec-banner-page.no-bg .col-content > .col-inner{
	background:unset;
	padding-right:0;
}

/* Trang giới thiệu */
.sec-content-gt:before,
.sec-content-gt:after{
	content:'';
	position:absolute;
	pointer-events:none;
	display:block;
	width:128px;
	height:247px;
}
.sec-content-gt:before{
	left: 0;
	bottom: 0;
	background:url(/wp-content/uploads/2026/09/banner-leftimg-gallery.png) no-repeat;
	background-position:bottom left;
	background-size:contain;
}
.sec-content-gt:after{
	right: 0;
	bottom: 0;
	background:url(/wp-content/uploads/2026/09/banner-rightimg-gallery.png) no-repeat;
	background-position:bottom right;
	background-size:contain;
}
.sec-cot-moc-gt:before,.sec-cot-moc-gt:after{
	content:'';
	position:absolute;
	pointer-events:none;
	display:block;
}
.sec-cot-moc-gt:before{
	width:183px;
	height:254px;
	background:url(/wp-content/uploads/2026/09/final-content-right.png) no-repeat;
	background-position:top left;
	background-size:contain;
	top:0;
	left:0;
}
.sec-cot-moc-gt:after{
	width:198px;
	height:418px;
	background:url(/wp-content/uploads/2026/09/final-content-left.png) no-repeat;
	background-position:bottom right;
	background-size:contain;
	bottom:0;
	right:0;
}
.row-cot-moc {
	position:relative;
	padding-bottom:18px;
	margin-bottom:40px;
}
.row-cot-moc:before{
	content:'';
	position:absolute;
	bottom:0;
	width:calc(100% - 30px);
	left:50%;
	transform:translatex(-50%);
	border-top: 3px dashed #E0E0E0;
}








/* Liên hệ */
.sec-content-lh .col-item > .col-inner{
	height:100%;
	box-shadow: 3px 5px 20px rgba(0, 0, 0, .06);
	background:#fff;
	padding: 25px;
	overflow:hidden;
}
.sec-content-lh .col-item > .col-inner:before{
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	width:0;
	height:2px;
	background:var(--do);
	transition:all 0.5s;
	z-index:1;
	pointer-events:none;
}
.sec-content-lh .col-item > .col-inner:hover:before{
	width:100%;
}
.sec-content-lh .col-item .icon-box .icon-box-img{
	width:70px !important;
	height:70px !important;
	border-radius:50%;
	background:#fff;
	transition: all .3s;
}
.sec-content-lh .col-item .col-inner:hover .icon-box .icon-box-img{
	background:var(--do);
}
.sec-content-lh .col-item .icon-box .icon-box-img img{
	width:36px;
	transition:all .3s;
}
.sec-content-lh .col-item .col-inner:hover .icon-box .icon-box-img img{
	filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(1);
}
.sec-content-lh .col-item .icon-box h3{
	font-size: 25px;
	font-weight: 600;
	color: #1f2230;
	margin-bottom: 10px;
}
.sec-content-lh .col-item .icon-box p{
	font-weight: 500;
	color: #696969;
	margin-bottom: 0;
}
.sec-content-lh .col-form > .col-inner{
	border-radius: 5px;
	box-shadow: 5px 7px 35px rgba(139, 139, 139, .1);
	padding: 40px;
	background: #fff;
}
.form-lh{
	display:flex;
	flex-wrap:wrap;
	gap:5px 20px;
}
.form-lh input[type=submit]{
	text-transform:capitalize;
	padding:6px 30px;
	height:unset !important;

}
.form-lh input[type=submit]:hover{
	background: #1F2230;
}
.form-lh .r50{
	width:calc(50% - 10px);
}
.form-lh .r100{
	width:100%;
}
.map-lh{
	height:100%;
}

/* Chuyen mục tin tức */
.sec-banner-page.blog-custom-banner .col-content{
	padding-bottom:45px;
}
.blog-archive .row.row-form-search{
	display:none;
}
#post-list .post-item > .col-inner{
	box-shadow: 5px 2px 30px rgba(0, 0, 0, .06);
	border-radius: 5px;
	background:#fff;
	overflow:hidden;
}
#post-list .post-item .box-text{
	padding:15px 15px 20px;
}

/* Chi tiết tin tức */
.blog-single h1.entry-title{
	font-size:28px;
	font-weight:600;
	line-height:1.35;
}
.blog-single .meta-single span{
	font-weight:500;
	font-size:15px;
	color:#696969;
}
.blog-single .meta-single span:not(:last-child){
	margin-right:16px;
}
.blog-single .meta-single span i{
	margin-right:5px;
}
article.post{
	margin-bottom:0;
}
.share-post{
	margin-bottom:45px;
}
.share-post p.txt-title{
	font-size:18px;
	margin:0 0 10px;
	font-weight:600;
}
.share-post .social-item{
	display:flex;
	flex-wrap:wrap;
	gap:15px;
}
.share-post .social-item a{
	display:inline-flex;
	align-items:center;
	height:40px;
	border-radius:5px;
	overflow:hidden;
	font-size:13px;
	color:#fff;
	transition:all 0.2s;
}
.share-post .social-item a:hover{
	filter: saturate(1.5) brightness(1.2);
}
.share-post .social-item a i{
	width:40px;
	flex-shrink:0;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:15px;
	transition:all 0.3s;
}
.share-post .social-item a span{
	display:flex;
	height:100%;
	align-items:center;
	justify-content:center;
	padding:0 15px;
	transition:all 0.3s;
	font-weight:500;
}
.share-post .social-item a.facebook{
	background-color: #3b5998;
}
.share-post .social-item a.twitter{
	background-color: #1da1f2;
}
.share-post .social-item a.linkedin{
	background-color: #0077b5;
}
.share-post .social-item a.email{
	background-color: #ea4335;
}
.share-post .social-item a span{
	background-image: linear-gradient(90deg, rgba(0, 0, 0, .12), transparent);
}
.related-posts h3{
	font-size: 18px;
	color: #000;
	margin: 0 0 10px;
	text-transform: uppercase;
}
.related-posts ul{
	margin-left:20px;
}
.related-posts ul li::marker {
	color: var(--do);
}
.related-posts ul li a{
	color:#000;
	font-weight:500;
	line-height:1.35;
}
.related-posts ul li a:hover{
	color:var(--do);
}

/* Block post sidebar */
.row-sidebar .col-content{
	padding-bottom:45px;
}
.row-sidebar .col-content:last-child{
	padding-bottom:0;
}
.blog-single .row-sidebar .col-content > .col-inner{
	background: #fff;
	box-shadow: 5px 2px 30px rgba(0, 0, 0, .06);
	border-radius: 5px;
	padding: 30px 20px;
}
.row-sidebar .txt-title{
	position:relative;
	margin-bottom:22px;
	padding-bottom:10px;
}
.row-sidebar .txt-title:before{
	position:absolute;
	left:0;
	bottom:0;
	content: "";
	display: block;
	width: 70px;
	height: 3px;
	background: linear-gradient(
		to right,
		#b81914 0 50px,
		transparent 50px 55px,
		#b81914 55px 60px,
		transparent 60px 65px,
		#b81914 65px 70px
	);
}
.row-sidebar .txt-title p{
	margin:0;
	font-size: 22px;
	font-weight: 600;
	line-height:1.35;
}
.row-sidebar .post-item:last-child{
	padding-bottom:0;
}
.row-sidebar .post-item .box{
	display:flex;
}
.row-sidebar .post-item .date-post{
	display:none;
}
.row-sidebar .post-item .box .box-image{
	width:88px !important;
	display:block;
	flex-shrink:0;
}
.row-sidebar .post-item .image-cover{
	padding-top:75% !important;
	border-radius:10px;
}
.row-sidebar .post-item .box-text{
	padding:0 0 0 12px;
}
.row-sidebar .post-item .post-title {
	margin: 0 0 6px;
	font-size: 15px;
}
.row-sidebar .col-social .col-item > .col-inner{
	display:flex;
	flex-wrap:wrap;
	gap:15px;
}
.row-sidebar .col-social .col-item .img{
	width:30px !important;
	margin:0 !important;
}
aside{
	margin:0 !important;
}

/* Trang chủ */
a.btn-view-all{
	border-radius:6px;
	background:#fff;
	border:1px solid var(--do);
	color:var(--do);
	font-weight:600;
	font-size:16px;
	box-shadow:unset !important;
	padding:7px 40px;
}
a.btn-view-all:hover{
	background:var(--do) !important;
	color:#fff ;
}
.title-sec-home{
	display:flex;
	align-items:center;
	justify-content:center;
	margin-bottom:40px;
}
.title-sec-home:before,.title-sec-home:after{
	content:'';
	display:block;
	width:43px;
	height:13px;
	flex-shrink:0;
}
.title-sec-home:before{
	background:url(/wp-content/uploads/2026/09/sec-arro-left.svg) no-repeat;
	background-position:right center;
	background-size:contain;
}
.title-sec-home:after{
	background:url(/wp-content/uploads/2026/09/sec-arro-right.svg) no-repeat;
	background-position:left center;
	background-size:contain;
}
.title-sec-home h2{
	width:max-content;
	max-width:100%;
	line-height:1.35;
	text-align:center;
	margin:0;
	padding:0 15px;
	font-size:27px;
}

.sec-banner-home{
	background:rgb(255, 249, 249);
	background-image: radial-gradient(
		circle,
		#FAF5F5 1.5px,
		transparent 1.3px
	);
	background-size: 15px 15px;
	background-position: 0 0;
}
.sec-banner-home:before{
	content: "";
	position: absolute;
	z-index: 0;
	top: 10px;
	left: -160px;
	width: 680px;
	height: 680px;
	border-radius: 50%;
	pointer-events: none;
	background: radial-gradient(
		circle at center,
		rgba(82, 216, 117, 0.20) 0%,
		rgba(82, 216, 117, 0.13) 25%,
		rgba(82, 216, 117, 0.07) 45%,
		rgba(82, 216, 117, 0.025) 62%,
		transparent 78%
	);
}
.sec-banner-home a.button{
	font-weight:600;
	font-size:16px;
	padding:9px 32px;
	border-radius:5px;
	border:none;
}
.sec-banner-home a.button:hover{
	background-color:#1F2230 !important;
	transform:translatey(-3px);
}
.sec-banner-home:before,
.sec-banner-home:after{
	content:'';
	position:absolute;
}
.sec-banner-home:after{
	content: "";
	right: 0;
	top: 40px;
	bottom: 40px;
	width: 100%;
	max-width: 560px;
	height: auto;
	background: #b41712;
	border-radius: 279px 0 0 279px;
}
.sec-banner-home .col-img > .col-inner{
	width: calc(100% + (100vw - 1270px) * 0.3);
}
.slider-pro-home.owl-carousel{
	margin-left:0 !important;
	margin-right:0 !important;
}
.slider-pro-home .owl-item .col{
	padding:0 0 20px;
}

.ga-doitac .gallery-col .box-image{
	background:#fff;
	border-radius:5px;
}
.ga-doitac .gallery-col .box-image img{
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	right:unset;
	bottom:unset;
	width:unset;
	height:unset;
	max-height:80px;
	max-width:100%;
}
.ga-doitac .gallery-col .box-image:hover img{
	transform:translate(-50%,calc(-50% - 5px));
}
.ga-doitac .owl-stage {
	transition-timing-function: linear !important;
}
.ga-doitac .owl-item .gallery-col{
	padding:0;
} 
.post-home .post-item .box-text{
	position: relative;
	width: 94%;
	min-height:125px;
	padding: 25px 20px;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	z-index: 9;
	box-shadow: 5px 2px 30px rgba(0, 0, 0, .06);
	border-radius: 5px;
	background: #fff;
	transition: all .55s ease-in-out;
	margin-top: -50px;
}
.post-home .post-item .col-inner:hover .box-text{
	transform:translatey(-20px);
}
.post-home .post-item .post-title{
	margin:0;
}
.post-home .post-item .box-image{
	border-radius:10px 10px 0 0;
}

/* Danh mục sản phẩm */
.sec-banner-page.category-custom-banner .col-content{
	padding-bottom:0;
}
.sec-banner-page.category-custom-banner .col-content > .col-inner{
	background:url(/wp-content/uploads/2026/09/bannertaisandaugia.png) no-repeat;
	background-size:contain !important;
	background-position:right !important;
	border-bottom:0;
}
.shop-container .products .product-small .box-image .image-zoom{
	position:relative;
	padding-top:75%;
	overflow:hidden;
}
.shop-container .products .product-small .box-image .image-zoom img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}
.category-page-row{
	padding-top:0;
}


/* CSS bộ lọc */
/* Khung bộ lọc */
.am-auction-filter {
	display: grid;
	grid-template-columns:
		minmax(160px, 1.5fr)
		minmax(135px, 1fr)
		minmax(155px, 1.2fr)
		minmax(125px, 1fr)
		minmax(125px, 1fr)
		120px;
	align-items: center;
	gap: 10px;
	padding: 12px;
	margin-bottom: 25px;
	background: #fff;
	border: 1px solid #C5C7C8;
	border-radius: 6px;
	box-shadow: 0 5px 20px rgba(30, 55, 85, .04);
}

.am-auction-filter,
.am-auction-filter * {
	box-sizing: border-box;
}

/* Không để input ẩn chiếm ô trong grid */
.am-auction-filter > input[type="hidden"] {
	display: none;
}

.am-auction-filter > label {
	position: relative;
	display: block;
	min-width: 0;
	margin: 0;
	font-weight: 500;
}

.am-auction-filter input[type="search"],
.am-auction-filter input[type="date"],
.am-auction-filter select {
	display: block;
	width: 100%;
	min-width: 0;
	height: 42px;
	min-height: 42px;
	margin: 0;
	padding: 0 10px;
	border: 1px solid #C5C7C8;
	border-radius: 4px;
	background-color: #fff;
	color: #536783;
	font-family: inherit;
	font-size: 14px;
	font-weight: 500;
	box-shadow: none;
}

.am-auction-filter select {
	padding-right: 28px;
	cursor: pointer;
}

.am-auction-filter input::placeholder {
	color: #7a8ba3;
	opacity: 1;
}

/* Icon từ khóa */
.am-filter-keyword > svg {
	position: absolute;
	top: 50%;
	left: 11px;
	transform: translateY(-50%);
	color: #71839e;
	pointer-events: none;
}

.am-auction-filter .am-filter-keyword input {
	padding-left: 36px;
}

/* Nhãn ngày */
.am-filter-date > span {
	position: absolute;
	top: -6px;
	left: 8px;
	z-index: 1;
	padding: 0 4px;
	background: #fff;
	color: #696969;
	font-size: 11px;
	line-height: 12px;
	pointer-events: none;
}

.am-auction-filter input[type="date"]::-webkit-calendar-picker-indicator {
	opacity: .65;
	cursor: pointer;
}

/* Focus */
.am-auction-filter input:focus,
.am-auction-filter select:focus {
	outline: none;
	border-color: #c71920;
	box-shadow: 0 0 0 2px rgba(199, 25, 32, .08);
}

/* Nút tìm kiếm */
.am-auction-filter > button {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	height: 42px;
	min-height: 42px;
	margin: 0;
	padding: 0 12px;
	border: 0;
	border-radius: 4px;
	background: #c71920;
	color: #fff;
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0;
	text-transform: none;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color .2s ease;
}

.am-auction-filter > button svg {
	flex-shrink: 0;
}

.am-auction-filter > button:hover {
	background: #a91016;
}

.am-auction-filter > button:focus-visible {
	outline: 2px solid #c71920;
	outline-offset: 3px;
}

/* Tablet: 3 ô mỗi hàng */
@media (max-width: 1099px) {
	.am-auction-filter {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 14px 10px;
	}
}

/* Mobile */
@media (max-width: 649px) {
	.am-auction-filter {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		padding: 12px;
	}

	.am-auction-filter > .am-filter-keyword,
	.am-auction-filter > button {
		grid-column: 1 / -1;
	}

	.am-auction-filter input[type="search"],
	.am-auction-filter input[type="date"],
	.am-auction-filter select {
		font-size: 14px;
	}
}



/* Chi tiết sản phẩm */
.sec-banner-page.banner-page-product .col-content > .col-inner{
	background:url(/wp-content/uploads/2026/09/bannertaisandaugia.png) no-repeat;
	background-size:contain;
	background-position:right;
	padding-right:0;
}
.sec-banner-page.banner-page-product h1.product-title{
	margin:12px 0 0;
	font-size:28px;
	font-weight:600;
	line-height: 1.35;
	color: #121212;
}

/* CSS cho bộ đến ngược thời gian chờ đấu giá */
.am-auction-countdown {
	width: 100%;
	margin: 0 0 20px;
}
.am-auction-countdown [hidden] {
	display: none !important;
}
.am-auction-countdown .am-countdown-title {
	margin: 0 0 15px;
	color: #696969;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
}
.am-countdown-clock {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 8px;
	padding: 20px 12px 16px;
	background: #fff;
	border: 1px solid #dedede;
	box-shadow: 0 5px 20px rgba(0, 0, 0, .06);
}
.am-countdown-unit {
	text-align: center;
}
.am-countdown-number {
	display: block;
	color: #111827;
	font-size: 25px;
	font-weight: 600;
	line-height: 1.2;
	font-variant-numeric: tabular-nums;
}
.am-countdown-label {
	display: block;
	margin-top: 5px;
	color: #64748b;
	font-size: 12px;
	line-height: 1.4;
	text-transform: uppercase;
}
.am-countdown-status {
	padding: 18px;
	border: 1px solid;
	border-radius: 4px;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
}
.am-countdown-status.is-live {
	color: #15803d;
	background: #f0fdf4;
	border-color: #bbf7d0;
}
.am-countdown-status.is-ended {
	color: #475569;
	background: #f1f5f9;
	border-color: #e2e8f0;
}
@media (max-width: 549px) {
	.am-countdown-clock {
		padding: 16px 8px;
	}

	.am-countdown-number {
		font-size: 22px;
	}
}

/* CSS bảng thông tin sản phẩm đấu giá */
.am-asset-information {
	padding: 15px 12px;
	border: 1px solid #dedede;
	border-radius: 4px;
	background: #fff;
}
.am-asset-information .am-asset-list {
	margin: 0;
}
.am-asset-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
	align-items: start;
	gap: 15px;
	margin-bottom: 14px;
}
.am-asset-row:last-child {
	margin-bottom: 0;
}
.am-asset-information .am-asset-label {
	margin: 0;
	color: #000;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.6;
	text-transform:initial;
}
.am-asset-information .am-asset-value {
	min-width: 0;
	margin: 0;
	color: #c71920;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.6;
	text-align: right;
	overflow-wrap: anywhere;
}
.am-asset-value > :last-child {
	margin-bottom: 0;
}
.am-asset-value a {
	color: inherit;
	text-decoration: underline;
}
.am-asset-price .am-asset-label {
	font-size: 16px;
	font-weight: 600;
}
.am-asset-price .am-asset-value {
	font-size: 16px;
	font-weight: 700;
}
.am-registration {
	margin-top: 24px;
}
.am-registration .am-registration-button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 45px;
	padding: 12px 15px;
	border-radius: 5px;
	background: #bd151b;
	color: #fff;
	font-size: 15.52px;
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
	text-decoration: none;
}
.am-registration .am-registration-button svg{
	width:16px;
	height:16px;
}
.am-registration .am-registration-button:hover {
	background: #1F2230;
	color: #fff;
}
.am-registration .am-registration-button.is-disabled {
	background: #e2e8f0;
	color: #64748b;
	cursor: not-allowed;
}
.am-registration-message {
	margin: 8px 0 0;
	color: #64748b;
	font-size: 12px;
	text-align: center;
}
.am-registration-message:empty {
	display: none;
}
@media (max-width: 549px) {
	.am-asset-row {
		gap: 10px;
	}
}





.tab-content-product > ul.nav{
	gap:15px 24px;
	margin-bottom:35px;
}
.tab-content-product > ul.nav li{
	margin:0;
}
.tab-content-product > ul.nav li a{
	background: #fff;
	box-shadow: 3px 5px 20px rgba(0, 0, 0, .06);
	color: #1f2230;
	font-size: 18px;
	font-weight: 600;
	padding: 15px 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius:4px;
}
.tab-content-product > ul.nav li.active a,
.tab-content-product > ul.nav li a:hover{
	background:var(--do);
	color:#fff;
}
.tab-content-product .tab-panels{
	padding:15px;
	border:1px solid #e0e0e0;
}


/* Popup đăng ký đấy giá */
.mw-popup__close{
	margin:0;
	transform:unset !important;
	background:transparent !important;
	box-shadow:none !important;
	color:var(--do) !important;
	font-size:22px !important;
	top:0;
	right:0;
}
.mw-popup__close:before{
	content:'\f00d';
	font-family:'fontawesome';;
}
.mw-popup__close span{
	display:none;
}
.mw-popup__dialog::-webkit-scrollbar{
	width:0;
}
#mw-popup-1440 .mw-popup__content h3.txt-title{
	text-align:center;
	text-transform:uppercase;
	line-height:1.35;
	margin:0 0 8px;
	color:var(--do);
	font-size:24px;
}
#mw-popup-1440 .mw-popup__content p.txt-desc{
	text-align:center;
	line-height:1.4;
	margin:0 0 18px;
}
#mw-popup-1440 .form-dk-dau-gia textarea{
	min-height:100px;
}
#mw-popup-1440 .form-dk-dau-gia :is(input,textarea):focus{
	border-color:var(--do);
}
#mw-popup-1440 .form-dk-dau-gia input[type=submit]{
	background:var(--do) !important;
	box-shadow:none !important;
	border:none !important;
	height:unset !important;
	padding-top:8px;
	padding-bottom:8px;
}
#mw-popup-1440 .form-dk-dau-gia input[type=submit]:hover{
	background:#1F2230 !important;
}


.product-section{
	border-top:0;
	margin-top:30px;
}
.related-products-wrapper h3{
	text-transform:initial;
	font-size:28px;
	line-height:1.35;
	padding:0;
	margin:0 0 18px;
}
.related-products-wrapper .product-small .box-image .image-zoom {
	position: relative;
	padding-top: 75%;
	overflow: hidden;
}
.related-products-wrapper .product-small .box-image .image-zoom img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Footer */
.sec-footer{
	background:url(/wp-content/uploads/2026/09/footer-banner.png) no-repeat;
	background-position: right bottom;
}
.title-f{
	margin:0 0 25px;
}
.title-f p{
	margin:0;
	font-size:20px;
	font-weight:700;
	line-height:1.35;
}
.contact-f p{
	margin:0;
	font-size:14.4px;
	line-height:1.4;
	font-weight:500;
}
.contact-f p + p{
	margin-top:12px;
}
.menu-f > div + div{
	margin-top:12px !important;
}
.menu-f a{
	color:#fff !important;
	font-size:14.4px;
	min-height:unset;
	padding:0;
	line-height:1.4;
}
.menu-f a:hover{
	color:var(--do) !important;
}
.form-email{
	padding:5px;
	border:1px solid #696969;
	border-radius:999px;
	width:100%;
	max-width:350px;
}
.form-email > p{
	display:flex;
	align-items:center;
	width:100%;
}
.form-email input{
	margin:0;
	border-radius:99px !important;
	height:46px !important;
	font-size:15px;
}
.form-email input::placeholder{
	color:rgba(255,255,255,0.7);
	font-weight:500;
	font-size:14.4px;
}
.form-email input[type=email]{
	background-color:transparent !important;
	color:#fff;
	padding-left:15px;
	border:none !important;
}
.form-email input[type=submit]{
	font-weight:600;
	text-transform:initial;
}

ul.mobile-nav > li{
	margin:0 12px;
}
.mobile-nav .icon-menu{
	color:#1f2230;
	font-size:26px !important;
}
.off-canvas-right .mfp-content, .off-canvas-left .mfp-content{
	background:#fff;
}
.mobile-sidebar .nav-sidebar li a{
	color:#1f2230;
	font-size:16px;
	font-weight:600;
	text-transform:initial;
}
.mobile-sidebar .nav-sidebar li a:hover{
	color:var(--do) !important;
}
.mobile-sidebar .nav-sidebar .sub-menu li a{
	font-weight:500;
}


.btn-contact-fix{
	position:fixed;
	right:14px;
	bottom:75px;
	z-index:8;
}
.btn-contact-fix a{
	display:flex;
	align-items:center;
	justify-content:center;
	width:50px;
	height:50px;
}
@media only screen and (max-width:1200px){
	.col-f{
		flex-basis: 50%;
		max-width: 50%;
	}
	.title-f {
		margin: 0 0 16px;
	}
	.header-nav-main > li{
		margin:0 10px;
	}
	.header-nav-main li > a {
		font-size: 15px;
	}
	.datetime-box {
		font-size: 10px;
		margin-left:15px;
	}
	.current-time {
		font-size: 20px;
	}
	.sec-banner-home{
		padding-top: 80px !important;
		padding-bottom: 80px !important;
	}
	.sec-banner-home:after {
		top: 80px;
		bottom: 80px;
		width: 100%;
		max-width: 380px;
	}
	.sec-banner-home .col-img > .col-inner {
		width: 100%;
	}
	.owl-nav button{
		display:none !important;
	}
}
@media only screen and (max-width:849px){
	.order-1-tablet{
		order:-1;
	}
	.datetime-box {
		font-size: 12px;
		margin-left:0;
	}
	.sec-banner-page .col-content > .col-inner {
		padding-top: 24px;
		padding-bottom: 20px;
	}
	.sec-content-lh .col-form > .col-inner {
		padding: 25px;
	}
	.sec-content-lh .col-item .icon-box h3 {
		font-size: 22px;
	}
	.blog-archive .row.row-form-search{
		display:block;
	}
	.blog-archive .row-sidebar .col-form-search{
		display:none;
	}
	.sec-banner-page.blog-custom-banner .col-content {
		padding-bottom: 30px;
	}
	#post-list .post-item{
		flex-basis: 50%;
		max-width: 50%;
	}
	.row-sidebar .post-item .post-title {
		font-size: 16px;
	}
	.sec-banner-home{
		padding-top:0 !important;
		padding-bottom:60px !important;
	}
	.sec-banner-home:after{
		display:none;
	}
	.sec-banner-home:before{
		top:unset;
		left:unset;
		bottom: -100px;
		right: -160px;
	}
	.sec-banner-home .col-img{
		padding-left:0;
		padding-right:0;
		padding-bottom:30px !important;
	}
}
@media only screen and (max-width:568px){
	.linkpage :is(span,a){
		font-size:14.4px;
	}
	.order-1{
		order:-1;
	}
	.col-f{
		flex-basis: 100%;
		max-width: 100%;
	}
	.current-time {
		font-size: 24px;
	}
	.sec-banner-page .col-content > .col-inner {
		background:unset;
		padding-right:0;
	}
	.sec-content-lh .col-item > .col-inner{
		padding:25px 15px;
	}
	.sec-content-lh .col-item .icon-box .icon-box-img {
		width: 45px !important;
		height: 45px !important;
		background: var(--do);
	}
	.sec-content-lh .col-item .icon-box .icon-box-img img {
		width: 22px;
		filter: brightness(0) invert(1);
		-webkit-filter: brightness(0) invert(1);
	}
	.sec-content-lh .col-item .icon-box h3 {
		font-size: 19px;
		margin-bottom:3px;
	}
	.sec-content-lh .col-item > .col-inner:before{
		width:100%;
	}
	.sec-content-lh .col-form > .col-inner {
		padding: 25px 15px;
	}
	.form-lh .r50 {
		width: 100%;
	}
	.map-lh {
		height: 250px;
	}
	.sec-banner-page .txt-title h1, .sec-banner-page.blog-custom-banner .blog-banner-title {
		font-size: 22px;
		margin: 0 0 8px;
	}
	#post-list .post-item{
		flex-basis: 100%;
		max-width: 100%;
	}
	.row-sidebar .txt-title p {
		font-size: 20px;
	}
	.row-sidebar .post-item .post-title {
		font-size: 15px;
	}
	.blog-single h1.entry-title {
		font-size: 24px;
	}
	.blog-single .row-sidebar .col-content > .col-inner {
		background: #fff;
		box-shadow: unset;
		border-radius: 0;
		padding: 0;
	}
	.sec-content-gt:before, .sec-content-gt:after{
		width:68px;
	}
	.sec-cot-moc-gt:before,.sec-cot-moc-gt:after {
		width: 103px;
	}
	.title-sec-home:before{
		margin-left:-15px;
	}
	.title-sec-home:after{
		margin-right:-15px;
	}
	.title-sec-home h2{
		font-size:24px;
		flex:1;
	}
	.post-home .post-item .box-text{
		padding:20px;
		min-height:unset;
	}
	.sec-banner-home h1{
		font-size:30px;
	}
	.product-small .product-title {
		font-size: 18px;
	}
	.sec-banner-page.banner-page-product h1.product-title {
		font-size: 24px;
	}
	.tab-content-product > ul.nav li {
		width: 100%;
	}
	.btn-contact-fix {
		right: 10px;
		bottom: 40px;
	}
}
@media only screen and (max-width:414px){

}