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

/*************** ADD CUSTOM CSS HERE.   ***************/
/* SETTING */
@import url("https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap");

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

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

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

p {
	margin-bottom: 20px;
}

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

.mb-0>*:last-child {
	margin-bottom: 0 !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,
textarea,
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-secondary);
	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-primary) !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 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.post-item .box-text .post-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-main .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-main .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-main .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-main .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-main .header-nav li.menu-item .sub-menu>li:hover>.sub-menu {
	transform: translatey(0);
	opacity: 1;
	visibility: visible;
}

.header-main .header-nav li.menu-item .sub-menu {
	background-color: var(--fs-color-primary) !important;
}

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

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

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

.entry-content h2 {
	font-size: 26px;
	color: var(--fs-color-primary);
}

.entry-content h3 {
	font-size: 22px;
}

.entry-content h4 {
	font-size: 18px;
}

.header #logo {
	margin-right: 0;
}

.header-nav li a {
	padding: 0;
	font-weight: bold !important;
}
.header-nav .sub-menu li.menu-item a{
	font-weight: 400 !important;
}

.nav>li>a {
	font-family: Jura, sans-serif !important;
}

.header-main .header-nav.nav.nav-left {
	justify-content: center;
	padding: 0 30px;
}

.header-nav.nav-right > li {
	margin: 0px 10px !important;
}

.header-nav .header-search a {
	width: 40px;
	height: 40px;
	background: var(--fs-color-primary);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}

.header-nav .header-search a i {
	font-size: 16px !important;
}

.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-main .nav>li>a {
	color: #fff;
}

.header.has-transparent .header-main .nav>li>a:hover,
.header.has-transparent .header-main .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;
}

.dark,
.dark p,
.dark td {
	color: #fff;
}
.header-nav .account-item .nav-dropdown li a{
	padding: 8px 15px;
	font-size: 15px;
	font-weight: 400 !important;
	color: #000;
	text-transform: none
}
#my-account-nav li a{
	font-size: 16px;
	color: #000;
	text-transform: none
}
.banner-home .banner .text-box-content {
	padding: 0 15px;
}

.banner-home .banner .text-box-content .text-inner {
	border: 10px solid #373737;
	padding: 30px;
}

.banner-home .banner .text-box-content .text-inner h2 {
	margin: 0 0 12px;
	color: var(--fs-color-primary);
	font-size: 52px;
}

.banner-home .banner .text-box-content .text-inner p {
	margin: 0 0 20px !important;
	font-size: 16px;
}

a.button {
	font-size: 16px;
}

a.button.is-outline {
	border-width: 1px;
}

a.button.white.is-outline {
	border-color: var(--fs-color-primary);
	font-weight: bold;
}

a.button.white.is-outline:hover {
	background: var(--fs-color-primary) !important;
	color: #fff !important;
}

.banner-home .slider .flickity-page-dots {
	margin: 0 !important;
	position: absolute;
	bottom: 20px;
	counter-reset: stt;
}

.banner-home .slider .flickity-page-dots li {
	width: 0 !important;
	height: 0 !important;
	counter-increment: stt;
	padding: 0 30px !important;
	position: relative;
}

.banner-home .slider .flickity-page-dots li::before {
	content: "0"counter(stt) !important;
	font-weight: bold;
	color: #999;
	font-weight: 400;
	font-size: 15px;
}

.banner-home .slider .flickity-page-dots li.is-selected::before {
	color: #fff;
}

.banner-home .slider .flickity-page-dots li::after {
	content: "";
	width: 0;
	height: 1px;
	background: #fff;
	display: inline-block;
	position: absolute;
	left: 0px;
	top: 7px;
	transition: width 0.25s ease-in-out;
}

.banner-home .slider .flickity-page-dots li.is-selected::after {
	width: 20px;
}

a.button.secondary:hover {
	background: var(--fs-color-primary);
}

.row-image-box .col-content .col-inner {
	box-shadow: 2px 2px 12px #0002;
	background: #fff;
}

.row-image-box .col-content .col-inner .content h3,
.title-section p {
	color: var(--fs-color-primary);
	font-size: 25px;
	font-family: Dancing Script;
	font-weight: 600;
	line-height: 1.3;
	margin-bottom: 5px;
}

.row-image-box .col-content .col-inner .content h2,
.title-section h2 {
	font-size: 36px;
	margin-bottom: 15px;
}

.row-image-box .col-content {
	z-index: 2;
}

.row-image-box .col-content .col-inner {
	width: calc(100% + 20%);
}

.row-image-box .col-content .col-inner:before {
	content: "";
	width: 170%;
	height: calc(100% + 50px);
	position: absolute;
	top: -25px;
	left: 20%;
	right: 0;
	bottom: -25px;
	border: 1px solid var(--fs-color-primary);
	z-index: -1;
}

