/*
Theme Name: Flatsome Child
Description: Thicoder developed for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 4.0.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* SETTING */
:root{
	--yellow:#ffda32;
	--vap-footer-line: rgba(185,212,255,.16);
}
.dark, .dark p, .dark td {
	color: #fff;
}
.header-vertical-menu .sub-menu.nav-dropdown {
	display: grid !important;
	grid-template-columns: repeat(2, max-content);
	column-gap: 0px;
	min-width: max-content;
}

.header-vertical-menu .sub-menu.nav-dropdown > li {
	width: 100%;
	margin: 0;
}
.header-vertical-menu .ux-nav-vertical-menu .sub-menu{
	min-width: max-content !important;
}
.header-vertical-menu__fly-out .current-dropdown.menu-item .nav-dropdown {
	min-height: auto !important;
}
h1,h2,h3,h4,h5,h6, 
.heading-font, 
.off-canvas-center .nav-sidebar.nav-vertical > li > a{
	font-family: "Verdana", sans-serif;
}
.header-vertical-menu__fly-out{
    padding: 15px;
}
.header-vertical-menu__fly-out .icon-box{
	padding: 8px;
	border-radius: 6px;
}
.header-vertical-menu__fly-out .icon-box:hover{
    background: rgb(214 238 250/1);
}
.header-vertical-menu__fly-out .icon-box .icon-box-img{
    height: 56px;
    border-radius: 6px;
    overflow: hidden;
}
.header-vertical-menu__fly-out .icon-box h3{
    font-size: 14px;
    margin: 0;
}
.header-vertical-menu__fly-out .icon-box p{
    font-size: 12px;
    color: rgb(76 90 103 / 1);
}
.header-vertical-menu__fly-out .icon-box .icon-box-text{
    padding-left: 10px;
}
.banner h1, .banner h2, .banner h3{
	font-weight: bold;
}
.header-nav-main.nav-left{
	padding: 0 30px;
} .nav > li > a{
	font-weight: bold;
}
li.cart-item a{
	color: var(--fs-color-primary) !important;
}
.header-nav-main > .menu-item > a::after{
	content: '';
	width: 0%;
	height: 1px;
	position: absolute;
	bottom: 7px;
	left: 50%;
	transform: translatex(-50%);
	background: linear-gradient(90deg, transparent, var(--fs-color-primary), transparent);
	transition: width .2s ease;
}
.header-nav-main > .menu-item > a:hover::after,
.header-nav-main > .menu-item.active > a::after,
.header-nav-main > .menu-item.current > a::after{
	width: 100%;
}{
	border-bottom: 1px solid rgb(109 108 103 / 0.2);
}
.account-item,
.header-search{
	font-size: 0;
}
.searchform-wrapper.ux-search-box {
	width: 100%;
}

.res-text {
	font-size: 16px;
}

.ux-mini-cart-empty-icon svg{
	opacity: 1 !important
}
form {
	margin-bottom: 0;
}

input,
textarea {
	padding: 0 15px !important;
}

.section-title,
.section-title-main,
.wpcf7-submit,
a.button {
	margin: 0 !important;
}

.mb-0>*:last-child,
.mb-0-style>*:nth-last-child(2) {
	margin-bottom: 0 !important;
}
.col:not(.pb-30){
	padding-bottom: 0 !important;
}
.row:not(.no-gap){
	row-gap: 30px;
}
.row.gap-20{
	row-gap: 20px;
}
.row.gap-10{
	row-gap: 10px;
}
.row.gap-0{
	row-gap: 0px;
}
.row:after {
	display: none !important;
}


.section-title-main,
.ux-menu .ux-menu-title,
.ux-menu .ux-menu-link a {
	padding: 0 !important;
}

.section-title,
.section-title-main {
	border: none !important;
}

.section-title b {
	display: none !important;
}

.section-title.section-title-center {
	justify-content: center;
}

.wpcf7-spinner,
.section-title a i,
.post-item .is-divider {
	display: none !important;
}

form input,
form textarea {
	margin-bottom: 0 !important;
}

input,
a.button,
.ux-menu .ux-menu-title,
.ux-menu .ux-menu-link a {
	min-height: 40px !important;
	height: auto !important;
	line-height: 40px !important;
}

input,
textarea,
input:focus,
textarea:focus,
.button:hover {
	box-shadow: none !important;
}

a.back-to-top {
	width: 40px;
	height: 40px !important;
	display: flex !important;
	justify-content: center;
	align-items: center;
	background-color: var(--fs-color-primary) !important;
	border: none !important;
}

a.back-to-top:hover {
	background-color: var(--fs-color-secondary) !important;
}

a.back-to-top i {
	font-size: 22px !important;
	color: #fff;
}

.row-small>.col,
.row-small>.flickity-viewport>.flickity-slider>.col {
	padding: 0 10px 20px;
}

.slider .flickity-slider>.col {
	padding-bottom: 0 !important;
}

.slick-slider .slick-arrow {
	opacity: 0;
}

.slider button.flickity-button[disabled] {
	opacity: 0 !important;
}

.slider .flickity-button,
.slick-slider .slick-arrow {
	margin: 0 !important;
	transform: unset;
	min-height: unset;
	width: 45px;
	height: 45px !important;
	bottom: unset;
	top: 50%;
	border-radius: 50%;
	overflow: hidden;
	border: none;
	position: absolute;
	transform: translatey(-50%) !important;
	padding: 0 !important;
}

.slider:hover .flickity-prev-next-button {
	transform: translatey(-50%) !important;
}

.slider:hover .flickity-button,
.slick-slider:hover .slick-arrow {
	opacity: 1 !important;
}

.slider .flickity-button svg,
.slick-slider .slick-arrow svg {
	border: none;
	padding: 15px;
	background: var(--fs-color-primary);
	color: #fff;
}

.flickity-prev-next-button .arrow,
.slick-slider .slick-arrow .arrow {
	fill: currentcolor !important;
	transition: unset !important;
}

.slider .flickity-button.previous {
	left: 0;
	right: unset !important;
}

.slider .flickity-button.next {
	right: 0;
	left: unset !important;
}

.slick-slider .slick-arrow.slick-prev,
.slider.slider-nav-outside .flickity-button.previous {
	left: -55px;
}

.slick-slider .slick-arrow.slick-next,
.slider.slider-nav-outside .flickity-button.next {
	right: -55px;
}

.slider .flickity-prev-next-button:hover svg,
.slick-slider .slick-arrow:hover svg {
	background-color: var(--fs-color-secondary) !important;
	color: #fff;
}

.slick-dots {
	margin: 0;
	display: flex;
	gap: 5px;
	list-style-type: none;
	justify-content: center;
	align-items: center;
	margin-top: 20px;
}

.slick-dots li {
	margin: 0 !important;
	width: 12px;
	height: 12px;
	background: #eee;
	border-radius: 50%;
}

.slick-dots li.slick-active {
	background: var(--fs-color-primary);
}

.slick-dots li button {
	display: none;
}

.slick-slider .slick-slide>div>.col {
	padding-bottom: 0 !important;
	flex-basis: 100% !important;
	max-width: 100% !important;
}

.row-full-width.slick-slider .slick-arrow.slick-prev {
	left: 6%;
}

.row-full-width.slick-slider .slick-arrow.slick-next {
	right: 6%;
}

.equal-height .slick-track {
	display: flex !important;
}

.equal-height .slick-slide {
	height: inherit !important;
}

.equal-height.slick-slider .slick-slide>div,
.equal-height.slick-slider .slick-slide>div>.col,
.equal-height.slick-slider .slick-slide>div>.col>.col-inner {
	height: 100%;
}

ol.flickity-page-dots {
	position: relative;
	margin: 20px 0 0 !important;
	left: 0;
	right: 0;
	bottom: 0;
}

ol.flickity-page-dots li {
	border: none !important;
	width: 12px !important;
	height: 12px !important;
	margin: 0 2.5px !important;
	background-color: #dbdbdb !important;
	opacity: 1 !important;
}

ol.flickity-page-dots li.is-selected {
	background-color: var(--fs-color-primary) !important;
}

.section-title a {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 0;
}

.title-link .section-title {
	display: inline;
}

.post-item:hover .post-title {
	color: var(--fs-color-primary);
	transition: all 0.25s ease-in-out;
}

.post-item a.plain {
	color: currentcolor !important;
	transition: unset !important;
}

button.f-thumbs__slide__button {
	max-width: none !important;
}

.product-small.col .col-inner .box-text-products .product-title a,
.post-item .box-text .box-text-inner .from_the_blog_excerpt,
.post-item .box-text .box-text-inner .post-title a,
aside.widget li .post-title span,
.vap-related-posts__item-title a{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.post-item .box-text .post-title a,
.vap-related-posts__item-title a{
	-webkit-line-clamp: 2;
}

.post-item .box-text .from_the_blog_excerpt{
	-webkit-line-clamp: 3;
}

.nav-dropdown-has-arrow li.has-dropdown:after,
.nav-dropdown-has-arrow li.has-dropdown:before {
	content: none !important;
}
.header-nav li.menu-item .sub-menu .header-nav li.menu-item .sub-menu {
	left: 0;
	border: none;
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
	padding: 0;
	border-radius: 10px;
}
.header-nav li.menu-item .sub-menu .header-nav li.menu-item .sub-menu a {
	margin: 0;
	padding: 12px 15px;
	border: none;
	color: #fff;
	font-weight: 400;
	text-transform: none;
	font-size: inherit;
}
.header-nav li.menu-item .sub-menu .header-nav li.menu-item .sub-menu li:not(:last-child) a {
	border-bottom: 1px solid #fff8;
}

.nav-dropdown {
	display: flex;
	flex-direction: column;
}

.nav-dropdown li {
	position: relative;
	width: 100% !important;
	display: block !important;
}
.header-nav li.menu-item .sub-menu .header-nav li.menu-item .sub-menu .sub-menu {
	position: absolute;
	left: 100%;
	top: 0;
	width: 100%;
	transform: translatey(15px);
	transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out,
		visibility 0.25s ease-in-out;
	opacity: 0;
	visibility: hidden;
}
.header-nav li.menu-item .sub-menu .header-nav li.menu-item .sub-menu>li:hover>.sub-menu {
	transform: translatey(0);
	opacity: 1;
	visibility: visible;
}
.header-nav li.menu-item .sub-menu .header-nav li.menu-item .sub-menu {
	background-color: #126fa9 !important;
}
/* Khung submenu */
.header-bottom-nav .menu-item-has-children > .sub-menu {
	min-width: 300px;
	max-width: 380px;
	padding: 8px;
	background: #fff;
	border: 1px solid #e8eef2;
	border-top: 3px solid #03a1e2;
	border-radius: 0 0 6px 6px;
	box-shadow: 0 10px 30px rgba(25, 55, 75, 0.12);
	overflow: hidden;
	z-index: 9999;
}

/* Căn vị trí submenu */
li.current-dropdown:not(.cart-item) > .nav-dropdown {
	left: 0;
}

/* Danh sách mục */
.header-bottom-nav .sub-menu > li {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}

/* Link submenu */
.header-bottom-nav .sub-menu > li > a {
	position: relative;
	display: block;
	margin: 0 !important;
	padding: 12px 14px 12px 18px;
	color: #344454;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.6;
	text-transform: none;
	white-space: normal;
	overflow-wrap: anywhere;
	border-bottom: 1px solid #f0f3f5;
	border-radius: 3px;
	transition: color 0.2s ease,
		background-color 0.2s ease;
}

/* Bỏ viền mục cuối */
.header-bottom-nav .sub-menu > li:last-child > a {
	border-bottom: none;
}

/* Vạch nhấn bên trái */
.header-bottom-nav .sub-menu > li > a::before {
	content: "";
	position: absolute;
	top: 10px;
	bottom: 10px;
	left: 0;
	width: 3px;
	background: #03a1e2;
	border-radius: 3px;
	transform: scaleY(0);
	transition: transform 0.2s ease;
}

/* Hover */
.header-bottom-nav .sub-menu > li:hover > a,
.header-bottom-nav .sub-menu > li > a:hover {
	color: #0288c1;
	background: #f5fbfe;
}

/* Hiện vạch xanh khi hover */
.header-bottom-nav .sub-menu > li:hover > a::before,
.header-bottom-nav .sub-menu > li > a:hover::before {
	transform: scaleY(1);
}

/* Mục đang được chọn */
.header-bottom-nav .sub-menu > li.current-menu-item > a,
.header-bottom-nav .sub-menu > li.current-menu-ancestor > a {
	color: #0288c1;
	background: #f5fbfe;
	font-weight: 600;
}

.header-bottom-nav .sub-menu > li.current-menu-item > a::before,
.header-bottom-nav .sub-menu > li.current-menu-ancestor > a::before {
	transform: scaleY(1);
}

.entry-content figure {
	margin-bottom: 20px;
}

.entry-content figure img {
	margin: 0;
}

.entry-content>p>img {
	margin: 0 !important;
}

.entry-content h2 {
	font-size: clamp(20px, 2vw, 24px);
	color: var(--fs-color-primary);
}

.entry-content h3 {
	font-size: clamp(18px, 2vw, 22px);
}

.entry-content h4 {
	font-size: clamp(16px, 2vw, 18px);
}

.header-nav li a {
	padding: 0;
}
.header-nav .sub-menu li.menu-item a{
	font-weight: 400 !important;
}
.header-nav li.menu-item .sub-menu .header-nav.nav.nav-left {
	justify-content: center;
	padding: 0 30px;
}


.cart-item a {
	line-height: 20px !important;
}

.cart-item a img {
	width: 20px;
}

[data-icon-label]:after {
	font-weight: 400;
	background: var(--fs-color-primary);
	box-shadow: none;
}

.icon-user::before {
	content: "";
	font-family: fontawesome;
	font-weight: 400;
}

.account-item a i {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 16px !important;
}

.nav-spacing-xlarge>li {
	margin: 0px 15px;
}

.header.has-transparent .header-nav li.menu-item .sub-menu .nav>li>a {
	color: #fff;
}

.header.has-transparent .header-nav li.menu-item .sub-menu .nav>li>a:hover,
.header.has-transparent .header-nav li.menu-item .sub-menu .nav>li.active>a {
	color: var(--fs-color-primary);
}

.header.transparent .header-bg-color {
	background-image: linear-gradient(to bottom,
		rgba(0, 0, 0, 0.9),
		rgba(0, 0, 0, 0)) !important;
}

.uppercase,
h6,
span.widget-title,
th {
	letter-spacing: 0;
	line-height: 1.4;
}
a.zalo img{
	max-width: 10px
}
@media(min-width: 849.1px){
	.header.header-full-width .container{
		padding: 0 40px;
	}
}
.vap-header-contact-info i,
.vap-header-extra-info i{
	font-size: 14px;
}
.header .vap-header-contact-info {
	display: flex;
	min-width: 0;
	align-items: center;
	gap: 1.25rem;
}

.header .vap-header-address {
	display: flex;
	align-items: center;
	gap: .5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.header .vap-header-contact-hotline {
	display: flex;
	align-items: center;
	gap: .5rem;
	white-space: nowrap;
	color: #fff
}

.header .vap-header-extra-info {
	display: flex;
	align-items: center;
	gap: 1.25rem;
}

.header .vap-header-opening-hours {
	display: flex;
	align-items: center;
	gap: .5rem;
	white-space: nowrap;
}
.header-bottom-nav > li > a{
	padding: 8px 12px;
	border-radius: 4px;
}
.header-bottom-nav > li > a:hover{
	background: #0065b4;
}
.header-button-1 a.button{
	border: none;
	font-weight: 600;
	padding-left: 1rem;
	padding-right: 1rem;
	display: flex;
	align-items: center;
	column-gap: 8px;
}
.header-button-1 a.button::before{
	font-family: 'remixicon' !important;
	content: "\ec0c";
}


/* HEADER SEARCH - VAN AN PHAT */
.header-search-form .header-search-form-wrapper,
.header-search-form .searchform-wrapper {
	width: 100%;
}

.header-search-form .searchform {
	width: 100%;
	margin: 0;
}

.header-search-form .searchform .flex-row {
	display: flex;
	align-items: stretch;
	gap: 0;
	border: 1px solid #dce5ec;
	border-radius: 5px;
	overflow: hidden;
	background: #fff;
	transition: border-color .25s ease, box-shadow .25s ease;
}

.header-search-form .searchform .flex-row:focus-within {
	border-color: #079bd3;
	box-shadow: 0 0 0 3px rgba(7, 155, 211, .10);
}

.header-search-form .searchform .flex-col {
	padding: 0;
	min-width: 0;
}

.header-search-form .searchform .flex-grow {
	flex: 1;
}

.header-search-form .search-field {
	width: 100%;
	height: 40px;
	min-height: 40px;
	margin: 0;
	padding: 0 14px;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	background: transparent;
	color: #333;
	font-size: 13px;
}

.header-search-form .search-field::placeholder {
	color: #8a969f;
	opacity: 1;
}

.header-search-form .searchform .ux-search-submit {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 40px;
	min-height: 40px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: #079bd3;
	color: #fff;
	box-shadow: none;
	transition: background .25s ease;
	pointer-events: auto !important;
}
.searchform .button.icon i{
	top: 0;
	font-size: 16px;
}
.header-search-form .searchform .ux-search-submit:hover {
	background: #087caf;
	color: #fff;
}
.header-search-form .searchform .ux-search-submit.loading .icon-search{
	font-size: 0
}

.header-search-form .ux-search-submit i {
	font-size: 16px;
	line-height: 1;
}

.header-search-form .live-search-results {
	left: 0;
	right: 0;
	width: 100%;
}
.header-block-block-1{
	display: flex;
	align-items: center;
	gap: 1rem;
}

.header-block-block-1 a{
	align-items: center;
	gap: .75rem;
	border-radius: .5rem;
	border-width: 1px;
	border-color: rgb(230 236 241/1);
	padding-top: .375rem;
	padding-bottom: .375rem;
	padding-left: .75rem;
	padding-right: 1rem;
}

.header-block-block-1 a .icon-box-img{
	display: flex;
	height: 2.25rem;
	width: 2.25rem;
	align-items: center;
	justify-content: center;
	border-radius: .375rem;
	background-color: rgb(214 238 250/1);
	color: rgb(17 88 135/1);
	padding: 8px;
}
.icon-box .icon-box-img *{
	font-size: 0
}

.header-block-block-1 a .icon-box-text p:first-child{
	display: block;
	font-size: 12px;
	color: rgb(102 118 132/1);
}
.header-block-block-1 a .icon-box-text{
	padding-left: 10px !important;
}
.header-block-block-1 a .icon-box-text p:last-child{
	display: block;
	font-size: .875rem;
	line-height: 1.25rem;
	font-weight: 700;
	color: rgb(20 27 34/1);
}
.absolute-footer{
	display: none !important;
}
.icon-box.icon-box-left{
	align-items: center;
}
.footer-helpbar{
	background: linear-gradient(110deg, #0954c6, #2475f8);
	color: #fff;
}
.footer-helpbar .icon-box .icon-box-text{
	padding-left: 12px;
}
.footer-helpbar a:hover{
	color: currentcolor;
}
.vap-footer-helpbar .icon-box .icon-box-img,
.vap-footer-about .icon-box .icon-box-img{
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 13px;
	background: var(--yellow);
	color: #113064;
	font-size: 24px;
	padding: 10px;
}
.footer-helpbar .icon-box .icon-box-text p,
.vap-footer-about .icon-box .icon-box-text p{
	margin-bottom: 0
}
.footer-helpbar .icon-box .icon-box-text p:first-child,
.vap-footer-about .icon-box .icon-box-text p:first-child{
	display: block;
	font-size: 17px;
	line-height: 1.4
}

.vap-footer-helpbar .icon-box .icon-box-text p:last-child,
.vap-footer-about .icon-box .icon-box-text p:last-child{
	display: block;
	font-size: 12px;
	color: #e0edff;
	margin-top: 4px
}

.vap-site .vap-footer-hotlines {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 10px
}

.vap-footer-hotlines .icon-box{
	display: flex;
	align-items: center;
	background: rgba(255,255,255,.13);
	border: 1px solid rgba(255,255,255,.17);
	border-radius: 11px;
	padding: 11px 12px
}

.vap-footer-hotlines .icon-box .icon-box-img{
	background: rgba(255,255,255,.12);
	border-radius: 9px;
	padding: 8px
}
.vap-footer-hotlines .icon-box .icon-box-text p:first-child{
	font-size: 12px;
	letter-spacing: .03em;
	text-transform: uppercase;
	color: #dbeafe
}

.vap-footer-hotlines .icon-box .icon-box-text p:last-child{
	display: block;
	font-size: 15px;
	white-space: nowrap;
}
.vap-footer-hotlines .icon-box,
.vap-footer-hotlines .icon-box *{
	transition: all .3s linear;
}
.vap-footer-hotlines .icon-box:hover {
	background: #fff;
	color: #125abe!important
}
.vap-footer-hotlines .icon-box:hover  .icon-box-img{
	background: rgba(18,91,190,0.1);
}
.vap-footer-hotlines .icon-box:hover .icon-box-text p:first-child{
	color: #125abe
}
/* BẢNG GIÁ */
.section-global{
	padding: 40px 0;
}
.cat-products h1{
	margin: 0 0 20px;
	text-align: center;
	font-size: clamp(20px, 2.5vw, 28px);
	text-transform: uppercase
}
.cat-products .list_category{
	list-style-type: none;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 20px;
	margin-bottom: 0
}
.cat-products .list_category li{
	box-shadow: 0 0 4px #0006;
	border-radius: 10px;
	padding: 20px;
	margin: 0
}
.cat-products .list_category li .i-image {
	margin-bottom: 15px;
	height: 120px;
	position: relative;
	overflow: hidden;
}
.cat-products .list_category li .i-image img{
	object-fit: contain;
	width: 100%;
	height: 100%;
}
.cat-products .list_category li .i-name h3{
	font-size: 16px;
	text-align: center;
	font-weight: 500
}
.cat-products .list_category li:hover h3{
	color: #03a0e2
}

.box-options .widget-title h3{
	font-size: 18px;
	margin-bottom: 10px
}
.box-options .box-search-node{
	list-style-type: none;
}
.box-options .box-search-node {
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	grid-gap: 10px
}
.box-options .box-search-node .item-node{
	margin: 0
}
.box-search-node .button {
	background: white;
	border-radius: 4px;
	border: 1px solid #dae1ea;
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center;
	position: relative
}
.box-search-node .button:hover,
.box-search-node .button.active {
	background: #fafafa;
	border-color: #0090d6;
}
.box-search-node .button.active {
	box-shadow: 1px 1px 5px 0px rgba(90, 90, 90, 0.3);
}
#box-brands .box-search-node a.button {
	height: 50px !important;
	padding: 3px
}

#box-brands .box-search-node a img {
	max-width: 100%;
	max-height: 40px;
}
#box-options {
	margin-top: 20px;
	border-top: 1px solid #dae1ea;
	padding-top: 20px;
}

#box-options .box-search-node {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 15px;
	list-style-type: none
}

#box-options .box-search-node .button {
	height: 50px;
	padding: 5px 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	outline: none;
	margin: 0 !important;
}

#box-options .box-search-node .button span {
	font-size: 16px;
	font-weight: bold;
	color: #0090d6;
	line-height: 1.4
}

#box-options .box-search-node .button p {
	font-size: 12px;
	color: #444;
	margin: 0;
	line-height: 1.4;
	font-weight: 400;
	text-transform: none;
}
.box-search-node li{
	position: relative;
}
.box-search-node li .button.active {
	box-shadow: 1px 1px 5px 0px rgba(90, 90, 90, 0.3);
	border-color: #0090d6;
}
#price-wrap {
	margin-top: 20px;
	margin-bottom: 40px;
}

