.elementor-210 .elementor-element.elementor-element-1ad7b82{--display:flex;}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.products-heading-show .related-products > h2, .elementor-widget-wc-archive-products.products-heading-show .upsells > h2, .elementor-widget-wc-archive-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products .elementor-products-nothing-found{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-210 .elementor-element.elementor-element-290cad8.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-210 .elementor-element.elementor-element-290cad8.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#F5F1E8;}.elementor-210 .elementor-element.elementor-element-290cad8.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#F5F1E8;}.elementor-210 .elementor-element.elementor-element-290cad8.elementor-wc-products ul.products li.product{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-210 .elementor-element.elementor-element-290cad8.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-210 .elementor-element.elementor-element-290cad8.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-210 .elementor-element.elementor-element-290cad8.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for wc-archive-products, class: .elementor-element-290cad8 *//* =========================================================
   VỀ TRÀ — ARCHIVE PRODUCTS — FINAL
   Widget Custom CSS
========================================================= */


/* =========================================================
   01 — ROOT
========================================================= */

.elementor-210 .elementor-element.elementor-element-290cad8 {
    position: relative;
    z-index: 2;

    width: 100%;

    padding: 34px 0 90px;

    color: var(--vt-text);

    font-family: var(--vt-font-body);
}


/* =========================================================
   02 — RESULT COUNT + SORT
========================================================= */

.elementor-210 .elementor-element.elementor-element-290cad8 .woocommerce-result-count,
.elementor-210 .elementor-element.elementor-element-290cad8 .woocommerce-ordering {
    margin-bottom: 30px;
}


/* RESULT COUNT */

.elementor-210 .elementor-element.elementor-element-290cad8 .woocommerce-result-count {
    float: left;

    margin-top: 0 !important;

    color: var(--vt-text) !important;

    font-family: var(--vt-font-body) !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 48px !important;

    letter-spacing: .01em;
}


/* SORT */

.elementor-210 .elementor-element.elementor-element-290cad8 .woocommerce-ordering {
    float: right;
}

.elementor-210 .elementor-element.elementor-element-290cad8 .woocommerce-ordering select {
    appearance: none;
    -webkit-appearance: none;

    min-width: 225px;
    height: 48px;

    padding: 0 42px 0 17px;

    color: var(--vt-title) !important;

    background-color: rgba(12,9,7,.90) !important;

    border: 1px solid var(--vt-border-accent) !important;
    border-radius: 0 !important;

    outline: none !important;

    font-family: var(--vt-font-body) !important;
    font-size: 15px !important;
    font-weight: 400;

    cursor: pointer;

    transition:
        border-color .25s ease,
        background-color .25s ease;
}

.elementor-210 .elementor-element.elementor-element-290cad8 .woocommerce-ordering select:hover,
.elementor-210 .elementor-element.elementor-element-290cad8 .woocommerce-ordering select:focus {
    border-color: var(--vt-accent) !important;

    background-color: rgba(20,14,10,.96) !important;
}

.elementor-210 .elementor-element.elementor-element-290cad8 .woocommerce-ordering select option {
    color: var(--vt-title);

    background: #17120E;

    font-family: var(--vt-font-body);
}


/* CLEAR FLOAT */

.elementor-210 .elementor-element.elementor-element-290cad8::after {
    content: "";

    display: block;
    clear: both;
}


/* =========================================================
   03 — PRODUCT GRID
========================================================= */

.elementor-210 .elementor-element.elementor-element-290cad8 ul.products {
    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;

    gap: 28px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    clear: both;

    list-style: none !important;
}


/* =========================================================
   04 — PRODUCT CARD
========================================================= */

.elementor-210 .elementor-element.elementor-element-290cad8 ul.products li.product {
    position: relative;

    width: 100% !important;
    min-height: 100%;

    float: none !important;

    margin: 0 !important;
    padding: 0 0 25px !important;

    overflow: hidden;

    border: 1px solid var(--vt-border);

    background: rgba(15,10,7,.42);

    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);

    list-style: none !important;

    transition:
        transform .3s ease,
        border-color .3s ease,
        background .3s ease;
}

.elementor-210 .elementor-element.elementor-element-290cad8 ul.products li.product:hover {
    transform: translateY(-5px);

    border-color: var(--vt-border-accent);

    background: rgba(20,14,10,.56);
}


/* =========================================================
   05 — PRODUCT IMAGE
   Landscape 4:3
========================================================= */

.elementor-210 .elementor-element.elementor-element-290cad8 ul.products li.product a img {
    display: block;

    width: 100% !important;
    height: auto !important;

    aspect-ratio: 4 / 3 !important;

    margin: 0 0 24px !important;
    padding: 24px !important;

    object-fit: contain !important;

    background: #F0F0EC;

    transition:
        transform .5s ease,
        opacity .3s ease;
}