.row-image-box.reverse {
	flex-direction: row-reverse;
}

.row-image-box.reverse .col-content {
	display: flex;
	justify-content: flex-end;
}

.row-image-box.reverse .col-content .col-inner:before {
	top: -25px;
	left: calc(-80%);
	right: 0;
	bottom: -25px;
}

.list-uudiem .icon-box {
	align-items: center;
}

.list-uudiem .icon-box .icon-box-img {
	aspect-ratio: 1/1;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #000;
	border-radius: 50%;
	flex: unset;
	padding: 12px;
}

.list-uudiem .icon-box .icon-box-img svg {
	padding: 0;
}

.list-uudiem .icon-box .icon-box-img svg path {
	fill: #fff;
}

.list-uudiem .icon-box .icon-box-img * {
	font-size: 0;
}

.list-uudiem .icon-box .icon-box-text {
	padding-left: 15px;
}

.list-uudiem .icon-box .icon-box-text p {
	color: #fff;
	font-weight: 600;
	line-height: 1.4;
}

.block-hero::before {
	content: "";
	border: 1px solid var(--fs-color-primary);
	display: block;
	width: calc(100% - 80px);
	height: calc(100% - 80px);
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}

.block-hero .row1 .col-content {
	display: flex;
	justify-content: end;
}

.block-hero .row1 .col-content .col-inner {
	width: 150%;
}

.block-hero .col-content h2 {
	font-size: 36px;
	margin-bottom: 10px;
}

a.button.primary:not(.is-outline):hover {
	background: transparent;
	border-color: var(--fs-color-primary);
}

.block-hero .row2 {
	margin-top: -50px;
}

.title-section h2 {
	margin: 0;
}

.product-small.col .box-image {
	background: #fff;
	border: 1px solid #efefef;
}

.product-small.col .box-image {
	text-align: center;
	padding: 50px 30px;
}

.product-small.col .box-image img {
	max-height: 220px;
	object-fit: contain;
	width: auto;
}

.product-small.col .badge-container {
	margin: 0;
	top: 0px;
}

.product-small.col .badge-container .badge {
	margin: 0;
	width: 60px;
	height: 30px;
}

.product-small.col .badge-container .badge .badge-inner {
	border: none;
	font-weight: 400;
	padding: 0;
	border-radius: 0;
	font-size: 12px;
	text-transform: uppercase;
}

.product-small.col .box-text .title-wrapper .product-title {
	margin: 0 0 10px;
}

.product-small.col .box-text .title-wrapper .product-title a {
	margin: 0;
	font-size: 16px;
}

.product-small.col .box-text .price>span.amount {
	color: #555;
}

span.amount {
	font-weight: 600;
}

del span.amount {
	opacity: 1;
}

.woocommerce-Price-currencySymbol {
	margin-left: 3px;
}

.product-small.col .product-small.box .box-image .image-none>a::before {
	content: "";
	display: block;
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
	z-index: 22;
}

.product-small.col .product-small.box .box-image .image-tools .screen-reader-text,
.product-small.col .product-small.box .box-image .image-tools .add-to-cart-grid .cart-icon {
	display: none;
}

.product-small.col .product-small.box .box-image .image-tools {
	all: unset;
	position: absolute;
	margin: 0;
	opacity: 1;
	top: 70%;
	left: 50%;
	transform: translate(-50%, -50%) !important;
	z-index: 22;
	display: flex;
	column-gap: 10px;
	opacity: 0;
	visibility: hidden;
	transition: top 0.25s ease-in-out, opacity 0.25s ease-in-out,
		visibility 0.25s ease-in-out;
}

.product-small.col .product-small.box .box-image .image-tools .add-to-cart-grid {
	position: static;
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--fs-color-secondary) !important;
	border-radius: 50%;
	padding: 14px !important;
	opacity: 1;
}

.product-small.col .product-small.box .box-image .image-tools .add-to-cart-grid:hover {
	background-color: var(--fs-color-primary) !important;
}

.product-small.col .product-small.box .box-image .image-tools .add-to-cart-grid::before {
	content: "";
	background: url("/wp-content/uploads/2025/06/cart.png");
	background-size: contain;
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 26px;
	height: 20px;
}

.product-small.col .product-small.box .added_to_cart {
	display: none !important;
}

.product-small.col .product-small.box:hover .box-image .image-none>a::before {
	opacity: 0.4;
	visibility: visible;
}

.product-small.col .product-small.box:hover .box-image .image-tools {
	top: 50%;
	opacity: 1;
	visibility: visible;
}

.style-1.slider .post-item .box {
	margin-bottom: 10px;
}

.style-1 .post-item .box-text {
	box-shadow: 0px 0px 4px #0006;
	margin-top: -50px;
	background: #fff;
	max-width: 85%;
	padding: 30px 15px;
}