#price-wrap #price-wrap-inner .search-control {
	margin-bottom: 15px
}

#price-wrap #price-wrap-inner .search-control .note {
	font-size: 16px;
	line-height: 1.5em;
	display: block;
	margin-bottom: 10px
}

#price-wrap #price-wrap-inner .search-control .note p {
	margin-bottom: 0px
}

#price-wrap #price-wrap-inner .search-control .note p:first-child {
	color: #ff0000
}

#price-wrap #price-wrap-inner .search-control .bg {
	display: table;
	width: 100%
}

#price-wrap #price-wrap-inner .search-control .bg .input-group {
	display: table-cell;
	vertical-align: middle;
	padding: 0 5px
}

#price-wrap #price-wrap-inner .search-control .bg .input-group .form-control {
	height: 32px;
	padding: 0 10px;
	font-size: 14px
}

#price-wrap #price-wrap-inner .search-control #keyword {
	width: 315px
}

#price-wrap #price-wrap-inner .search-control #cat_id {
	width: 250px
}

#price-wrap #price-wrap-inner .search-control #price {
	width: 200px
}

#price-wrap #price-wrap-inner .search-control #brand_id {
	width: 200px
}

#price-wrap #price-wrap-inner .search-control button.fa-search {
	width: 100%;
	color: #FFF;
	height: 30px;
	border: none;
	outline: none;
	font-weight: 700;
	border-radius: 3px;
	background: #ee2038
}

#price-wrap #price-wrap-inner .search-control button.fa-search::before {
	font-weight: 400;
	padding-right: 5px;
	font-family: FontAwesome
}

.table-list {
	width: 100%;
	table-layout: fixed;
	color: #444444
}

.table-list th {
	color: #FFF;
	height: 50px;
	padding: 10px 5px;
	border-top: 0;
	text-align: center;
	background: #03a0e2;
	border: 1px solid #FFF;
	border-top: 1px solid #03a0e2;
	font-size: 15px
}

.table-list th span {
	display: block;
	white-space: pre-line;
	text-transform: uppercase
}

.table-list th em {
	font-size: 12px;
	font-weight: bold;
	font-style: normal
}

.table-list th.row-stt {
	border-left: 1px solid #0e395e
}

.table-list th.row-warranty {
	border-right: 1px solid #0e395e
}

.table-list .brand-item {
	background: #c5e6f7
}

.table-list .brand-item td {
	padding: 5px
}

.table-list .brand-item .logo_brand {
	background: white;
	border-radius: 4px;
	border: 1px solid #dae1ea;
	display: flex;
	height: 40px;
	padding: 3px;
	justify-content: center;
	align-items: center;
	position: relative
}

.table-list .brand-item .logo_brand a {
	margin-right: 0;
	display: flex;
	align-items: center;
}

.table-list .brand-item .logo_brand img {
	width: auto;
	height: 20px;
	max-width: 100%;
}

.table-list .brand-item .row-title {
	font-size: 16px;
	font-weight: bold;
	color: #0090d6;
	padding-left: 20px
}

.table-list .brand-item .row-title b {
	font-weight: inherit;
}

.table-list .brand-item a {
	margin-right: 10px;
	color: var(--ws-color-text-link);
}

.table-list .brand-item .text-right a::after {
	margin-left: 5px;
	content: "\F5DB";
	font-family: 'remixicon' !important;
}

.table-list .category td {
	color: #00704a;
	font-weight: 700;
	background: #a9dcc2;
	text-transform: uppercase;
	height: auto;
	padding: 0 10px;
	line-height: 40px
}

.table-list .category-item td {
	color: var(--c1);
	font-weight: 700;
	background: #c5e6f7;
	padding: 10px 30px;
	text-transform: uppercase;
	font-size: 15px
}

.table-list .product-item td {
	font-size: 15px;
	line-height: 1.5;
	background: white;
	padding: 13px 15px;
}
.table-list .product-item td.row-title {
	color: var(--ws-color-text-link);
}
.table-list .product-item .row-title-inner {
	position: relative;
	padding-left: 27px;
}
.table-list .product-item .row-title-inner .stt {
	left: 0;
	color: #212121;
	min-width: 22px;
	text-align: right;
	position: absolute;
}
.table-list .product-item .row-title-inner a{
	color: #212121;
}
.table-list .product-item.empty td {
	background: #ffd;
	text-align: center;
}
.table-list .product-item td.row-stt,
.table-list .product-item td.row-cover,
.table-list .product-item td.row-price,
.table-list .product-item td.row-weight {
	text-align: center
}

.table-list .product-item td.row-price {
	font-weight: bold;
	color: #444444;
	width: 30%
}

.table-list .product-item td.row-price .price-old {
	color: gray;
	font-size: 12px;
	margin-bottom: 0;
	font-weight: 400;
	text-decoration: line-through;
}

.table-list .product-item td.row-brand {
	text-align: center
}

.table-list .product-item td.row-brand img {
	max-width: 80px;
	max-height: 35px
}

.table-list .product-item:nth-child(odd) td {
	background: #fafafa;
}
.table-list .brand-item td,
.table-list .product-item td {
	border-bottom: 1px solid #ddd;
}

.table-list .product-item:hover td {
	background: #ffd
}
.row-price .price{
	display: flex;
	justify-content: center;
	flex-direction: column-reverse;
}
.row-price .price ins{
	text-decoration: none;
}
.text-xsmall{
	font-size: 14px;
}
.vap-footer-about .content{
	color: #cbd9ef
}
.vap-footer-about .content strong{
	color: #fff;
}
.vap-footer-about .icon-box{
	height: 100%;
}
.vap-footer-about .icon-box .icon-box-img{
	height: 31px;
	border-radius: 6px;
	padding: 6px;
}
.vap-footer-about .icon-box .icon-box-text p{
	line-height: 1.2
}
.vap-footer-about .icon-box .icon-box-text p:first-child{
	font-size: 13px;
	color: #fff;
}
.vap-footer-about .icon-box .icon-box-text p:last-child{
	font-size: 10px;
}
.vap-footer-about .icon-box .icon-box-text{
	padding-left: 10px;
}
.footer-promises .icon-box{
	align-items: center;
	gap: 9px;
	border: 1px solid var(--vap-footer-line);
	background: rgba(255, 255, 255, .035);
	border-radius: 12px;
	padding: 11px 9px;
	min-width: 0;
}
.row.row-small.row-xsmall:not(.row-collapse) {
	margin-bottom: 0;
	margin-left: -5px;
	margin-right: -5px;
}
.row-small.row-xsmall .col{
	padding-left: 5px;
	padding-right: 5px;
}
.social-icons.follow-icons {
	display: flex;
	flex-wrap: wrap;
}

.social-icons.follow-icons > span {
	flex: 0 0 100%;
}