.elementor-210 .elementor-element.elementor-element-290cad8 ul.products li.product:hover a img {
    transform: scale(1.02);

    opacity: .96;
}


/* =========================================================
   06 — PRODUCT TITLE
========================================================= */

.elementor-210 .elementor-element.elementor-element-290cad8 ul.products li.product
.woocommerce-loop-product__title {
    margin: 0 20px 15px !important;
    padding: 0 !important;

    color: var(--vt-title) !important;

    font-family: var(--vt-font-display) !important;
    font-size: var(--vt-fs-h3) !important;
    font-weight: 400 !important;
    line-height: var(--vt-lh-h3) !important;

    letter-spacing: 0 !important;

    transition: color .25s ease;
}

.elementor-210 .elementor-element.elementor-element-290cad8 ul.products li.product:hover
.woocommerce-loop-product__title {
    color: var(--vt-accent) !important;
}


/* =========================================================
   07 — PRICE
========================================================= */

.elementor-210 .elementor-element.elementor-element-290cad8 ul.products li.product .price {
    display: block;

    margin: 0 20px 18px !important;

    color: var(--vt-accent) !important;

    font-family: var(--vt-font-body) !important;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 1.4;
}


/* =========================================================
   08 — EXPLORE BUTTON
========================================================= */

.elementor-210 .elementor-element.elementor-element-290cad8 ul.products li.product .button,
.elementor-210 .elementor-element.elementor-element-290cad8 ul.products li.product a.button {
    min-height: 42px;

    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    margin: 0 20px !important;
    padding: 0 18px !important;

    color: var(--vt-title) !important;

    background: transparent !important;

    border: 1px solid var(--vt-border-accent) !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    text-decoration: none !important;

    font-size: 0 !important;

    transition:
        color .25s ease,
        background .25s ease,
        border-color .25s ease,
        transform .25s ease;
}

.elementor-210 .elementor-element.elementor-element-290cad8 ul.products li.product .button::before,
.elementor-210 .elementor-element.elementor-element-290cad8 ul.products li.product a.button::before {
    content: "KHÁM PHÁ →";

    color: inherit;

    font-family: var(--vt-font-body);

    font-size: var(--vt-fs-button);
    font-weight: 500;
    line-height: 1;

    letter-spacing: .13em;

    text-transform: uppercase;
}

.elementor-210 .elementor-element.elementor-element-290cad8 ul.products li.product .button:hover,
.elementor-210 .elementor-element.elementor-element-290cad8 ul.products li.product a.button:hover {
    transform: translateX(2px);

    color: #17130D !important;

    background: var(--vt-accent) !important;

    border-color: var(--vt-accent) !important;
}


/* =========================================================
   09 — STAR RATING
========================================================= */

.elementor-210 .elementor-element.elementor-element-290cad8 .star-rating {
    margin: 0 20px 14px !important;

    color: var(--vt-accent);
}


/* =========================================================
   10 — SALE BADGE
========================================================= */

.elementor-210 .elementor-element.elementor-element-290cad8 ul.products li.product .onsale {
    top: 15px !important;
    left: 15px !important;
    right: auto !important;

    min-width: auto !important;
    min-height: auto !important;

    margin: 0 !important;
    padding: 7px 11px !important;

    color: #17130D !important;

    background: var(--vt-accent) !important;

    border-radius: 0 !important;

    font-family: var(--vt-font-body);
    font-size: var(--vt-fs-label) !important;
    font-weight: 600 !important;
    line-height: 1 !important;

    letter-spacing: .1em;

    text-transform: uppercase;
}


/* =========================================================
   11 — PAGINATION
========================================================= */

.elementor-210 .elementor-element.elementor-element-290cad8 nav.woocommerce-pagination {
    margin-top: 55px;

    text-align: center;
}

.elementor-210 .elementor-element.elementor-element-290cad8 nav.woocommerce-pagination ul {
    display: inline-flex;

    gap: 9px;

    margin: 0 !important;
    padding: 0 !important;

    border: none !important;
}

.elementor-210 .elementor-element.elementor-element-290cad8 nav.woocommerce-pagination ul li {
    margin: 0 !important;

    border: none !important;
}

.elementor-210 .elementor-element.elementor-element-290cad8 nav.woocommerce-pagination ul li a,
.elementor-210 .elementor-element.elementor-element-290cad8 nav.woocommerce-pagination ul li span {
    width: 42px;
    height: 42px;

    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    padding: 0 !important;

    color: var(--vt-title) !important;

    background: rgba(10,8,6,.58) !important;

    border: 1px solid var(--vt-border);

    font-family: var(--vt-font-body);
    font-size: var(--vt-fs-small);

    text-decoration: none;

    transition:
        color .25s ease,
        background .25s ease,
        border-color .25s ease;
}