.post-item .box-text .box-text-inner {
	display: flex;
	flex-direction: column;
}

.post-item .box-text .box-text-inner .post-title {
	order: 2;
	margin: 0 0 15px;
}

.post-item .box-text .box-text-inner .post-meta {
	order: 1;
}

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

.post-item .box-text .box-text-inner .from_the_blog_excerpt {
	order: 3;
}

.post-item .box-text .box-text-inner .post-title a {
	margin: 0;
	font-weight: bold;
	font-family: Montserrat, sans-serif;
	line-height: 1.5;
	color: #000 !important;
	font-size: 16px;
}

.style-1 .post-item .box-text .box-text-inner .post-meta {
	font-size: 14px;
	color: #999;
	margin-bottom: 10px;
}

.post-item .box-text .box-text-inner .post-meta::before,
.entry-header .post-meta::before {
	content: "\f073";
	font-family: fontawesome;
	margin-right: 8px;
	color: var(--fs-color-primary);
}

.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;
	text-decoration: underline !important;
}

.post-item .box:hover .box-text .box-text-inner a.button {
	color: var(--fs-color-primary);
}

.footer-wrapper .content h3,
.col1.col-contact .icon-box .icon-box-text h3 {
	color: var(--fs-color-primary);
	font-size: 16px;
	margin-bottom: 3px;
}

.footer-wrapper .content p,
.col1.col-contact .icon-box .icon-box-text {
	font-size: 14px;
	color: #c1c1c1;
	margin-bottom: 0;
}

.col1.col-contact a.button,
.list-hethong .item a.button {
	border: none;
	display: flex;
}

.col1.col-contact a.button:not(:last-child),
.list-hethong .item a.button:not(:last-child) {
	margin-bottom: 10px !important;
}

.col1.col-contact a.button span,
.list-hethong .item a.button span {
	color: #fff;
	font-weight: 400;
	font-size: 14px;
	text-align: left;
	text-transform: capitalize;
}

.col1.col-contact a.button i,
.list-hethong .item a.button i {
	top: 1px;
	color: #fff;
	width: 18px;
	height: 20px;
}

.col1.col-contact a.button i.icon-map-pin-fill,
.list-hethong .item a.button i.icon-map-pin-fill {
	top: 5px;
}
.col1.col-contact a.button i{
	color: var(--fs-color-primary);
}
a.button.is-link {
	min-height: unset !important;
	line-height: unset !important;
}

.footer-wrapper .section-title {
	font-size: 20px;
	color: #8B6627;
}

.footer-wrapper .ux-menu .ux-menu-link__link {
	color: #fff;
	min-height: unset !important;
	height: auto !important;
	line-height: unset !important;
	padding: 6px 0 !important;
	font-size: 15px;
}

.footer-wrapper .ux-menu .ux-menu-link__link span {
	position: relative;
}

.footer-wrapper .ux-menu .ux-menu-link__link span::before {
	content: "";
	width: 0%;
	height: 1px;
	background: currentcolor;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: width 0.25s ease-in-out;
}

.footer-wrapper .ux-menu .ux-menu-link__link:hover {
	color: #fff;
}

.footer-wrapper .ux-menu .ux-menu-link__link:hover span::before {
	width: 100%;
}

.footer-wrapper form {
	margin-bottom: 0;
}

.footer-wrapper form input.wpcf7-text {
	background: transparent;
	border-color: #555;
	border-radius: 99px;
	font-size: 15px;
	padding: 0 45px 0 15px !important;
	color: #fff;
}