.social-icons.follow-icons > a {
	flex: 0 0 auto;
}
footer .social-icons,
.footer-hours .col-inner{
	padding: 11px 12px;
	background: rgba(255, 255, 255, .04);
	border: 1px solid var(--vap-footer-line);
	border-radius: 11px;
	margin-top: 14px;
}
footer .social-icons{
	width: 100%;
}
footer .social-icons > span{
	display: block;
	font-weight: 700;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .035em;
	color: #cbd9ef;
	margin-bottom: 8px;
}
footer .social-icons a.icon{
	width: 34px !important;
	height: 34px !important;
	min-height: unset !important;
	line-height: unset !important;
	border-radius: 9px !important;
	background: rgba(255, 255, 255, .09);
	border: 1px solid rgba(255, 255, 255, .08);
	font-size: 14px;
	color: #fff;
	margin: 0 5px 0 0 !important;
	display: inline-flex;
	justify-content: center;
	align-items: center
}
footer .social-icons a.icon.zalo span{
	font-size: 12px;
	margin: 0 !important;
	padding: 0;
	font-weight: bold;
}
footer .social-icons a.icon:hover {
	background: var(--fs-color-primary);
	transform: translateY(-2px);
}
footer .section-title{
	color: #fff;
	font-size: 14px;
}
footer .ux-menu .ux-menu-link__link{
	min-height: unset !important;
	line-height: unset !important;
	color: #fff;
}
footer .ux-menu .ux-menu-link__link{
	margin: 0 0 12px;
	padding-left: 12px !important;
	position: relative;
	font-size: 13px;
	color: #cbd9ef;
}
footer .ux-menu .ux-menu-link:last-child .ux-menu-link__link{
	margin-bottom: 0;
}
footer .ux-menu .ux-menu-link__link:before {
	content: "•";
	position: absolute;
	left: 0;
	color: #73a4eb;
}
footer .ux-menu .ux-menu-link:hover .ux-menu-link__link{
	color: var(--yellow);
}
.footer-support .icon-box .icon-box-img{
	padding: 10px;
	background: rgba(255, 255, 255, .17);
	border-radius: 50%;
}
.footer-support .icon-box{
	align-items: center;
	padding: 14px 13px;
	border-radius: 12px;
	background: linear-gradient(115deg, #ef9b00, #dd8500);
	color: #fff !important;
}
.footer-support .icon-box:hover {
	filter: brightness(1.1);
}
.footer-support .icon-box .icon-box-text{
	color: #fff;
	padding-left: 10px;
}
.footer-support .icon-box .icon-box-text > *:first-child{
	font-size: 13px;
}
.footer-support .icon-box .icon-box-text > *:nth-child(2){
	font-size: 11px;
}

.footer-support .icon-box .icon-box-text p{
	margin-bottom: 0
}
.footer-hours{
	color: #fff;
}
.footer-kicker{
	color: var(--yellow);
	font-weight: 700;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .035em;
	display: flex;
	align-items: center;
	column-gap: 3px;
	margin-bottom: 5px;
}
.footer-kicker p{
	margin-bottom: 0
}
.footer-hours .footer-kicker::before{
	content: "\f20f";
	font-family: 'remixicon' !important;
}
.footer-hours .times{
	font-size: 12px;
	display: flex;
	justify-content: space-between;
	color: #fff;
}
.footer-hours .times + .times{
	margin-top: 3px;
}
.footer-hours .times p:first-child{
	color: #e0edff;
}
.footer-hours .times *{
	margin-bottom: 0
}
.vap-footer-contact .icon-box{
	padding: 16px 14px;
	background: rgba(255, 255, 255, .035);
	border: 1px solid var(--vap-footer-line);
	border-radius: 12px;
	min-width: 0;
}
.vap-footer-contact .icon-box .icon-box-text{
	padding-left: 10px;
	color: #fff;
}
.vap-footer-contact .icon-box .icon-box-img{
	padding: 9px;
	background: rgba(36, 117, 248, .17);
	color: #80b1ff;
	border-radius: 10px;
}
.vap-footer-contact .icon-box .icon-box-text *{
	margin-bottom: 0;
}
.vap-footer-contact .icon-box .icon-box-text > *:first-child{
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .035em;
	margin-bottom: 3px;
	font-weight: 600
}
.vap-footer-contact .icon-box .icon-box-text > *:nth-child(2){
	font-size: 12px;
	color: #cbd9ef;
}

.footer-connect .footer-zalo .icon-box{
	padding: 18px;
	border: 1px solid rgba(90, 145, 240, .35);
	background: rgba(0, 66, 172, .18);
	border-radius: 12px;
	height: 100%;
}
.footer-connect .footer-zalo .icon-box .icon-box-img{
	border-radius: 8px;
	overflow: hidden
}
.footer-connect .footer-zalo .icon-box .icon-box-text{
	padding-left: 12px;
}
.footer-connect .footer-zalo .icon-box .icon-box-text p{
	margin-bottom: 0
}
.footer-connect .footer-zalo .icon-box .icon-box-text p:first-child{
	color: #8fb8ff;
	font-size: 10px;
	font-weight: 700;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .035em;
}
.footer-connect .footer-zalo .icon-box .icon-box-text p:nth-child(2){
	color: #fff;
	font-size: 13px;
}
.footer-connect .footer-zalo .icon-box .icon-box-text a.button{
	display: inline-flex !important;
	align-items: center;
	font-size: 12px;
	font-weight: 700;
	color: #fff !important;
	background: #0769ef;
	border-radius: 99px;
	padding: 6px 16px;
	margin-top: 8px;
	line-height: unset !important;
	min-height: unset !important;
	border: none;
	margin-top: 8px !important;
}
.footer-connect .footer-zalo .icon-box .icon-box-text a.button i{
	top: 0;
	font-size: 14px;
}
.footer-community > .col-inner{
	border: 1px solid var(--vap-footer-line);
	border-radius: 12px;
	padding: 16px;
	background: rgba(255, 255, 255, .035);
}
.footer-community .icon-box{
	padding: 10px;
	border-radius: 10px;
	background: rgba(24, 108, 239, .18);
	border: 1px solid rgba(68, 139, 252, .22);
}
.footer-community .icon-box .icon-box-text{
	padding-left: 8px;
}
.footer-community .icon-box .icon-box-text p{
	margin-bottom: 0;
	line-height: 1.4
}
.footer-community .icon-box .icon-box-text p:first-child{
	color: #fff;
	font-size: 12px;
	margin-bottom: 3px;
}
.footer-community .icon-box .icon-box-text p:nth-child(2){
	font-size: 11px;
	color: #adc4e9;
}
.footer-community .note{
	font-size: 11px;
	margin-top: 10px;
	color: #98b2d8;
}
.footer-bottom .col-inner{
	display: flex;
	gap: 25px;
	align-items: center;
}
.footer-bottom .footer-kicker{
	margin-bottom: 0
}
.footer-bottom .ux-menu{
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
	gap: 7px;
}
.footer-bottom .ux-menu .ux-menu-link__link{
	margin: 0;
	padding: 5px 12px !important;
	font-size: 11px;
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 99px;
}
.footer-bottom .ux-menu .ux-menu-link__link::before{
	content: none;
}
.footer-bottom .ux-menu .ux-menu-link:hover .ux-menu-link__link{
	background: #fff;
	color: #0e326c;
}
.footer-legal .icon-box p{
	font-size: 12px;
	margin-bottom: 0
}
.footer-legal .icon-box p strong{
	color: #fff;
}
.coppyright {
	font-size: 12px;
}
/*  FLATSOME VERTICAL MENU */

.header-vertical-menu .header-vertical-menu__opener {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 46px;
	padding: 0 16px;
	background: #0065b4;
	color: #ffffff;
	border-radius: 4px 4px 0 0;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

/* Hover nút danh mục */
.header-vertical-menu .header-vertical-menu__opener:hover {
	background: #028bc3;
}

/* Icon menu */
.header-vertical-menu .header-vertical-menu__opener .header-vertical-menu__icon {
	display: flex;
	align-items: center;
	font-size: 18px;
}

/* Tiêu đề Chuyên mục */
.header-vertical-menu .header-vertical-menu__title {
	flex: 1;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.2px;
}

/* Icon mũi tên */
.header-vertical-menu .header-vertical-menu__opener > .icon-angle-down {
	margin-left: auto;
	font-size: 13px;
	transition: transform 0.2s ease;
}

/* Xoay mũi tên khi hover */
.header-vertical-menu:hover .header-vertical-menu__opener > .icon-angle-down {
	transform: rotate(180deg);
}

/* ==========================================
2. KHUNG DANH SÁCH DỌC
========================================== */

/* Mặc định ẩn menu */
.header-vertical-menu .header-vertical-menu__fly-out {
	display: block !important;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	width: max-content;
	max-width: 930px;
	background: #ffffff;
	border: 1px solid #e5edf2;
	border-top: none;
	border-radius: 0 0 4px 4px;
	box-shadow: 0 8px 24px rgba(25, 55, 75, 0.08);
	overflow: visible;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(6px);
	transition:
		opacity 0.2s ease,
		transform 0.2s ease,
		visibility 0.2s ease !important;
}

/* Hiện menu khi hover khu vực Chuyên mục */
.header-vertical-menu:hover .header-vertical-menu__fly-out {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0);
}

/* ==========================================
3. DANH SÁCH MENU CẤP 1
========================================== */

.header-vertical-menu .ux-nav-vertical-menu {
	padding: 5px 0;
	margin: 0;
	background: #ffffff;
}

/* Mỗi mục menu */
.header-vertical-menu .ux-nav-vertical-menu > li {
	position: relative;
	margin: 0;
	border-bottom: 1px solid #f0f3f5;
}

.header-vertical-menu .ux-nav-vertical-menu > li:last-child {
	border-bottom: none;
}

/* Link cấp 1 */
.header-vertical-menu .ux-nav-vertical-menu > li > a {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 43px;
	padding: 10px 34px 10px 15px;
	color: #344454;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.5;
	text-transform: none;
	background: #ffffff;

	transition:
		color 0.2s ease,
		background-color 0.2s ease;
}

/* Mũi tên mục có menu con */
.header-vertical-menu .ux-nav-vertical-menu > li.menu-item-has-children > a > .icon-angle-down {
	position: absolute;
	right: 13px;
	top: 50%;
	transform: translateY(-50%) !important;
	font-size: 14px;
	color: #8a9aa5;
	transition: color 0.2s ease;
}

/* Hover cấp 1 */
.header-vertical-menu .ux-nav-vertical-menu > li:hover > a {
	color: #028bc3;
	background: #f4fbfe;
}

/* Mũi tên đổi màu khi hover */
.header-vertical-menu .ux-nav-vertical-menu > li:hover > a > .icon-angle-down {
	color: #03a1e2;
}

/* Mục đang được chọn */
.header-vertical-menu .ux-nav-vertical-menu > li.current-menu-item > a,
.header-vertical-menu .ux-nav-vertical-menu > li.current-menu-ancestor > a {
	color: #028bc3;
	background: #f4fbfe;
	font-weight: 600;
}

/* ==========================================
4. SUBMENU CẤP 2
========================================== */

/* Khung menu con */
.header-vertical-menu .ux-nav-vertical-menu .sub-menu {
	min-width: 260px;
	padding: 6px;
	background: #ffffff;
	border: 1px solid #e5edf2;
	border-left: 3px solid #03a1e2;
	border-radius: 0 4px 4px 0;
	box-shadow: 8px 8px 24px rgba(25, 55, 75, 0.12);
	overflow: hidden;
	z-index: 10000;
}

/* Link menu con */
.header-vertical-menu .ux-nav-vertical-menu .sub-menu > li > a {
	position: relative;
	display: block;
	margin: 0 !important;
	padding: 10px 12px;
	color: #344454;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.5;
	text-transform: none;
	white-space: normal;
	overflow-wrap: anywhere;
	background: #ffffff;
	border-bottom: 1px solid #f0f3f5;
	border-radius: 3px;

	transition:
		color 0.2s ease,
		background-color 0.2s ease;
}

/* Bỏ viền mục cuối */
.header-vertical-menu .ux-nav-vertical-menu .sub-menu > li:last-child > a {
	border-bottom: none;
}

/* Hover menu con */
.header-vertical-menu .ux-nav-vertical-menu .sub-menu > li:hover > a {
	color: #028bc3;
	background: #f4fbfe;
}

/* Mục menu con đang chọn */
.header-vertical-menu .ux-nav-vertical-menu .sub-menu > li.current-menu-item > a,
.header-vertical-menu .ux-nav-vertical-menu .sub-menu > li.current-menu-ancestor > a {
	color: #028bc3;
	background: #f4fbfe;
	font-weight: 600;
}


.ss-hero .benefit{
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	border-radius: 9999px;
	border-width: 1px;
	border-color: hsla(0, 0%, 100%, .25);
	background-color: hsla(0, 0%, 100%, .1);
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: .375rem;
	padding-bottom: .375rem;
	font-size: .75rem;
	line-height: 1rem;
	font-weight: 500;
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
}
.ss-hero .benefit::before{
	content: "\f513";
	font-family: 'remixicon' !important;
	color: rgb(124 198 236 / 1);
}
.ss-hero .benefit *{
	margin: 0;
}
.ss-hero h1{
	margin: 0;
	font-size: clamp(32px, 5vw, 52px);
	line-height: 1.3;
}
.ss-hero .description{
	max-width: 549px;
}
.ss-hero .description p{
	margin: 0
}
.actions .col-inner{
	display: inline-flex;
	gap: 10px 10px;
	flex-wrap: wrap;
}
a.button{
	font-weight: 500;
}
.button:not(.icon)>i{
	margin: 0 3px 0 0;
}
a.button.secondary:hover{
	background: #d9650f;
}
a.button.primary:hover,
.booking-online .wpcf7-form .wpcf7-submit:hover{
	background: #0065b4 !important;
}
a.button.white{
	color: #212121 !important;
}
a.button.white:hover{
	background: #eaeaea !important;
}
.list-benefits .col-inner{
	display: flex;
	justify-content: start;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 1.5rem;
	row-gap: .75rem;
}
.list-benefits .col-inner .icon-box{
	max-width: max-content;
}
.list-benefits .col-inner .icon-box .icon-box-img{
	display: flex;
	height: 1.75rem;
	width: 1.75rem;
	align-items: center;
	justify-content: center;
	border-radius: 9999px;
	border-width: 1px;
	border-color: hsla(0, 0%, 100%, .2);
	background-color: hsla(0, 0%, 100%, .1);
	padding: 6px;
}
.list-benefits .col-inner .icon-box .icon-box-text{
	padding-left: 8px;
}
.list-benefits .col-inner .icon-box .icon-box-text p{
	margin: 0;
	font-size: 14px;
	color: rgb(244 247 250 / 1);
}
.icon-box.style-1 .icon-box-img{
	display: flex;
	height: 45px;
	align-items: center;
	justify-content: center;
	border-radius: .375rem;
	background-color: rgb(214 238 250 / 1);
	padding: 10px;
	margin-bottom: 12px;
}
.icon-box.style-1 .icon-box-text h3{
	font-size: 16px;
}
.icon-box.style-1 .icon-box-text p{
	font-size: 14.4px;
	color: rgb(76 90 103 / 1);
}
.box-shadow-3-hover:hover{
	box-shadow: 0 10px 20px rgba(3, 160, 226, 0.15),
		0 6px 6px rgba(3, 160, 226, 0.10);
	transform: translatey(-5px);
}
.block-contact .col-inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 180px;
	align-items: center;
	gap: 10px;
}
.block-contact .content h3{
	font-size: 16px;
	font-weight: 600;
	margin: 0
}
.block-contact .content p{
	font-size: 14px;
	margin-bottom: 0
}
@media (min-width: 850px) {
	.banner.is-full-height {
		height: calc(100dvh - 32px - 160px) !important;
	}
}
.ss-title p:first-child{
	margin-bottom: 0;
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: var(--fs-color-primary);
}
.ss-title p:first-child::before{
	content: '';
	height: 1px;
	width: 1.5rem;
	background-color: currentcolor;
}
.ss-title p + h2{
	margin-top: 12px;
}
.ss-title h2{
	font-size: clamp(24px, 4vw, 30px);
	margin-bottom: 0
}
.ss-title h2 + p{
	color: rgb(76 90 103 / 1);
	margin: 12px 0 0;
}
a.button.is-outline{
	border-width: 1px;
}
a.button .icon-angle-right::before{
	content: "\f5db";
	font-family: remixicon !important;
}
.category-card{
	border-radius: 12px;
	overflow: hidden;
}
.category-card .box-image .overlay{
	background: linear-gradient(to top, rgba(10, 18, 24, .85), rgba(10, 18, 24, .40), transparent);
}
.category-card .box-image a::before{
	content: '';
	z-index: 3;
	background: red;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	inset: 0;
	opacity: 0
}
.category-card .box-text{
	position: absolute;
	padding: 20px;
	z-index: 2;
	bottom: 0;
	color: #fff;
}
.category-card .box-text h3{
	color: #fff;
	font-size: 16px;
	margin: 0;
}
.category-card .box-text p{
	margin: 12px 0 0;
}
.category-card .box-text p,
.category-card .category-product-count{
	font-size: 14px;
}
.category-card .category-product-count{
	position: absolute;
	right: 1rem;
	top: 1rem;
	border-radius: 9999px;
	background-color: hsla(0, 0%, 100%, .95);
	padding-left: .75rem;
	padding-right: .75rem;
	padding-top: .25rem;
	padding-bottom: .25rem;
	font-size: .75rem;
	line-height: 1rem;
	font-weight: 600;
	color: rgb(35 44 53 / 1);
}
.product-small.col .product-small.box{
	background: #f7f7f7;
}
.product-small.col .box-text{
	padding: 12px 8px 15px;
}
.product-small.col .box-text .product-title{
	margin: 0 0 10px;
}
.product-small.col .box-text .product-title a{
	margin: 0;
	font-size: 14px;
	color: #212121;
	font-weight: 600;
}
.price bdi,
.price-wrapper .price > strong{
	color: rgb(17 88 135/1);
	font-size: 16px;
}
.price del{
	color: rgb(135 149 163 / 1);
	opacity: 1;
	font-size: 12px;
	margin-top: 6px;
}
.price del bdi{
	color: inherit;
	font-size: inherit;
}
.product-small.col .box-text .price-wrapper .price .woocommerce-Price-currencySymbol{
	font-size: 14px;
}
.nav-simple{
	display: flex;
	align-items: center;
	gap: 5px 8px;
}
.nav-simple li{
	margin: 0
}
.nav-simple li a{
	white-space: nowrap;
	border-radius: 9999px;
	background-color: #f0f7f9;
	padding: 10px 20px;
	font-size: .875rem;
	line-height: 1.25rem;
	font-weight: 500;
	color: #212121;
}
.nav-simple li.active a{
	background: var(--fs-color-primary);
	color: #fff !important;
}
.nav-simple li a:hover{
	color: var(--fs-color-primary);
}
.tab-panels{
	padding: 0;
	margin-top: 20px;
}
.has-bg .nav-simple li:not(.active) a{
	background: #fff;
}
.has-bg .product-small.col .product-small.box {
	background: #fff;
}
.icon-box.style-1.color-2 .icon-box-img{
	background-color: rgb(29 140 203 / 1);
	padding: 10px;
	height: 50px;
	border-radius: 8px;
}
.list-number{
	counter-reset: item;
}
.list-number .col{
	counter-increment: item;
}
.list-number .col .icon-box::before{
	content: '0'counter(item);
	position: absolute;
	right: 20px;
	top: 20px;
	font-family: Be Vietnam Pro, sans-serif;
	font-size: 35px;
	font-weight: bold;
	color: rgb(214 238 250 / 1);
	line-height: 1;
}
.list-brands{
	flex-wrap: nowrap;
	animation: marquee 40s linear infinite;
}
.list-brands .gallery-col{
	height: 85px;
	min-width: 190px;
}
.list-brands .gallery-col .col-inner{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	height: 100%;
	padding: 15px;
	border-radius: .5rem;
	border-width: 1px;
	border-color: rgb(230 236 241 / 1);
}
.list-brands .box-image img{
	max-height: 85px;
}
.row-small.slick-slider .col{
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.box-prj{
	overflow: hidden;
	border-radius: .5rem;
	border-width: 1px;
	border-color: rgb(230 236 241 / 1);
	background-color: #f7f7f7;
}
.box-prj .box-text{
	padding-left: .75rem;
	padding-right: .75rem;
	padding-top: .75rem;
	padding-bottom: .75rem;
	text-align: center;
}
.box-prj .box-text p{
	font-size: 16px;
	margin: 0;
	font-weight: 500
}
.statistics .content p:first-child{
	font-size: 34px;
	line-height: 2.25rem;
	font-weight: 800;
	color: rgb(18 111 169 / 1);
	margin-bottom: 10px;
}
.statistics .content p:nth-child(2){
	color: rgb(76 90 103 / 1);
	margin-bottom: 0
}
span.count-up {
	opacity: 1 !important;
}
.post-item .box{
	overflow: hidden;
	border-radius: 12px;
	border-width: 1px;
	border-color: rgb(230 236 241 / 1);
	background-color: rgb(255 255 255 / 1);

}
.post-item .box .box-text{
	padding: 15px 15px 20px;
}
.post-item .box-text .box-text-inner {
	display: flex;
	flex-direction: column;
}
.post-item .box-text .box-text-inner .post-title a{
	margin: 0;
	font-weight: 600;
	font-size: 16px;
}
.post-item .box-text .box-text-inner .post-title {
	order: 2;
	margin: 0 0 0px;
}
.post-item .box-text .box-text-inner .post-meta::before{
	content: "\eb27";
	font-family: 'remixicon' !important;
	margin-right: 4px;
}
.post-item .box-text .box-text-inner .post-meta {
	order: 1;
	color: rgb(102 118 132 / 1);
	opacity: 1;
	margin-bottom: 8px;
	font-size: 12px;
}

.post-item .box-text .box-text-inner a.button {
	order: 4;
}

.post-item .box-text .box-text-inner .from_the_blog_excerpt {
	order: 3;
	margin: 10px 0 0;
	color: rgb(76 90 103 / 1);
	font-size: clamp(14px, 2vw, 16px);
}
.post-item .box-text .box-text-inner a.button {
	border: none;
	padding: 0;
	text-align: left;
	line-height: unset !important;
	min-height: unset !important;
	font-size: 14px;
	color: #555;
	background: transparent !important;
	margin-top: 10px !important;
	color: var(--fs-color-primary);
	text-transform: none;
}
.post-item .box-text .box-text-inner a.button::after {
	content: "\ea6c";
	font-family: 'remixicon' !important;
	margin-left: 3px;
	transition: all .25s ease;
	display: inline-block;
}
.banner-cta{
	border-radius: 16px;
	overflow: hidden;
}
.banner-cta .consultation *{
	margin: 0
}
.banner-cta .consultation{
	display: flex;
	max-width: max-content;
	align-items: center;
	gap: .5rem;
	border-radius: 9999px;
	border-width: 1px;
	border-color: hsla(0, 0%, 100%, .25);
	background-color: hsla(0, 0%, 100%, .1);
	padding: 6px 14px;
	font-size: .75rem;
	line-height: 1rem;
	font-weight: 500;
}
.banner-cta .consultation::before{
	content: "\ec0c";
	font-family: 'remixicon' !important;
}
.banner-cta .content h2{
	font-size: clamp(26px, 4vw, 36px);
	margin: 0;
	line-height: 1.4;
}
.banner-cta .content p{
	color: rgb(230 236 241 / 1);
	margin: 15px 0 0;
}

/* ==========================================
VAP BREADCRUMB - FLATSOME
========================================== */

.breadcrumb.vap-breadcrumb {
	--bc-text: #d6e4f0;
	--bc-current: #ffffff;
	--bc-separator: rgba(255, 255, 255, 0.55);
	--bc-hover: #ffffff;

	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.5;
	color: var(--bc-text);
}

/* Danh sách breadcrumb */
.breadcrumb.vap-breadcrumb .breadcrumb-list {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: flex-start;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Reset các li của Flatsome */
.breadcrumb.vap-breadcrumb .breadcrumb-list > li {
	width: auto;
	min-width: 0;
	height: auto;
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	line-height: inherit;
}

/* Link */
.breadcrumb.vap-breadcrumb .breadcrumb-item a {
	align-items: center;
	margin: 0;
	padding: 0;
	color: var(--bc-text);
	font-size: inherit;
	font-weight: 400;
	line-height: inherit;
	text-decoration: none;
	transition: color .2s ease;
}

.breadcrumb.vap-breadcrumb .breadcrumb-item a:hover {
	color: var(--bc-hover);
}

/* Trang hiện tại */
.breadcrumb.vap-breadcrumb .breadcrumb-item.is-current {
	color: var(--bc-current);
	font-weight: 500;
}

.breadcrumb.vap-breadcrumb .breadcrumb-item.is-current > span {
	display: inline-block;
	margin: 0;
	padding: 0;
	color: inherit;
	line-height: inherit;
}

/* Separator: tạo khoảng cách rõ ràng giữa các mục */
.breadcrumb.vap-breadcrumb .breadcrumb-list > li.breadcrumb-separator {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: auto;
	margin: 0 8px;
	padding: 0;
	color: var(--bc-separator);
	font-size: 12px;
	font-weight: 400;
	line-height: 1;
}

/* Icon Flatsome */
.breadcrumb.vap-breadcrumb .breadcrumb-separator i {
	display: inline-block;
	margin: 0;
	padding: 0;
	color: inherit;
	font-size: 16px;
	line-height: 1;
}

/* Xóa pseudo-element mặc định của theme */
.breadcrumb.vap-breadcrumb .breadcrumb-list > li::before,
.breadcrumb.vap-breadcrumb .breadcrumb-list > li::after {
	content: none !important;
	display: none !important;
}
/*  */
.vap-page-title{
	color: #fff;
}
.content-hero-page h1,
.content-hero-page h2,
.vap-page-title{
	font-size: clamp(26px, 4vw, 36px);
	margin-bottom: 0
}
.content-hero-page h1 + p,
.content-hero-page h2 + p{
	font-size: clamp(14px, 2vw, 16px);
	margin-bottom: 0;
	margin-top: 8px;
}
.img-border img,
.img-border iframe{
	border-radius: 16px;
}
.icon-box.style-1 .icon-box-text a.button{
	line-height: unset !important;
	min-height: unset !important;
	padding: 0;
	border: none;
}
.icon-box.style-1 .icon-box-text a.button i{
	margin-left: 3px;
}
.icon-box.style-1 .icon-box-text a.button:hover{
	color: #0065b4;
}
.price-list-block .col-inner{
	border: 1px solid rgb(226 237 241);
	border-radius: 8px;
	overflow: hidden;
}
.price-list-block .col-inner .icon-box{
	background: #f0f7f9;
	padding: 16px 20px;
}
.price-list-block .col-inner .icon-box .icon-box-img{
	background-color: rgb(29 140 203 / 1);
	padding: 10px;
	height: 44px;
	border-radius: 6px;
}
.price-list-block .col-inner .icon-box .icon-box-text{
	padding-left: 12px;
}
.price-list-block .col-inner .icon-box .icon-box-text h3{
	font-size: clamp(16px, 2vw, 18px);
	margin: 0
}
.vap-price-list {
	overflow: hidden;
	border-top: 1px solid #dfe9ef;
	color: #122b49;
}

.vap-price-list .vap-price-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	width: 100%;
	margin: 0;
	padding: 15px 20px;
	border: 0;
	border-bottom: 1px solid #dfe9ef;
	box-sizing: border-box;
	transition: background-color .2s ease;
}

.vap-price-list .vap-price-info {
	flex: 1 1 auto;
	min-width: 0;
}

.vap-price-list .vap-price-title {
	margin: 0 0 2px;
	padding: 0;
	font-size: clamp(14px, 2vw, 16px);
	font-weight: 400;
}

.vap-price-list .vap-price-unit {
	margin: 0;
	padding: 0;
	color: rgb(76 90 103 / 1);
	font-size: 14px;
}

.vap-price-list .vap-price-value {
	flex: 0 0 auto;
	color: #00549b;
	font-size: clamp(14px, 2vw, 16px);
	font-weight: 700;
	text-align: right;
	white-space: nowrap;
}
.vap-price-list .vap-price-note {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	padding: 10px 20px;
	background: #f0f7f9;
	font-size: 12px;
	line-height: 1;
}
.vap-price-list .vap-price-note .vap-price-note-text{
	line-height: 1.4
}
.ov-hd > .col-inner{
	overflow: hidden;
	border-radius: 12px;
}
.list-note ul{
	list-style-type: none;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	font-size: 14px;
}
.list-note ul li{
	margin: 0;
	position: relative;
	color: rgb(76 90 103 / 1);
	display: flex;
}
.list-note ul li::before{
	content: "\eb81";
	font-family: remixicon !important;
	color: var(--fs-color-primary);
	margin-right: 5px;
	font-size: 16px;
}

.style-2 .nav-simple{
	border: 1px solid #dfe9ef;
	padding: 8px;
	border-radius: 6px;
}
.style-2 .nav-simple li a{
	text-transform: none;
}

/* ========================================
UX RELAY PAGINATION
======================================== */
.ux-relay__control--bottom {
	padding-top: 30px;
	padding-bottom: 0;
}
.ux-relay__pagination.page-numbers {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.ux-relay__pagination > li {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 !important;
	padding: 0;
}
.ux-relay__pagination .page-number {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	min-width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
	box-sizing: border-box;

	color: #344454;
	background: #fff;
	border: 1px solid #dce1f5;
	border-radius: 6px;

	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	text-decoration: none;

	transition:
		color .2s ease,
		background-color .2s ease,
		border-color .2s ease,
		box-shadow .2s ease;
}
.ux-relay__pagination a.page-number:hover {
	border-color: var(--primary-color, #00B0FF);
	color: var(--primary-color, #00B0FF);
	background: #fff !important;
}
.ux-relay__pagination .page-number.current {
	background: var(--primary-color, #00B0FF);
	border-color: var(--primary-color, #00B0FF);
	color: #fff;
}
.ux-relay__pagination .page-number.dots {
	width: 28px;
	min-width: 28px;
	color: #8a98a5;
	background: transparent;
	border-color: transparent;
	cursor: default;
}
.ux-relay__pagination a.prev.page-number,
.ux-relay__pagination a.next.page-number {
	color: #344454;
	font-size: 18px;
}
.ux-relay__pagination a.prev.page-number:hover,
.ux-relay__pagination a.next.page-number:hover {
	color: #fff;
	background: #03a1e2;
	border-color: #03a1e2;
}
.ux-relay__pagination .page-number i {
	font-size: 18px;
	line-height: 1;
}
.ubdsc-page-btn i{
	line-height: 1;
	color: #344454;
	font-size: 18px;
}
.fa-solid::before{
	font-family: fl-icons !important;
	font-style: normal !important;
	font-variant: normal !important;
	font-weight: 400 !important;
}
.fa-chevron-right::before{
	content: "";
}
.fa-chevron-left::before{
	content: "";
}
.ubdsc-page-btn.active:hover{
	color: #fff !important
}
a.button.is-link{
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.blog-wrapper{
	padding: 0
}

.entry-header-text-top{
	padding: 0;
	margin-bottom: 20px;
}
.entry-image img{
	border-radius: 12px;
	overflow: hidden;
}
.blog-single .entry-content{
	padding: 0;
	margin-top: 20px;
}
.vap-single-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px 22px;
	margin: 0;
	color: #53677f;
	font-size: 14px;
	font-weight: 400;
	text-transform: none;
	line-height: 1.5;
}

/* Từng thông tin */
.vap-single-meta .vap-meta-item {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

/* Remix Icon */
.vap-single-meta .vap-meta-item i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #53677f;
	font-size: 15px;
	line-height: 1;
}

/* Danh mục */
.vap-single-meta .vap-meta-category a {
	color: #07569a;
	font-weight: 600;
	text-decoration: none;
}

.vap-single-meta .vap-meta-category i {
	color: #07569a;
}

.vap-single-meta .vap-meta-category a:hover {
	color: #03a1e2;
}

.entry-content table {
	width: 100%;
	margin: 20px 0;
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	background: #fff;
	font-size: 16px;
	line-height: 1.6;
}
.entry-content table th,
.entry-content table td {
	padding: 9px 14px;
	border: none;
	border-bottom: 1px solid #e9e9e9;
	text-align: left;
	vertical-align: middle;
	font-size: clamp(14px, 2vw, 16px);
	border: 1px solid #b9b9b9
}

/* Tiêu đề bảng */
.entry-content table th {
	color: #03a1e2;
	font-size: 16px;
	font-weight: 700;
	background: #fff;
}
.entry-content table td {
	color: #212121;
	font-weight: 400;
}
b, strong {
	font-weight: 600;
}
blockquote {
	font-size: 16px;
	padding: 0 0 0 15px;
}
/* Khung bài viết liên quan */
.vap-related-posts {
	padding: 20px 16px;
	border: 1px solid #dce8ee;
	border-radius: 11px;
}
.vap-related-posts__title {
	margin: 0 0 15px;
	padding: 0;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4;
}
.vap-related-posts__list {
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.vap-related-posts__item {
	display: grid;
	grid-template-columns: 100px minmax(0, 1fr);
	align-items: start;
	gap: 14px;
	margin: 0;
	padding: 0 0 15px;
	border-bottom: 1px solid #e5e9ed;
}

.vap-related-posts__item:last-child {
	padding-bottom: 0;
	border-bottom: none;
}
.vap-related-posts__thumbnail {
	display: block;
	width: 100px;
	height: 65px;
	overflow: hidden;
	background: #edf2f5;
	border-radius: 7px;
}

.vap-related-posts__thumbnail img {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	object-fit: cover;
	transition: transform .25s ease;
}

.vap-related-posts__thumbnail:hover img {
	transform: scale(1.05);
}

.vap-related-posts__item-title {
	margin:  0 0 4px;
	padding: 0;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
	text-transform: none;
}

.vap-related-posts__item-title a {
	color: #212121;
	text-decoration: none;
}

.vap-related-posts__item-title a:hover {
	color: var(--fs-color-primary);
}
.vap-related-posts__date {
	display: block;
	margin: 0;
	color: #647b91;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.5;
}

.vap-related-posts__no-image {
	display: block;
	width: 100%;
	height: 100%;
	background: #edf2f5;
}
.blog-single article{
	margin-bottom: 0
}
.blog-single .entry-content > *:last-child{
	margin-bottom: 0
}
.post-sidebar > .widget-area {
	position: sticky;
	top: calc(120px + 32px + 15px);
}
.post-sidebar > .widget-area {
	position: sticky;
	top: calc(120px + 15px);
}
body.admin-bar .post-sidebar > .widget-area {
	top: calc(120px + 32px + 15px);
}
.actions.chat .col-inner {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.actions.chat .col-inner > * {
	flex: 1 1 205px;
	min-width: 205px;
	margin: 0;
	box-sizing: border-box;
	text-align: center;
}
.prj-item{
	border: 1px solid #dfe9ef;;
	border-radius: 12px;
	overflow: hidden;
	background: #fff;
}
.prj-item .box-text{
	padding: 15px 20px;
}
.prj-item .box-text h3{
	font-size: 16px;
	margin: 0 0 10px;
}
.prj-item .box-text h3 a{
	color: inherit;
}
.prj-item .box-text p{
	font-size: 14px;
	margin: 0
}
.prj-item:hover h3{
	color: var(--fs-color-primary);
}
.bg-zoom:hover .bg, .has-hover:hover .image-zoom img {
	transform: scale(1.05);
}
.ss-title.large h2 {
	font-size: clamp(26px, 4vw, 36px);
	line-height: 1.4;
}
.ss-title.large h2 + p {
	font-size: clamp(16px, 2vw, 20px);
}
.group_action .icon-box .icon-box-text{
	padding-left: 15px;
	max-width: max-content;
}
.group_action .icon-box{
	height: 75px;
	border-radius: 35px;
	padding: 5px;
	text-align: center;
	box-shadow: 0px 20px 26px 0px rgba(149, 159, 163, 0.2);
	justify-content: center;
	transition-duration: 0.3s;
	transition-property: transform;
}
.group_action .icon-box.btn-blue{
	color: #ffffff;
	background: #19b9f4;
	background: linear-gradient(to bottom, #19b9f4 0%, #65d6ff 100%);
	border: 2px solid #19b9f4;
}
.group_action .icon-box.btn-white {
	background: #f3f3f3;
	background: linear-gradient(to bottom, #f3f3f3 0%, #fff 100%);
	border: 2px solid #ffffff;
}
.group_action .icon-box p{
	margin: 0;
	line-height: 1;
	font-size: 18px;
}
.group_action .icon-box p + p{
	margin-top: 6px;
}
.group_action .icon-box p strong{
	font-size: 28px;
	text-shadow: 3px 3px #1eb7ef;
	line-height: 1em;
}
.group_action .icon-box:hover{
	transform: translateY(-5px);
}
.group_action .icon-box::before {
	pointer-events: none;
	position: absolute;
	z-index: -1;
	content: "";
	top: 100%;
	left: 5%;
	height: 10px;
	width: 90%;
	opacity: 0;
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
	transition-duration: 0.3s;
	transition-property: transform, opacity;
}
.group_action .icon-box:hover::before {
	opacity: 1;
	transform: translateY(5px);
}
.content-ar h3{
	font-size: 16px;
	display: flex;
}
.content-ar h3::before{
	content: "\f512";
	font-family: remixicon !important;
	margin-right: 6px;
	color: var(--fs-color-primary);
	font-size: 16px;
}
.content-ar{
	font-size: 14.4px;
}
.box_info_contact >.col-inner {
	text-shadow: 2px 2px #007fbe;
}
.box_info_contact h3 {
	margin: 0;
	text-align: center;
	font-size: clamp(24px, 4vw, 40px);
	line-height: 1.5em;
	color: #fff;
	text-transform: uppercase;
	line-height: 1.5em;
	margin-bottom: 20px;
}
.box_info_contact p {
	font-weight: bold;
	font-style: italic;
	font-size: clamp(20px, 3vw, 30px);
	color: #fff;
	text-align: center;
	margin: 0;
	line-height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 15px;
}
.box_info_contact p strong {
	font-size: clamp(30px, 5vw, 58px);
}
.box_info_contact .btn-order {
	display: inline-block;
	border-radius: 35px;
	padding: 5px 25px;
	text-align: center;
	box-shadow: 0px 20px 26px 0px rgba(149, 159, 163, 0.2);
	text-align: center;
	text-shadow: none;
	font-style: initial;
	line-height: 56px;
	background: #f3f3f3;
	background: linear-gradient(to bottom, #f3f3f3 0%, #fff 100%);
	border: 2px solid #ffffff;
}
.box_info_contact .btn-order .inner {
	display: inline-block;
}
.box_info_contact .btn-order span {
	font-size: clamp(16px, 2vw, 20px);
	text-transform: uppercase;
	color: #03a9e6;
	position: relative;
	padding-left: 50px;
	display: inline-block;
	line-height: 56px;
}
.box_info_contact .btn-order span::before {
	content: "\eb21";
	font-family: remixicon !important;
	font-size: clamp(18px, 3vw, 36px);
	position: absolute;
	left: 0;
	top: 0;
}
.box-procedure > .col-inner{
	position: relative;
	padding-bottom: 80px;
}
.box-procedure > .col-inner::after {
	content: url(/wp-content/uploads/2024/12/arrow2.png);
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, 0%);
	width: 36px;
	height: 41px;
}
.booking-online > .col-inner{
	box-shadow: 6px 6px 30px 0px #a5a5a5;
	border-radius: 10px;
	margin: 0 auto;
	border-radius: 15px;
	overflow: hidden
}
.booking-online .modal-title {
	text-align: center;
	height: 46px;
	margin-bottom: 20px;
}
.booking-online .modal-title > h3 {
	font-weight: bold;
	font-size: 18px;
	text-transform: uppercase;
	color: #fff;
	line-height: 46px;
	background: #03a9e6;
	display: block;
	position: relative;
}
.booking-online .wpcf7-form{
	padding: 0 20px 20px;
}
.booking-online .wpcf7-form .form-field{
	margin-bottom: 20px;
}
.booking-online .wpcf7-form .form-field br{
	display: none !important
}
.booking-online .wpcf7-form .form-field p{
	margin: 0
}
.booking-online .wpcf7-form .form-field > label{
	display: block;
	font-weight: 600;
	margin-bottom: 10px;
	font-size: 16px;
}
.booking-online .wpcf7-form .form-field .group_input{
	display: grid;
	grid-gap: 15px;
	grid-template-columns: repeat(2, 1fr);
}
.booking-online .wpcf7-form .form-field input:not(.wpcf7-submit){
	margin-bottom: 15px !important;
	border-radius: 3px;
	padding: 0 10px !important;
	font-size: 14px;
}
.booking-online .wpcf7-form .form-field input[type="checkbox"]{
	margin: 0 5px 0 0 !important;
	width: 16px;
	height: 16px;
}
.booking-online .wpcf7-form .form-field .wpcf7-list-item label{
	display: inline-flex;
	align-items: center;
	font-size: 15px;
	text-align: center;
}
.booking-online .wpcf7-form .wpcf7-submit{
	font-size: 16px;
	width: 100%;
	padding: 4px 15px !important;
	border-radius: 6px;
	margin-top: 5px !important
}
.wpcf7-spinner{
	display: none
}
.booking-online .wpcf7-form .wpcf7-list-item input{
	display: none
}
.booking-online .wpcf7-form .wpcf7-checkbox{
	display: grid;
	grid-template-columns: repeat(4, 110px);
	gap: 20px;
	align-items: center;
	justify-content: center;
}
.booking-online .wpcf7-form .wpcf7-list-item{
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	box-shadow: 0px 4px 13px 0px rgba(94, 111, 117, 0.4);
	background: linear-gradient(to bottom, #fff 0%, #f3f3f3 22%, #fff 58%, #c5c5c5 100%);
	border: 2px solid #fff;
	border-radius: 50%;
	padding: 5px 10px;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
}
.booking-online .wpcf7-form .wpcf7-list-item label{
	display: inline-flex;
	flex-direction: column;
	gap: 5px;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	font-weight: 500
}
.booking-online .wpcf7-form .wpcf7-list-item label:before{
	content: '';
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-flex;
	width: 35px;
	height: 35px;
}
.booking-online .wpcf7-form .wpcf7-list-item:nth-child(1) label:before{
	background-image: url('/wp-content/uploads/2024/12/icon-lap-dat.png');
}
.booking-online .wpcf7-form .wpcf7-list-item:nth-child(2) label:before{
	background-image: url('/wp-content/uploads/2024/12/icon-ve-sinh.png');
}
.booking-online .wpcf7-form .wpcf7-list-item:nth-child(3) label:before{
	background-image: url('/wp-content/uploads/2024/12/icon-bao-tri.png');
}
.booking-online .wpcf7-form .wpcf7-list-item:nth-child(4) label:before{
	background-image: url('/wp-content/uploads/2024/12/icon-kiem-tra.png');
}
.booking-online .wpcf7-form .wpcf7-list-item span:before{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	inset:0;
	border-radius: 50%;
}
.booking-online .wpcf7-form .wpcf7-list-item input:checked + span::after{
	content: "";
	background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3C!--%21Font%20Awesome%20Free%206.7.1%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree%20Copyright%202024%20Fonticons%2C%20Inc.--%3E%3Cpath%20fill%3D%22%2303a9e6%22%20d%3D%22M256%20512A256%20256%200%201%200%20256%200a256%20256%200%201%200%200%20512zM369%20209L241%20337c-9.4%209.4-24.6%209.4-33.9%200l-64-64c-9.4-9.4-9.4-24.6%200-33.9s24.6-9.4%2033.9%200l47%2047L335%20175c9.4-9.4%2024.6-9.4%2033.9%200s9.4%2024.6%200%2033.9z%22%2F%3E%3C%2Fsvg%3E');
	background-size: contain;
	background-repeat: no-repeat;
	width: 25px;
	height: 25px;
	position: absolute;
	right: -10px;
	top: -10px;
	color: #03a9e6;
}
textarea.wpcf7-form-control {
	padding: 10px !important;
	border-radius: 3px;
}
.row-reverse-3 .col:nth-child(2){
	order: 3
}
.row-reverse-3 .col:nth-child(3){
	order: 2
}
.page-title-inner{
	padding: 0
}
.row.row-full-width .row{
	margin: 0 auto;
}
.single-product .breadcrumb.vap-breadcrumb .breadcrumb-item a,
.single-product .breadcrumb.vap-breadcrumb .breadcrumb-list > li.breadcrumb-separator{
	color: rgb(76 90 103 / 1);
}
.single-product .breadcrumb.vap-breadcrumb .breadcrumb-item.is-current > span{
	color: var(--fs-color-primary);
}
.product-images .image-tools,
.product-images .flickity-button{
	display: none !important
}
.product-images{
	background: #f0f7f9;
	border: 1px solid rgb(226 237 241);
	border-radius: 8px;
	overflow: hidden;
}
.product-images,
.product-images a{
	height: 450px;
}
.product-images a{
	display: block;
	display: flex;
	justify-items: center;
	align-items: center
}
.product-images img{
	padding: 20px;
	object-fit: contain;
	height: 100%;
}
.product-thumbnails a{
	height: 100%;
	display: flex;
	align-items: center;
	background: #f0f7f9;
	border: 1px solid rgb(226 237 241);
	aspect-ratio: 1 / 1;
	border-radius: 6px;
}
.product-thumbnails .is-nav-selected a, .product-thumbnails a:hover {
	border-color: var(--fs-color-primary);
}
.product-thumbnails a img{
	padding: 5px;
	object-fit: contain;
	height: 100%;
}
.vap-product-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	font-size: 14px;
	line-height: 1;
	row-gap: 10px;
}
.vap-product-meta .product-meta-brand {
	color: var(--fs-color-primary);
}
.vap-product-meta .product-meta-category {
	color: #52657c;
}
.vap-product-meta span + span{
	border-left: 2px solid #d2e1e6;
	margin-left: 8px;
	padding-left: 8px;
}

.single-product .product-title{
	font-size: clamp(22px, 3vw, 26px);
	margin-bottom: 0
}
.single-product .product-price-container .price-wrapper .price{
	display: flex;
	flex-direction: row-reverse;
	justify-content: start;
	align-items: end;
	line-height: 1;
}
.single-product .product-price-container .price-wrapper .price{
	margin-bottom: 0
}
.single-product .product-price-container .price-wrapper .price del{
	margin: 0
}
.single-product .product-price-container .price-wrapper .price,
.single-product .product-price-container .price-wrapper .price > .amount > bdi{
	font-size: clamp(22px, 3vw, 26px);
}
.single-product .product-price-container .price-wrapper .price ins bdi{
	font-size: inherit
}
.single-product .product-price-container .price-wrapper .price del{
	margin-left: 8px;
	font-size: 14px;
}
/* ////////////// */
/* ============================================================
DICH VU LAP DAT - COLLAPSIBLE PACKAGES + POPUP
============================================================ */

/* --- Wrapper --- */
.dichvu_lapddat_wrap {
	margin: 18px 0 20px;
	border: 2px solid #e8f4ff;
	border-radius: 12px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 4px 18px rgba(0,100,220,.07);
}
.dichvu_lapddat_header{
	background: linear-gradient(135deg,#005bff 0%,#00aaff 100%);
	color: #fff;
	padding: 12px 16px;
}
.dichvu_lapddat_header .title {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .3px;
	text-transform: uppercase;
}
.dichvu_lapddat_header i { font-size: 16px; }
.dichvu_lapddat_header .dichvu_lapddat_desc{
	font-size: 12px;
	margin-top: 0px;
}

/* --- Package card --- */
.dichvu_package {
	border-bottom: 1px solid #e8f0fb;
}
.dichvu_package:last-child { border-bottom: none; }

/* --- Package header (accordion trigger) --- */
.dichvu_pkg_header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 16px;
	cursor: pointer;
	background: #f8fbff;
	transition: background .2s;
	user-select: none;
	-webkit-user-select: none;
}
.dichvu_pkg_header:hover { background: #eef5ff; }
.dichvu_package.is-active .dichvu_pkg_header,
.dichvu_pkg_header.active { background: #e6f2ff; }

.dichvu_pkg_header_left {
	display: flex;
	align-items: center;
	gap: 10px;
	flex: 1;
	min-width: 0;
}

/* Radio dot */
.pkg_radio_dot {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 1px solid #bbb;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	transition: border-color .2s;
	background: #fff;
}
.pkg_radio_dot.checked { border-color: #005bff; }
.pkg_radio_inner {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #005bff;
	opacity: 0;
	transform: scale(0);
	transition: opacity .2s, transform .2s;
}
.pkg_radio_dot.checked .pkg_radio_inner { opacity: 1; transform: scale(1); }

.pkg_name {
	font-size: 14px;
	font-weight: 700;
	color: #1a2a4a;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dichvu_pkg_header_right {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
}
.pkg_total_price {
	font-size: 15px;
	font-weight: 800;
	color: #e53935;
}
.pkg_total_price .woocommerce-Price-amount { font-size: inherit; color: inherit; }

.pkg_chevron {
	color: #888;
	font-size: 12px;
	transition: transform .3s;
	display: inline-flex;
}
.dichvu_pkg_header.active .pkg_chevron,
.dichvu_package.is-active .dichvu_pkg_header .pkg_chevron {
	transform: rotate(180deg);
}

/* --- Package body (collapsible) --- */
.dichvu_pkg_body {
	max-height: 0;
	overflow: hidden;
	transition: max-height .4s cubic-bezier(.4,0,.2,1), padding .3s;
	padding: 0 16px;
	background: #fff;
}
.dichvu_pkg_body.expanded {
	max-height: 800px;
	padding: 8px 16px 12px;
}

/* --- Service list --- */
.dichvu_service_list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.dichvu_svc_item {
	display: flex;
	align-items: flex-start;
	align-items: center;
	gap: 8px;
	padding: 7px 0;
	border-bottom: 1px dashed #eef0f5;
	font-size: 14px;
	line-height: 1.4;
	margin: 0 !important;
}
.dichvu_svc_item:last-child { border-bottom: none; }
.dichvu_svc_item.unchecked { opacity: .5; }

.svc_check_icon {
	color: #22c55e;
	font-size: 14px;
	margin-top: 1px;
	flex-shrink: 0;
}
.svc_check_icon .fa-times-circle { color: #bbb; }
.svc_name {
	flex: 1;
	color: #2d3a4a;
	font-weight: 500;
}
.svc_variant_selected {
	display: block;
	font-size: 11px;
	color: #005bff;
	font-weight: 600;
	background: #e6f2ff;
	border-radius: 4px;
	padding: 1px 6px;
	display: inline-block;
	margin-left: 8px;
}
.svc_price_wrap {
	text-align: right;
	flex-shrink: 0;
	min-width: 80px;
}
.svc_price_wrap del {
	display: block;
	font-size: 11px;
	color: #bbb;
	text-decoration: line-through;
}
.svc_price_wrap del .woocommerce-Price-amount { font-size: inherit; color: inherit; }
.svc_price_wrap ins {
	font-size: 14px;
	font-weight: 700;
	color: #e53935;
	text-decoration: none;
}
.svc_price_wrap ins .woocommerce-Price-amount { font-size: inherit; color: inherit; }

/* --- Thay doi button --- */
.btn_thaydoi_dichvu {
	align-items: center;
	background: #fff;
	border: 1.5px solid #005bff;
	color: #005bff;
	border-radius: 8px;
	padding: 2px 16px;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	transition: background .2s, color .2s, box-shadow .2s;
	display: block;
	margin: 8px auto 0 !important;
}
.btn_thaydoi_dichvu:hover {
	background: #005bff;
	color: #fff;
	box-shadow: 0 4px 14px rgba(0,91,255,.25);
}

/* ============================================================
POPUP
============================================================ */
.dichvu_popup_overlay {
	position: fixed;
	inset: 0;
	background: rgba(10,20,50,.55);
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s, visibility .3s;
	padding: 16px;
}
.dichvu_popup_overlay.active {
	opacity: 1;
	visibility: visible;
}
.dichvu_popup {
	background: #fff;
	border-radius: 16px;
	width: 100%;
	max-width: 520px;
	max-height: 90vh;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	box-shadow: 0 20px 60px rgba(0,50,180,.18);
	transform: translateY(20px) scale(.97);
	transition: transform .3s cubic-bezier(.34,1.56,.64,1);
}
.dichvu_popup_overlay.active .dichvu_popup {
	transform: translateY(0) scale(1);
}

/* Head */
.dichvu_popup_head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 20px;
	background: linear-gradient(135deg,#005bff 0%,#00aaff 100%);
	color: #fff;
	flex-shrink: 0;
}
.dichvu_popup_head_inner {
	display: flex;
	align-items: center;
	gap: 8px;
}
.dichvu_popup_head_inner i { font-size: 16px; }
.dichvu_popup_pkg_name {
	font-size: 15px;
	font-weight: 700;
	margin: 0;
	color: #fff;
}
.dichvu_popup_close {
	background: rgba(255,255,255,.2);
	border: none;
	color: #fff;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	transition: background .2s;
	flex-shrink: 0;
	margin: 0 !important;
}
.dichvu_popup_close:hover { background: rgba(255,255,255,.35); }

/* Body */
.dichvu_popup_body {
	flex: 1;
	overflow-y: auto;
	padding: 16px 20px;
}
.dichvu_popup_body::-webkit-scrollbar { width: 4px; }
.dichvu_popup_body::-webkit-scrollbar-track { background: #f0f4fb; }
.dichvu_popup_body::-webkit-scrollbar-thumb { background: #c0ccdd; border-radius: 4px; }

/* Popup service item */
.popup_svc_item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 8px 12px;
	border-radius: 8px;
	border: 1.5px solid #e8eef8;
	margin-bottom: 8px;
	cursor: pointer;
	transition: border-color .2s, background .2s;
	background: #f9fbff;
}
.popup_svc_item:hover { border-color: #a0bfff; background: #f0f6ff; }
.popup_svc_item.checked {
	border-color: #005bff;
	background: #e6f2ff;
}

.popup_svc_label {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	cursor: pointer;
	flex: 1;
	margin: 0;
}
.popup_svc_label input[type="checkbox"],
.popup_svc_label input[type="radio"] {
	position: absolute;
	opacity: 0;
	pointer-events: none;
	width: 0;
	height: 0;
}
.popup_cb_box {
	width: 16px;
	height: 16px;
	border-radius: 3px;
	border: 1px solid #c0cce0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	margin-top: 1px;
	transition: background .2s, border-color .2s;
	background: #fff;
	font-size: 11px;
	color: transparent;
}
.popup_cb_box i{
	font-size: 9px;
}
.popup_svc_radio .popup_cb_box { border-radius: 50%; }
.popup_svc_item.checked .popup_cb_box {
	background: #005bff;
	border-color: #005bff;
	color: #fff;
}
.popup_svc_name {
	font-size: 13px;
	font-weight: 500;
	color: #2d3a4a;
	line-height: 1.4;
}
.popup_svc_price {
	font-size: 13px;
	font-weight: 700;
	color: #e53935;
	text-align: right;
	flex-shrink: 0;
	min-width: 70px;
}
.popup_svc_price del {
	display: block;
	font-size: 11px;
	color: #bbb;
	font-weight: 400;
	text-decoration: line-through;
}
.popup_svc_price .free { color: #22c55e; }

/* Group section in popup */
.popup_svc_group {
	margin-bottom: 4px;
}
.popup_group_name {
	font-size: 13px;
	font-weight: 700;
	color: #005bff;
	background: #e6f2ff;
	border-radius: 6px;
	padding: 7px 12px;
	margin-bottom: 6px;
	display: flex;
	align-items: center;
	gap: 6px;
}
.popup_group_list { padding-left: 8px; }

/* Foot */
.dichvu_popup_foot {
	padding: 14px 20px;
	border-top: 1px solid #e8eef8;
	background: #f8fbff;
	flex-shrink: 0;
}
.dichvu_popup_total_row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 12px;
}
.popup_total_label {
	font-size: 13px;
	color: #607080;
	font-weight: 600;
}
.popup_total_val {
	font-size: 20px;
	font-weight: 800;
	color: #e53935;
}
.btn_xacnhan_goi {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	background: linear-gradient(135deg,#005bff 0%,#00aaff 100%);
	color: #fff;
	border: none;
	border-radius: 10px;
	padding: 13px;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
	box-shadow: 0 4px 16px rgba(0,91,255,.3);
	transition: filter .2s, box-shadow .2s;
}
.btn_xacnhan_goi:hover {
	filter: brightness(1.08);
	box-shadow: 0 6px 22px rgba(0,91,255,.4);
}

/* Responsive */
@media (max-width: 480px) {
	.dichvu_pkg_header { padding: 12px; }
	.pkg_name { font-size: 13px; }
	.dichvu_popup { max-height: 95vh; }
	.dichvu_popup_body { padding: 14px; }
}

/* --- Fixed service (disabled) trong popup --- */
.popup_svc_item.is-fixed {
	cursor: default;
	opacity: .72;
	background: #f4f6fa !important;
	border-color: #dde3ee !important;
}
.popup_svc_item.is-fixed:hover {
	border-color: #dde3ee !important;
	background: #f4f6fa !important;
}
.popup_svc_item.is-fixed .popup_cb_box {
	background: #e0e5ef !important;
	border-color: #b8c4d8 !important;
	color: #8898b0 !important;
}
.popup_svc_item.is-fixed.checked .popup_cb_box {
	background: #b0bfda !important;
	border-color: #98aac8 !important;
	color: #fff !important;
}
.popup_svc_item.is-fixed .popup_svc_name {
	color: #7a8aa0;
}
.popup_svc_item.is-fixed input[type="checkbox"] {
	pointer-events: none;
}

/* --- Option "Không chọn" trong group_service popup --- */
.popup_svc_none .popup_svc_none_label {
	color: #8898b0;
	font-style: italic;
}
.popup_svc_none {
	border-style: dashed !important;
	border-color: #d0d8e8 !important;
	background: #f7f9fc !important;
}
.popup_svc_none:hover {
	border-color: #a0aec0 !important;
	background: #f0f4fa !important;
}
.popup_svc_none.checked {
	border-color: #94a3b8 !important;
	background: #edf2f7 !important;
}
.popup_svc_none.checked .popup_cb_box {
	background: #94a3b8 !important;
	border-color: #94a3b8 !important;
	color: #fff !important;
}
/* ============================================================
CART ITEM — Variation (Gói lắp đặt & Dịch vụ đi kèm)
============================================================ */
.woocommerce-cart-form .variation,
.woocommerce-checkout .variation {
	margin: 6px 0 0;
	padding: 8px 10px;
	background: #f4f8ff;
	border: 1px solid #dce8ff;
	border-radius: 8px;
	font-size: 14px;
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 4px 8px;
	align-items: start;
}

/* Label (DT) */
.woocommerce-cart-form .variation dt,
.woocommerce-checkout .variation dt {
	font-weight: 700;
	color: #4a6080;
	white-space: nowrap;
	padding-top: 1px;
	margin: 0;
}
.woocommerce-cart-form .variation dt::after,
.woocommerce-checkout .variation dt::after {
	content: "";
}

/* Value (DD) */
.woocommerce-cart-form .variation dd,
.woocommerce-checkout .variation dd {
	margin: 0;
	color: #1a2a4a;
}
.woocommerce-cart-form .variation dd p,
.woocommerce-checkout .variation dd p {
	margin: 0;
	font-weight: 600;
	color: #005bff;
}

/* Danh sách dịch vụ trong DD */
.woocommerce-cart-form .variation dd ul,
.woocommerce-checkout .variation dd ul {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}
.woocommerce-cart-form .variation dd ul li,
.woocommerce-checkout .variation dd ul li {
	font-size: 14px;
	line-height: 1.6;
	color: #2d3a4a;
	padding: 1px 0;
	border-bottom: 1px dashed #e0e8f5;
}
.woocommerce-cart-form .variation dd ul li:last-child,
.woocommerce-checkout .variation dd ul li:last-child {
	border-bottom: none;
}
.woocommerce-cart-form .variation dd ul li span,
.woocommerce-checkout .variation dd ul li span {
	font-weight: 700;
	font-size: 14px;
}

/* "Dịch vụ đi kèm" label → chiếm full width, xuống hàng riêng */
.woocommerce-cart-form .variation dt.variation-Dchvikm,
.woocommerce-checkout .variation dt.variation-Dchvikm {
	grid-column: 1 / -1;
	margin-top: 6px;
	padding-top: 6px;
	border-top: 1px solid #dce8ff;
	color: #4a6080;
}

/* Danh sách dịch vụ → chiếm full width bên dưới label */
.woocommerce-cart-form .variation dd.variation-Dchvikm,
.woocommerce-checkout .variation dd.variation-Dchvikm {
	grid-column: 1 / -1;
}

/* ============================================================
KHUYẾN MÃI LẮP ĐẶT
============================================================ */
.khuyen_mai_lapddat_wrap {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 18px rgba(220,0,0,.1);
	border: 1.5px solid #ffd0d0;
	margin-bottom: 10px;
}
.khuyen_mai_lapddat_header {
	background: linear-gradient(135deg, #cc0000 0%, #ff4444 100%);
	color: #fff;
	padding: 10px 16px;
	display: flex;
	align-items: center;
	gap: 8px;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: .3px;
	text-transform: uppercase;
}
.khuyen_mai_lapddat_header i {
	font-size: 16px;
	animation: km-gift-pulse 1.6s ease-in-out infinite;
}
@keyframes km-gift-pulse {
	0%, 100% { transform: scale(1) rotate(0deg); }
	30% { transform: scale(1.25) rotate(-8deg); }
	60% { transform: scale(1.25) rotate(8deg); }
}
.khuyen_mai_lapddat_content {
	padding: 10px 16px 12px;
	background: linear-gradient(180deg, #fff8f8 0%, #fff 100%);
}
.khuyen_mai_lapddat_content ul,
.khuyen_mai_lapddat_content ol {
	margin: 4px 0 0;
	padding-left: 20px;
}
.khuyen_mai_lapddat_content li {
	font-size: 13px;
	line-height: 1.8;
	color: #1a2a4a;
	padding: 1px 0;
	margin: 0 !important;
}
.khuyen_mai_lapddat_content li::marker {
	color: #cc0000;
	font-size: 10px;
}
.khuyen_mai_lapddat_content p {
	margin: 0 0 4px;
	font-size: 13px;
	color: #1a2a4a;
}
.sanpham_cungloai_wrap {
	margin: 20px 0 0;
}
.sanpham_cungloai_wrap > p {
	margin: 0 0 12px;
	color: #5f6b76;
	font-size: 14px;
	line-height: 1.5;
}

.sanpham_cungloai_wrap > p strong {
	color: var(--fs-color-primary);
	font-weight: 700;
}
.sanpham_cungloai_list {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.sanpham_cungloai_list > li {
	min-width: 0;
	margin: 0 !important;
	padding: 0;
}

/* Link */
.sanpham_cungloai_list > li > a {
	display: block;
	height: 100%;
	margin: 0;
	padding: 0;
	color: inherit;
	text-decoration: none;
}

/* Thẻ công suất */
.sanpham_cungloai_list .sp_cungloai_box {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 5px;
	min-height: 65px;
	padding: 6px 8px;
	background: #fff;
	border: 1px solid #e1e7ed;
	border-radius: 7px;
	text-align: center;
	transition:
		border-color .2s ease,
		background-color .2s ease,
		box-shadow .2s ease,
		transform .2s ease;
}

/* Công suất */
.sanpham_cungloai_list .sp_cungloai_title {
	display: block;
	color: #344454;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
}

/* Giá */
.sanpham_cungloai_list .sp_cungloai_price {
	display: block;
	color: var(--fs-color-primary);
	font-size: 14px;
	font-weight: 700;
	line-height: 1.4;
}

.sanpham_cungloai_list .sp_cungloai_price .woocommerce-Price-amount {
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
}

/* Hover */
.sanpham_cungloai_list > li > a:hover .sp_cungloai_box {
	border-color: var(--fs-color-primary);
	background: color-mix(in srgb, var(--fs-color-primary) 5%, white);
	box-shadow: 0 3px 10px rgba(0, 0, 0, .06);
}
.sanpham_cungloai_list .sp_cungloai_box.active {
	background: color-mix(in srgb, var(--fs-color-primary) 7%, white);
	border: 1.5px solid var(--fs-color-primary);
	box-shadow: 0 0 0 1px color-mix(in srgb, var(--fs-color-primary) 10%, transparent);
}

.sanpham_cungloai_list .sp_cungloai_box.active .sp_cungloai_title {
	font-weight: 700;
}

.sanpham_cungloai_list .sp_cungloai_box.active .sp_cungloai_price {
	color: #e53935;
}
.vap-product-stock {
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 14px;
}

.vap-product-stock .stock-label {
	font-weight: 400;
}

.vap-product-stock .stock-value {
	font-weight: 600;
}

.vap-product-stock.in-stock .stock-value {
	color: #198754;
}

.vap-product-stock.out-of-stock .stock-value {
	color: #dc3545;
}

.vap-product-stock.on-backorder .stock-value {
	color: #d97706;
}
.woocommerce-tabs{
	border: 1px solid rgb(226 237 241);
	border-radius: 12px;
	overflow: hidden;
}
.woocommerce-tabs .tabs{
	border-bottom: 1px solid rgb(226 237 241);
}
.woocommerce-tabs .tabs li{
	margin: 0
}
.woocommerce-tabs .tabs li a{
	padding: 12px 24px;
	font-size: 16px;
	text-transform: none;
	color: #52657c;
}
.woocommerce-tabs .tabs li a::before{
	height: 2px;
	top: unset;
	bottom: 0;
}
.woocommerce-tabs .tabs li.active a{
	color: var(--fs-color-primary);
}
.woocommerce-tabs .tab-panels .woocommerce-Tabs-panel{
	padding: 0 20px;
}
.woocommerce-tabs .tab-panels .woocommerce-Tabs-panel > *:first-child{
	margin-top: 0
}
.woocommerce-tabs .tab-panels .woocommerce-product-attributes{
	max-width: 765px;
}
.woocommerce-tabs .tab-panels table th,
.woocommerce-tabs .tab-panels table td{
	border: 1px solid rgb(226 237 241);
}
.woocommerce-tabs .tab-panels table th{
	text-transform: none;
	font-weight: 500;
	color: #52657c;
	background: unset;
}
.woocommerce-tabs .tab-panels table td,
.woocommerce-tabs .tab-panels table td a{
	color: #212121;
}
.woocommerce-tabs .tab-panels table td *{
	margin: 0
}
.woocommerce-tabs .tab-panels table tr:nth-child(odd){
	background: #f0f7f9 !important;
}
.related-products-wrapper{
	border: none;
}
.product-section-title{
	margin: 0 0 20px;
	padding: 0;
	font-size: clamp(18px, 2vw, 20px);
}
.add-to-cart-container .cart {
	display: grid;
	grid-template-columns: auto 1fr;
	column-gap: 15px;
	align-items: end;
}

.add-to-cart-container .qty-text {
	grid-column: 1 / -1;
}

.add-to-cart-container .ux-quantity {
	grid-column: 1;
}

.add-to-cart-container .single_add_to_cart_button {
	grid-column: 2;
	margin: 0;
	width: 100%;
}
.info-prd .add-to-cart-container .cart {
	display: grid;
	grid-template-rows: auto auto;
	column-gap: 15px;
	row-gap: 12px;
	align-items: center;
}

.info-prd .qty-text {
	grid-column: 1 / -1;
	display: block;
	margin: 0 0 0px;
	font-size: 16px;
	line-height: 1.4;
}

.info-prd .ux-quantity {
	display: inline-flex !important;
	align-items: center;
	height: 50px;
	margin: 0 !important;
	border: 1px solid #555;
	border-radius: 7px;
	background: #fff;
	overflow: hidden;
}

.info-prd .ux-quantity > * {
	padding: 0 !important;
}

.info-prd .ux-quantity.quantity .ux-quantity__button {
	width: 50px !important;
	height: 50px !important;
	margin: 0;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent;
	color: #212121;
	font-size: 22px;
	font-weight: 400;
	box-shadow: none;
	text-shadow: none;
	transition: all .2s ease;
}

.info-prd .ux-quantity.quantity .ux-quantity__button:hover {
	color: var(--fs-color-primary);
}

.info-prd .ux-quantity.quantity .qty {
	height: 50px !important;
	margin: 0;
	padding: 0 !important;
	border: 0;
	background: transparent;
	color: #212121;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	box-shadow: none;
}

.info-prd .ux-quantity.quantity .qty:focus {
	box-shadow: none;
}

.info-prd .single_add_to_cart_button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-width: 0;
	height: 50px;
	margin: 0;
	padding: 0 5px !important;
	border: 0;
	border-radius: 999px;
	background: linear-gradient(135deg, #005bff 0%, #00aaff 100%);
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0;
	box-shadow: none;
	transition:
		background .25s ease,
		transform .25s ease,
		box-shadow .25s ease;
	pointer-events: unset !important;
}
.info-prd .single_add_to_cart_button.disabled {
	pointer-events: none;
	opacity: 0.6;
	cursor: not-allowed;
}

.info-prd .single_add_to_cart_button:before {
	color: #111;
}

.info-prd .single_add_to_cart_button:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(234, 191, 97, .15);
}




/*  */
.checkout-page-title {
	background: transparent !important;
	padding: 30px 0 !important;
	border: 0 !important;
}

.checkout-page-title .page-title-inner {
	padding: 0 15px !important;
	min-height: 0 !important;
}

.checkout-breadcrumbs {
	display: block !important;
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	text-align: center !important;
	font-size: 15px !important;
	line-height: 1.4 !important;
	white-space: nowrap !important;
}

.checkout-breadcrumbs a {
	display: inline-block !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	color: #666 !important;
	font-size: 18px !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
	white-space: nowrap !important;
	text-decoration: none !important;
	vertical-align: middle;
}

.checkout-breadcrumbs a.current {
	color: var(--fs-color-primary) !important;
}

.checkout-breadcrumbs a:not(.current):hover {
	color: var(--fs-color-primary) !important;
}

.checkout-breadcrumbs .divider {
	display: inline-block !important;
	width: auto !important;
	margin: 0 16px !important;
	padding: 0 !important;
	color: #ddd !important;
	font-size: 14px !important;
	line-height: 1 !important;
	vertical-align: middle;
}

.checkout-breadcrumbs .divider i {
	color: #ddd !important;
	font-size: 12px !important;
}

.checkout-breadcrumbs a.current::after {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	margin-top: 6px;
	background: var(--fs-color-primary);
	border-radius: 2px;
}
.page-checkout{
	padding-top: 0;
}
/* Gói lắp đặt: tiêu đề và giá trị cùng hàng */
.cart-container td.product-name dl.variation dt.variation-Gilpt,
.cart-container td.product-name dl.variation dd.variation-Gilpt {
	display: inline-block;
	float: none;
	width: auto;
	margin: 0;
	vertical-align: middle;
}

.cart-container td.product-name dl.variation dt.variation-Gilpt {
	margin-right: 5px;
	font-weight: 600;
}

.cart-container td.product-name dl.variation dd.variation-Gilpt p {
	display: inline;
	margin: 0;
}

/* Dịch vụ đi kèm hiển thị ở hàng tiếp theo */
.cart-container td.product-name dl.variation dt.variation-Dchvikm {
	display: block;
	margin-top: 8px;
	padding-top: 5px;
}

.cart-container td.product-name dl.variation dd.variation-Dchvikm {
	display: block;
}

/* =========================================================
VẠN AN PHÁT - WOOCOMMERCE CART
Flatsome 3.18.7
Màu chủ đạo: #03a1e2
========================================================= */

/* =========================
1. KHUNG TRANG GIỎ HÀNG
========================= */

.cart-container.page-wrapper {
	padding-top: 30px;
	padding-bottom: 50px;
}

.cart-container .woocommerce {
	color: #333;
	font-size: 14px;
}

.cart-container .woocommerce-notices-wrapper:empty {
	display: none;
}

.cart-container .woocommerce .row {
	margin-bottom: 0;
}

.cart-container .woocommerce .col {
	padding-bottom: 15px;
}

/* =========================
2. BẢNG SẢN PHẨM
========================= */

.cart-container .woocommerce-cart-form {
	margin-bottom: 0;
}

.cart-container .cart-wrapper {
	overflow-x: auto;
	border: 1px solid #e8edf1;
	border-radius: 10px;
	background: #fff;
}

.cart-container table.shop_table {
	width: 100%;
	margin: 0;
	border: 0;
	border-collapse: separate;
	border-spacing: 0;
	background: #fff;
}

.cart-container .woocommerce-cart-form table thead th {
	padding: 16px 12px;
	background: #f5f9fc;
	color: #253746;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.2px;
	border-bottom: 1px solid #e5ebf0;
	white-space: nowrap;
}

.cart-container .woocommerce-cart-form table tbody td {
	padding: 18px 12px;
	vertical-align: middle;
	border-bottom: 1px solid #edf0f3;
	background: #fff;
}

.cart-container .woocommerce-cart-form table tbody tr:last-child td {
	border-bottom: 0;
}

/* =========================
3. NÚT XÓA SẢN PHẨM
========================= */

.cart-container td.product-remove {
	width: 42px;
	min-width: 42px;
	padding-left: 12px !important;
	padding-right: 5px !important;
	text-align: center;
}

.cart-container td.product-remove .remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 27px;
	height: 27px;
	margin: 0 auto;
	border: 1px solid #e7e7e7;
	border-radius: 50%;
	color: #888 !important;
	font-size: 19px;
	line-height: 1;
	transition: all 0.2s ease;
}

.cart-container td.product-remove .remove:hover {
	background: #fff0f0;
	border-color: #e53935;
	color: #e53935 !important;
}

/* =========================
4. ẢNH SẢN PHẨM
========================= */

.cart-container td.product-thumbnail {
	width: 100px;
	min-width: 100px;
}

.cart-container td.product-thumbnail a {
	display: block;
	width: 84px;
	max-width: 100%;
	margin: 0 auto;
	overflow: hidden;
	border: 1px solid #edf0f3;
	border-radius: 8px;
	background: #f8fafc;
}

.cart-container td.product-thumbnail img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	margin: 0;
	transition: transform 0.25s ease;
}

.cart-container td.product-thumbnail a:hover img {
	transform: scale(1.04);
}

/* =========================
5. TÊN VÀ THÔNG TIN SẢN PHẨM
========================= */

.cart-container td.product-name {
	min-width: 260px;
	color: #333;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.6;
}

.cart-container td.product-name > a {
	display: inline-block;
	margin-bottom: 6px;
	color: #243746;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.5;
	text-decoration: none;
	transition: color 0.2s ease;
}

.cart-container td.product-name > a:hover {
	color: #03a1e2;
}

/* =========================
6. GÓI LẮP ĐẶT VÀ DỊCH VỤ
========================= */

.cart-container td.product-name dl.variation {
	display: block;
	margin: 8px 0 0;
	padding: 10px 12px;
	border: 1px solid #e8f0f5;
	border-radius: 7px;
	background: #f8fbfd;
	font-size: 12px;
	line-height: 1.65;
}

.cart-container td.product-name dl.variation::after {
	content: "";
	display: table;
	clear: both;
}

.cart-container td.product-name dl.variation dt {
	float: none;
	display: block;
	width: auto;
	margin: 0 0 2px;
	padding: 0;
	color: #5b6b78;
	font-size: 14px;
	font-weight: 700;
}

.cart-container td.product-name dl.variation dd {
	float: none;
	display: block;
	width: auto;
	margin: 0 0 9px;
	padding: 0;
	color: #344654;
}

.cart-container td.product-name dl.variation dd:last-child {
	margin-bottom: 0;
}

.cart-container td.product-name dl.variation dd p {
	margin: 0;
	padding: 0;
	color: #344654;
	font-size: 14px;
	line-height: 1.65;
}

.cart-container td.product-name dl.variation ul {
	margin: 3px 0 0 !important;
	padding: 0 !important;
	list-style: none;
}

.cart-container td.product-name dl.variation ul li:last-child {
	margin-bottom: 0;
}

.cart-container td.product-name dl.variation ul li span {
	color: #e53935 !important;
	font-weight: 700 !important;
}

/* =========================
7. GIÁ SẢN PHẨM
========================= */

.cart-container td.product-price,
.cart-container td.product-subtotal {
	min-width: 115px;
	color: #344654;
	font-size: 14px;
	font-weight: 600;
	white-space: nowrap;
}

.cart-container td.product-subtotal {
	color: #03a1e2;
	font-weight: 700;
}

.cart-container .woocommerce-Price-amount {
	color: inherit;
	font-weight: inherit;
}

.cart-container .woocommerce-Price-currencySymbol {
	font-size: 0.95em;
}

/* =========================
8. SỐ LƯỢNG
========================= */

.cart-container td.product-quantity {
	min-width: 125px;
}

.cart-container .ux-quantity.quantity {
	display: inline-flex;
	align-items: stretch;
	width: auto;
	min-width: 110px;
	height: 36px;
	margin: 0;
	overflow: hidden;
	border: 1px solid #dfe6ec;
	border-radius: 6px;
	background: #fff;
}

.cart-container .ux-quantity .ux-quantity__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	min-width: 32px;
	height: 34px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: #f5f8fa;
	color: #344654;
	font-size: 17px;
	font-weight: 400;
	line-height: 1;
	box-shadow: none;
	transition: all 0.2s ease;
}

.cart-container .ux-quantity .ux-quantity__button:hover {
	background: #e8f6fc;
	color: #03a1e2;
}

.cart-container .ux-quantity input.qty {
	width: 42px;
	min-width: 42px;
	height: 34px;
	margin: 0;
	padding: 0 3px;
	border: 0;
	border-right: 1px solid #edf0f3;
	border-left: 1px solid #edf0f3;
	border-radius: 0;
	background: #fff;
	color: #253746;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	box-shadow: none;
}

/* =========================
9. KHU VỰC NÚT HÀNH ĐỘNG
========================= */

.cart-container td.actions {
	padding: 16px !important;
	background: #fff !important;
}

.cart-container .continue-shopping {
	margin: 0 10px 0 0;
}

.cart-container .continue-shopping .button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	margin: 0;
	padding: 0 18px;
	border: 1px solid #03a1e2;
	border-radius: 6px;
	background: #fff;
	color: #03a1e2;
	font-size: 14px;
	font-weight: 600;
	text-transform: none;
	letter-spacing: 0;
	transition: all 0.2s ease;
}

.cart-container .continue-shopping .button:hover {
	background: #03a1e2;
	color: #fff;
}

.cart-container button[name="update_cart"] {
	min-height: 42px;
	margin: 0 !important;
	padding: 0 18px;
	border: 1px solid #03a1e2;
	border-radius: 6px;
	background: #03a1e2;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	text-transform: none;
	letter-spacing: 0;
}

.cart-container button[name="update_cart"]:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

/* =========================
10. KHUNG TỔNG CỘNG
========================= */

.cart-container .cart-collaterals {
	padding-top: 0;
}

.cart-container .cart-sidebar {
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
}

.cart-container .cart_totals {
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding:  5px 20px 20px;
	border: 1px solid #e5ebf0;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 3px 16px rgba(25, 55, 75, 0.04);
}

/* Ẩn bảng tiêu đề dư thừa trong HTML hiện tại */
.cart-container .cart_totals > table:first-child {
	display: none;
}

/* Chỉ hiển thị một tiêu đề tổng cộng */
.cart-container .cart_totals > h2 {
	margin: 0 0 18px;
	padding: 0 0 14px;
	border-bottom: 1px solid #edf0f3;
	color: #253746;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
	text-transform: none;
}

/* =========================
11. BẢNG TẠM TÍNH VÀ TỔNG
========================= */

.cart-container .cart_totals table.shop_table {
	margin: 0;
	border: 0;
	background: transparent;
}

.cart-container .cart_totals table.shop_table th,
.cart-container .cart_totals table.shop_table td {
	padding: 13px 0;
	border-bottom: 1px solid #edf0f3;
	background: transparent;
	font-size: 14px;
	vertical-align: middle;
}

.cart-container .cart_totals table.shop_table th {
	color: #52616d;
	font-weight: 500;
	text-align: left;
}

.cart-container .cart_totals table.shop_table td {
	color: #344654;
	font-weight: 600;
	text-align: right;
}

.cart-container .cart_totals table.shop_table tr:last-child th,
.cart-container .cart_totals table.shop_table tr:last-child td {
	border-bottom: 0;
}

.cart-container .cart_totals tr.order-total th {
	color: #253746;
	font-size: 16px;
	font-weight: 700;
}

.cart-container .cart_totals tr.order-total td,
.cart-container .cart_totals tr.order-total td .amount {
	color: #e53935;
	font-size: 22px;
	font-weight: 700;
}

/* =========================
12. NÚT THANH TOÁN
========================= */

.cart-container .wc-proceed-to-checkout {
	padding: 0px 0 0;
	margin: 0
}

.cart-container .wc-proceed-to-checkout .checkout-button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 50px;
	margin: 0;
	padding: 6px 20px;
	border: 1px solid #03a1e2;
	border-radius: 7px;
	background: #03a1e2;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	text-transform: none;
	letter-spacing: 0;
	box-shadow: none;
	transition: all 0.2s ease;
}

.cart-container .wc-proceed-to-checkout .checkout-button:hover {
	border-color: #0288c2;
	background: #0288c2;
	color: #fff;
	box-shadow: 0 4px 12px rgba(3, 161, 226, 0.2);
}

/* =========================
13. MÃ ƯU ĐÃI
========================= */

.cart-container form.checkout_coupon {
	margin: 18px 0 0;
	padding: 20px;
	border: 1px solid #e5ebf0;
	border-radius: 10px;
	background: #fff;
}

.cart-container form.checkout_coupon .coupon {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

.cart-container form.checkout_coupon .widget-title {
	display: block;
	width: 100%;
	margin: 0 0 5px;
	color: #253746;
	font-size: 16px;
	font-weight: 700;
	text-transform: none;
}

.cart-container form.checkout_coupon .widget-title i {
	margin-right: 5px;
	color: #03a1e2;
}

.cart-container form.checkout_coupon #coupon_code {
	flex: 1 1 180px;
	width: auto;
	min-width: 0;
	height: 42px;
	margin: 0;
	padding: 0 12px;
	border: 1px solid #dfe6ec;
	border-radius: 6px;
	background: #fff;
	color: #344654;
	font-size: 13px;
	box-shadow: none;
}

.cart-container form.checkout_coupon #coupon_code:focus {
	border-color: #03a1e2;
	outline: none;
	box-shadow: 0 0 0 2px rgba(3, 161, 226, 0.1);
}

.cart-container form.checkout_coupon button[name="apply_coupon"] {
	flex: 0 0 auto;
	min-height: 42px;
	margin: 0;
	padding: 0 18px;
	border: 1px solid #03a1e2;
	border-radius: 6px;
	background: #03a1e2;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	text-transform: none;
	letter-spacing: 0;
	text-shadow: none;
}

.cart-container form.checkout_coupon button[name="apply_coupon"]:hover {
	background: #0288c2;
	color: #fff;
}

.cart-container form.checkout_coupon button[name="apply_coupon"]:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

/* =========================
14. THÔNG BÁO WOOCOMMERCE
========================= */

.cart-container .woocommerce-message,
.cart-container .woocommerce-info,
.cart-container .woocommerce-error {
	margin: 0 0 20px;
	padding: 14px 18px 14px 45px;
	border-radius: 7px;
	font-size: 13px;
	line-height: 1.6;
}

/* =========================
15. RESPONSIVE TABLET
========================= */

@media (max-width: 849px) {
	.cart-container.page-wrapper {
		padding-top: 20px;
		padding-bottom: 30px;
	}

	.cart-container .woocommerce-cart-form table thead th {
		padding: 12px 9px;
		font-size: 11px;
	}

	.cart-container .woocommerce-cart-form table tbody td {
		padding: 13px 9px;
	}

	.cart-container td.product-thumbnail {
		width: 78px;
		min-width: 78px;
	}

	.cart-container td.product-thumbnail a {
		width: 66px;
	}

	.cart-container td.product-name {
		min-width: 220px;
	}

	.cart-container td.product-name > a {
		font-size: 14px;
	}

	.cart-container .cart_totals {
		padding: 20px;
	}
}

/* =========================
16. RESPONSIVE MOBILE
========================= */

@media (max-width: 549px) {
	.cart-container.page-wrapper {
		padding-top: 15px;
		padding-bottom: 25px;
	}

	.cart-container .woocommerce-cart-form {
		margin-bottom: 20px;
	}

	.cart-container .cart-wrapper {
		border-radius: 8px;
	}

	/* Giữ bảng cuộn ngang nếu cần */
	.cart-container .cart-wrapper {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.cart-container .woocommerce-cart-form table {
		min-width: 680px;
	}

	.cart-container .woocommerce-cart-form table thead th {
		padding: 12px 8px;
	}

	.cart-container .woocommerce-cart-form table tbody td {
		padding: 12px 8px;
	}

	.cart-container td.product-name {
		min-width: 220px;
		white-space: normal;
	}

	.cart-container td.product-name dl.variation {
		padding: 9px;
	}

	.cart-container .cart-container td.product-name dl.variation ul li {
		overflow-wrap: anywhere;
	}

	/* Giá trên dòng riêng cho giao diện mobile */
	.cart-container td.product-name .mobile-product-price {
		display: block;
		margin-top: 10px;
		color: #03a1e2;
		font-size: 14px;
		font-weight: 700;
	}

	.cart-container td.product-name .mobile-product-price__qty {
		margin-right: 4px;
		color: #687782;
		font-size: 12px;
		font-weight: 400;
	}

	.cart-container .cart_totals {
		padding: 18px 15px;
		border-radius: 8px;
	}

	.cart-container .cart_totals > h2 {
		margin-bottom: 12px;
		font-size: 18px;
	}

	.cart-container .cart_totals table.shop_table th,
	.cart-container .cart_totals table.shop_table td {
		padding: 12px 0;
		font-size: 13px;
	}

	.cart-container .cart_totals tr.order-total td,
	.cart-container .cart_totals tr.order-total td .amount {
		font-size: 19px;
	}

	.cart-container .wc-proceed-to-checkout .checkout-button {
		min-height: 48px;
		font-size: 14px;
	}

	.cart-container form.checkout_coupon {
		padding: 15px;
		border-radius: 8px;
	}

	.cart-container form.checkout_coupon .coupon {
		gap: 8px;
	}

	.cart-container form.checkout_coupon #coupon_code {
		flex-basis: 100%;
		width: 100%;
	}

	.cart-container form.checkout_coupon button[name="apply_coupon"] {
		width: 100%;
	}

	.cart-container td.actions {
		padding: 12px !important;
	}

	.cart-container .continue-shopping {
		float: none !important;
		width: 100%;
		margin: 0 0 10px;
		text-align: center !important;
	}

	.cart-container .continue-shopping .button {
		width: 100%;
		margin: 0;
	}

	.cart-container button[name="update_cart"] {
		float: none !important;
		width: 100%;
		margin: 0 !important;
	}
}


/* =========================================================
VẠN AN PHÁT - WOOCOMMERCE CHECKOUT
Flatsome 3.18.7
Kế thừa phong cách CSS giỏ hàng
Màu chủ đạo: #03a1e2
========================================================= */

/* =========================
1. KHUNG TRANG THANH TOÁN
========================= */

.cart-container.page-checkout {
	padding-top: 0px;
	padding-bottom: 40px;
	color: #333;
	font-size: 14px;
}

.cart-container.page-checkout .woocommerce {
	color: #333;
	font-size: 14px;
}

.cart-container.page-checkout .woocommerce-checkout {
	margin-bottom: 0;
}

.cart-container.page-checkout .woocommerce-checkout > .row {
	align-items: flex-start;
	margin-bottom: 0;
}

.cart-container.page-checkout .woocommerce-checkout > .row > .col {
	padding-bottom: 15px;
}

/* =========================
2. TIÊU ĐỀ CÁC KHU VỰC
========================= */

.cart-container.page-checkout #customer_details h3,
.cart-container.page-checkout #order_review_heading {
	margin: 0 0 20px;
	padding: 0 0 14px;
	border-bottom: 1px solid #edf0f3;
	color: #253746;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
	text-transform: none;
}

/* Khối thông tin khách hàng */
.cart-container.page-checkout #customer_details {
	padding: 22px;
	border: 1px solid #e5ebf0;
	border-radius: 10px;
	background: #fff;
}

.cart-container.page-checkout #customer_details .clear {
	clear: both;
}

.cart-container.page-checkout .woocommerce-billing-fields {
	margin-bottom: 0;
}

.cart-container.page-checkout .woocommerce-additional-fields {
	margin-top: 25px;
}

/* =========================
3. FORM THÔNG TIN KHÁCH HÀNG
========================= */

.cart-container.page-checkout .woocommerce-billing-fields__field-wrapper,
.cart-container.page-checkout .woocommerce-additional-fields__field-wrapper {
	display: flow-root;
}

.cart-container.page-checkout .woocommerce form .form-row {
	margin-bottom: 16px;
	padding: 0;
}

.cart-container.page-checkout .woocommerce form .form-row label {
	display: block;
	margin-bottom: 7px;
	color: #344654;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.5;
}

.cart-container.page-checkout .woocommerce form .form-row label .required {
	color: #e53935;
	text-decoration: none;
}

.cart-container.page-checkout .woocommerce-input-wrapper {
	display: block;
	width: 100%;
}

.cart-container.page-checkout .woocommerce form .form-row input.input-text,
.cart-container.page-checkout .woocommerce form .form-row textarea,
.cart-container.page-checkout .woocommerce form .form-row select {
	width: 100%;
	max-width: 100%;
	min-height: 43px;
	margin: 0;
	padding: 10px 12px;
	border: 1px solid #dfe6ec;
	border-radius: 6px;
	background-color: #fff;
	color: #344654;
	font-family: inherit;
	font-size: 13px;
	line-height: 1.5;
	box-shadow: none;
	transition: border-color 0.2s ease,
		box-shadow 0.2s ease;
}

.cart-container.page-checkout .woocommerce form .form-row textarea {
	min-height: 100px;
	resize: vertical;
	padding: 15px !important
}

.cart-container.page-checkout .woocommerce form .form-row input.input-text:focus,
.cart-container.page-checkout .woocommerce form .form-row textarea:focus,
.cart-container.page-checkout .woocommerce form .form-row select:focus {
	border-color: #03a1e2;
	outline: none;
	box-shadow: 0 0 0 2px rgba(3, 161, 226, 0.1);
}

.cart-container.page-checkout .woocommerce form .form-row input::placeholder,
.cart-container.page-checkout .woocommerce form .form-row textarea::placeholder {
	color: #9aa6af;
	opacity: 1;
}

/* =========================
4. SELECT2 - TỈNH/HUYỆN/XÃ
========================= */

.cart-container.page-checkout .select2-container {
	width: 100% !important;
	max-width: 100%;
}

.cart-container.page-checkout .select2-container .select2-selection--single {
	display: flex;
	align-items: center;
	width: 100%;
	height: 43px;
	border: 1px solid #dfe6ec;
	border-radius: 6px;
	background: #fff;
	box-shadow: none;
}

.cart-container.page-checkout .select2-container--default.select2-container--open
.select2-selection--single,
.cart-container.page-checkout .select2-container--default.select2-container--focus
.select2-selection--single {
	border-color: #03a1e2;
}

.cart-container.page-checkout .select2-container .select2-selection__rendered {
	display: block;
	padding-right: 32px;
	padding-left: 12px;
	overflow: hidden;
	color: #344654;
	font-size: 13px;
	line-height: 41px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.cart-container.page-checkout .select2-container .select2-selection__placeholder {
	color: #9aa6af;
}

.cart-container.page-checkout .select2-container .select2-selection__arrow {
	height: 41px;
	right: 7px;
}

.cart-container.page-checkout .select2-dropdown {
	border-color: #dfe6ec;
	border-radius: 6px;
	box-shadow: 0 5px 15px rgba(25, 55, 75, 0.08);
}

.cart-container.page-checkout .select2-container .select2-search__field {
	min-height: 35px;
	border: 1px solid #dfe6ec;
	border-radius: 4px;
	outline-color: #03a1e2;
}

.cart-container.page-checkout .select2-results__option {
	padding: 9px 12px;
	font-size: 13px;
}

.cart-container.page-checkout .select2-container--default
.select2-results__option--highlighted[aria-selected] {
	background: #03a1e2;
	color: #fff;
}

/* =========================
5. THÔNG TIN BỔ SUNG
========================= */

.cart-container.page-checkout #order_comments_field {
	width: 100%;
	margin-bottom: 0;
}

/* =========================
6. KHUNG ĐƠN HÀNG BÊN PHẢI
========================= */

.cart-container.page-checkout .col-inner.has-border {
	padding: 22px;
	border: 1px solid #e5ebf0;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 3px 16px rgba(25, 55, 75, 0.04);
}

.cart-container.page-checkout .checkout-sidebar {
	width: 100%;
}

.cart-container.page-checkout #order_review {
	width: 100%;
	margin: 0;
}

/* =========================
7. BẢNG ĐƠN HÀNG
========================= */

.cart-container.page-checkout table.shop_table {
	width: 100%;
	margin: 0;
	border: 0;
	border-collapse: separate;
	border-spacing: 0;
	background: #fff;
}

.cart-container.page-checkout
.woocommerce-checkout-review-order-table thead th {
	padding: 14px 10px;
	border-bottom: 1px solid #e5ebf0;
	background: #f5f9fc;
	color: #253746;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.2px;
}

.cart-container.page-checkout
.woocommerce-checkout-review-order-table thead th:first-child {
	border-radius: 6px 0 0 0;
}

.cart-container.page-checkout
.woocommerce-checkout-review-order-table thead th:last-child {
	border-radius: 0 6px 0 0;
	text-align: right;
}

.cart-container.page-checkout
.woocommerce-checkout-review-order-table tbody td,
.cart-container.page-checkout
.woocommerce-checkout-review-order-table tfoot th,
.cart-container.page-checkout
.woocommerce-checkout-review-order-table tfoot td {
	padding: 14px 10px;
	border-bottom: 1px solid #edf0f3;
	background: #fff;
	vertical-align: top;
	font-size: 13px;
}

.cart-container.page-checkout
.woocommerce-checkout-review-order-table td.product-name {
	width: 70%;
	min-width: 0;
	color: #344654;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.65;
	overflow-wrap: anywhere;
}

.cart-container.page-checkout
.woocommerce-checkout-review-order-table td.product-total {
	width: 30%;
	color: #03a1e2;
	font-size: 14px;
	font-weight: 700;
	text-align: right;
	white-space: nowrap;
}

.cart-container.page-checkout
.woocommerce-checkout-review-order-table .product-quantity {
	display: inline-block;
	margin-left: 3px;
	color: #687782;
	font-size: 12px;
	font-weight: 600;
}

/* =========================
8. GÓI LẮP ĐẶT VÀ DỊCH VỤ
Tái sử dụng giao diện giỏ hàng
========================= */

.cart-container.page-checkout
.woocommerce-checkout-review-order-table td.product-name dl.variation {
	display: block;
	margin: 9px 0 0;
	padding: 10px 12px;
	border: 1px solid #e8f0f5;
	border-radius: 7px;
	background: #f8fbfd;
	color: #344654;
	font-size: 12px;
	line-height: 1.65;
}

.cart-container.page-checkout
.woocommerce-checkout-review-order-table dl.variation dt {
	float: none;
	display: block;
	width: auto;
	margin: 0 0 2px;
	padding: 0;
	color: #5b6b78;
	font-size: 12px;
	font-weight: 700;
}

.cart-container.page-checkout
.woocommerce-checkout-review-order-table dl.variation dd {
	float: none;
	display: block;
	width: auto;
	margin: 0 0 9px;
	padding: 0;
	color: #344654;
}

.cart-container.page-checkout
.woocommerce-checkout-review-order-table dl.variation dd p {
	margin: 0;
	padding: 0;
	color: #344654;
	font-size: 12px;
	line-height: 1.65;
}

/* Gói lắp đặt và Gói tiêu chuẩn cùng một hàng */
.cart-container.page-checkout
.woocommerce-checkout-review-order-table dl.variation dt.variation-Gilpt,
.cart-container.page-checkout
.woocommerce-checkout-review-order-table dl.variation dd.variation-Gilpt {
	display: inline-block;
	float: none;
	width: auto;
	margin: 0;
	vertical-align: middle;
}

.cart-container.page-checkout
.woocommerce-checkout-review-order-table dl.variation dt.variation-Gilpt {
	margin-right: 5px;
}

.cart-container.page-checkout
.woocommerce-checkout-review-order-table dl.variation dd.variation-Gilpt p {
	display: inline;
}

/* Dịch vụ đi kèm nằm ở dòng tiếp theo */
.cart-container.page-checkout
.woocommerce-checkout-review-order-table dl.variation dt.variation-Dchvikm {
	display: block;
	margin-top: 8px;
	padding-top: 5px;
}

.cart-container.page-checkout
.woocommerce-checkout-review-order-table dl.variation dd.variation-Dchvikm {
	display: block;
}

.cart-container.page-checkout
.woocommerce-checkout-review-order-table dl.variation ul {
	margin: 3px 0 0 !important;
	padding: 0 !important;
	list-style: none;
}

.cart-container.page-checkout
.woocommerce-checkout-review-order-table dl.variation ul li {
	margin: 0 0 5px;
	padding: 0;
	color: #52616d;
	font-size: 12px;
	line-height: 1.65;
}

.cart-container.page-checkout
.woocommerce-checkout-review-order-table dl.variation ul li:last-child {
	margin-bottom: 0;
}

.cart-container.page-checkout
.woocommerce-checkout-review-order-table dl.variation ul li span {
	color: #e53935 !important;
	font-weight: 700 !important;
}

/* =========================
9. TẠM TÍNH VÀ TỔNG ĐƠN HÀNG
========================= */

.cart-container.page-checkout
.woocommerce-checkout-review-order-table tfoot th {
	color: #52616d;
	font-weight: 500;
	text-align: left;
}

.cart-container.page-checkout
.woocommerce-checkout-review-order-table tfoot td {
	color: #344654;
	font-weight: 600;
	text-align: right;
}

.cart-container.page-checkout
.woocommerce-checkout-review-order-table tr.order-total th {
	color: #253746;
	font-size: 15px;
	font-weight: 700;
}

.cart-container.page-checkout
.woocommerce-checkout-review-order-table tr.order-total td,
.cart-container.page-checkout
.woocommerce-checkout-review-order-table tr.order-total td .amount {
	color: #e53935;
	font-size: 21px;
	font-weight: 700;
}

.cart-container.page-checkout
.woocommerce-checkout-review-order-table .woocommerce-Price-amount {
	color: inherit;
	font-weight: inherit;
}

/* =========================
10. PHƯƠNG THỨC THANH TOÁN
========================= */

.cart-container.page-checkout #payment {
	margin-top: 20px;
	padding: 16px;
	border: 1px solid #e5ebf0;
	border-radius: 8px;
	background: #f8fbfd;
}

.cart-container.page-checkout #payment ul.payment_methods {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
}

.cart-container.page-checkout #payment ul.payment_methods li {
	margin: 0 0 10px;
	padding: 13px;
	border: 1px solid #e5ebf0;
	border-radius: 6px;
	background: #fff;
}

.cart-container.page-checkout #payment ul.payment_methods li:last-child {
	margin-bottom: 0;
}

.cart-container.page-checkout #payment ul.payment_methods li > input.input-radio {
	margin-right: 7px;
	accent-color: #03a1e2;
	min-height: unset !important;
	line-height: unset !important;
	margin: 0 5px 0 0;
}

.cart-container.page-checkout #payment ul.payment_methods li > label {
	display: inline;
	color: #344654;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
}

.cart-container.page-checkout #payment .payment_box {
	margin: 12px 0 0;
	padding: 12px;
	border-radius: 5px;
	background: #f5f9fc;
	color: #52616d;
	font-size: 12px;
	line-height: 1.6;
}

.cart-container.page-checkout #payment .payment_box::before {
	display: none;
}

.cart-container.page-checkout #payment .payment_box p {
	margin: 0;
	font-size: 13px;
}

