:root {
    --max-w: 1230px;
    --cw: #FFFFFF;
    --cy: #F5AF39;
    /*--cy-tab: #F5AF39;*/
    --cb: #000000;
    --c1: #F9FAF8;
    --c2: #E5B67A;
    --c3: #E4E4E4;
    --box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.10), 0px 10px 15px -3px rgba(0, 0, 0, 0.15);
    --size-0: 8px;
    --size-1: 16px;
    --size-2: 24px;
    --size-3: 32px;
    --size-4: 40px;
    --size-5: 48px;
    --size-6: 64px;
    --size-10: 100px;
    --size-f: 20px;
    --size-f-1: 18px;
    --size-f-2: 14px;
    --size-f-3: 12px;
    --radius-default: 0;
}

.theme-flatsome h1,
.theme-flatsome h2,
.theme-flatsome h3,
.theme-flatsome h4,
.theme-flatsome h5,
.theme-flatsome h6,
.theme-flatsome p {
    margin: 0;
}

.theme-flatsome .p0 {
    padding: 0px !important;
}

.theme-flatsome .p1 {
    padding: var(--size-1);
}

.theme-flatsome .p2 {
    padding: var(--size-2);
}

.theme-flatsome .px-1 {
    padding: 0px var(--size-1);
}

.theme-flatsome .py-4 {
    padding: var(--size-4) 0px;
}

.theme-flatsome .py-6 {
    padding-top: var(--size-6);
    padding-bottom: var(--size-6);
}

.theme-flatsome .pb-6 {
    padding-bottom: var(--size-6);
}

.theme-flatsome .pt-6 {
    padding-top: var(--size-6);
}

.theme-flatsome .pl-6 {
    padding-left: var(--size-6);
}

.theme-flatsome .pt-2 {
    padding-top: var(--size-2);
}

.theme-flatsome .pl-2 {
    padding-left: var(--size-2);
}

.theme-flatsome .pl-3 {
    padding-left: var(--size-3);
}

.theme-flatsome .pr-3 {
    padding-right: var(--size-3);
}

.theme-flatsome .pt-3 {
    padding-top: var(--size-3);
}

.theme-flatsome .pb-3 {
    padding-bottom: var(--size-3);
}

.theme-flatsome .py-3{padding-top: var(--size-3);padding-bottom: var(--size-3);}

.theme-flatsome .pr-2 {
    padding-right: var(--size-2);
}

.theme-flatsome .py-2 {
    padding-top: var(--size-2);
    padding-bottom: var(--size-2);
}

.theme-flatsome .pr-6 {
    padding-right: var(--size-6);
}

.theme-flatsome .my-4 {
    margin: var(--size-4) 0;
}

.theme-flatsome .mt-3 {
    margin-top: var(--size-3);
}

.theme-flatsome .mb-3 {
    margin-bottom: var(--size-3);
}

.theme-flatsome .mb-4 {
    margin-bottom: var(--size-4);
}

.theme-flatsome .mt-2 {
    margin-top: var(--size-2);
}

.theme-flatsome .mb-2 {
    margin-bottom: var(--size-2);
}

.theme-flatsome .mt-1 {
    margin-top: var(--size-1);
}

.theme-flatsome .mt-f {
    margin-top: var(--size-f);
}

.theme-flatsome .mb-1 {
    margin-bottom: var(--size-1);
}

.theme-flatsome .mt-0 {
    margin-top: 0px;
}

.theme-flatsome .mb-0 {
    margin-bottom: 0px;
}

.theme-flatsome .m0 {
    margin: 0px !important;
}

.theme-flatsome .size-f-3 {
    font-size: var(--size-f-3);
}

.theme-flatsome .size-f-2 {
    font-size: var(--size-f-2);
}

.theme-flatsome .size-f-1 {
    font-size: var(--size-f-1);
}

.theme-flatsome .size-f {
    font-size: var(--size-f);
}

.theme-flatsome .size-1 {
    font-size: var(--size-1);
}

.theme-flatsome .size-2 {
    font-size: var(--size-2);
}

.theme-flatsome .size-3 {
    font-size: var(--size-3);
}

.theme-flatsome .size-4 {
    font-size: var(--size-4);
}

.theme-flatsome .size-5 {
    font-size: var(--size-5);
}

.theme-flatsome .size-6 {
    font-size: var(--size-6);
}

.theme-flatsome .cw{
    color: var(--cw);
}

.theme-flatsome h1,
.theme-flatsome h2,
.theme-flatsome h3,
.theme-flatsome h4,
.theme-flatsome h5,
.theme-flatsome h6 {
    font-weight: 700;
}

