/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

html,
html.has-off-canvas{
	margin-right: 0px !important;
	overflow: visible !important;
}

body{
	position: relative !important;
	inset: unset !important;
	font-family: "Inter", sans-serif;
	line-height: normal;
	font-size: 0.875rem !important;
}

body::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}
body::-webkit-scrollbar-thumb {
    background-color: #000000;
    border-radius: 50rem;
}
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

p:last-of-type{
	margin-bottom: 0;
}

.fw-400 h2{
	font-weight: 400;
}

.row-full-col .col .col-inner{
	height: 100%;
}

.content-area{
	padding-top: 80px;
}

.home .content-area{
	padding-top: 0;
}

/*=== Header*/
/*.header-wrapper-fixed{
	position: fixed;
	transition: all .7s ease-in-out;
	animation: animate-header-fixed 1s;
}

@keyframes animate-header-fixed {
    0% {
        transform: translateY(-100px);
    }
    100% {
        transform: translateY(0px);
   }
}*/

.header-wrapper{
	position: fixed;
	background-color: transparent;
}

/*.home .header-wrapper,
.single-collection .header-wrapper{
	position: fixed;
	background-color: transparent;
}*/

.header-wrapper-on-hover{

}

.header-wrapper-on-hover .header-bg-color{
	background-color: #fff;
}

.header-wrapper:not(.header-wrapper-on-hover),
.header-wrapper:not(.header-wrapper-on-hover) .header-bg-color{
	background-color: transparent;
}


.home .header-wrapper:not(.header-wrapper-on-hover) .header-bg-color,
.single-collection .header-wrapper:not(.header-wrapper-on-hover) .header-bg-color{
	background-color: transparent;
}


.has-off-canvas .header-wrapper .header-bg-color,
.menu-is-open .header-wrapper .header-bg-color{
	background-color: #fff !important;
}

/*.home .header-wrapper:not(.header-wrapper-fixed),
.home .header-wrapper:not(.header-wrapper-fixed) .header-bg-color,
.single-collection .header-wrapper:not(.header-wrapper-fixed),
.single-collection .header-wrapper:not(.header-wrapper-fixed) .header-bg-color{
	background-color: transparent;
}
*/

.home .header-wrapper:not(.header-wrapper-on-hover) .header-logo,
.single-collection .header-wrapper:not(.header-wrapper-on-hover) .header-logo{
	display: none;
}

.home .header-wrapper:not(.header-wrapper-on-hover) .header-logo-dark,
.single-collection .header-wrapper:not(.header-wrapper-on-hover) .header-logo-dark{
	display: block !important;
}

.has-off-canvas .home .header-wrapper .header-logo,
.has-off-canvas .single-collection .header-wrapper .header-logo,
.menu-is-open .home .header-wrapper .header-logo,
.menu-is-open .single-collection .header-wrapper .header-logo{
	display: block !important
}

.has-off-canvas .home .header-wrapper .header-logo-dark,
.has-off-canvas .single-collection .header-wrapper .header-logo-dark,
.menu-is-open .home .header-wrapper .header-logo-dark,
.menu-is-open .single-collection .header-wrapper .header-logo-dark{
	display: none !important;
}


.has-off-canvas #logo,
.menu-is-open #logo{
	transform: translate(0) !important;
}

/*======*/
.header-nav .menu-item a{
	font-weight: 400;
	color: unset;
	line-height: normal;
}

.header-nav li a i{
	transition: none;
	font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem) !important;
	opacity: 1;
	line-height: 0.8;
	transition: unset !important;
}

.home .header-wrapper:not(.header-wrapper-on-hover) .header-nav > .menu-item > a,
.single-collection .header-wrapper:not(.header-wrapper-on-hover) .header-nav > .menu-item > a{
	color: #fff !important;
}

.header-main .nav > li > a{
	color: unset;
	line-height: normal !important;
	transition: unset;
}

.home .header-wrapper:not(.header-wrapper-on-hover) .nav>li>a>i.icon-menu,
.single-collection .header-wrapper:not(.header-wrapper-on-hover) .nav>li>a>i.icon-menu{
	color: #fff;
}

/*.nav>li>a>i{
	font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem) !important;
}*/

.nav>li>a>i.icon-menu:before{
	content: "MENU";
	font-family: 'Inter', sans-serif;
	font-weight: 300;
}

.has-off-canvas .nav>li>a>i.icon-menu:before{
	content: "CLOSE";
	color: #000;
}

.home .header-wrapper:not(.header-wrapper-on-hover) .nav.nav-right li a,
.single-collection .header-wrapper:not(.header-wrapper-on-hover) .nav.nav-right li a{
	color: #fff;
}

.has-off-canvas .header-wrapper .nav.nav-right li a{
	color: #000 !important;
}


.header-block{
	width: auto;
}


/*=====*/
.currency-dropdown{
	position: relative;
	display: flex;
	align-items: center;
	height: 100%;
}

.currency-dropdown .currency-btn{
	padding: 0;
	margin: 0;
	border: 0;
	font-weight: 400;
	font-size: inherit;
	line-height: normal;
	min-height: unset;
	text-transform: capitalize;
	transition: unset;
}

.currency-dropdown .currency-btn i{
	font-size: 20px;
}

.home .header-wrapper:not(.header-wrapper-on-hover) .currency-dropdown .currency-btn,
.single-collection .header-wrapper:not(.header-wrapper-on-hover) .currency-dropdown .currency-btn{
	color: #fff;
}

.currency-list{
	display: none;
	list-style: none;
    background: #fff;
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    padding: 20px 0;
   	max-height: 400px;
   	overflow-y: auto;
}

.currency-list li{
	margin-bottom: 0;
}

.currency-list li a{
	display: block;
	line-height: 1.3;
    padding: 10px 20px;
	color: #000;
	font-size: 90%;
}

.currency-list li a:hover{
	background-color: rgba(0, 0, 0, .03);
}