/* =========================
11. NÚT ĐẶT HÀNG
========================= */

.cart-container.page-checkout #payment .place-order {
	margin: 16px 0 0;
	padding: 0;
}

.cart-container.page-checkout #place_order {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 50px;
	margin: 0;
	padding: 12px 20px;
	border: 1px solid #03a1e2;
	border-radius: 7px;
	background: #03a1e2;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	text-transform: none;
	letter-spacing: 0;
	text-shadow: none;
	box-shadow: none;
	transition: all 0.2s ease;
}

.cart-container.page-checkout #place_order:hover {
	border-color: #0288c2;
	background: #0288c2;
	color: #fff;
	box-shadow: 0 4px 12px rgba(3, 161, 226, 0.2);
}

/* =========================
12. THÔNG BÁO VÀ MÃ ƯU ĐÃI
========================= */

.cart-container.page-checkout .woocommerce-info,
.cart-container.page-checkout .woocommerce-message,
.cart-container.page-checkout .woocommerce-error {
	margin: 0 0 18px;
	padding: 14px 18px 14px 45px;
	border-radius: 7px;
	font-size: 16px;
	line-height: 1.6;
}

.cart-container.page-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
	margin-bottom: 18px;
	border-color: #dceef8;
	background: #f5f9fc;
	color: #344654;
}