.theme-flatsome a {
    min-height: fit-content;
}

.theme-flatsome .entry-content>* {
    margin-bottom: 8px;
}

.theme-flatsome .entry-content h2 {
    font-size: var(--size-2);
}

.theme-flatsome .entry-content h3 {
    font-size: var(--size-f);
}

.theme-flatsome .entry-content h4 {
    font-size: var(--size-f-2);
}

.theme-flatsome .entry-content h5,
.theme-flatsome .entry-content h6 {
    font-size: var(--size-1);
}

.theme-flatsome .entry-content p,
.theme-flatsome .entry-content a {
    font-size: var(--size-f-2);
}

.theme-flatsome .entry-content strong {
    font-weight: 700;
}

.theme-flatsome .entry-content img {
    width: fit-content;
    max-height: 360px;
    margin: auto;
    object-fit: contain;
    display: block;
    border-radius: var(--size-f-3);
}

.theme-flatsome .row,
.theme-flatsome .row.row-collapse,
.theme-flatsome .container {
    max-width: var(--max-w);
}

.container {
    padding-left: 16px;
    padding-right: 16px;
}
section{
    background: var(--cw);
}
section.dark{
    background: var(--cb);
}

.title.center,
.text.center,
.center {
    text-align: center;
}

.title {
    line-height: 1.1;
    font-weight: 600;
    margin-top: 0 !important;
    margin-bottom: var(--size-0) !important;
    letter-spacing: normal !important;
}
.btns{
    display: flex;   
    gap: var(--size-1);
}
.btns.center{
    justify-content: center;
}
.btns .btn{
    border-radius: var(--radius-default);
    padding: var(--size-f-3) var(--size-4);
    background: var(--cy);
    border: 1px solid var(--cy);
    font-size: var(--size-f-2);
}
.btns .btn.is-outline{
    background-color: transparent;
    color: var(--cw);
    border: 1.5px solid var(--cw);
}
.btns .btn.is-outline.dark{
    border-color: var(--cb);
    color: var(--cb);
}
.btns .btn:hover{
    background: var(--c3);
    border: 1px solid var(--c3);
    color: var(--cb);
}

.show4desk{display: block;}
.show4mb{display: none;}

.theme-flatsome .slick-slider .slick-arrow.slick-disabled{opacity:0.5;cursor:not-allowed;}
.theme-flatsome .slick-slider .slick-prev{
    left: -12px;
}
.theme-flatsome .slick-slider .slick-prev:before{
    content: '\f053';
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    opacity: 1;
    color: var(--cy);
    font-size: var(--size-2);
}
.theme-flatsome .slick-slider .slick-next{
    right: -12px;
}
.theme-flatsome .slick-slider .slick-next:before{
    content: '\f054';
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    opacity: 1;
    color: var(--cy);
    font-size: var(--size-2);
}
.theme-flatsome .slick-slider.slick-dotted .slick-dots{
    left: 0;
    bottom: -32px;
}
.theme-flatsome .slick-slider.slick-dotted .slick-dots li{
    opacity: 0.75;
    margin: 0;
}
.theme-flatsome .slick-slider.slick-dotted .slick-dots button:before{
    color: var(--cy);
    font-size: var(--size-f-3);
}

/* ===== SECTION ===== */
.reveal {
    opacity: 0;
    transform: translateY(80px);
    transition: 
        opacity 1s cubic-bezier(.4,0,.2,1),
        transform 1s cubic-bezier(.4,0,.2,1);
    will-change: transform, opacity;
}

.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

/* ===== ITEMS (default: từ dưới lên) ===== */
.reveal-item {
    opacity: 0;
    transform: translateY(40px);
    transition: 
        opacity .7s ease,
        transform .7s ease;
}

.reveal.active .reveal-item {
    opacity: 1;
    transform: translateY(0);
}

/* ===== ITEM FROM LEFT ===== */
.reveal-item-left {
    opacity: 0;
    transform: translateX(-40px);
    transition: 
        opacity .7s ease,
        transform .7s ease;
}

.reveal.active .reveal-item-left {
    opacity: 1;
    transform: translateX(0);
}

/* ===== ITEM FROM RIGHT ===== */
.reveal-item-right {
    opacity: 0;
    transform: translateX(40px);
    transition: 
        opacity .7s ease,
        transform .7s ease;
}

.reveal.active .reveal-item-right {
    opacity: 1;
    transform: translateX(0);
}