.footer-wrapper form .submit {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.footer-wrapper form .submit .content {
	position: relative;
}

.footer-wrapper form .submit .content::before {
	content: "\f30b";
	font-family: fontawesome;
	color: var(--fs-color-primary);
}

.footer-wrapper form .submit .wpcf7-submit {
	background: transparent;
	font-size: 0;
	border: none;
	height: 100%;
	position: absolute;
	inset: 0;
}

.social-icons {
	display: flex;
	column-gap: 10px;
}

.social-icons .button.circle {
	border: none;
	font-size: 0;
	width: 100%;
	height: 100%;
	max-width: 40px;
	max-height: 40px;
}

.social-icons .button.circle i {
	font-size: 18px;
}

.absolute-footer {
	padding: 15px 0;
	background: #1b191a;
}

.banner-breadcrumd h1,
.banner-breadcrumd h2 {
	margin: 0 0 20px;
	font-size: 56px;
}

.banner-breadcrumd .rank-math-breadcrumb {
	background: var(--fs-color-primary);
	padding: 10px 30px;
	display: block;
	max-width: max-content;
	margin: 0 auto;
}

.banner-breadcrumd .rank-math-breadcrumb p {
	margin: 0;
}

.banner-breadcrumd .rank-math-breadcrumb .separator {
	margin: 0 5px;
}

.banner-breadcrumd .rank-math-breadcrumb a:hover {
	color: var(--fs-color-secondary);
}

.page-title-inner {
	padding: 0;
}

.woof_sid_widget .woof_container:not(:nth-last-child(-n + 2)) {
	border-bottom: 1px solid #cfcfcf;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.woof_sid_widget .woof_container .woof_container_inner h4,
aside.widget .widget-title {
	font-size: 28px;
	text-transform: capitalize;
	line-height: 1.4;
}

.woof_sid_widget .woof_container .woof_container_inner .woof_list_radio li {
	display: flex;
	align-items: center;
	padding: 6px 0;
}

.woof_sid_widget .woof_container .woof_container_inner .woof_list_radio li input {
	margin: 0;
	width: 14px;
	height: 14px !important;
	height: auto;
	min-height: unset !important;
	line-height: unset !important;
}

.woof_sid_widget .woof_container .woof_container_inner .woof_list_radio li label {
	margin: 0 0 0 10px;
	padding: 0;
	font-weight: 400;
	font-size: 16px;
}

.woof_sid_widget .woof_container .woof_container_inner .woof_list_radio li label:hover {
	color: var(--fs-color-primary);
}

.woof_radio_term_reset {
	display: none !important;
}

.woof_sid_widget .woof_container .woof_container_inner .woof_list_color li {
	margin: 0 !important;
}

.woof_sid_widget .woof_container .woof_container_inner .woof_list_color li .woof_color_term {
	border: 1px solid #e6e6e6;
	width: 32px;
	height: 32px;
	border-radius: 3px;
	transition: all 0.25s ease-in-out;
}

.woof_sid_widget .woof_container .woof_container_inner .woof_list_color li .woof_color_term.checked {
	border-radius: 50%;
	border: 2px solid var(--fs-color-primary);
}

.woof_sid_widget .woof_container .woof_container_inner .woof_list_label {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.woof_sid_widget .woof_container .woof_container_inner .woof_list_label .woof_label_term {
	margin: 0;
	border: 1px solid #e6e6e6;
	background: #fff;
	min-width: unset;
	min-height: unset;
	height: unset;
	border-radius: 5px;
	padding: 2px 10px;
	font-size: 15px;
}

.woof_sid_widget .woof_container .woof_container_inner .woof_list_label .woof_label_term:hover,
.woof_sid_widget .woof_container .woof_container_inner .woof_list_label .woof_label_term.checked {
	background: var(--fs-color-primary);
	border-color: var(--fs-color-primary);
}

.woof_sid_widget .woof_submit_search_form_container {
	margin: 30px 0 0;
}

.woof_sid_widget .woof_submit_search_form_container .woof_reset_search_form {
	border: none;
	background: var(--fs-color-secondary);
	border-radius: 5px;
	padding: 2px 25px !important;
	margin: 0 !important;
}

.page-numbers.nav-pagination {
	margin: 0;
	display: flex;
	justify-content: center;
	gap: 5px;
}

.page-numbers.nav-pagination li {
	margin: 0 !important;
}

.page-numbers.nav-pagination li>* {
	width: 35px;
	height: 35px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #c8c8c8;
	font-weight: 400;
}

.page-numbers.nav-pagination li>*.current {
	border-color: var(--fs-color-primary);
}

aside.widget .is-divider {
	display: none;
}

aside.widget .widget-title {
	display: block;
	margin-bottom: 9px;
}

.custom-html-widget .slider .flickity-button,
.ss-related .slider .flickity-button,
.related-products-wrapper .slider .flickity-button {
	opacity: 1 !important;
}

.custom-html-widget .slider .flickity-button,
.ss-related .slider .flickity-button,
.related-products-wrapper .slider .flickity-button {
	border-radius: 0;
	width: 30px !important;
	height: 30px !important;
	border: 1px solid #000 !important;
	top: -15px;
	right: 0 !important;
	left: unset !important;
	transform: translatey(-100%) !important
}

.custom-html-widget .slider .flickity-button svg,
.ss-related .slider .flickity-button svg,
.related-products-wrapper .slider .flickity-button svg {
	background: #fff;
	color: #000;
	padding: 7px !important;
}

.custom-html-widget .slider .flickity-button:hover svg,
.ss-related .slider .flickity-button:hover svg,
.related-products-wrapper .slider .flickity-button:hover svg {
	background: #000 !important;
	color: var(--fs-color-primary)
}

.custom-html-widget .slider .flickity-button.previous,
.ss-related .slider .flickity-button.previous,
.related-products-wrapper .slider .flickity-button.previous {
	right: 40px !important
}

.col1.col-contact .icon-box {
	align-items: center
}

.page-contact .col1.col-contact .icon-box .icon-box-text {
	padding-left: 30px;
}

.page-contact .col1.col-contact .icon-box .icon-box-text h3 {
	font-size: 20px;
}

.page-contact .col1.col-contact .icon-box .icon-box-text p {
	color: #000;
	font-size: 16px;
}

.page-contact .col1.col-contact a.button span,
.list-hethong .item a.button span {
	color: #000;
	font-size: 15px;
}

.form-contact form {
	margin-bottom: 0
}

.form-contact form .form-group .col-inner {
	margin-bottom: 20px;
}

.form-contact form .form-group input {
	border-radius: 99px;
	min-height: 43px !important;
	height: auto !important;
	line-height: 43px !important;

}

.form-contact form .form-group textarea {
	border-radius: 20px;
	padding: 8px 15px !important;
	height: 120px !important;
}

.form-contact form .form-group input,
.form-contact form .form-group textarea {
	font-size: 16px;
}

.form-contact form .form-submit .wpcf7-submit {
	background: var(--fs-color-secondary);
	border-radius: 99px;
	padding: 2px 45px !important;
	font-size: 16px;
}

.form-contact form .form-submit .wpcf7-submit:hover {
	background: var(--fs-color-primary);
}

.list-hethong .item .section-title span {
	font-size: 15px;
	font-family: Montserrat, sans-serif;
	font-weight: bold;
	text-transform: none
}

.list-hethong.row {
	max-width: 1220px;
}

.list-hethong.row .col {
	padding-left: 25px !important;
	padding-right: 25px !important;
}

.list-hethong .item:not(:nth-child(4)):not(:nth-child(8)) .col-inner::before {
	content: '';
	width: 1px;
	height: 90%;
	background: #dfdfdf;
	display: block;
	position: absolute;
	right: -25px;
	top: 0;
}

.list-hethong .item:nth-child(-n+4) .col-inner::after {
	content: '';
	width: 100%;
	height: 1px;
	background: #dfdfdf;
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
}

.list-hethong .item .col-inner {
	margin-bottom: 25px;
	padding-bottom: 25px;
}

.blog-wrapper {
	padding-top: 0;
}

.post-list .post-item .box-text {
	padding: 20px 0px 0;
}

.post-list .post-item .box-text .post-meta {
	font-size: 16px;
	margin-bottom: 8px;
}

.post-list .post-item .box-text .post-title a {
	font-size: 18px;
}

.post-list .post-item .box-text .from_the_blog_excerpt {
	margin: 0 0 16px;
	font-size: 16px;
}

.post-list .post-item {
	padding-bottom: 0 !important
}

.post-list .post-item .col-inner {
	padding-bottom: 30px;
	border-bottom: 1px solid #f1f1f1;
	margin-bottom: 30px;
}

.post-sidebar .menu-item a:hover {
	color: var(--fs-color-primary) !important;
}

.post-sidebar .post-item .box-text {
	padding: 12px 0 0
}

.post-sidebar .post-item .box-text .post-meta {
	margin-bottom: 5px;
	font-size: 14px;
}

.post-sidebar .post-item .box-text .post-title {
	margin-bottom: 0
}

.post-sidebar .post-item {
	padding-bottom: 0
}

.post-sidebar .post-item .col-inner {
	padding-bottom: 20px;
	border-bottom: 1px solid #f1f1f1;
	margin-bottom: 20px;
}

.mfp-content #shop-sidebar {
	background: #fff;
}

.blog-single .entry-header .entry-header-text {
	padding-bottom: 0
}

.blog-single .entry-header .entry-header-text .entry-divider {
	display: none;
}

.blog-single .entry-header .entry-header-text .entry-title {
	font-size: 36px;
	text-transform: uppercase;
	line-height: 1.4;
	margin-bottom: 8px;
}

.blog-single .entry-header .entry-header-text .entry-meta .post-meta {
	font-size: 16px;
}

.blog-single .entry-content {
	padding-top: 20px;
	padding-bottom: 0;
}

.blog-single .entry-content>*:last-child {
	margin-bottom: 0
}

.block-related .section-title,
.related-products-wrapper .product-section-title {
	font-size: 34px;
	margin-bottom: 20px !important;
}

.ss-related .slider .flickity-button {
	top: -25px;
	right: 15px !important;
}

.ss-related .slider .flickity-button.previous {
	right: 55px !important;
}

.ss-related .post-item .box-text .box-text-inner .post-meta {
	font-size: 14px;
	margin-bottom: 5px;
}

.ss-related .post-item .box-text {
	padding-bottom: 0;
}

.ss-related .post-item .box-text .box-text-inner .post-title {
	margin-bottom: 0;
}

.nav-dropdown.nav-dropdown-default {
	margin: 0 !important;
	border: none;
	padding: 15px;
	bottom: -20px;
	transform: translatey(100%) !important;
	transition: unset !important;
}

.nav-dropdown.nav-dropdown-default li {
	margin: 0 !important
}

.nav-dropdown.nav-dropdown-default li a {
	margin: 0;
	font-size: 16px;
	font-weight: 400 !important;
	color: #000;
	padding: 8px 0
}

.nav-dropdown.nav-dropdown-default li a:hover {
	color: var(--fs-color-primary)
}

.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
}

.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
}