.elementor-210 .elementor-element.elementor-element-290cad8 nav.woocommerce-pagination ul li .current,
.elementor-210 .elementor-element.elementor-element-290cad8 nav.woocommerce-pagination ul li a:hover {
    color: #17130D !important;

    background: var(--vt-accent) !important;

    border-color: var(--vt-accent) !important;
}


/* =========================================================
   12 — TABLET
========================================================= */

@media (max-width: 1024px) {

    .elementor-210 .elementor-element.elementor-element-290cad8 ul.products {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 24px !important;
    }

}


/* =========================================================
   13 — MOBILE
========================================================= */

@media (max-width: 767px) {

    .elementor-210 .elementor-element.elementor-element-290cad8 {
        padding: 28px 0 60px;
    }


    .elementor-210 .elementor-element.elementor-element-290cad8 .woocommerce-result-count,
    .elementor-210 .elementor-element.elementor-element-290cad8 .woocommerce-ordering {
        float: none;

        width: 100%;
    }


    .elementor-210 .elementor-element.elementor-element-290cad8 .woocommerce-result-count {
        margin-bottom: 14px !important;

        font-size: 16px !important;
        line-height: 1.5 !important;
    }


    .elementor-210 .elementor-element.elementor-element-290cad8 .woocommerce-ordering {
        margin-top: 0;
        margin-bottom: 26px;
    }


    .elementor-210 .elementor-element.elementor-element-290cad8 .woocommerce-ordering select {
        width: 100%;
        min-width: 0;
    }


    .elementor-210 .elementor-element.elementor-element-290cad8 ul.products {
        grid-template-columns: 1fr !important;

        gap: 22px !important;
    }


    .elementor-210 .elementor-element.elementor-element-290cad8 ul.products li.product a img {
        aspect-ratio: 4 / 3 !important;

        padding: 20px !important;

        margin-bottom: 20px !important;
    }


    .elementor-210 .elementor-element.elementor-element-290cad8 ul.products li.product
    .woocommerce-loop-product__title {
        margin-left: 18px !important;
        margin-right: 18px !important;
    }


    .elementor-210 .elementor-element.elementor-element-290cad8 ul.products li.product .price,
    .elementor-210 .elementor-element.elementor-element-290cad8 ul.products li.product .button,
    .elementor-210 .elementor-element.elementor-element-290cad8 ul.products li.product a.button {
        margin-left: 18px !important;
        margin-right: 18px !important;
    }

}
/* Ép toàn bộ block ảnh thành vuông */
.elementor-210 .elementor-element.elementor-element-290cad8 ul.products li.product a img,
.elementor-210 .elementor-element.elementor-element-290cad8 ul.products li.product img,
.elementor-210 .elementor-element.elementor-element-290cad8 ul.products li.product .woocommerce-placeholder {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    display: block !important;
    object-fit: cover !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Bỏ nền wrapper ảnh */
.elementor-210 .elementor-element.elementor-element-290cad8 ul.products li.product a,
.elementor-210 .elementor-element.elementor-element-290cad8 ul.products li.product .product-thumbnail,
.elementor-210 .elementor-element.elementor-element-290cad8 ul.products li.product .mf-product-thumbnail {
    background: transparent !important;
}

/* =========================================================
   PRODUCT TEXT SPACING — FINAL TWEAK
========================================================= */

/* Tạo khoảng thở giữa ảnh và tên sản phẩm */
.elementor-210 .elementor-element.elementor-element-290cad8 ul.products li.product
.woocommerce-loop-product__title {
    margin:
        24px
        20px
        14px
        20px !important;

    padding: 0 !important;

    color: var(--vt-title) !important;

    font-family: var(--vt-font-display) !important;
    font-size: var(--vt-fs-h3) !important;
    font-weight: 400 !important;
    line-height: var(--vt-lh-h3) !important;
}


/* Giá rõ hơn */
.elementor-210 .elementor-element.elementor-element-290cad8 ul.products li.product .price {
    display: block !important;

    margin:
        0
        20px
        20px
        20px !important;

    color: var(--vt-accent) !important;

    font-family: var(--vt-font-body) !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
}


/* Khoảng cách giữa giá và nút */
.elementor-210 .elementor-element.elementor-element-290cad8 ul.products li.product .button,
.elementor-210 .elementor-element.elementor-element-290cad8 ul.products li.product a.button {
    margin:
        0
        20px
        0
        20px !important;
}/* End custom CSS */