.cart-container.page-checkout .woocommerce-form-coupon-toggle a.showcoupon {
	color: #03a1e2;
	font-weight: 600;
	text-decoration: none;
}

.cart-container.page-checkout form.checkout_coupon {
	margin: 0 0 22px;
	padding: 20px;
	border: 1px solid #e5ebf0;
	border-radius: 10px;
	background: #fff;
}

.cart-container.page-checkout form.checkout_coupon > p {
	margin-bottom: 12px;
	color: #52616d;
	font-size: 13px;
}

.cart-container.page-checkout form.checkout_coupon .coupon {
	margin: 0;
}

.cart-container.page-checkout form.checkout_coupon .flex-row {
	align-items: stretch;
	gap: 8px;
}

.cart-container.page-checkout form.checkout_coupon .flex-col {
	padding-bottom: 0;
}

.cart-container.page-checkout form.checkout_coupon #coupon_code {
	width: 100%;
	height: 43px;
	margin: 0;
	padding: 0 12px;
	border: 1px solid #dfe6ec;
	border-radius: 6px;
	background: #fff;
	color: #344654;
	font-size: 13px;
	box-shadow: none;
}

.cart-container.page-checkout form.checkout_coupon #coupon_code:focus {
	border-color: #03a1e2;
	outline: none;
	box-shadow: 0 0 0 2px rgba(3, 161, 226, 0.1);
}