.currency-offcanvas{
	position: fixed;
   	left: 0;
    top: 0px;
    bottom: 0;
    width: 500px;
    max-width: 100%;
    background: #fff;
    z-index: 1005;
    transition: all 0.8s cubic-bezier(.16,.9,.27,.99);
    transform: translateX(-100%);
    opacity: 0;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.currency-offcanvas.show{
	transform: translateX(0%);
    opacity: 1;
}

.close-currency-offcanvas{
	width: 3rem;
	height: 3rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.currency-offcanvas .currency-list-mb{
	width: 100%;
	list-style: none;
	display: block;
	padding: 0;
	position: unset;
}


/*====*/
.icon-search{
	font-size: 1.125rem !important;
}

.icon-search:before{
	content: "\f002";
	font-family: "Font Awesome 6 Pro";
	font-weight: 300;
}

.account-item i:before{
	content: "\f2bd";
	font-family: "Font Awesome 6 Pro";
	font-weight: 300;
}

.cart-item i:before{
	content: "\f290";
	font-family: "Font Awesome 6 Pro";
	font-weight: 300;
}

[data-icon-label]:after{
	background-color: #000;
	letter-spacing: unset;
}

.wishlist-icon.added:after {
    background-color: #000;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.mobile-nav .cart-item i:before{
	content: "BAG";
	font-family: 'Inter', sans-serif;
	font-weight: 400;
}



/*===*/
.off-canvas-left{
	top: 50px !important;
}

.off-canvas-left.main-menu-overlay,
.off-canvas-left .mfp-container,
.off-canvas-left .mfp-container .mfp-content{
	top: 50px !important;
}

.off-canvas-left.main-menu-overlay{
	opacity: 0;
}

.off-canvas.off-canvas-left .mfp-content,
.off-canvas.off-canvas-right .mfp-content{
	width: 500px;
	background: #fff;
	transition: all 0.8s cubic-bezier(.16,.9,.27,.99);
	box-shadow: none;
}

.off-canvas.off-canvas-left .mfp-content{
	width: 100%;
	/*transform: translateX(-100%);*/
}

.off-canvas.off-canvas-left .mfp-content::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}
.off-canvas.off-canvas-left .mfp-content::-webkit-scrollbar-thumb {
    background-color: #000000;
    border-radius: 50rem;
}
.off-canvas.off-canvas-left .mfp-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.off-canvas-left .mfp-close{
	right: unset;
	width: 80px;
	height: 50px;
	opacity: 0;
	transform: translate(0);
}


.off-canvas-right.mfp-ready .mfp-close{
	opacity: 1;
}

.off-canvas-right.mfp-ready .mfp-close svg{
	width: 20px;
}


.has-off-canvas .current-lightbox-clicked{
	opacity: 1 !important;
	transform: translate(0) !important;
}

/*===*/
.mobile-sidebar .nav.nav-sidebar li{
	border-top: 0;
	padding: 0;
}

.mobile-sidebar .nav.nav-sidebar li.active{
	background-color: transparent;

}
.mobile-sidebar .nav.nav-sidebar li:hover{
	background-color: transparent;
}

.mobile-sidebar .nav.nav-sidebar li a{
	padding-top: 10px;
	padding-bottom: 10px;
	color: #000;
	font-weight: 400;
	font-size: 0.875rem;
	padding-left: 0;
}

.mobile-sidebar .nav.nav-sidebar > li > a{
	text-transform: capitalize;
}

.mobile-sidebar .nav.nav-sidebar li a > i{
	margin-right: 0.5rem;
	opacity: 1;
	font-size: 14px !important;
	color: #000;
}

.mobile-sidebar .nav.nav-sidebar > li{
	padding: 0 1rem;
}

.mobile-sidebar .nav.nav-sidebar li.html_topbar_left{
	margin-top: 1.25rem;
	padding-top: 1.25rem;
	border-top: 1px solid #ccc !important;
}

/*.mobile-sidebar .nav.nav-sidebar > li > a:after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
	width: 100%;
	height: 1px;
	background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0.5) 100%);
	color: #fff;
	transform: scaleX(0);
	transition: all 1s cubic-bezier(.16,.9,.27,.99);
	transform-origin: left;
}
.mobile-sidebar .nav.nav-sidebar > li > a:hover:after{
	transform: scaleX(1);
}*/

.mobile-sidebar .sub-menu.children{
	padding-bottom: 0 !important;
}

.mobile-sidebar .sub-menu.children .menu-item a{
	padding-left: 1rem;
	font-weight: 400;
	color: #4D4D4D;
}

/*===*/
.wrapper-live-search{
	display: none;
	position: fixed;
	inset: 0;
	z-index: 2000;
	background-color: rgba(0, 0, 0, 0.5);
}

.wrapper-live-search-top{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 1rem;
	padding: 1rem 2rem;
	background-color: #fff;
}

.box-form-search{
	display: flex;
	align-items: center;
	margin-bottom: 0;
	padding: 0.25rem 1rem;
	background-color: #EEEEEE;
	border: 1px solid #E4E4E4;
	width: 500px;
}

.box-form-search input{
	margin-bottom: 0;
	border: none;
	background-color: transparent !important;
	box-shadow: none !important;
}

.box-form-search i{
	font-size: 1rem;
}

.close-wrapper{
	width: 1.5rem;
	height: 1.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: all 1.5s cubic-bezier(.16,.9,.27,.99);
}

.close-wrapper:hover{
	transform: rotate(360deg) scale(1.2);
}

.wrapper-live-search-bottom .inner-wrapper{
	width: 1000px;
	max-width: 100%;
	margin: 0 auto;
	padding: 2rem 4rem;
	background-color: #fff;
}

.wrapper-live-search-bottom .wrapper-show-result + .wrapper-show-result:not(.wrapper-show-result:last-of-type){
	margin-top: 2rem;
}

.wrapper-live-search:not(.is-search) .wrapper-show-product{
	display: none;
}

.wrapper-live-search.is-search .wrapper-show-result:not(.wrapper-show-product){
	display: none;
}

.wrapper-live-search-bottom .wrapper-show-result .wrapper-title{
	margin-bottom: 0.5rem;
	font-size: 1rem;
	font-weight: 500;
}

.list-key-word-suggest{
	display: flex;
	flex-wrap: wrap;
	row-gap: 0.25rem;
	column-gap: 0.5rem;
}

.list-key-word-suggest .item{
	padding: 0.25rem 0.5rem;
	border: 1px solid #000;
	border-radius: 50rem;
	font-size: 0.75rem;
}

#show-result-product .swiper{
	padding-bottom: 1rem;
}

#show-result-product .swiper .swiper-pagination{
	bottom: 0;
}

#show-result-product .swiper .swiper-pagination-bullet{
	background-color: #000;
}

#show-result-product .swiper-button-prev,
#show-result-product .swiper-button-next{
	color: #000;
	pointer-events: all;
}

#show-result-product .swiper-button-prev:after,
#show-result-product .swiper-button-next:after{
	font-size: 1.25rem;
}


/*===*/
.banner-slide-on-mobile{
	padding-top: 100vh !important;
}


/*===*/
.button{
	font-size: 0.875rem;
}

.btn-custom{
	border: 0;
	background-color: transparent !important;
	z-index: 1;
	border: 1px solid #000;
	overflow: hidden;
	font-weight: 400;
	min-height: unset;
	padding: 0.625rem 1rem;
	line-height: normal;
	font-size: 0.875rem;
	text-transform: uppercase !important;
}

.btn-custom:before{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-color: #fff;
	transform: scaleY(0);
	transition: all 1s cubic-bezier(.16,.9,.27,.99);
	transform-origin: bottom;
}

.btn-custom:hover{
	color: #000;
	box-shadow: none !important;
}

.btn-custom:hover:before{
	transform: scaleY(1);
}

.btn-custom:after{
	content: "";
	position: absolute;
	inset: 0;
	background-color: #000;
	z-index: -2;
}


.btn-custom.loading:after{
	background-color: #fff;
	border: 1px solid #000;
}


.btn-x-outline{
	color: #000;
}


.btn-x-outline:hover{
	color: #fff;
}

.btn-x-outline:before{
	background-color: #000;
	transform-origin: bottom;
}

.btn-x-outline:after{
	background-color: #fff;
}


/*==== lookbook-banner*/
.lookbook-banner .text-box-content{
	font-size: clamp(0.625rem, 0.575rem + 0.25vw, 0.875rem) !important;
}

.lookbook-banner .text-box-content h3{
	font-size: 24px;
	font-weight: 300;
}

.lookbook-banner .text-box-content p{
	font-weight: 300;
}                                                                                                                                                                                                


/*===*/
.icon-service{
	line-height: normal;
}

.icon-service .icon-box-img{
	margin-bottom: 0.5rem;
	width: 32px !important;
	height: 32px;
}

.icon-service .icon-box-img .icon,
.icon-service .icon-box-img .icon-inner{
	height: 100%;
}


.icon-service .icon-box-text h3{
	font-size: clamp(0.75rem, 0.6875rem + 0.3125vw, 1.0625rem);
}

.icon-service .icon-box-text p{
	font-size: clamp(0.625rem, 0.5625rem + 0.3125vw, 0.9375rem);
}

/*===*/
.content-footer h3{
	margin-bottom: 36px;
	font-size: clamp(0.75rem, 0.6875rem + 0.3125vw, 1.0625rem);
}

.content-footer p:not(p:last-of-type){
	margin-bottom: 36px;
}

.content-footer p:last-of-type{
	line-height: 1.5;
}

.content-footer ul{
	list-style: none;
}

.content-footer ul li{
	margin-left: 0;
}

.content-footer ul li a{
	position: relative;
}

.content-footer ul li a:after{
	content: "";
	position: absolute;
	left: 0;
	bottom: -0.25rem;
	width: 100%;
	height: 1px;
	background-color: #000;
	transform: scaleX(0);
	transform-origin: left;
	transition: all 1s cubic-bezier(.16,.9,.27,.99);
}

.content-footer ul li a:hover:after{
	transform: scaleX(1);
}

.content-footer + .wpcf7 .wpcf7-form{
	margin-bottom: 0;
}


.absolute-footer{
	display: none;
	padding: 0.625rem 0 !important;
}

.form-footer label{
	font-weight: 400;
}