/*FOOTER*/
#footer{padding: var(--size-6) 0;background-color:#f6f6f6;}
#footer .ux-menu .ux-menu-link a{padding: 0;margin-bottom: var(--size-1);font-size: var(--size-f-2);}
#footer .ux-menu.menu-social{flex-direction:row;gap: var(--size-2);}
#footer .ux-menu.menu-social .ux-menu-link a{font-weight:600;}

#footer form{margin:var(--size-0) 0 var(--size-2);}
#footer form .group-field{position: relative;border-bottom: 1px solid black;}
#footer form .group-field > p{display:flex;}
#footer form .group-field .wpcf7-spinner{position:absolute;right:16px;margin:0;}
#footer form .group-field input{
    background: transparent;
    box-shadow:none;
    outline:none;
    border:none;
    margin:0;
}
#footer form .group-field .wpcf7-submit{
    font-size: var(--size-f-2);
    line-height: 1.2;
    padding: 0 8px;
    color: black;
}
#footer form .group-field .wpcf7-email{
    padding: 0 8px 0 0;
}
#footer form .wpcf7-response-output{
    margin: var(--size-0) 0;
    font-size: var(--size-f-3);
    padding: 4px;
    border-radius: 0;
    border: 1px solid #b20000;
    color: #b20000;
}
#footer form .wpcf7-not-valid-tip{
    font-size: var(--size-f-3);
    color:white;
    background-color: #b20000;
    opacity: 1;
    border-radius: 0;
    position: absolute;
    z-index: 3;
}
#footer form .wpcf7-not-valid-tip:after{border-bottom-color: #b20000;}
#footer .absolute-footer{padding: var(--size-1) 0 0;margin-top:var(--size-1);border-top:1px solid #E8E8E8;}
#footer .absolute-footer .copyright-footer{font-size:10px;color:black;letter-spacing:2px;}

/*PRODUCTS*/
.products{max-width:100%;}
.products .product,
.single-product .related .product{padding: 0 var(--size-f-3) var(--size-f-3);}
.products .product .box .box-image img,
.single-product .related .product .box .box-image img{
    height: 320px;
    object-fit: cover;
}
.products .product .badge-container.left,
.single-product .related .product .badge-container.left{
    margin-top: var(--size-0);
    margin-left: var(--size-0);
}
.products .product .badge,
.single-product .related .product  .badge{height:fit-content;}
.products .product .badge .on-sale,
.single-product .related .product .badge .on-sale{
    padding: 4px var(--size-0);
    font-size: var(--size-f-3);
    line-height: 1.3;
    border-radius: 4px;
}
.products .product .box .box-text,
.single-product .related .product .box .box-text{
    padding: var(--size-1) 0 0;
    display: flex;
    flex-direction: column;
    height: auto !important;
}
.products .product .box .box-text .name.product-title,
.single-product .related .product .box .box-text .name.product-title{
    font-size:var(--size-f-2);
    margin: 0 !important;
    height: 100% !important;
}
.products .product .title-wrapper,
.single-product .related .product .title-wrapper{order:1;margin: 0 !important;}
.products .product .price-wrapper,
.single-product .related .product .price-wrapper{order:2;margin:var(--size-0) 0 0 !important;height:auto !important;}
.products .product .price,
.single-product .related .product .price{display:flex;align-item:center;gap:4px;font-size:var(--size-1);}
.products .product .price del,
.single-product .related .product .price del{order:2;font-size:var(--size-f-2);}
.products .product .price ins,
.single-product .related .product .price ins{font-size:var(--size-1);}
.products .product .ux-swatches,
.single-product .related .product .ux-swatches{order:3;margin:var(--size-f-3) 0 0 !important;height:auto !important;}
.products .product .ux-swatches .ux-swatch,
.single-product .related .product .ux-swatches .ux-swatch{
    width: var(--size-2);
    height: var(--size-2);
    border-radius: 100%;
    overflow: hidden;
}
.products .product .ux-swatches .ux-swatch .ux-swatch__text,
.single-product .related .product .ux-swatches .ux-swatch .ux-swatch__text{width:100%;height:100%;}

.products.slick-slider{margin:0 !important;}
.products.slick-slider .slick-prev{left:-16px;}
.products.slick-slider .slick-next{right:-16px;}
.products.slick-slider.slick-dotted{padding-bottom:var(--size-1);}
.products.slick-slider.slick-dotted .slick-dots{bottom:0;}