.checkout-page-title .breadcrumbs {
	padding: 30px 0;
}

.checkout-page-title .breadcrumbs * {
	color: #000
}

.checkout-page-title .breadcrumbs *.current,
.checkout-page-title .breadcrumbs a:hover {
	color: var(--fs-color-primary)
}

.wc_payment_methods input {
	margin: 0 10px 0 0;
	min-height: unset !important;
	line-height: unset !important
}

.payment_box.payment_method_bacs {
	margin-top: 5px;
}

.form-row-first {
	margin-right: 0;
	width: 100%;
}

.woocommerce-billing-fields__field-wrapper label {
	font-size: 16px;
}

form.checkout h3 {
	font-size: 24px;
}

.product-images img {
	object-fit: contain;
	max-height: 350px;
}

.product-images .badge-container {
	display: none !important;
}

.product-images .woocommerce-product-gallery__wrapper {
	border: 1px solid #efefef;
	padding: 15px;
}


.product-images .image-tools {
	display: none !important
}

.product-thumbnails a {
	border: 1px solid #efefef !important;
}

.product-thumbnails a img {
	opacity: 1;
	transform: unset !important;
	object-fit: contain;
	max-height: 70px;
	margin: 0;
	padding: 5px;
}

.product-thumbnails.row {
	margin-left: -3px;
	margin-right: -3px;
}