.cart-container.page-checkout form.checkout_coupon button[name="apply_coupon"] {
	min-height: 43px;
	margin: 0;
	padding: 0 18px;
	border: 1px solid #03a1e2;
	border-radius: 6px;
	background: #03a1e2;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	text-transform: none;
	letter-spacing: 0;
	text-shadow: none;
}

.cart-container.page-checkout form.checkout_coupon button[name="apply_coupon"]:hover {
	background: #0288c2;
	color: #fff;
}

/* =========================
13. RESPONSIVE TABLET
========================= */

@media (max-width: 849px) {
	.cart-container.page-checkout {
		padding-top: 20px;
		padding-bottom: 30px;
	}

	.cart-container.page-checkout #customer_details {
		padding: 18px;
	}

	.cart-container.page-checkout .col-inner.has-border {
		padding: 18px;
	}

	.cart-container.page-checkout
	.woocommerce-checkout-review-order-table thead th,
	.cart-container.page-checkout
	.woocommerce-checkout-review-order-table tbody td,
	.cart-container.page-checkout
	.woocommerce-checkout-review-order-table tfoot th,
	.cart-container.page-checkout
	.woocommerce-checkout-review-order-table tfoot td {
		padding: 12px 8px;
	}
}

/* =========================
14. RESPONSIVE MOBILE
========================= */

@media (max-width: 549px) {
	.cart-container.page-checkout {
		padding-top: 15px;
		padding-bottom: 25px;
	}

	.cart-container.page-checkout #customer_details {
		padding: 15px;
		border-radius: 8px;
	}

	.cart-container.page-checkout .col-inner.has-border {
		padding: 15px;
		border-radius: 8px;
	}

	.cart-container.page-checkout #customer_details h3,
	.cart-container.page-checkout #order_review_heading {
		margin-bottom: 15px;
		padding-bottom: 12px;
		font-size: 18px;
	}

	.cart-container.page-checkout .woocommerce form .form-row {
		margin-bottom: 14px;
	}

	/* Các trường địa chỉ hiển thị toàn chiều rộng */
	.cart-container.page-checkout
	.woocommerce-billing-fields__field-wrapper .form-row-first,
	.cart-container.page-checkout
	.woocommerce-billing-fields__field-wrapper .form-row-last {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}

	.cart-container.page-checkout
	.woocommerce-checkout-review-order-table td.product-name {
		width: 68%;
		min-width: 0;
		font-size: 12px;
	}

	.cart-container.page-checkout
	.woocommerce-checkout-review-order-table td.product-total {
		width: 32%;
		font-size: 13px;
		white-space: normal;
	}

	.cart-container.page-checkout
	.woocommerce-checkout-review-order-table thead th {
		font-size: 11px;
	}

	.cart-container.page-checkout
	.woocommerce-checkout-review-order-table thead th,
	.cart-container.page-checkout
	.woocommerce-checkout-review-order-table tbody td,
	.cart-container.page-checkout
	.woocommerce-checkout-review-order-table tfoot th,
	.cart-container.page-checkout
	.woocommerce-checkout-review-order-table tfoot td {
		padding: 11px 6px;
	}

	.cart-container.page-checkout
	.woocommerce-checkout-review-order-table td.product-name dl.variation {
		padding: 9px;
	}

	.cart-container.page-checkout
	.woocommerce-checkout-review-order-table tr.order-total td,
	.cart-container.page-checkout
	.woocommerce-checkout-review-order-table tr.order-total td .amount {
		font-size: 18px;
	}

	.cart-container.page-checkout #payment {
		padding: 12px;
	}

	.cart-container.page-checkout #payment ul.payment_methods li {
		padding: 11px;
	}

	.cart-container.page-checkout #place_order {
		min-height: 48px;
		font-size: 14px;
	}

	.cart-container.page-checkout form.checkout_coupon {
		padding: 15px;
		border-radius: 8px;
	}

	.cart-container.page-checkout form.checkout_coupon .flex-row {
		display: flex;
		flex-wrap: wrap;
	}

	.cart-container.page-checkout form.checkout_coupon .flex-col {
		width: 100%;
		max-width: 100%;
		flex: 0 0 100%;
		padding: 0;
	}

	.cart-container.page-checkout
	form.checkout_coupon button[name="apply_coupon"] {
		width: 100%;
	}
}

/* =====================================================
VAP - WOOCOMMERCE ORDER RECEIVED
Trang đặt hàng thành công
Màu thương hiệu: #03a1e2
===================================================== */

/* Khung tổng */
.woocommerce-order {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	row-gap: 24px;
}

.woocommerce-order > .col {
	padding-bottom: 0;
}

/* Tiêu đề các khu vực */
.woocommerce-order h2 {
	font-size: 20px;
	font-weight: 600;
	color: #222;
	margin-bottom: 18px;
}

/* =====================================================
1. THÔNG BÁO ĐẶT HÀNG THÀNH CÔNG
===================================================== */

.woocommerce-order .woocommerce-notice--success {
	background: #eaf7fd;
	color: #087eae;
	border: 1px solid #b8e7f8;
	border-left: 4px solid #03a1e2;
	border-radius: 8px;
	padding: 16px 18px;
	margin: 0 0 20px;
	font-size: 15px;
	line-height: 1.6;
}

.woocommerce-order .woocommerce-notice--success strong {
	font-weight: 600;
}

/* =====================================================
2. TÓM TẮT ĐƠN HÀNG
===================================================== */

.woocommerce-order .woocommerce-order-overview {
	list-style: none;
	margin: 0;
	padding: 0;
	background: #fff;
	border: 1px solid #e8e8e8;
	border-radius: 10px;
	overflow: hidden;
}

.woocommerce-order .woocommerce-order-overview li {
	float: none;
	width: 100%;
	margin: 0;
	padding: 13px 16px;
	border-bottom: 1px solid #eee;
	font-size: 14px;
	line-height: 1.6;
	text-align: left;
}

.woocommerce-order .woocommerce-order-overview li:last-child {
	border-bottom: 0;
}

.woocommerce-order .woocommerce-order-overview li strong {
	display: block;
	margin-top: 4px;
	color: #222;
	font-size: 15px;
	font-weight: 600;
	overflow-wrap: anywhere;
}

.woocommerce-order .woocommerce-order-overview li strong .amount {
	color: #03a1e2;
}

/* =====================================================
3. CHI TIẾT ĐƠN HÀNG
===================================================== */

.woocommerce-order .woocommerce-order-details {
	margin: 0 0 28px;
}

.woocommerce-order .woocommerce-order-details__title {
	margin-top: 0;
}

.woocommerce-order .woocommerce-table--order-details {
	width: 100%;
	margin: 0;
	border: 1px solid #e8e8e8;
	border-radius: 10px;
	border-spacing: 0;
	border-collapse: separate;
	overflow: hidden;
	background: #fff;
	font-size: 14px;
}

.woocommerce-order .woocommerce-table--order-details th,
.woocommerce-order .woocommerce-table--order-details td {
	padding: 13px 14px;
	border-bottom: 1px solid #eee;
	vertical-align: top;
}

.woocommerce-order .woocommerce-table--order-details thead th {
	background: #f7f9fa;
	color: #222;
	font-weight: 600;
}

.woocommerce-order .woocommerce-table--order-details .product-name {
	width: 72%;
}

.woocommerce-order .woocommerce-table--order-details .product-total {
	width: 28%;
	text-align: right;
	white-space: nowrap;
}

.woocommerce-order .woocommerce-table--order-details tbody .product-name > a {
	color: #222;
	font-weight: 600;
	line-height: 1.6;
}