.form-footer input[type=radio]{
	position: relative;
	margin-bottom: 0;
	width: 0;
}

.form-footer input[type=radio]:after{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0.5rem;
	height: 0.5rem;
	transform: translate(-50%, -50%);
	background-color: transparent;
	outline: 1px solid #000;
	outline-offset: 2px;
	border-radius: 50%;
}

.form-footer input[type="radio"]:checked:after{
	background-color: #000;
}


.form-footer input[type=email]{
	border-radius: 2px;
	border-right: 0.2px solid #D4D2D2;
	border-bottom: 1px solid #D4D2D2;
	border-left: 0.2px solid #D4D2D2;
	box-shadow: none !important;
}

.form-footer .btn-custom{
	margin-bottom: 0;
}

/*===*/

.collection.row{
	max-width: 100% !important;
}

.collection-container > .row{
	max-width: unset !important;
}

.collection-container > .row > .col{
	padding: 0 4.9px 19.8px;
}

.single-collection #content{
	padding-top: 0;
}

.box-collection .box-thumbnail{
	position: relative;
}

.box-collection .box-thumbnail img{
	transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;
}

.box-collection .inner-thumbnail{
	padding-top: 140%;
}

.box-collection.has-thumbnail-cover:hover .inner-thumbnail img{
	opacity: 0;
}

.box-collection .inner-thumbnail-cover{
	position: absolute;
	inset: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;
}

.box-collection .inner-thumbnail-cover img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.box-collection.has-thumbnail-cover:hover .inner-thumbnail-cover{
	opacity: 1;
}


.box-collection .box-content{
	margin-top: 0.5rem;
}

.box-collection .title{
	margin-bottom: 0.25rem;
	font-size: clamp(0.875rem, 0.85rem + 0.125vw, 1rem);
	font-weight: 500;
	transform: uppercase;
}

.box-collection .box-excerpt{
	font-size: clamp(0.625rem, 0.575rem + 0.25vw, 0.875rem);
}

/*===*/
.grid-wrapper {
    display: grid;
    grid-gap: 0px; /* Khoảng cách giữa các phần tử */
    grid-template-columns: repeat(2, 1fr); /* 2 cột, mỗi cột chiếm 1 phần */
    grid-auto-rows: clamp(10rem, 5.6rem + 22vw, 32rem); /* Chiều cao mặc định của các hàng */
    grid-auto-flow: dense; /* Tự động sắp xếp các phần tử */
}

.grid-wrapper .item{
	position: relative;
}

.grid-wrapper .item img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.grid-wrapper .wide {
    grid-column: span 2;
}

.grid-wrapper .tall {
    grid-row: span 2;
}

.grid-wrapper .big {
    grid-column: span 2;
    grid-row: span 2;
}

.box-content-single-collection{
	position: absolute;
	left: 10%;
	right: 10%;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	color: #fff;
	font-size: clamp(0.75rem, 0.725rem + 0.125vw, 0.875rem);
}

.box-content-single-collection h1{
	margin-bottom: 0.5rem;
	font-size: clamp(1.5rem, 1.2rem + 1.5vw, 3rem);
    font-weight: 400;
    color: #fff;
}

/*===*/
.nav-pagination>li>span,
.nav-pagination>li>a{
	border-radius: 0;
	border: 1px solid #000;
}


/*====page about*/
.box-title h1,
.box-title h2{
	font-size: clamp(1.5rem, 1.35rem + 0.75vw, 2.25rem);
}

.box-title-page-about svg{
	margin-top: calc(-1 * clamp(1rem, 0.8rem + 1vw, 2rem));
	position: relative;
	z-index: -1;
}


.icon-bottom-page{
	width: auto;
	align-items: center;
}

.icon-bottom-page .icon-tel{

}

.icon-bottom-page a{
	margin-bottom: 0;
	background-color: #000 !important;
	border: 1px solid #000 !important;
}

.icon-bottom-page a i{
	color: #fff;
	inset: 0;
}




/*====Woocommerce*/


.row-archive-title{
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
}

.row-archive-title > .col{

}

.main-archive-title{
	margin-bottom: 0;
	font-weight: 400;
	font-size: 1rem;
	padding-left: 45px;
}

.tinv-wishlist.category-page-row{
	max-width: 100% !important;
}

.category-page-row{
	padding-top: 0;
}

.woocommerce-page .category-page-row{
	padding-top: 80px;
	max-width: 100% !important;
}


.category-page-row > .col{
	padding-bottom: 0;
}

.products.row{
	max-width: unset !important;
}

.products.row > .col{
	padding: 0 4.9px 9.8px;
}

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

.product-small .badge-inner.new-bubble-auto{
	background-color: transparent;
	color: #000;
	font-weight: 400;
}