.product-thumbnails .col {
	padding-left: 3px !important;
	padding-right: 3px !important;
}

.product-thumbnails .col.is-selected a {
	border-color: var(--fs-color-primary) !important;
}

.info-prd .product-title {
	margin-bottom: 14px;
}

.info-prd .is-divider {
	display: none;
}

.info-prd .product-title {
	font-size: 36px;
}

.info-prd .price-wrapper .price.product-page-price {
	margin-bottom: 16px;
}

.price {
	line-height: 1.4;
}

.info-prd .price-wrapper .price.product-page-price del {
	text-decoration: none;

}

.info-prd .price-wrapper .price.product-page-price del span.amount {
	color: #999999;
	text-decoration: line-through;
	font-size: 18px;
}

.info-prd .price-wrapper>.price span.amount {
	color: #e30000;
	font-size: 24px;
	font-weight: 400;
}

.info-prd .variations tr {
	display: flex;
	flex-direction: column;
}

.info-prd .variations tr:not(:last-child) {
	margin-bottom: 15px;
}

.info-prd .variations .label {
	display: block
}

.info-prd .variations tr>* {
	padding: 0
}

.info-prd .variations tr label {
	margin-bottom: 12px;
	font-size: 16px;
	font-weight: 600
}

.info-prd .variations .ux-swatches {
	margin: 0;
}

.info-prd .variations .ux-swatches.ux-swatch {
	border: none !important
}

.info-prd .variations .ux-swatches .ux-swatch.ux-swatch--label {
	margin: 0;
	border: 1px solid #e6e6e6;
	background: #fff;
	min-width: unset;
	min-height: unset;
	height: unset;
	border-radius: 5px;
	padding: 5px 10px;
	font-size: 15px;
	box-shadow: none;
	color: #000
}

.info-prd .variations .ux-swatches .ux-swatch.ux-swatch--label:hover,
.info-prd .variations .ux-swatches .ux-swatch.ux-swatch--label.selected {
	background: var(--fs-color-primary);
	color: #fff;
}

.info-prd .variations .ux-swatches .ux-swatch--color {
	padding: 0;
	border: 1px solid #e6e6e6;
	width: 32px;
	height: 32px;
	border-radius: 3px;
	transition: all 0.25s ease-in-out;
	box-shadow: none;
	overflow: hidden;
}

.info-prd .variations .ux-swatches .ux-swatch--color:hover,
.info-prd .variations .ux-swatches .ux-swatch--color.selected {
	border-radius: 50%;
	border: 2px solid var(--fs-color-primary);
}

.info-prd .variations .ux-swatches {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}

.woocommerce-variation p[role="alert"] {
	font-size: 14px;
	color: red;
	margin-bottom: 15px;
}

.qty-text {
	display: block;
	margin-bottom: 5px;
}

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