.woocommerce-order .woocommerce-table--order-details tbody .product-name > a:hover {
	color: #03a1e2;
}

.woocommerce-order .woocommerce-table--order-details .product-quantity {
	color: #666;
	font-weight: 500;
	white-space: nowrap;
}

.woocommerce-order .woocommerce-table--order-details .amount {
	color: #222;
	font-weight: 600;
	font-size: 14px;
}

/* Thông tin biến thể / dịch vụ */
.woocommerce-order .wc-item-meta {
	margin: 10px 0 0;
	padding: 10px 12px;
	list-style: none;
	background: #f8fafb;
	border-radius: 6px;
	font-size: 13px;
}

.woocommerce-order .wc-item-meta li {
	margin: 0 0 10px;
	padding: 0;
	line-height: 1.7;
}

.woocommerce-order .wc-item-meta li:last-child {
	margin-bottom: 0;
}

.woocommerce-order .wc-item-meta-label {
	display: block;
	margin-bottom: 3px;
	color: #444;
	font-weight: 600;
}

.woocommerce-order .wc-item-meta p {
	display: block;
	margin: 0;
	color: #555;
	font-weight: 400;
	line-height: 1.8;
}

/* Tổng tiền và phương thức thanh toán */
.woocommerce-order .woocommerce-table--order-details tfoot th,
.woocommerce-order .woocommerce-table--order-details tfoot td {
	background: #fff;
	font-weight: 500;
	font-size: 14px;
}

.woocommerce-order .woocommerce-table--order-details tfoot th {
	color: #555;
	text-align: left;
}

.woocommerce-order .woocommerce-table--order-details tfoot td {
	text-align: right;
}

.woocommerce-order .woocommerce-table--order-details tfoot tr:last-child th,
.woocommerce-order .woocommerce-table--order-details tfoot tr:last-child td {
	background: #f0f9fd;
	color: #222;
	font-size: 15px;
	font-weight: 700;
	border-bottom: 0;
}

.woocommerce-order .woocommerce-table--order-details tfoot tr:last-child .amount {
	color: #03a1e2;
	font-size: 17px;
}

/* =====================================================
4. ĐỊA CHỈ THANH TOÁN
===================================================== */

.woocommerce-order .woocommerce-customer-details {
	margin: 0;
}

.woocommerce-order .woocommerce-customer-details address {
	padding: 16px;
	margin: 0;
	border: 1px solid #e8e8e8;
	border-radius: 10px;
	background: #fff;
	font-size: 14px;
	line-height: 1.9;
	font-style: normal;
}

.woocommerce-order .woocommerce-customer-details address p {
	margin: 10px 0 0;
	padding-top: 10px;
	border-top: 1px solid #eee;
	overflow-wrap: anywhere;
}

.woocommerce-order .woocommerce-customer-details address p:last-child {
	margin-bottom: 0;
}

/* =====================================================
5. KHỐI THÔNG TIN BÊN PHẢI
===================================================== */

.woocommerce-order .is-well.col-inner {
	padding: 22px;
	background: #fff;
	border: 1px solid #e8e8e8;
	border-radius: 12px;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04);
}

/* =====================================================
6. RESPONSIVE
===================================================== */

@media (max-width: 849px) {
	.woocommerce-order {
		row-gap: 20px;
	}

	.woocommerce-order h2 {
		font-size: 18px;
		margin-bottom: 14px;
	}

	.woocommerce-order .is-well.col-inner {
		padding: 18px;
	}
}

@media (max-width: 549px) {
	.woocommerce-order .is-well.col-inner {
		padding: 14px;
	}

	.woocommerce-order .woocommerce-notice--success {
		padding: 13px 14px;
		font-size: 14px;
	}

	.woocommerce-order .woocommerce-order-overview li {
		padding: 11px 13px;
	}

	.woocommerce-order .woocommerce-table--order-details {
		font-size: 12px;
	}

	.woocommerce-order .woocommerce-table--order-details th,
	.woocommerce-order .woocommerce-table--order-details td {
		padding: 10px 8px;
	}

	.woocommerce-order .woocommerce-table--order-details .product-name {
		width: 68%;
	}

	.woocommerce-order .woocommerce-table--order-details .product-total {
		width: 32%;
		white-space: normal;
	}

	.woocommerce-order .wc-item-meta {
		padding: 9px;
		font-size: 12px;
		overflow-wrap: anywhere;
	}

	.woocommerce-order .woocommerce-customer-details address {
		padding: 13px;
		font-size: 13px;
	}
}


@media(max-width: 549px){
	.cat-products .list_category {
		grid-template-columns: repeat(2, 1fr);
	}
	.cat-products .list_category li {
		padding: 15px;
	}
	.cat-products .list_category li a .i-name h3 {
		font-size: 16px;
	}
	.cat-products .list_category li a .i-image {
		height: 90px;
	}
}
@media (min-width: 549.1px) {
	.row-5>.col {
		flex-basis: 20% !important;
		max-width: 20% !important;
	}
}
.category-page-row{
	margin-bottom: 40px;
}
.woocommerce-pagination .page-numbers{
	margin: 30px 0 0;
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
	justify-content: center;
	list-style-type: none;
}
.woocommerce-pagination .page-numbers li{
	margin: 0 !important;
}
.woocommerce-pagination .page-numbers li > *{
	min-width: 40px;
	height: 40px;
	padding: 0 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #dce1f5;
	background: #fff;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 500;
	color: #333;
	cursor: pointer;
	transition: background 0.15s, border-color 0.15s, color 0.15s;
	line-height: 1;
}
.woocommerce-pagination .page-numbers li > *.current{
	background: var(--primary-color, #00B0FF);
	border-color: var(--primary-color, #00B0FF);
	color: #fff;
}


/* =========================================================
VẠN AN PHÁT - WOOF PRODUCT FILTER
Theme: Flatsome 3.18.7
Plugin: WOOF 3.3.7
Primary: var(--fs-color-primary)
========================================================= */

#shop-sidebar {
	--vap-filter-primary: var(--fs-color-primary, #03a1e2);
	--vap-filter-text: #253247;
	--vap-filter-muted: #7b8798;
	--vap-filter-border: #e8edf2;
	--vap-filter-bg: #ffffff;
	--vap-filter-hover: #f2faff;
	--vap-filter-radius: 10px;

	color: var(--vap-filter-text);
}

/* ---------------------------------------------------------
1. KHUNG BỘ LỌC
--------------------------------------------------------- */

#shop-sidebar .widget-woof {
	width: 100%;
	margin-bottom: 20px;
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}

#shop-sidebar .woof {
	width: 100%;
	margin: 0;
	padding: 0;
	color: var(--vap-filter-text);
	font-size: 14px;
}

#shop-sidebar .woof_redraw_zone {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

/* Không để lớp phủ của WOOF che bộ lọc */
#shop-sidebar .woof_container_overlay_item {
	display: none;
}

/* ---------------------------------------------------------
2. TỪNG NHÓM BỘ LỌC
--------------------------------------------------------- */

#shop-sidebar .woof_container {
	position: relative;
	width: 100%;
	min-width: 0;
	margin: 0;
	padding: 17px 16px;
	overflow: hidden;
	background: var(--vap-filter-bg);
	border: 1px solid var(--vap-filter-border);
	border-radius: var(--vap-filter-radius);
	box-shadow: 0 2px 8px rgba(27, 51, 77, 0.035);
	transition:
		border-color 0.2s ease,
		box-shadow 0.2s ease;
}

#shop-sidebar .woof_container:hover {
	border-color: #d6e7f1;
	box-shadow: 0 4px 14px rgba(27, 51, 77, 0.055);
}

#shop-sidebar .woof_container_inner {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
}

/* ---------------------------------------------------------
3. TIÊU ĐỀ NHÓM
--------------------------------------------------------- */

#shop-sidebar .woof_container_inner > h4 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin: 0 0 15px;
	padding: 0 0 12px;
	color: var(--vap-filter-text);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.45;
	letter-spacing: -0.15px;
	border-bottom: 1px solid var(--vap-filter-border);
}

#shop-sidebar .woof_container_inner > h4::before {
	content: "";
	flex: 0 0 3px;
	width: 3px;
	height: 17px;
	margin-right: 1px;
	background: var(--vap-filter-primary);
	border-radius: 4px;
}

#shop-sidebar .woof_container_inner > h4 {
	justify-content: flex-start;
}

/* ---------------------------------------------------------
4. DANH SÁCH DANH MỤC
--------------------------------------------------------- */

#shop-sidebar .woof_block_html_items {
	width: 100%;
	margin: 0;
}

#shop-sidebar .woof_list_checkbox,
#shop-sidebar .woof_childs_list {
	margin: 0;
	padding: 0;
	list-style: none;
}

#shop-sidebar .woof_list_checkbox > li {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}

#shop-sidebar .woof_list_checkbox > li + li {
	margin-top: 0px;
}

/* Mỗi mục là một hàng linh hoạt */
#shop-sidebar .woof_list_checkbox li {
	position: relative;
	list-style: none;
}

#shop-sidebar .woof_list_checkbox li > .icheckbox_square-blue {
	position: absolute !important;
	top: 11px;
	left: 0;
	z-index: 2;
	width: 16px;
	height: 16px;
	margin: 0 !important;
	padding: 0;
	background: #fff !important;
	border: 1.5px solid #cbd5e1 !important;
	border-radius: 4px;
	box-shadow: none !important;
	cursor: pointer;
	transition: all 0.18s ease;
}

/* Ẩn helper mặc định của iCheck */
#shop-sidebar .woof_list_checkbox .iCheck-helper {
	border: 0 !important;
	border-radius: 4px;
}

/* Checkbox được chọn */
#shop-sidebar .woof_list_checkbox
.icheckbox_square-blue.checked {
	background: var(--vap-filter-primary) !important;
	border-color: var(--vap-filter-primary) !important;
}

/* Dấu tick */
#shop-sidebar .woof_list_checkbox
.icheckbox_square-blue.checked::after {
	content: "";
	position: absolute;
	top: 2px;
	left: 5px;
	width: 4px;
	height: 8px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

/* Trạng thái hover */
#shop-sidebar .woof_list_checkbox
.icheckbox_square-blue:not(.checked):hover {
	border-color: var(--vap-filter-primary) !important;
	background: var(--vap-filter-hover) !important;
}

/* Tránh icon mặc định của iCheck bị hiển thị */
#shop-sidebar .woof_list_checkbox
.icheckbox_square-blue > input {
	cursor: pointer;
}

/* ---------------------------------------------------------
5. NHÃN TÊN DANH MỤC
--------------------------------------------------------- */

#shop-sidebar label.woof_checkbox_label {
	display: block;
	width: 100%;
	min-width: 0;
	margin: 0 !important;
	padding: 8px 25px 8px 25px !important;
	color: #465367;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.6;
	cursor: pointer;
	border-radius: 5px;
	transition:
		color 0.18s ease,
		background-color 0.18s ease;
}

/* Hover tên danh mục */
#shop-sidebar label.woof_checkbox_label:hover {
	color: var(--vap-filter-primary);
	background: var(--vap-filter-hover);
}

/* Danh mục đang được chọn */
#shop-sidebar label.woof_checkbox_label.checked,
#shop-sidebar label.woof_checkbox_label.woof_checkbox_label_selected {
	color: var(--vap-filter-primary);
	font-weight: 600;
}

/* Tên danh mục dài */
#shop-sidebar .woof_list_checkbox label {
	overflow-wrap: anywhere;
}

/* ---------------------------------------------------------
6. SỐ LƯỢNG SẢN PHẨM
--------------------------------------------------------- */

#shop-sidebar .woof_checkbox_count {
	display: inline-block;
	margin-left: 5px;
	padding: 1px 6px;
	color: #7b8798;
	font-size: 11px;
	font-weight: 500;
	line-height: 1.5;
	white-space: nowrap;
	vertical-align: 1px;
	background: #f1f5f9;
	border-radius: 4px;
	transition: all 0.18s ease;
}

#shop-sidebar label.woof_checkbox_label:hover
.woof_checkbox_count {
	color: var(--vap-filter-primary);
	background: #e4f5fd;
}

#shop-sidebar label.woof_checkbox_label.checked
.woof_checkbox_count {
	color: var(--vap-filter-primary);
	background: #e4f5fd;
}

/* ---------------------------------------------------------
7. DANH MỤC CON
--------------------------------------------------------- */

#shop-sidebar .woof_childs_list {
	margin: 2px 0 5px 8px !important;
	padding: 3px 0 3px 10px !important;
	border-left: 1px solid #dceaf2;
}

#shop-sidebar .woof_childs_list > li {
	margin: 0;
	padding: 0;
}

#shop-sidebar .woof_childs_list > li + li {
	margin-top: 2px;
}

/* Checkbox và label của danh mục con */
#shop-sidebar .woof_childs_list
.icheckbox_square-blue {
	left: 0;
}

#shop-sidebar .woof_childs_list
label.woof_checkbox_label {
	padding-left: 25px !important;
	font-size: 12.5px;
}

/* ---------------------------------------------------------
8. NÚT MỞ RỘNG / THU GỌN DANH MỤC
--------------------------------------------------------- */

#shop-sidebar a.woof_childs_list_opener {
	position: absolute;
	top: 5px;
	right: 0;
	z-index: 3;
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	margin: 0 !important;
	padding: 0;
	color: #64748b;
	text-decoration: none;
	background: transparent;
	border-radius: 5px;
	transition:
		color 0.2s ease,
		background-color 0.2s ease;
}

#shop-sidebar a.woof_childs_list_opener:hover {
	color: var(--vap-filter-primary);
	background: var(--vap-filter-hover);
}

/* Xóa icon/background mặc định của WOOF */
#shop-sidebar .woof_childs_list_opener
.woof_is_closed,
#shop-sidebar .woof_childs_list_opener
.woof_is_opened {
	display: block;
	position: relative;
	width: 12px;
	height: 12px;
	margin: 0;
	padding: 0;
	background: unset !important;
	background-image: none !important;
	border: 0;
	box-shadow: none;
}

/* Tạo dấu cộng bằng CSS */
#shop-sidebar .woof_childs_list_opener
.woof_is_closed::before,
#shop-sidebar .woof_childs_list_opener
.woof_is_closed::after {
	content: "";
	position: absolute;
	top: 5px;
	left: 1px;
	display: block;
	width: 10px;
	height: 2px;
	background: currentColor;
	border-radius: 2px;
}

#shop-sidebar .woof_childs_list_opener
.woof_is_closed::after {
	transform: rotate(90deg);
}

/* Dấu trừ khi mở */
#shop-sidebar .woof_childs_list_opener
.woof_is_opened::before {
	content: "";
	position: absolute;
	top: 5px;
	left: 1px;
	width: 10px;
	height: 2px;
	background: currentColor;
	border-radius: 2px;
}

/* Ẩn pseudo-element không cần thiết */
#shop-sidebar .woof_childs_list_opener
.woof_is_opened::after {
	display: none;
}

/* ---------------------------------------------------------
9. BỘ LỌC GIÁ
--------------------------------------------------------- */

#shop-sidebar .woof_price_search_container {
	margin: 0;
}

#shop-sidebar .price_slider_wrapper {
	padding-top: 6px;
}

#shop-sidebar .price_slider {
	height: 4px;
	margin: 12px 5px 20px;
	background: #e7edf3;
	border: 0;
	border-radius: 10px;
	width: 100% !important;
}

#shop-sidebar .price_slider .ui-slider-range {
	background: var(--vap-filter-primary);
	border: 0;
	border-radius: 10px;
}

#shop-sidebar .price_slider .ui-slider-handle {
	top: -5px;
	width: 14px;
	height: 14px;
	margin-left: -7px;
	background: #fff;
	border: 3px solid var(--vap-filter-primary);
	border-radius: 50%;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12);
	cursor: grab;
}

#shop-sidebar .price_slider .ui-slider-handle:focus {
	outline: 2px solid rgba(3, 161, 226, 0.2);
	outline-offset: 3px;
}

/* Giá tối thiểu / tối đa */
#shop-sidebar .price_slider_amount {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 0;
}

#shop-sidebar .price_label {
	font-size: 0
}

/* Chỉ hiển thị giá trị from/to, bỏ chữ Price */
#shop-sidebar .price_label .from,
#shop-sidebar .price_label .to {
	color: var(--vap-filter-primary);
	font-size: 13px;
	font-weight: 700;
}
#shop-sidebar .price_label .to::before{
	content: '-';
	margin: 0 8px;
	color: #212121;
}

#shop-sidebar .price_slider_amount .button {
	order: 2;
	float: none;
	margin: 0;
	padding: 9px 15px;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.4;
	text-transform: none;
	background: var(--vap-filter-primary);
	border: 1px solid var(--vap-filter-primary);
	border-radius: 6px;
	box-shadow: none;
	transition: all 0.2s ease;
}

#shop-sidebar .price_slider_amount .button:hover {
	color: #fff;
	filter: brightness(0.94);
	transform: translateY(-1px);
}

/* Trường nhập giá nếu có */
#shop-sidebar .woof_container input[type="text"],
#shop-sidebar .woof_container input[type="number"],
#shop-sidebar .woof_container select {
	max-width: 100%;
	min-height: 38px;
	color: var(--vap-filter-text);
	font-size: 13px;
	background-color: #fff;
	border: 1px solid #dfe6ed;
	border-radius: 6px;
	box-shadow: none;
}

#shop-sidebar .woof_container input[type="text"]:focus,
#shop-sidebar .woof_container input[type="number"]:focus,
#shop-sidebar .woof_container select:focus {
	border-color: var(--vap-filter-primary);
	outline: none;
	box-shadow: 0 0 0 3px rgba(3, 161, 226, 0.09);
}

/* ---------------------------------------------------------
10. RADIO / CHECKBOX / SELECT CỦA CÁC BỘ LỌC KHÁC
--------------------------------------------------------- */

#shop-sidebar .woof_container input[type="checkbox"]:focus-visible,
#shop-sidebar .woof_container input[type="radio"]:focus-visible {
	outline: 2px solid var(--vap-filter-primary);
	outline-offset: 3px;
}

/* Select2 nếu WOOF sử dụng */
#shop-sidebar .select2-container--default
.select2-selection--single {
	height: 40px;
	background: #fff;
	border: 1px solid #dfe6ed;
	border-radius: 6px;
}

#shop-sidebar .select2-container--default
.select2-selection--single
.select2-selection__rendered {
	padding-left: 11px;
	color: var(--vap-filter-text);
	font-size: 13px;
	line-height: 38px;
}

#shop-sidebar .select2-container--default
.select2-selection--single
.select2-selection__arrow {
	height: 38px;
}

/* ---------------------------------------------------------
11. NÚT XÓA LỌC / RESET
--------------------------------------------------------- */

#shop-sidebar .woof_reset_search_form,
#shop-sidebar .woof_reset_button_2 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 36px;
	margin: 8px 0 0;
	padding: 8px 12px;
	color: var(--vap-filter-primary);
	font-size: 12px;
	font-weight: 600;
	text-decoration: none;
	background: #fff;
	border: 1px solid var(--vap-filter-primary);
	border-radius: 6px;
	box-shadow: none;
	transition: all 0.2s ease;
}

#shop-sidebar .woof_reset_search_form:hover,
#shop-sidebar .woof_reset_button_2:hover {
	color: #fff;
	background: var(--vap-filter-primary);
}

.header-nav-main.nav-right{
	flex-wrap: nowrap;
}
li.cart-item{
	margin-left: 20px;
}

@media (max-width: 849px) {
	#shop-sidebar .woof_redraw_zone {
		gap: 10px;
	}

	#shop-sidebar .woof_container {
		padding: 15px 13px;
		border-radius: 8px;
	}

	#shop-sidebar .woof_container_inner > h4 {
		margin-bottom: 12px;
		padding-bottom: 10px;
		font-size: 14px;
	}

	#shop-sidebar label.woof_checkbox_label {
		padding-top: 7px !important;
		padding-bottom: 7px !important;
		font-size: 13px;
	}
}

@media (max-width: 549px) {
	#shop-sidebar .woof_container {
		padding: 13px 12px;
	}

	#shop-sidebar .woof_checkbox_count {
		font-size: 10px;
	}

	#shop-sidebar .woof_childs_list {
		margin-left: 5px !important;
		padding-left: 8px !important;
	}
}

/* ---------------------------------------------------------
14. GIỮ GIAO DIỆN ỔN ĐỊNH KHI AJAX REDRAW
--------------------------------------------------------- */

#shop-sidebar .woof_redraw_zone,
#shop-sidebar .woof_container_inner,
#shop-sidebar .woof_block_html_items {
	box-sizing: border-box;
}

#shop-sidebar .woof_container *,
#shop-sidebar .woof_container *::before,
#shop-sidebar .woof_container *::after {
	box-sizing: border-box;
}
.woocommerce-mini-cart .variation{
	display: none;
}
.widget_shopping_cart_content .woocommerce-mini-cart-item img {
	object-fit: contain;
}

.widget_shopping_cart_content .woocommerce-mini-cart-item {
	font-size: 16px;
	color: #000
}

.widget_shopping_cart_content .woocommerce-mini-cart-item .variation {
	margin-bottom: 3px;
}

.nav-dropdown .product_list_widget {
	max-height: 300px;
}

.nav-dropdown .product_list_widget a.remove {
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid currentcolor;
	color: red;
	font-size: 20px !important;
	padding: 0
}
ul.product_list_widget li a:not(.remove){
	color: #383838;
	font-size: 14px;
	font-weight: bold;
}
.nav-dropdown .woocommerce-mini-cart__buttons a {
	color: #fff !important;
	font-weight: 600 !important;
	line-height: 40px !important;
}

.nav-dropdown .woocommerce-mini-cart__buttons a.checkout {
	margin-top: 10px !important
}
.ux-mini-cart-footer span.amount{
	color: var(--fs-color-primary);
}
.vap-products-filter .vap-product-filter-panel {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin: 0 0 20px;
	padding: 18px;
	border: 1px solid #e5eaf0;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 3px 14px rgba(31, 45, 61, .04);
}

.vap-products-filter .vap-product-filter-panel-body {
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	gap: 14px;
	min-width: 0;
}

.vap-products-filter .vap-product-filter-panel .vap-product-tabs {
	margin: 0;
}

/* Wrapper chỉ để nhóm markup; các mục con tự xuống hàng trong .vap-product-filter-panel-body */
.vap-products-filter .vap-product-filter-panel-options,
.vap-products-filter .vap-product-filter-control {
	display: contents;
}

.vap-products-filter .vap-product-filter-options {
	flex: 1 1 150px;
	min-width: 135px;
	margin: 0;
}

.vap-products-filter .vap-product-filter-options-content {
	display: flex;
	flex-direction: column;
	gap: 7px;
	width: 100%;
}

.vap-products-filter .vap-product-filter-options-content-label {
	display: block;
	margin: 0;
	color: #252b32;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
}

.vap-products-filter .vap-product-filter-options-content-container {
	position: relative;
	width: 100%;
}

.vap-products-filter .vap-product-filter-options-content-container select {
	display: block;
	width: 100%;
	height: 42px;
	min-height: 42px;
	margin: 0;
	padding: 0 34px 0 12px;
	border: 1px solid #e5eaf0;
	border-radius: 7px;
	outline: none;
	background-color: #fff;
	color: #252b32;
	font-size: 13px;
	line-height: 1.4;
	box-shadow: none;
	transition: border-color .2s ease, box-shadow .2s ease;
}

.vap-products-filter .vap-product-filter-options-content-container select:hover {
	border-color: #bdcbd7;
}