.product-small .box-text{
	padding: 0.5rem 0.75rem;
	opacity: 0;
	transition: all .3s ease-in-out;
	position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.product-small .title-wrapper{
	margin: 0;
	flex: 1;
	text-align: left;
	font-weight: 400;
	text-transform: uppercase;
}

.product-small .title-wrapper a{
	margin: 0;
}


.product-small .price-wrapper{
	margin-top: 0.25rem;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	gap: 0.5rem;
}

.product-small span.amount{
	font-weight: 400;
}

.product-small .yith-wcwl-add-to-wishlist{
	text-align: right;
}

.add_to_wishlist{
	margin: 0 !important;
	text-align: right;
}

.add_to_wishlist span{
	display: none;
}

.add_to_wishlist i:before{
	content: "\f004";
	font-family: "Font Awesome 6 Pro";
	font-weight: 400;
}

.yith-wcwl-add-to-wishlist.exists .add_to_wishlist i:before{
	font-weight: 700;
}

.product-small .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt,
.product-small .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt{
	margin: 0;
}

.product-small .product-attributes{
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: all .3s ease-in-out;
	display: none;
}

.product-small .product-attributes-list{
	display: flex;
	gap: 0.25rem;
	font-size: 0.875rem;
}

.product-small .product-attributes-list.pa_mau-sac .attribute-name{
	width: 0.75rem;
	height: 0.75rem;
	border-radius: 50%;
}

.product-small:hover .box-text{
	opacity: 1;
}

/*=====*/
/*#shop-sidebar .sidebar-inner{
	padding: 0;
}

.title-filter-form{
	font-size: 1.25rem;
	padding: 2rem 1rem;
}

.filter-box .title-filter-box{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1rem 2rem 1rem;
	border-bottom: 1px solid rgb(229, 229, 229);
	cursor: pointer;
}

.filter-box .group-filter-box{
	padding: 1.5rem 2rem;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.filter-box .group-filter-box .item-filter-box{
	width: calc(50% - 0.5rem / 2);
	margin-bottom: 0;
	font-weight: 400;
}

.filter-box .group-filter-box input{
	margin: 0;
	position: relative;
}

.filter-box.filter-type-label .item-filter-box input,
.filter-box.filter-type-color .item-filter-box input{
	width: 0;
	height: 0;
	position: unset;
}*/

/*.filter-type-label .item-filter-box input[type=checkbox]:after{
	content: "";
	position: absolute;
	inset: 0;
	border: 1px solid rgb(229, 229, 229);
}

.filter-type-label .item-filter-box input[type=checkbox]:checked:after{
	border-color: #000;
}*/

/*====*/
/*.filter-type-radio .item-filter-box input[type=radio]{
	filter: brightness(1) saturate(0);
}

.filter-type-label .item-filter-box{
	position: relative;
	padding: 0.5rem;
	text-align: center;
	border: 1px solid rgb(229, 229, 229);
}

.filter-type-color .item-filter-box{
	display: flex;
	gap: 0.25rem;
}

.filter-type-color .shape-color{
	width: 1rem;
	height: 1rem;
	display: flex;
	border-radius: 50%;
}

.filter-type-color .item-filter-box.selected .shape-color{
	outline: 1px solid #000;
	outline-offset: 3px;
}


.filter-box.filter-box-size .group-filter-box .item-filter-box{
	width: calc(25% - 6px);
}

.filter-type-label .item-filter-box.selected{
	border: 1px solid #000;
}

.bottom-box-filter{
	display: flex;
	text-align: center;
	row-gap: 0.25rem;
	column-gap: 0.5rem;
	padding: 1.5rem 2rem;
}

.bottom-box-filter button{
	flex: 1;
	margin: 0;
}*/

/*====*/
.wrapper-top-archive-product{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	border-bottom: 1px solid rgb(249, 249, 249);
	font-size: 0.75rem;
	color: rgb(154, 154, 154);
}

.wrapper-top-archive-product .wrapper-left,
.wrapper-top-archive-product .wrapper-right{
	width: 20%;
}

.wrapper-top-archive-product .wrapper-center{
	flex: 1;
}

.wrapper-top-archive-product .wrapper-right{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 1rem;
}

.wrapper-top-archive-product .breadcrumbs{
	color: rgb(154, 154, 154);
	font-weight: 400;
}

.wrapper-top-archive-product .list-child-category{
	display: flex;
	justify-content: center;
	gap: 1rem;
}

.wrapper-top-archive-product .list-child-category a{
	color: rgb(154, 154, 154);
}

.grid-layout-setting{
	display: flex;
	color: rgb(30, 30, 30);
}

.grid-layout-setting .item{
	width: 1.5rem;
	height: 1.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.grid-layout-setting .item.active{
	border: 1px solid rgb(229, 229, 229);
}

.filter-button{
	margin-top: 0;
}


.wrapper-navigation-cate{
	display: flex;
}

.wrapper-navigation-cate a{
	font-size: 0.875rem;
	text-decoration: underline;
	font-weight: 300;
}

.wrapper-navigation-cate .wrapper-left,
.wrapper-navigation-cate .wrapper-right{
	width: 20%;
}

.wrapper-navigation-cate .wrapper-right{
	text-align: right;
}

.wrapper-navigation-cate .wrapper-center{
	flex: 1;
	text-align: center;
}

.wrapper-navigation-cate .load-all-product{
	width: 60%;
	text-align: center;
	align-self: center;
	margin: auto;
}

/*=== single product*/
.product-main{
	padding-top: 0;
}
.product-main > .row{
	max-width: 100%;
	position: relative;
}

.product-info{
	padding-top: 2rem;
}

.product-main .badge-container{
	margin-top: 0;
}

.product-main .badge-inner.new-bubble-auto{
	background-color: transparent;
	color: #000;
	font-weight: 400;
}


/*==== Gallery Mới*/
.gallery-product-thumb-custom{
	height: 100px;
}

.gallery-product-custom .swiper-slide.has-video:after,
.gallery-product-thumb-custom .swiper-slide.has-video:after{
	content: "\f04b";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: clamp(3rem, 2.9rem + 0.5vw, 3.5rem);
    height: clamp(3rem, 2.9rem + 0.5vw, 3.5rem);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color:rgba(0, 0, 0, 0.75);
    font-family: "Font Awesome 6 Pro";
    color: #fff;
    font-weight: bold;
    font-size: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
    cursor: pointer;
    pointer-events: none;
    transition: all .4s ease-in-out;
}

.gallery-product-thumb-custom .swiper-slide.has-video:after{
	width: 2rem;
	height: 2rem;
	font-size: 0.875rem;
}

.gallery-product-custom .swiper-slide img,
.gallery-product-thumb-custom .swiper-slide img,
.gallery-product-thumb-grid-custom img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.gallery-product-thumb-grid-custom{
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4px;
}

.gallery-product-thumb-custom,
.gallery-product-thumb-grid-custom{
	margin-top: 4px;
}



/*==== Gallery Cũ*/
.product-images,
.product-thumbnails{
	display: none;
}


.product-gallery .product-images{
	margin-bottom: 0;
}

.product-gallery .product-thumbnails{
	margin-left: -2px !important;
	margin-right: -2px !important;
	max-width: unset !important;
}

.product-gallery .product-thumbnails .col,
.product-thumbnails .col{
	padding-left: 2px !important;
	padding-right: 2px !important;
	margin-top: 4px !important;
}

.product-gallery .product-thumbnails img{
	opacity: 1;
}

.product-thumbnails a:hover,
.product-thumbnails .is-nav-selected a{
	border: 0;
	transform: unset;
}

.product-gallery .badge-container,
.product-gallery .image-tools .wishlist-icon{
	display: none;
}


/*===*/
.product-info .breadcrumbs{
	display: none;
	margin-left: 3rem;
}

.product-info .breadcrumbs,
.product-info .breadcrumbs a{
	color: #4D4D4D;
}

.product-summary .custom-title-price-wrapper{
	display: flex;
	justify-content: space-between;
	gap: clamp(0.5rem, 0.4rem + 0.5vw, 1rem);
	margin-bottom: 1rem;
}

.product-summary .custom-title-price-wrapper .product-title{
	width: auto;
	margin-bottom: 0;
	font-size: 1.25rem;
	font-weight: 500;
	text-transform: uppercase;
}

.product-summary .custom-title-price-wrapper .price-wrapper .price{
	margin: 0;
	font-size: 1.25rem;
}

.product-summary .custom-title-price-wrapper .price-wrapper span.amount{
	font-weight: 400;
}

.product-summary .custom-title-price-wrapper .price-wrapper .woocommerce-Price-currencySymbol{
	font-size: inherit;
}

.product-summary form.cart>.single_add_to_cart_button,
.product-summary form.cart>.single_variation_wrap>.woocommerce-variation-add-to-cart>.single_add_to_cart_button{
	display: none;
}

.product-summary .group-button-add-cart{
	display: flex;
}

.product-summary .single_add_to_cart_button{
	flex: 1;
	min-height: 2.75rem;
	margin-bottom: 0;
	margin-right: 0.5rem;
	padding: 0.25rem 1rem;
	background-color: #000;
	border: 1px solid #4D4D4D;
	line-height: normal;
	font-weight: 400;
	box-shadow: none !important;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.product-summary .single_add_to_cart_button.disabled{
	pointer-events: none;
}

.product-summary .single_add_to_cart_button.loading:after{
	background-color: #fff;
	border: 1px solid #000;
}

/*.product-summary .single_add_to_cart_button:hover{
	color: #000;
}

.product-summary .single_add_to_cart_button:before{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 100%;
	transform: scaleY(0);
	z-index: -1;
	background-color: #fff;
	transition: all .5s cubic-bezier(.16,.9,.27,.99);
	transform-origin: top;
}

.product-summary .single_add_to_cart_button:hover:before{
	transform: scaleY(1);
}*/


.product-summary .yith-wcwl-add-to-wishlist,
.product-summary .tinv-wraper{
	width: 2.75rem;
	border: 1px solid #000;
	display: flex;
	justify-content: center;
	align-items: center;
}

.product-summary .tinv-wraper a{
	width: 100%;
	height: 100%;
	color: #000;
}


#gpay-button-online-api-id{
	min-height: 2.75rem;
	padding: 0.25rem 1rem;
	outline: 0;
	border: 1px solid #000;
	border-radius: 0;
}

.gpay-card-info-animation-container,
.gpay-card-info-iframe{
	left: 0;
	outline: 0 !important;
}

/*====*/
table.variations tr th{
	padding: 0 !important;
}

table.variations tr+tr{
	display: block;
	margin-top: 1rem;
	border-top: 0;
}

table.variations tr th label{
	font-weight: 400;
	/*font-size: 0.875rem;
	color: #9a9a9a;*/
}

/*table.variations tr th label .selected-variation-value{
	color: #000;
}*/

.variations_form .ux-swatch--color{
	padding: 0;
	border: 1px solid #ccc;
	width: 28px;
	height: 28px;
}

.variations_form .ux-swatch{
	box-shadow: none !important;
}

.variations_form .ux-swatch.disabled{
	pointer-events: none;
}

.variations_form .ux-swatch--color.selected{
	outline: 1px solid #000;
	outline-offset: 1px;
}

.variations_form .ux-swatch--color .ux-swatch__text{
	/*display: block;*/
	position: absolute;
	top: -0.5rem;
	left: 50%;
	transform: translateX(-50%);
	font-size: 0.65rem;
	opacity: 0;
	transition: all .2s ease-in-out;
}
.variations_form .ux-swatch--color.selected .ux-swatch__text,
.variations_form .ux-swatch--color:hover .ux-swatch__text{
	opacity: 1;
	top: -1rem;
}

.variations_form .ux-swatches.ux-swatches-attribute-ux_label{
	display: flex;
}

.variations_form .ux-swatch.ux-swatch--label{
	flex: 1;
	max-width: 30%;
	padding: 0.625rem 1rem;
	border-bottom: 1px solid #000;
	position: relative;
}

.variations_form .ux-swatch--label:after{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 0;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	transition: all 0.4s cubic-bezier(.16,.9,.27,.99);
	opacity: 0;
}

.variations_form .ux-swatch--label.selected:after,
.variations_form .ux-swatch--label:hover:after{
	height: 100%;
	opacity: 1;
}

.woocommerce-variation {
    display: none !important;
}

.woocommerce-error.message-wrapper{
	display: none;
}


/*===*/
.custom-tabs .tabs{
	gap: 0.25rem;
}
.custom-tabs .tabs > li{
	flex: auto;
	margin: 0 !important;
	white-space: nowrap;
}

.custom-tabs .tabs > li a{
	display: block;
	padding: 0;
	background-color: transparent !important;
	border-bottom: 1px solid #9a9a9a;
	color: #9a9a9a;
	border-radius: 0;
	color: #9a9a9a;
	font-weight: 500;
	text-transform: uppercase !important;
}

.custom-tabs .tabs > li.active a{
	border-bottom: 1px solid #000;
	color: #000;
}

.custom-tabs .woocommerce-tabs .tab-panels{
	font-size: 0.875rem;
	color: #4D4D4D;
}

.custom-tabs .woocommerce-tabs .tab-panels p{
	margin-bottom: 0.5rem;
}

.custom-tabs.custom-tabs-after-single-product  .tabs{
	justify-content: center;
	gap: 0.5rem;
}

.custom-tabs.custom-tabs-after-single-product  .tabs > li{
	flex: unset;	
}

.swiper .col{
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}

.notify-add-card-custom{
	position: fixed;
	top: 5rem;
	right: 60px;
	z-index: 100;
	max-width: 96%;
	padding: clamp(0.75rem, 0.6rem + 0.75vw, 1.5rem);
	background-color: #fff;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.notify-add-card-custom .notify-title{
	margin-bottom: clamp(0.75rem, 0.7rem + 0.25vw, 1rem);
	font-weight: 600;
	font-size: clamp(0.75rem, 0.7rem + 0.25vw, 1rem);
}

.notify-add-card-custom .notify-title i{
	margin-right: 0.5rem;
	font-size: clamp(0.75rem, 0.7rem + 0.25vw, 1rem);
	color: #427B4C;
}

.notify-add-card-custom .product-add-cart{
	display: flex;
	align-items: center;
	gap: 0.5rem;
	
}

.notify-add-card-custom .product-left{
	width: 100px;
}

.notify-add-card-custom .product-right{
	flex: 1;
}

.notify-add-card-custom .product-right .name{
	font-weight: 600;
}

.notify-add-card-custom .product-right .variable{
	margin-top: 0.25rem;
	font-size: clamp(0.625rem, 0.6rem + 0.125vw, 0.75rem);
}

.notify-add-card-custom .product-right .price{
	margin-top: 0.5rem;
}

.notify-add-card-custom .view-cart-buttom{
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-top: 1rem;
}

.notify-add-card-custom .view-cart-buttom .button{
	width: 100%;
	margin: 0;
}


.notify-add-card-custom .notify-close{
	position: absolute;
	top: 1rem;
	right: 1rem;
	background-color: #e5e5e5;
	width: clamp(1.5rem, 1.45rem + 0.25vw, 1.75rem);
	height: clamp(1.5rem, 1.45rem + 0.25vw, 1.75rem);
	font-size: clamp(0.75rem, 0.725rem + 0.125vw, 0.875rem);
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	cursor: pointer;
}


.notify-wishlist{
	position: fixed;
	top: 5rem;
	right: 90px;
	z-index: 100;
	padding: clamp(0.75rem, 0.6rem + 0.75vw, 1.5rem);
	background-color: #fff;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	font-size: clamp(0.75rem, 0.7rem + 0.25vw, 1rem);
}

.notify-wishlist i{
	margin-right: 0.5rem;
}

.notify-wishlist i.fa-circle-check{
	color: #427B4C;
}

.notify-wishlist i.fa-circle-xmark{
	color: #cf2e2e;
}

/*===== Cart Shopping */
/*=== Mini cart*/
.off-canvas-right .mfp-content.off-canvas-cart{
	width: 500px;
	opacity: 0;
	top: 0;
	bottom: 0;
	right: 0;
	transform: translateX(100%);
}

.has-off-canvas .off-canvas-right .mfp-content.off-canvas-cart{
	opacity: 1;
	transform: translateX(0);
}


#cart-popup{
	height: 100%;
}

#cart-popup .cart-popup-inner{
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem);
}