.ux-quantity.quantity .ux-quantity__button {
	width: 35px !important;
	height: 35px !important;
	min-height: unset !important;
	line-height: 30px !important;
	box-shadow: none;
	background: #fff;
	text-shadow: none;
	font-size: 22px;
	border-color: #f1f1f1;
	border: 1px solid #f1f1f1 !important;
	border-radius: 5px !important;
}

.ux-quantity.quantity .ux-quantity__button:hover {
	background: var(--fs-color-primary);
	color: #fff;
	border-color: var(--fs-color-primary);
}

.ux-quantity.quantity .qty {
	box-shadow: none;
	border: none;
	font-size: 16px;
	min-height: unset !important;
	line-height: unset !important;
}

.info-prd .single_add_to_cart_button {
	display: block;
	margin: 20px 0 0;
	background: #000;
	border-radius: 99px;
	padding: 3px 25px !important;
	font-size: 16px;
	border: none;
}

.info-prd .single_add_to_cart_button.disabled {
	cursor: not-allowed;
}

.variations .reset_variations {
	color: red;
	opacity: 1
}

.woocommerce-tabs .wc-tabs li a {
	padding: 0;
	font-size: 20px;
	font-family: Montserrat, sans-serif !important;
	font-weight: 600;
	color: var(--fs-color-primary);
	border-bottom: 1px solid currentcolor
}

.woocommerce-tabs .wc-tabs li a::before {
	content: none
}

.woocommerce-tabs .tab-panels {
	padding: 20px 30px;
	box-shadow: 1px 1px 8px -1px #0002
}

.related-products-wrapper {
	margin-top: 30px;
	border: none;
}

.related-products-wrapper .product-section-title {
	padding: 0;

}
.ux-mini-cart-empty .ux-mini-cart-empty-icon svg{
	opacity: 1 !important
}
.ux-mini-cart-empty .ux-mini-cart-empty-icon svg path{
	fill: var(--fs-color-primary);
}
p.empty.woocommerce-mini-cart__empty-message{
	color: #000 !important
}
.ux-mini-cart-empty .return-to-shop a.button{
	height: 45px !important;
	line-height: 45px !important;
	padding: 0 5px;
	background: #000;
	font-size: 14px;
	width: 100%;
}
.ux-mini-cart-empty .return-to-shop a.button:hover{
	background: #000 !important
}
.widget_shopping_cart{
	padding: 0 10px !important;
}
.header-nav li.lang-item{
	margin: 0 0 0 7px !important;
	font-size: 0;
}
.lang-item.current-lang a,
.lang-item a:hover{
	opacity: 1
}
.lang-item a{
	padding: 0 !important;
	position: relative;
	width: 28px;
	height: 21px;
	border-radius: 3px;
	overflow: hidden;
}
.lang-item a img{
	display: none !important
}
.lang-item a:after{
	content: none !important;
}
.lang-item a:before{
	content: '';
	display: inline-block;
	width: 100%;
	height: 100%;
	background-image: url('/wp-content/uploads/2025/07/vi.svg');
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 1 !important
}
.lang-item.lang-item-en a:before{
	background-image: url('/wp-content/uploads/2025/07/en.svg');
}
html[lang="en-US"] .woof_container_inner h4{
	font-size: 0 !important;
}
html[lang="en-US"] .woof_container_inner_danhmc h4::before{
	content: 'Categories';
	font-size: 28px;
}
html[lang="en-US"] .woof_container_color h4::before{
	content: 'Color';
	font-size: 28px;
}
html[lang="en-US"] .woof_container_pa_size h4::before{
	content: 'Size';
	font-size: 28px;
}
@media (min-width: 549.1px) {
	.row-5>.col {
		flex-basis: 20% !important;
		max-width: 20% !important;
	}
}

/* CSS TABLE & MOBILE */
@media (max-width: 849px) {

	.off-canvas-left .mfp-content,
	.off-canvas-right .mfp-content {
		background-color: #000 !important;
	}

	.nav-sidebar.nav-vertical>li+li {
		border-top: 1px solid #8f8f8f;
	}

	.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
		padding-left: 20px;
		font-size: 14.4px;
		color: #fff;
	}

	.searchform .button.icon {
		background: var(--fs-color-primary) !important;
	}

	.searchform .button.icon,
	.searchform input {
		border: none !important;
		height: 40px;
	}

	.header #logo {
		margin-right: 15px;
	}

	.row-image-box .col-content .col-inner:before {
		display: none;
	}

	.row-image-box .col-content .col-inner {
		width: 100%;
	}

	.list-uudiem .icon-box {
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}

	.list-uudiem .icon-box .icon-box-img {
		margin-bottom: 12px;
	}

	.list-uudiem .icon-box .icon-box-text {
		padding-left: 0;
		text-align: center;
	}

	.list-uudiem .icon-box .icon-box-text p {
		font-size: 14px;
	}

	.block-hero .row2 {
		margin-top: 30px;
	}

	.block-hero::before {
		width: calc(100% - 60px);
		height: calc(100% - 25px);
	}

	.style-1 .post-item .box-text {
		margin-top: -20px;
		max-width: 95%;
		padding: 20px 15px;
	}

	.category-filtering {
		position: fixed;
		right: 0;
		top: 25%;
		z-index: 9;
		background: var(--fs-color-primary);
		padding: 6px 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: 14px;
	}

	.post-list .post-item .box-text .post-title a {
		font-size: 16px;
	}

	.post-list .post-item .col-inner {
		padding-bottom: 20px;
		border-bottom: 1px solid #f1f1f1;
		margin-bottom: 20px;
	}
}