.vap-products-filter .vap-product-filter-options-content-container select:focus {
	border-color: var(--fs-color-primary);
	box-shadow: 0 0 0 3px rgba(3, 161, 226, .12);
}

.vap-products-filter .vap-product-filter-options--orderby {
	flex: 0 0 175px;
	min-width: 175px;
}

.vap-products-filter .vap-product-clear {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 42px;
	min-height: 42px;
	margin: 0;
	padding: 0 14px;
	border: 1px solid #e5eaf0;
	border-radius: 7px;
	background: #fff;
	color: #596675;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
	white-space: nowrap;
	cursor: pointer;
	transition: all .2s ease;
}

.vap-products-filter .vap-product-clear:hover {
	border-color: var(--fs-color-primary);
	background: #f0faff;
	color: var(--fs-color-primary);
}

.vap-products-filter .vap-product-result-count {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 16px;
	padding: 0 0 12px;
	border-bottom: 1px solid #e5eaf0;
}

.vap-products-filter .vap-product-result-count-label {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: #7b8794;
	font-size: 13px;
	line-height: 1.5;
}

.vap-products-filter .vap-product-result-count-label strong {
	color: #252b32;
	font-weight: 700;
}

.vap-products-filter .vap-product-empty {
	margin: 20px 0;
	padding: 36px 24px;
	border: 1px dashed #cfd9e2;
	border-radius: 10px;
	background: #f7f9fb;
	color: #7b8794;
	font-size: 14px;
	line-height: 1.7;
	text-align: center;
}

.vap-products-filter .vap-product-empty[hidden] {
	display: none !important;
}

.vap-products-filter .vap-product-error {
	margin: 16px 0;
	padding: 14px 16px;
	border: 1px solid #fecaca;
	border-left: 4px solid #ef4444;
	border-radius: 8px;
	background: #fff7f7;
	color: #b42318;
	font-size: 13px;
	line-height: 1.7;
}

.vap-products-filter .vap-product-error[hidden] {
	display: none !important;
}

.vap-section-container-container {
	position: relative;
}

.vap-products-filter .vap-product-loading {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 20px;
	border: 1px solid #e5eaf0;
	border-radius: 9px;
	background: rgba(255, 255, 255, .85);
	color: #212121;
	font-size: 13px;
	line-height: 1.5;
	z-index: 10;
}

.vap-products-filter .vap-product-loading::before {
	content: "";
	display: block;
	flex: 0 0 18px;
	width: 18px;
	height: 18px;
	border: 2px solid #d7eaf3;
	border-top-color: var(--fs-color-primary);
	border-radius: 50%;
	animation: vap-pf-spin .7s linear infinite;
}

.vap-products-filter .vap-product-loading[hidden] {
	display: none !important;
}

@keyframes vap-pf-spin {
	to {
		transform: rotate(360deg);
	}
}

.vap-products-filter .vap-product-load-more {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 28px 0 10px;
}

.vap-products-filter .vap-product-load-more[hidden] {
	display: none !important;
}

.vap-products-filter .vap-product-load-more-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 220px;
	min-height: 46px;
	margin: 0 !important;
	padding: 12px 24px !important;
	border: 1px solid var(--fs-color-primary) !important;
	border-radius: 7px !important;
	background: #fff !important;
	color: var(--fs-color-primary) !important;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
	text-align: center;
	text-transform: none;
	box-shadow: none !important;
	cursor: pointer;
	transition: color .2s ease, background .2s ease, border-color .2s ease;
}

.vap-products-filter .vap-product-load-more-button:hover {
	border-color: var(--fs-color-primary) !important;
	background: var(--fs-color-primary) !important;
	color: #fff !important;
}

.vap-products-filter .vap-product-load-more-button:focus-visible {
	outline: 3px solid rgba(3, 161, 226, .2);
	outline-offset: 3px;
}

.vap-products-filter .vap-product-load-more-button:disabled {
	opacity: .55;
	cursor: not-allowed;
}
.vap-products-filter .vap-product-tabs {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0 0 20px;
	padding: 0;
	border: 0;
}

.vap-products-filter .vap-product-tab {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 36px;
	margin: 0 !important;
	padding: 8px 17px !important;
	border: 1px solid transparent !important;
	border-radius: 999px !important;
	background: #eff6f9 !important;
	color: #34495e !important;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.4;
	text-align: center;
	text-transform: none;
	white-space: nowrap;
	box-shadow: none !important;
	cursor: pointer;
	transition: background-color .2s ease, color .2s ease;
}

.vap-products-filter .vap-product-tab:hover {
	border-color: transparent !important;
	background: #e0edf4 !important;
	color: var(--fs-color-primary) !important;
}

.vap-products-filter .vap-product-tab.active,
.vap-products-filter .vap-product-tab[aria-selected="true"] {
	border-color: transparent !important;
	background: var(--fs-color-primary) !important;
	color: #fff !important;
}

.vap-products-filter .vap-product-tab:focus-visible {
	outline: 2px solid var(--fs-color-primary);
	outline-offset: 2px;
}
.shop-container .products {
	position: relative;
}
.badge-container{
    margin: 0;
    left: 10px;
    top: 10px;
    font-size: 0
}
.badge-container .badge{
    height: unset;
    width: unset;
    display: inline-block;
}
.badge-container .badge .badge-inner{
    padding: 7px 10px;
    border-radius: 4px;
}
.badge-container .badge .badge-inner span{
    display: block;
    font-size: 13px;
    font-weight: 400;
}
/* CSS TABLE & MOBILE */
@media (max-width: 849px) {
	.is-full-height {
		height: calc(100dvh - 110px) !important;
	}
	body.admin-bar .is-full-height {
		height: calc(100dvh - 110px) !important;
	}
	.title-section h2 br{
		display: none !important;
	}
	.mobile-nav .header-button a{
		padding: 0 8px !important;
		border-radius: 4px;
	}
	.mobile-nav .header-button a i{
		font-size: 22px !important;
	}
	/* ==========================================
	FLATSOME MOBILE MENU
	Brand color: #03a1e2
	========================================== */

	/* 1. Khung off-canvas */
	.off-canvas-left .mfp-content,
	.off-canvas-right .mfp-content {
		background-color: #ffffff !important;
	}

	#main-menu.mobile-sidebar {
		background: #ffffff;
		color: #344454;
	}

	/* Nền khu vực sidebar */
	#main-menu .sidebar-menu {
		background: #ffffff;
		padding: 0;
	}

	/* 2. Nút đóng menu */
	.off-canvas .mfp-close {
		color: #344454;
		opacity: 1;
		transition: color 0.2s ease;
	}

	.off-canvas .mfp-close:hover {
		color: #03a1e2;
	}

	/* ==========================================
	3. TAB MENU / DANH MỤC
	========================================== */

	#main-menu .sidebar-menu-tabs {
		display: flex;
		margin: 0;
		padding: 0;
		background: #ffffff;
		border-bottom: 1px solid #e8eef2;
	}

	#main-menu .sidebar-menu-tabs > li {
		flex: 1;
		margin: 0;
		border: none;
	}

	#main-menu .sidebar-menu-tabs > li > a {
		display: flex;
		justify-content: center;
		align-items: center;
		min-height: 46px;
		padding: 12px 10px;
		color: #526170;
		font-size: 13px;
		font-weight: 600;
		text-align: center;
		background: #ffffff;
		border: none;
		transition: color 0.2s ease,
			background-color 0.2s ease;
	}

	/* Tab đang chọn */
	#main-menu .sidebar-menu-tabs > li.active > a {
		color: #03a1e2;
		background: #f2faff;
		box-shadow: inset 0 -3px 0 #03a1e2;
	}

	/* Hover tab */
	#main-menu .sidebar-menu-tabs > li:not(.active) > a:hover {
		color: #03a1e2;
		background: #f8fcff;
	}

	/* ==========================================
	4. MENU CHÍNH
	========================================== */

	/* Danh sách menu */
	#main-menu .nav-sidebar.nav-vertical {
		margin: 0;
		padding: 5px 0;
		background: #ffffff;
	}

	/* Đường phân cách các mục */
	#main-menu .nav-sidebar.nav-vertical > li {
		position: relative;
		margin: 0;
		border: none;
		border-bottom: 1px solid #edf1f4;
	}

	/* Link menu cấp 1 */
	#main-menu .nav-sidebar.nav-vertical > li > a {
		display: flex;
		align-items: center;
		min-height: 46px;
		padding: 12px 48px 12px 20px;
		color: #344454;
		font-size: 14px;
		font-weight: 500;
		line-height: 1.5;
		text-transform: none;
		background: #ffffff;
		transition: color 0.2s ease,
			background-color 0.2s ease;
	}

	/* Hover menu cấp 1 */
	#main-menu .nav-sidebar.nav-vertical > li > a:hover {
		color: #028bc3;
		background: #f4fbfe;
	}

	/* Mục hiện tại */
	#main-menu .nav-sidebar.nav-vertical > li.current-menu-item > a,
	#main-menu .nav-sidebar.nav-vertical > li.current-menu-ancestor > a {
		color: #028bc3;
		background: #f4fbfe;
		font-weight: 600;
	}

	/* ==========================================
	5. NÚT MỞ MENU CON
	========================================== */

	/* Nút toggle bên phải */
	#main-menu .nav-sidebar.nav-vertical > li > .toggle {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 2;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 44px;
		height: 46px;
		min-height: 46px;
		margin: 0;
		padding: 0;
		color: #647887;
		background: transparent;
		border: none;
		border-left: 1px solid #edf1f4;
		transition: color 0.2s ease,
			background-color 0.2s ease;
	}

	/* Icon toggle */
	#main-menu .nav-sidebar.nav-vertical > li > .toggle i {
		font-size: 18px;
		transition: transform 0.2s ease;
	}

	/* Hover nút toggle */
	#main-menu .nav-sidebar.nav-vertical > li > .toggle:hover {
		color: #03a1e2;
		background: #f2faff;
	}

	/* Khi menu con mở */
	#main-menu .nav-sidebar.nav-vertical > li.active > .toggle,
	#main-menu .nav-sidebar.nav-vertical > li.current-menu-ancestor > .toggle {
		color: #03a1e2;
		background: #f2faff;
	}

	/* Xoay icon khi mở submenu */
	#main-menu .nav-sidebar.nav-vertical > li.active > .toggle i {
		transform: rotate(180deg);
	}

	/* ==========================================
	6. SUBMENU MOBILE
	========================================== */

	/* Khung menu con */
	#main-menu .nav-sidebar.nav-vertical .sub-menu {
		margin: 0;
		padding: 5px 0 8px;
		background: #f7fafc;
		border-top: 1px solid #e8eef2;
	}

	/* Mỗi mục menu con */
	#main-menu .nav-sidebar.nav-vertical .sub-menu > li {
		margin: 0;
		border: none;
	}

	/* Link menu con */
	#main-menu .nav-sidebar.nav-vertical .sub-menu > li > a {
		display: block;
		padding: 10px 15px 10px 20px;
		color: #526170;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.5;
		text-transform: none;
		background: transparent;
		border: none;
		transition: color 0.2s ease,
			background-color 0.2s ease;
	}

	/* Hover submenu */
	#main-menu .nav-sidebar.nav-vertical .sub-menu > li > a:hover {
		color: #028bc3;
		background: #eef9fe;
	}

	/* Đổi màu dấu nhấn khi hover */
	#main-menu .nav-sidebar.nav-vertical .sub-menu > li > a:hover::before {
		background: #03a1e2;
	}

	/* Mục submenu đang chọn */
	#main-menu .nav-sidebar.nav-vertical .sub-menu > li.current-menu-item > a,
	#main-menu .nav-sidebar.nav-vertical .sub-menu > li.current-menu-ancestor > a {
		color: #028bc3;
		font-weight: 600;
		background: #eef9fe;
	}

	#main-menu .nav-sidebar.nav-vertical .sub-menu > li.current-menu-item > a::before,
	#main-menu .nav-sidebar.nav-vertical .sub-menu > li.current-menu-ancestor > a::before {
		background: #03a1e2;
	}

	/* ==========================================
	7. THANH TÌM KIẾM MOBILE
	========================================== */

	#main-menu .header-search-form {
		padding: 12px 15px;
		border-bottom: 1px solid #edf1f4;
	}

	#main-menu .header-search-form .search-field {
		min-height: 40px;
		color: #344454;
		background: #ffffff;
		border: 1px solid #dce5eb;
		border-radius: 4px;
		box-shadow: none;
	}

	#main-menu .header-search-form .search-field:focus {
		border-color: #03a1e2;
		box-shadow: 0 0 0 2px rgba(3, 161, 226, 0.1);
	}

	#main-menu .header-search-form .ux-search-submit {
		min-height: 40px;
		color: #ffffff;
		background: #03a1e2;
		border-color: #03a1e2;
		border-radius: 4px;
	}

	#main-menu .header-search-form .ux-search-submit:hover {
		background: #028bc3;
		border-color: #028bc3;
	}

	/* ==========================================
	8. THANH CUỘN
	========================================== */

	#main-menu.mobile-sidebar {
		scrollbar-width: thin;
		scrollbar-color: #cbd8e0 #ffffff;
	}


	/* ========================================
	MINI CART - VAN AN PHAT
	======================================== */

	.off-canvas-cart {
		background: #fff !important;
		color: #263746;
	}

	#cart-popup {
		background: #fff;
		height: 100%;
	}

	#cart-popup .cart-popup-inner {
		padding: 24px 20px;
		background: #fff;
	}

	/* Tiêu đề */
	#cart-popup .cart-popup-title {
		margin-bottom: 24px;
	}

	#cart-popup .cart-popup-title .heading-font {
		display: block;
		color: #263746;
		font-size: 22px;
		font-weight: 700;
		line-height: 1.3;
	}

	#cart-popup .cart-popup-title .is-divider {
		width: 38px;
		height: 3px;
		margin: 14px auto 0;
		background: #03a1e2;
		border-radius: 3px;
	}

	/* Danh sách sản phẩm */
	#cart-popup ul.woocommerce-mini-cart {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	#cart-popup .woocommerce-mini-cart-item {
		position: relative;
		display: block;
		min-height: 104px;
		margin: 0;
		padding: 0 28px 20px 104px;
		border-bottom: 1px solid #edf1f4;
	}

	/* Ảnh sản phẩm */
	#cart-popup .woocommerce-mini-cart-item > a:not(.remove) img {
		position: absolute;
		top: 0;
		left: 0;
		float: none;
		width: 88px;
		height: 88px;
		margin: 0;
		padding: 0;
		object-fit: contain;
		background: #fff;
		border: 1px solid #e8edf1;
		border-radius: 8px;
	}

	/* Tên sản phẩm */
	#cart-popup .woocommerce-mini-cart-item > a:not(.remove) {
		display: block;
		margin: 0;
		padding: 0;
		color: #263746;
		font-size: 13px;
		font-weight: 600;
		line-height: 1.6;
		text-decoration: none;
		overflow-wrap: anywhere;
	}

	#cart-popup .woocommerce-mini-cart-item > a:not(.remove):hover {
		color: #03a1e2;
	}

	/* Nút xóa sản phẩm */
	#cart-popup .woocommerce-mini-cart-item > a.remove {
		position: absolute;
		top: 0;
		right: 0;
		left: auto;
		z-index: 2;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 23px;
		height: 23px;
		margin: 0;
		padding: 0;
		color: #778592 !important;
		font-size: 16px;
		line-height: 1;
		background: #f1f4f6;
		border: 0;
		border-radius: 50%;
		transition: background .2s, color .2s;
	}

	#cart-popup .woocommerce-mini-cart-item > a.remove:hover {
		color: #fff !important;
		background: #e53935;
	}

	/* Số lượng và giá sản phẩm */
	#cart-popup .ux-mini-cart-qty {
		margin-top: 7px;
		line-height: 1.5;
	}

	#cart-popup .ux-mini-cart-qty .quantity {
		color: #8b98a3;
		font-size: 12px;
	}

	#cart-popup .ux-mini-cart-qty .woocommerce-Price-amount {
		color: #03a1e2;
		font-size: 15px;
		font-weight: 700;
	}

	/* Khu vực chân mini cart */
	#cart-popup .ux-mini-cart-footer {
		margin-top: 0;
		padding-top: 22px;
	}

	/* Tổng phụ */
	#cart-popup .woocommerce-mini-cart__total {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		margin: 0;
		padding: 0 0 20px;
		color: #526170;
		font-size: 14px;
		border-bottom: 1px solid #edf1f4;
	}

	#cart-popup .woocommerce-mini-cart__total strong {
		font-weight: 500;
	}

	#cart-popup .woocommerce-mini-cart__total .woocommerce-Price-amount {
		color: #03a1e2;
		font-size: 22px;
		font-weight: 700;
		white-space: nowrap;
	}

	/* Hai nút thao tác */
	#cart-popup .woocommerce-mini-cart__buttons {
		display: flex;
		flex-direction: column;
		gap: 10px;
		margin: 20px 0 0;
		padding: 0;
	}

	/* Reset padding của thẻ a trong khu vực nút */
	#cart-popup .woocommerce-mini-cart__buttons a,
	#cart-popup .woocommerce-mini-cart__buttons a.button,
	#cart-popup .woocommerce-mini-cart__buttons a.wc-forward {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		min-width: 0;
		min-height: 48px;
		height: auto;
		margin: 0;
		padding: 0 !important;
		box-sizing: border-box;
		font-size: 14px;
		font-weight: 700;
		line-height: 1.4;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		letter-spacing: .3px;
		border: 1px solid #03a1e2;
		border-radius: 5px;
		box-shadow: none;
		transition: background .2s, color .2s, border-color .2s;
	}

	/* Xem giỏ hàng */
	#cart-popup .woocommerce-mini-cart__buttons a.wc-forward:not(.checkout) {
		color: #03a1e2;
		background: #fff;
	}

	#cart-popup .woocommerce-mini-cart__buttons a.wc-forward:not(.checkout):hover {
		color: #fff;
		background: #03a1e2;
	}

	/* Thanh toán */
	#cart-popup .woocommerce-mini-cart__buttons a.checkout {
		color: #fff;
		background: #03a1e2;
		border-color: #03a1e2;
	}

	#cart-popup .woocommerce-mini-cart__buttons a.checkout:hover {
		background: #028bc3;
		border-color: #028bc3;
	}

	/* Nút đóng mini cart */
	.off-canvas-cart .mfp-close {
		color: #8795a1;
		font-size: 30px;
		opacity: 1;
	}

	.off-canvas-cart .mfp-close:hover {
		color: #03a1e2;
	}

	/* Giỏ hàng trống */
	#cart-popup .woocommerce-mini-cart__empty-message {
		margin: 0;
		padding: 24px 0;
		color: #7b8995;
		font-size: 14px;
		text-align: center;
	}


	.footer-legal .icon-box.icon-box-left{
		flex-direction: column;
		row-gap: 8px;
	}
	.footer-legal .icon-box .icon-box-text{
		padding-left: 0;
	}
	.footer-bottom .col-inner {
		flex-direction: column;
		align-items: start;
		gap: 8px;
	}
	.actions:not(.not-center) .col-inner{
		justify-content: center;
	}
	.banner-cta .consultation{
		margin: 0 auto;
	}
	a.button{
		padding-left: 18px !important;
		padding-right: 18px !important;
	}
	.cat-products .list_category {
		grid-template-columns: repeat(3, 1fr);
	}
	#box-brands .box-search-node {
		grid-template-columns: repeat(5, 1fr);
		grid-gap: 10px;
	}
	#box-options .box-search-node {
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 10px;
	}
	.box_info_contact p {
		flex-direction: column;
		line-height: 1.1;
		gap: 10px;
	}
	.category-filtering {
		position: fixed;
		right: 0;
		top: 25%;
		z-index: 9;
		background: var(--fs-color-primary);
		padding: 8px 4px 6px 12px;
		border-radius: 99px 0 0 99px;
		filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.3));
	}

	.category-filtering a {
		margin: 0;
		color: #fff;
		display: inline-flex;
		column-gap: 5px;
		align-items: center;
	}

	.category-filtering a * {
		font-weight: 400;
		font-size: 13px;
	}
}

/* CSS TABLET */
@media (min-width: 549.1px) and (max-width: 849px) {
	a.button.expand{
		max-width: max-content !important;
		padding-left: 24px !important;
		padding-right: 24px !important;
	}
}

/* CSS MOBILE */
@media (max-width: 549px) {
	body{
		font-size: 0.875rem !important;
	}
	.is-full-height {
		height: calc(100dvh) !important;
	}
	body.admin-bar .is-full-height {
		height: calc(100dvh - 100px) !important;
	}
	.off-canvas-left .mfp-content {
		width: calc(100vw - 65px);
	}
	header .header.show-on-scroll,
	header .stuck .header-main{
		height: 70px !important;
	}

	header .stuck #logo img {
		max-height: 70px !important;
	}

	#logo img {
		padding: 14px 0 !important;
	}
	a.button{
		font-size: 14.4px;
	}
	.ss-hero{
		margin-bottom: 0 !important;
	}
	.ss-hero .actions a.button{
		padding-left: 14px !important;
		padding-right: 14px !important;
	}
	.product-small.col:nth-child(even){
		padding-left: 5px !important;
	}
	.product-small.col:nth-child(odd){
		padding-right: 5px !important
	}
	.list-brands .gallery-col {
		height: 70px;
		min-width: 150px;
	}
	.list-note ul {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
	#box-brands .box-search-node {
		grid-template-columns: repeat(3, 1fr);
	}
	#box-options .box-search-node {
		grid-template-columns: repeat(3, 1fr);
	}
	#box-options .box-search-node .button span {
		font-size: 14px;
	}
	th.row-brand, .product-item .row-brand, .row-guarantee {
		display: none;
	}
	.table-list th.row-title{
		width: 68%;
	}
	.table-list th.row-price{
		width: 32% !important;
	}
	.table-list .brand-item .row-title{
		padding-left: 5px;
		text-align: center;
	}
	.table-list .brand-item .logo_brand {
		max-width: 160px;
	}
	.table-list .brand-item .logo_brand img{
		height: 30px;
	}
	.table-list .product-item td,
	.table-list .brand-item .row-title{
		font-size: 14px;
	}
	.table-list .price bdi {
		font-size: 14px;
	}
	.table-list .price del {
		font-size: 12px;
	}
	.block-contact .col-inner {
		grid-template-columns: minmax(0, 1fr) 158px;
	}
	.block-contact .col-inner a.button {
		padding-left: 12px !important;
		padding-right: 12px !important;
	}
	.booking-online .wpcf7-form .wpcf7-checkbox {
		grid-template-columns: repeat(2, 110px);
		gap: 20px 30px;
	}
	.booking-online .wpcf7-form {
		padding: 0 15px 20px;
	}
	.booking-online .wpcf7-form .form-field .group_input {
		grid-gap: 0px;
		grid-template-columns: repeat(1, 1fr);
	}
	.booking-online .wpcf7-form .form-field .wpcf7-list-item label {
		font-size: 14px;
	}
	.sanpham_cungloai_list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
	}

	.sanpham_cungloai_list .sp_cungloai_box {
		min-height: 62px;
		padding: 8px 6px;
	}

	.sanpham_cungloai_list .sp_cungloai_title {
		font-size: 13px;
	}

	.sanpham_cungloai_list .sp_cungloai_price {
		font-size: 12px;
	}
	.checkout-page-title {
		padding: 30px 0 0 !important;
	}
	.checkout-breadcrumbs a:not(.current), .checkout-breadcrumbs .divider {
		display: none !important;
	}
	button.flickity-button{
		display: none !important;
	}
	.info-prd .single_add_to_cart_button{
		font-size: 14px;
	}
}