.widget_shopping_cart_content{
	display: flex;
	flex-direction: column;
	flex: 1;
	overflow-y: auto;
	margin-bottom: 0 !important;
}

#cart-popup .cart-popup-title h4{
	font-weight: 500;
}

.woocommerce-mini-cart{
	margin-bottom: 0 !important;
	padding-right: 0.5rem;
	overflow-y: auto;
}

.woocommerce-mini-cart::-webkit-scrollbar {
    width: 2px;
    background-color: #F5F5F5;
}
.woocommerce-mini-cart::-webkit-scrollbar-thumb {
    background-color: #000000;
    border-radius: 50rem;
}
.woocommerce-mini-cart::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.woocommerce-mini-cart .woocommerce-mini-cart-item{
	padding: 1rem 0 !important;
	margin-bottom: 0;
	min-height: unset;
	overflow: unset;
}

.woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-item-custom{
	display: flex;
	gap: 0.5rem;
}

.woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-item-custom .cart-item-left a{
	margin-bottom: 0;
}

.woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-item-custom .cart-item-right{
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-item-custom img{
	position: relative;
	inset: unset;
	width: 100px;
	height: 130px;
	margin-bottom: 0;
}

.woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-item-custom .name{
	font-weight: 500;
}

.woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-item-custom .variations{
	width: 100%;
}

.woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-item-custom .variations .variation{
	color: #000;
	opacity: 1;
	line-height: normal;
}

.woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-item-custom .price{
	margin-top: auto;
}

.woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-item-custom .price span.amount{
	font-size: 0.875rem;
}


.woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-item-custom .group-button{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-top: 0.5rem;
}

.woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-item-custom a.remove{
	position: relative;
	inset: unset;
	width: unset;
	height: unset;
	border: 0;
	color: #000;
	font-size: 0.75rem !important;
	font-weight: 400;
	text-align: left;
	text-decoration: underline;
}

.woocommerce-mini-cart__total{
	display: flex;
	justify-content: space-between;
	margin-top: auto;
	padding-top: clamp(1rem, 0.8rem + 1vw, 2rem);
	padding-bottom: clamp(1rem, 0.8rem + 1vw, 2rem);
	border-top: 1px solid #ececec;
	font-size: 1rem;
}

.woocommerce-mini-cart__buttons .button{
	margin-top: 0 !important;
	text-transform: uppercase;
}

.woocommerce-mini-cart__empty-message{
	margin-top: 4rem;
	font-weight: 700;
}


.woocommerce-cart-form .cart-wrapper{
	overflow: visible !important;
}

.woocommerce-cart-form .shop_table thead th{
	border-width: 1px ;
}


.woocommerce-cart-form .shop_table .product-name a{
	font-size: clamp(0.875rem, 0.85rem + 0.125vw, 1rem);
	font-weight: 500;
}

.woocommerce-cart-form .shop_table .variation{
	color: #000;
	opacity: 1;
	line-height: normal;
	font-size: 0.625rem;
}

.woocommerce-cart-form .shop_table span.amount{
	font-size: 0.875rem;
	font-weight: 500;
}


ul.product_list_widget li .quantity{
	display: inline-block !important;
	margin: 0;
	opacity: 1;
}

.quantity.buttons_added input[type=button].button{
	background-color: transparent;
	border: 0;
	font-weight: 700;
	text-shadow: none;
	margin: 0;
	width: auto;
	padding: 0rem 0.5rem;
}

.quantity.buttons_added input[type=button].button:hover{
	background-color: #000;
	color: #fff;
}

.quantity.buttons_added input[type=number]{
	padding: 0.5rem 0.5rem;
	box-shadow: none !important;
	border: 0;
	border-bottom: 1px solid #ccc;
}


.woocommerce-cart-form .shop_table a.remove{
	position: unset;
	inset: unset;
	width: unset;
	height: unset;
	border: 0;
	color: #000;
	font-weight: 400;
	font-size: 0.75rem !important;
	text-decoration: underline;
	text-align: left;
}

.row_total{
	border-bottom: 0;
	font-size: 1rem;
}


.group-btn-page-cart{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.group-btn-page-cart .button{
	margin: 0;
}



/*===== Checkout */
.page-checkout{
	padding-top: 90px;
}

body.woocommerce-checkout #footer{
	display: none;
}

.woocommerce-checkout{
	margin-bottom: 0;
}

.woocommerce-checkout > .row > .col > .has-border{
	border: none;
	padding-top: 0;
}

form.checkout h3{
	font-size: clamp(1.125rem, 1.1rem + 0.125vw, 1.25rem);
	font-weight: 600;
}

.woocommerce-billing-fields{
	padding-top: 0;
	border-top: 0;
}

.woocommerce-checkout label{
	font-weight: 400;
	font-size: 0.875rem;
}

.woocommerce-checkout input,
.woocommerce-checkout textarea,
.woocommerce-checkout select{
	box-shadow: none;
	height: unset;
	padding: 0.75rem 1rem;
	box-shadow: none !important;
}

p.form-row-first{
	margin-right: 2% !important;
}

.form-row-first, .form-row-last{
	width: 49%;
}


/*#billing_state_field,
#billing_city_field,
#billing_address_2_field{
	width: 32%;
}*/

#billing_address_2_field>label,
#shipping_address_2_field>label{
	display: block;
	width: auto;
	opacity: 1;
}