/* CSS TABLET */
@media (min-width: 549.1px) and (max-width: 849px) {}

/* CSS MOBILE */
@media (max-width: 549px) {
	.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: 15px;
	}

	.banner-home .banner .text-box-content .text-inner {
		padding: 15px 10px;
		border: 6px solid #373737;
	}

	.banner-home .banner .text-box-content .text-inner h2 {
		font-size: 38px;
	}

	.banner-home .banner .text-box-content .text-inner p {
		margin: 0 0 10px !important;
		font-size: 14.4px;
	}

	.banner-home .slider .flickity-page-dots {
		bottom: 10px;
	}

	.row-image-box .col-content .col-inner .content h2,
	.title-section h2,
	.block-hero .col-content h2 {
		font-size: 28px;
	}

	.row-image-box .col-content .col-inner .content h3,
	.title-section p {
		font-size: 20px;
	}

	.block-hero .row1 .col-content .col-inner {
		width: 100%;
	}

	.block-hero::before {
		display: none;
	}

	.mb-reverse {
		flex-direction: column-reverse;
	}

	.product-small.col:nth-child(odd) {
		padding-right: 5px;
	}

	.product-small.col:nth-child(even) {
		padding-left: 5px;
	}

	del span.amount {
		font-size: 13px;
	}

	.price-wrapper del {
		margin-bottom: 5px;
		display: block;
	}

	ins .woocommerce-Price-amount,
	.product-small.col .box-text .price>span.amount {
		font-size: 15px;
	}

	.product-small.box .box-text {
		padding-bottom: 0;
	}

	.product-small.col {
		padding-bottom: 20px;
	}

	.banner-breadcrumd h1 {
		margin: 0 0 15px;
		font-size: 38px;
	}

	.banner-breadcrumd .rank-math-breadcrumb {
		padding: 10px 15px;
	}

	.woocommerce-pagination {
		margin-top: 20px;
	}

	.woof_sid_widget .woof_container .woof_container_inner h4 {
		font-size: 22px;
	}

	.page-contact .col1.col-contact .icon-box .icon-box-text {
		padding-left: 15px;
	}

	.list-hethong.row .col {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.list-hethong .item .col-inner {
		margin-bottom: 15px;
		padding-bottom: 15px;
	}

	.list-hethong .item:last-child .col-inner {
		margin-bottom: 0px;
		padding-bottom: 0px;
	}

	.list-hethong .item:not(:nth-child(4)):not(:nth-child(8)) .col-inner::before {
		display: none;
	}

	.list-hethong .item:not(:last-child) .col-inner::after {
		content: '';
		width: 100%;
		height: 1px;
		background: #dfdfdf;
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
	}

	.woof_sid_widget .woof_container .woof_container_inner h4, aside.widget .widget-title {
		font-size: 22px;
		text-transform: capitalize;
		line-height: 1.4;
	}

	.blog-single .entry-header .entry-header-text .entry-title {
		font-size: 24px;
		margin-bottom: 10px;
	}

	.block-related .section-title,
	.related-products-wrapper .product-section-title {
		font-size: 24px;
	}

	.ss-related .slider .flickity-button {
		top: -20px;
	}

	.blog-single .large-9 {
		padding-bottom: 0;
	}

	.info-prd .product-title {
		font-size: 28px;
	}

	.info-prd .price-wrapper .price.product-page-price {
		display: flex;
		align-items: center;
	}

	.info-prd .price-wrapper .price.product-page-price del {
		margin: 0 5px 0 0;
	}

	.info-prd .price-wrapper .price.product-page-price del span.amount {
		font-size: 16px;
	}

	.info-prd .price-wrapper>.price span.amount {
		font-size: 20px;
	}

	.woocommerce-tabs .tab-panels {
		padding: 20px 15px;
	}
	.block-lang li{
		padding: 0 !important;
		max-width: 34px;
	}
	.block-lang li a{
		width: 34px !important;
		height: 26px;
	}
	.block-lang{
		display: flex;
		column-gap: 8px;
	}
	li.lang-item{
		margin: 0 3px;
	}
}