/*ABOUT US*/
.sec__core_vals .col > .col-inner{height:100%;}
.sec__core_vals .box{
    height: 100%;
    border: 1px solid #E8E8E8;
    padding: var(--size-3) var(--size-5);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.sec__core_vals .box .box-image img{
    aspect-ratio: 1/1;
    width: 32px;
    height: 32px;
    object-fit: contain;
    display: block;
}

.sec__details .sub-title{letter-spacing:2px;}
.sec__details .details .detail > .col-inner{
    display: grid;
    grid-template-columns: var(--size-3) 1fr;
    gap: var(--size-0);
}
.sec__details .details .detail .box-text{
    padding: 0;
}
.sec__details .details .detail .box-text .title strong{letter-spacing:2px;margin-bottom:12px;}
.sec__details .details .detail .box-text .text{color:#D2D2D2 !important;}

.sec__ab_btns .btns .btn:first-of-type{margin-right:24px;}
.sec__ab_btns .btns .btn{
    text-transform:uppercase !important;
    color:var(--cb);
    letter-spacing:2px;
    font-size: var(--size-f-2);
    font-weight:600;
    min-width:282px;
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.sec__ab_btns .btns .btn.is-outline{border:1px solid var(--cb);}
section .content.justify{text-align:justify;}

/*CATE*/
.tax-product_cat .category-page-title{padding: var(--size-f-3) var(--size-f-3) 0;}
.tax-product_cat .category-page-title .page-title-inner{padding:0 var(--size-1);min-height:fit-content;}
.tax-product_cat .category-page-title .breadcrumbs {font-size:var(--size-f-3);font-weight:600;color:var(--cb);display:flex;align-items:center;}
.tax-product_cat .term-description,
.tax-product_cat #shop-sidebar .is-divider,
.tax-product_cat .category-page-title .woocommerce-ordering{display:none;}
.tax-product_cat .content--head{display:grid;grid-template-columns:1fr auto;align-items:center;margin-bottom:var(--size-3);}
.tax-product_cat .content--head .current-cat-title{display:flex;align-items:center;gap:var(--size-0);}
.tax-product_cat .content--head .current-cat-title span{font-size:var(--size-2);color:#B6B6B6;font-weight:500;}
.tax-product_cat .woocommerce-ordering,
.tax-product_cat .woocommerce-ordering select{margin:0;}
.tax-product_cat .woocommerce-ordering select{
    background-color:#E4E4E4;
    text-transform:uppercase;
    font-size: var(--size-f-3);
    font-weight:600;
    padding: var(--size-0);
    min-height: fit-content;
}
.tax-product_cat #shop-sidebar aside{padding-bottom: var(--size-1);margin-bottom: var(--size-2);border-bottom:1px solid #E8E8E8;}
.tax-product_cat #shop-sidebar .widget-title{font-size:var(--size-f);font-weight:600;font-family:'Inter';margin-bottom:var(--size-1);display:block;}
.tax-product_cat #shop-sidebar .product-cat-list li{
    margin: 0;
}
.tax-product_cat #shop-sidebar .product-cat-list li a{
    text-transform: uppercase;
    font-weight: 600;
    display: block;
    width: 100%;
    line-height: 1.2;
}
.tax-product_cat #shop-sidebar .product-cat-list li.current a{
    color: var(--cy);
}
.tax-product_cat #shop-sidebar .product-cat-list .cat-parent a{
    padding: 4px 0;
}
.tax-product_cat #shop-sidebar .product-cat-list .cat-item a{
    padding: 4px 0 4px 8px;
}
.tax-product_cat #shop-sidebar .wpc-filters-main-wrap li.wpc-term-item a{text-transform:capitalize;font-size:var(--size-1);}
.tax-product_cat .page-numbers{margin: var(--size-6) 0;}
.tax-product_cat .page-numbers .page-number{
    width:var(--size-4);
    height:var(--size-4);
    background-color:#E8E8E8;
    color: #6D6D6D;
    border:1px solid #D2D2D2;
    border-radius: 0px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.tax-product_cat .page-numbers .page-number:hover,
.tax-product_cat .page-numbers .page-number.current{background-color:var(--cy);color:var(--cb);border-color:var(--cy);}
.tax-product_cat .term-content-wrap{padding:var(--size-3);background-color:#F6F6F6;}
.tax-product_cat .term-content {
	max-height: 264px;
	overflow: hidden;
	position: relative;
	transition: all .3s ease;
}
.tax-product_cat .term-content.is-expanded {
	max-height: 2000px;
}
.tax-product_cat .readmore-btn.is-hidden {
	display: none;
}
.tax-product_cat .term-content-wrap .btn{margin: var(--size-3) 0 0;line-height:1.2;text-transform:uppercase;font-size:var(--size-f-2);}
.tax-product_cat .term-content-wrap .term-content p{margin-bottom: var(--size-0);font-size:var(--size-f-2);}

@media (max-width:768px){
    .show4desk{display: none;}
    .show4mb{display: block;}
}