.select2-container{
	display: block;
}

.select2-container .select2-choice>.select2-chosen,
.select2-container .select2-selection--single .select2-selection__rendered,
.select2-selection{
	height: unset !important;
	box-shadow: none !important;
	line-height: normal !important;
	padding: 0.75rem 0;
}

.select2-container .select2-selection--single{
	padding: 0 1rem;
	margin-bottom: 1.5em;
}

.woocommerce-additional-fields h3{
	display: none;
}


/*===*/
.custom-payment_methods{
	margin-bottom: 0;
	border: 1px solid #ddd;
}

.custom-payment_methods li.wc_payment_method{
	padding: 1rem 0.5rem;
	cursor: pointer;
}

.custom-payment_methods li.wc_payment_method.active{
	background-color: #F2F2F2;
}

.custom-payment_methods li.wc_payment_method label{
	font-weight: 500;
	margin-left: 0.5rem;
	cursor: pointer;
	pointer-events: none;
}

.custom-payment_methods li.wc_payment_method input{
	margin: 0 0.5rem 0 0.75rem !important;
	padding: 6px;
	position: relative;
	appearance: none; /* Ẩn phần hiển thị mặc định */
  	-webkit-appearance: none;
  	-moz-appearance: none;
}

.custom-payment_methods input[type="radio"]:before{
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	transform: translate(-50%, -50%);
	width: 0.875rem;
	height: 0.875rem;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 50%;
	transition: all .3s ease-in-out;
}

.custom-payment_methods input[type="radio"]:checked::before{
	border-width: 4px;
	border-color: #000;
}

.custom-payment_methods li.wc_payment_method .payment_box{
	padding: 1rem 1.5rem 0;
}


.payment_method_stripe_cc iframe .p-Input-input{
	padding: 0.75rem 1rem;
	border: 1px solid #ddd;
	border-radius: 0;
	box-shadow: none !important;
}



/*== Paypal*/
li.payment_method_ppcp label:first-of-type img{
	height: 20px;
	margin-right: 1rem;
}

.wc-stripe-card-icons-container{
	margin-right: 1rem;
}

li.payment_method_stripe_cc .wc-stripe-card-icons-container img.wc-stripe-card-icon{
	width: 30px;
	height: 20px;
}


/*=== order_review*/
.woocommerce-checkout-review-order table.shop_table .cart_item td{
	padding-top: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
	padding-bottom: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
	border-bottom: 1px solid #f1f1f1;
	color: #000;
	font-size: 0.875rem;
}

.woocommerce-checkout-review-order table.shop_table .cart_item td.product-name{
	display: flex;
	gap: 0.75rem;
}

.woocommerce-checkout-review-order table.shop_table .cart_item td.product-name .product-name-right{
	flex: 1;
	display: flex;
	flex-direction: column;
}

.woocommerce-checkout-review-order table.shop_table .cart_item td.product-name .name{
	color: #000;
	font-weight: 500;
}

.woocommerce-checkout-review-order table.shop_table .cart_item td.product-name .variable{
	font-size: 0.75rem;
}

.woocommerce-checkout-review-order table.shop_table .cart_item td.product-name .quantity{
	margin-top: auto;
}

.woocommerce-checkout-review-order table.shop_table .cart_item td.product-name .product-total span.amount{
	font-weight: 500;
}

/*===*/
.woocommerce-checkout-review-order table.shop_table tfoot th{
	font-size: 0.875rem;
	font-weight: 400;
	border: 0;
	color: #000;
}

.woocommerce-checkout-review-order table.shop_table tfoot > tr:first-child th{
	padding-top: 1.5rem;
	padding-bottom: 0;
}

.woocommerce-checkout-review-order table.shop_table tfoot td{
	border: 0;
	color: #000;
	font-size: 0.875rem;
}

.woocommerce-checkout-review-order table.shop_table tfoot td span.amount{
	color: #000;
	font-weight: 400;
}

.woocommerce-checkout-review-order table.shop_table tfoot label.shipping__list_label{
	padding: 0;
	opacity: 1;
}

.woocommerce-checkout-review-order table.shop_table tfoot tr.woocommerce-shipping-totals .shipping__list_item{
	min-height: unset;
}


.woocommerce-checkout-review-order table.shop_table tfoot .cart-discount{
	background-color: transparent;
}

.woocommerce-checkout-review-order table.shop_table tfoot .cart-discount th{
	padding: .5em;
	padding-left: 0;
}

.woocommerce-checkout-review-order table.shop_table tfoot .cart-discount td{
	padding: .5em;
	padding-right: 0;
}


.woocommerce-checkout-review-order table.shop_table tfoot .order-total th,
.woocommerce-checkout-review-order table.shop_table tfoot .order-total span.amount{
	font-size: 1rem;
	font-weight: 600;
}


.woocommerce-checkout-review-order table.shop_table h4{
	margin-bottom: 1.25rem;
	font-size: clamp(0.875rem, 0.825rem + 0.25vw, 1.125rem);
	text-transform: none;
}

/*====*/
.cart_item_custom-coupon th{
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}

.custom-coupon-form .coupon-container{
	display: flex;
	gap: 0.5rem;
	font-size: 0.875rem;
}

.custom-coupon-form .coupon-container input{
	flex: 1;
	font-weight: 400;
	margin: 0;
	font-size: 0.875rem;
}

.custom-coupon-form select{
	margin-bottom: 0;
	flex: 1;
}


.custom-coupon-form .coupon-container button{
	margin: 0;
	font-weight: 400;
}

.custom-coupon-check-notify{
    font-size: 0.75rem;
    font-weight: 400;
    text-transform: none;
}

.custom-coupon-check-notify.success,
.custom-coupon-check-notify.error{
	padding: 0.5rem 0;
	background-color: transparent;
}

/*==-*/
.available-coupons{
	margin-top: 0.75rem;
	padding-top: 0.5rem;
}

.coupon-radio{
	display: flex;
	gap: 0.75rem;
	padding: 0.75rem;
	border: 1px dashed #ddd;
	background-color: #f9f9f9;
	transition: all .2s ease-in-out;
}

.coupon-radio input{
	margin: 0;
	padding: 0 !important;
	position: relative;
    /*appearance: none;
    -webkit-appearance: none;*/
}

.coupon-radio input[type="radio"]:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    width: 0.875rem;
    height: 0.875rem;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    transition: all .2s ease-in-out;
}

.coupon-radio input[type="radio"]:checked::before {
    border-width: 4px;
    border-color: #000;
}

.coupon-radio .coupon-radio-content{
	flex: 1;
	font-size: 0.75rem;
}

.coupon-radio .coupon-radio-content .coupon-radio-title{
	margin-bottom: 0.5rem;
	font-weight: 600;
	font-size: 0.875rem;
}

.coupon-radio .coupon-radio-content .content-coupon-date{
	margin-top: 1rem;
}

.coupon-radio:hover{
	background-color: #f0f0f0;
}


/*===*/
#place_order{
	width: 100%;
	margin: 1rem 0 0;
	padding: 0.75rem 1rem !important;
	background-color: #000;
	line-height: normal;
	font-size: 0.875rem !important;
	text-transform: uppercase;
}


/*==== Order Success Page*/
.woocommerce-order-received .page-checkout{
	padding-top: clamp(5rem, 4.2rem + 4vw, 9rem);
	min-height: 100vh;
}

.icon-order-success{
	width: clamp(4rem, 3.6rem + 2vw, 6rem);
}

.title-order-success{
	margin-top: 1.5rem;
	font-weight: 400;
	font-size: clamp(1.25rem, 1.1rem + 0.75vw, 2rem);
}

.woocommerce-order-details .woocommerce-order-details__title{
	/*display: none;*/
	margin-bottom: 0.25rem;
	font-weight: 500;
	font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem);
	text-transform: uppercase;
}

.woocommerce-customer-details .woocommerce-column__title{
	font-weight: 500;
	font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem);
	text-transform: uppercase;
}

.woocommerce-thankyou-order-details{
	list-style: none;
	text-align: center;
}

.woocommerce-thankyou-order-details .woocommerce-order-overview__total.total{
	margin-top: 2rem;
	font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem);
}

.woocommerce-thankyou-order-details li{
	margin-left: 0 !important;
}
 
.shop_table.order_details th{
	padding: 0.75rem 0;
	font-weight: 500;
}

.shop_table.order_details thead th{
	border-width: 1px;
}

.woocommerce-order-received .page-checkout .woocommerce-order-details .shop_table.order_details tfoot tr:nth-child(3){
	display: none;
}

.woocommerce-bacs-bank-details{
	margin-top: 1.5rem;
}

.wc-bacs-bank-details-heading{
	font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem);
	font-weight: 500;
	text-transform: uppercase;
}

.wc-bacs-bank-details-account-name{
	font-size: 0.875rem;
	font-weight: 500;
}

.wc-bacs-bank-details{
	list-style-position: inside;
}


/*Account Page*/
.my-account-header{
	display: none;
}

.page-wrapper.my-account{
	padding-top: 100px;
}

.dashboard-links{
	margin-top: 1rem;
}

.dashboard-links li a{
	padding: 0.75rem 1rem;
	border-radius: 0;
	font-size: 14px;
}

.col2-set{
	display: block !important;
	margin-top: 1rem;
}

.col2-set>div{
	width: 100%;
	margin-top: 1.5rem;
}

.col2-set>div.col-2{
	padding-left: 0 !important;
}

.col2-set p{
	margin-bottom: 0.5rem;
}


.my-account .woocommerce-address-fields .form-row{
	width: 100% !important;
}


.my-account .woocommerce-address-fields .form-row input{
	height: unset;
    padding: 0.75rem 1rem;
    box-shadow: none !important;
}


/*===*/
.my-account .woocommerce-order-details{
	margin-top: 1rem;
}

.shop_table.order_details th,
.shop_table.order_details td{
	font-size: inherit;
	color: #000;
}

.woocommerce_order_item_custom{
	display: flex;
	gap: 0.5rem;
}

.woocommerce_order_item_custom .box-thumbnail{
	width: 100px;
}

.woocommerce_order_item_custom .box-content{
	flex: 1;
	text-align: left;
}

.woocommerce_order_item_custom .box-content .title{
	font-size: 0.875rem;
	font-weight: 500;
}

.woocommerce_order_item_custom .box-content .variations{
    font-size: 0.75rem;
}

.woocommerce_order_item_custom .box-content .variations .variation {
    color: #000;
    opacity: 1;
    line-height: normal;
}

.woocommerce_order_item_custom .box-content .quantity{
	margin-bottom: 10px;
	color: #000;
}



#customer_login{
	display: flex !important;
}

#customer_login.col2-set>div.col-2{
	padding-left: 30px !important;
}


/*==== Track Order*/
.woocommerce-form-track-order .form-row input{
	box-shadow: none;
    height: unset;
    padding: 0.75rem 1rem;
    box-shadow: none !important;
}



/* Wishlist Page*/
.tinv-wishlist.tinv-wishlist-clear{
	/*padding: 150px 0;*/
}

.tinv-wishlist.tinv-wishlist-clear .cart-empty{
	margin-top: 150px;
}

.tinv-wishlist.tinv-wishlist-clear .return-to-shop{
	margin-bottom: 150px;
}

.tinv-wishlist.tinv-wishlist-clear .cart-empty,
.tinv-wishlist.tinv-wishlist-clear .return-to-shop{
	text-align: center;
}


/*@media (hover: none) and (pointer: coarse) {
    .box-collection .inner-thumbnail-cover {
        opacity: 1;
    }
}*/



.mobile-nav.nav-left .html.custom{
	display: block;
}

.mobile-nav.nav-left .html.custom a{
	font-size: 12px;
	font-weight: 400;
	line-height: normal;
}

.menu-mobile-offcanvas{
	position: fixed;
    left: 0;
    top: 50px;
    bottom: 0;
    width: 100%;
    height: calc(100vh - 50px);
    background: #fff;
    z-index: 1000;
    transition: all 0.8s cubic-bezier(.16,.9,.27,.99);
    transform: translateX(-100%);
    opacity: 0;
}

.menu-mobile-offcanvas.show{
	transform: translateX(0%);
	opacity: 1;
}


.home .header-wrapper:not(.header-wrapper-on-hover) .show-menu-mb,
.single-collection .header-wrapper:not(.header-wrapper-on-hover) .show-menu-mb{
	color: #fff;
}

.menu-is-open .show-menu-mb{
	color: #000 !important;
}

.menu-is-open .mobile-nav .cart-item i:before{
	color: #000 !important;
}


.menu-mobile-offcanvas #main-menu,
.menu-mobile-offcanvas #main-menu .sidebar-menu{
	height: 100%;
}

.menu-mobile-offcanvas #main-menu .sidebar-menu{
	display: flex;
	flex-direction: column;
}

.menu-mobile-offcanvas .nav.nav-sidebar{
	height: max-content;
	flex: 1;
	overflow-y: auto;
	flex-flow: unset;
	flex-direction: column;
}



/*====*/
.cart-offcanvas{
	position: fixed;
    right: 0;
    top: 0px;
    bottom: 0;
    width: 500px;
    max-width: 100%;
    background: #fff;
    z-index: 1005;
    transition: all 0.8s cubic-bezier(.16,.9,.27,.99);
    transform: translateX(100%);
    opacity: 0;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.cart-offcanvas.show{
	transform: translateX(0%);
	opacity: 1;
}

.cart-offcanvas .close-cart-offcanvas{
	position: absolute;
	top: 1rem;
	right: 1rem;
	font-size: 1.25rem;
	cursor: pointer;
	transition: all 1.5s cubic-bezier(.16,.9,.27,.99);
}

.cart-offcanvas .close-cart-offcanvas:hover{
	transform: rotate(360deg);
}



/*lg` applies to medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px){
	
	.nav>li>a>i{
		font-size: 12px;
		line-height: normal;
	}

	.nav>li>a>i.icon-menu:before,
	.nav>li>a>i.icon-shopping-basket:before{
		font-size: 12px;
	}


	.currency-dropdown .currency-btn i {
	    font-size: 14px;
	    margin-right: 0.25rem;
	}

	.custom-class-order-tracking{
		
	}


	body.body-scroll-lock--active .mfp-wrap{
		top: 60px !important;
	}

	/*===*/
	.wrapper-live-search-bottom .inner-wrapper{
		width: 85%;
	}

	.product-small .box-text{
		padding: 0.25rem 0.5rem;
		opacity: 1;
		position: unset;
		inset: unset;
	}

	.woocommerce-checkout > .row > .col > .has-border{
		padding: 0;
	}

	.woocommerce-checkout > .row > .large-7.col{
		padding-bottom: 0;
	}

	#order_review table.shop_table tbody .cart_item:not(.cart_item_custom-coupon){
		display: none;
	}

	h3#order_review_heading{
		display: none;
	}


	.notify-add-card-custom,
	.notify-wishlist{
		top: 3rem;
		right: 2%;
	}


	.row-archive-title > .col{
		padding-bottom: 20px;
	}

	.main-archive-title{
		font-size: 14px;
		padding-left: 0;
	}

	.products.row > .col{
		padding-bottom: 19.8px;
	}

	/*===*/
	.product-summary .custom-title-price-wrapper .product-title{
		font-size: 16px;
	}

	.product-summary .custom-title-price-wrapper .price-wrapper .price{
		font-size: 16px;
	}

	table.variations tr th{
		justify-content: center;
	}

	.ux-swatches{
		justify-content: center;
	}



	.box-collection .inner-thumbnail-cover {
       	display: none;
    }

    .box-collection.has-thumbnail-cover:hover .inner-thumbnail img{
    	opacity: 1;
    }


    /*===*/
    #customer_login.col2-set>div.col-2{
		padding-left: 15px !important;
	}

}

/*`md` applies to small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {

	[data-icon-label]:after{
		font-size: 8px;
		height: 15px;
		min-width: 15px;
		line-height: 15px;
	}


	.currency-dropdown{
		padding-top: 10px;
		padding-bottom: 10px;
	}


	.row-sm-full .col{
		padding-left:  0;
		padding-right: 0;
	}

	.wrapper-top-archive-product .wrapper-center,
	.wrapper-top-archive-product .grid-layout-setting{
		display: none;
	}

	.wrapper-top-archive-product .wrapper-left,
	.wrapper-top-archive-product .wrapper-right{
		width: auto;
	}

	.product-main{
		padding-top: 0;
		padding-bottom: 20px;
	}

	.product-gallery{
		padding-left: 0;
		padding-right: 0;
	}

	.product-gallery .product-thumbnails{
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.product-info{
		padding-bottom: 0;
	}

	.product-info .breadcrumbs{
		display: none;
	}

	.product-summary .custom-title-price-wrapper{
		flex-direction: column;
		align-items: center;
	}

	.custom-tabs .tabs{
		flex-wrap: nowrap;
	}

	.custom-tabs .tabs > li{
		width: unset;
	}

	.custom-tabs .tabs > li a{
		text-align: center;
	}

	.custom-tabs-after-single-product.custom-tabs .tabs > li{
		width: 50%;
	}

	.products.row > .col:nth-child(odd),
	.collection-container > .col:nth-child(odd){
		padding-right: 4.9px;
	}

	.products.row > .col:nth-child(even),
	.collection-container > .col:nth-child(even){
		padding-left: 4.9px;
	}



	/*====*/
	.product-small .title-wrapper,
	.product-small .price-wrapper{
		font-size: 12px;
	}

	.product-small .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt,
	.product-small .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt{

	}


	/*==== Checkout page*/
	.page-checkout{
		padding-top: 70px;
	}

	.woocommerce-checkout input,
	.woocommerce-checkout textarea{
		padding: 0.625rem 1rem;
		font-size: 14px;
	}

	.form-row-first, .form-row-last{
		width: 100%;
	}

	.select2-container .select2-choice>.select2-chosen,
	.select2-container .select2-selection--single .select2-selection__rendered,
	.select2-selection{
		padding: 0.625rem 0;
		font-size: 14px;
	}


	#billing_state_field, #billing_city_field, #billing_address_2_field{
		width: 100%;
	}

	.woocommerce-checkout > .row > .col{
		position: unset;
	}

	.woocommerce-checkout > .row > .col > .has-border{
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 0;
		position: unset;
	}

	.custom-inner-place-order{
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 100;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 1rem;
		border-top: 1px solid #000;
		background-color: #fff;
	}

	.custom-inner-place-order #place_order{
		width: auto;
		margin: 0;
		padding: 0.5rem 1rem;
	}

	.checkout-sidebar{
		overflow: visible !important;
	}

	.woocommerce-checkout-review-order table.shop_table .cart_item:first-child th,
	.woocommerce-checkout-review-order table.shop_table .cart_item:first-child td{
		padding-top: 0;
	}



	/*===*/
	.coupon-radio{
		gap: 0.5rem;
		padding: 0.625rem;
	}
	.coupon-radio input{
	    appearance: none;
	    -webkit-appearance: none;
	}

}
/*`sm` applies to x-small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
	.woocommerce-cart-form .shop_table .product-remove,
	.woocommerce-cart-form .shop_table .product-quantity{
        display: none;
    }

    .group-btn-page-cart .button{
		width: 100%;
	}

	/*===*/
	.wrapper-live-search{
		background-color: #fff;
	}
	.wrapper-live-search-top{
		margin-bottom: 0;
		padding: 1rem 1.5rem;
	}

	.box-form-search{
		padding: 0.125rem 1rem;
	}

	.wrapper-live-search-bottom .inner-wrapper{
		width: 100%;
		padding: 1rem 1.5rem;
	}

	.wrapper-live-search-bottom .wrapper-show-result + .wrapper-show-result:not(.wrapper-show-result:last-of-type){
		margin-top: 1.5rem;
	}


	/*===*/
	.content-area,
	.woocommerce-page .category-page-row{
		padding-top: 70px;
	}



}


@media (min-width: 992px){
	.header-main .header-inner{
		max-width: 100%;
		padding-left: 60px;
		padding-right: 60px;
	}

	.header-main .header-inner .flex-left .header-nav{
		width: fit-content;
		margin-right: auto;
	}

	.header-main .header-inner .flex-right .header-nav{
		width: fit-content;
		margin-left: auto;
	}

	.header-main .header-inner .flex-right .header-nav > li{
		margin: 0 10px;
		max-height: 37px;
	}



	/*====*/
	.currency-dropdown:hover .currency-list{
		display: block;
	}


	/*==== lookbook-banner*/
	.lookbook-banner .text-box-content h3{
		transform: translateY(0.5rem);
		opacity: 0;
		transition: all .4s ease-in-out;
		font-size: 40px;
	}

	.lookbook-banner:hover .text-box-content h3{
		transform: translateY(0);
		opacity: 1;
	}

	.lookbook-banner .text-box-content p{
		transform: translateY(1rem);
		opacity: 0;
		transition: all .6s ease-in-out;
	}

	.lookbook-banner:hover .text-box-content p{
		transform: translateY(0);
		opacity: 1;
	}

	/*===*/
	.row.footer-top{
		justify-content: space-between;
	}
	.row.footer-top:after{
		content: "";
	}

	/*=== singgle product*/
	.product-gallery{
		padding-left: 0;
		padding-right: 0;
	}

	.product-info{
		padding-top: 7rem;
		padding-left: 3rem;
		padding-right: 3rem;
		position: sticky;
		top: 0;
		height: fit-content;
		transition: all 1s ease-in-out;
	}

	/*.product-info-on-scroll{
		padding-top: 10rem;
	}*/

	/*=== checkout page*/
	.woocommerce-checkout > .row > .col > .has-border{
		border-left: 1px solid #DBDBDB;
	}

}