.elementor-2145 .elementor-element.elementor-element-4927b9b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2145 .elementor-element.elementor-element-0b17c75{--display:flex;}.woocommerce .elementor-2145 .elementor-element.elementor-element-6953017 .flex-viewport:not(:last-child){margin-bottom:15px;}.woocommerce .elementor-2145 .elementor-element.elementor-element-6953017 .flex-control-thumbs li{padding-right:calc(15px / 2);padding-left:calc(15px / 2);padding-bottom:15px;}.woocommerce .elementor-2145 .elementor-element.elementor-element-6953017 .flex-control-thumbs{margin-right:calc(-15px / 2);margin-left:calc(-15px / 2);}.elementor-2145 .elementor-element.elementor-element-391feef{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2145 .elementor-element.elementor-element-d2b23f8 .elementor-heading-title{letter-spacing:0px;}.elementor-2145 .elementor-element.elementor-element-68afe29{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-2145 .elementor-element.elementor-element-5153d41 .ekit-btn-wraper .elementskit-btn{justify-content:flex-start;}.elementor-2145 .elementor-element.elementor-element-5153d41 .elementskit-btn{background-color:#1D1D1D;font-size:16px;letter-spacing:0.2px;color:#FFFFFF;fill:#FFFFFF;border-style:none;}.elementor-2145 .elementor-element.elementor-element-5153d41 .elementskit-btn:hover{background-color:#413F3D;color:#FFFFFF;fill:#FFFFFF;}.elementor-2145 .elementor-element.elementor-element-5153d41 .elementskit-btn > :is(i, svg){font-size:14px;}.elementor-2145 .elementor-element.elementor-element-5153d41 .elementskit-btn > i, .elementor-2145 .elementor-element.elementor-element-5153d41 .elementskit-btn > svg{margin-right:5px;}.rtl .elementor-2145 .elementor-element.elementor-element-5153d41 .elementskit-btn > i, .rtl .elementor-2145 .elementor-element.elementor-element-5153d41 .elementskit-btn > svg{margin-left:5px;margin-right:0;}.elementor-2145 .elementor-element.elementor-element-c7d4d9e .ekit-btn-wraper .elementskit-btn{justify-content:flex-start;}.elementor-2145 .elementor-element.elementor-element-c7d4d9e .elementskit-btn{background-color:#FFBD2B;font-size:16px;letter-spacing:0.2px;color:#020202;fill:#020202;border-style:none;}.elementor-2145 .elementor-element.elementor-element-c7d4d9e .elementskit-btn:hover{background-color:#E9A206;color:#000000;fill:#000000;}.elementor-2145 .elementor-element.elementor-element-c7d4d9e .elementskit-btn > :is(i, svg){font-size:14px;}.elementor-2145 .elementor-element.elementor-element-c7d4d9e .elementskit-btn > i, .elementor-2145 .elementor-element.elementor-element-c7d4d9e .elementskit-btn > svg{margin-right:5px;}.rtl .elementor-2145 .elementor-element.elementor-element-c7d4d9e .elementskit-btn > i, .rtl .elementor-2145 .elementor-element.elementor-element-c7d4d9e .elementskit-btn > svg{margin-left:5px;margin-right:0;}.elementor-2145 .elementor-element.elementor-element-66db676{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2145 .elementor-element.elementor-element-80863cc{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2145 .elementor-element.elementor-element-9c25562{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2145 .elementor-element.elementor-element-8a4dead{--spacer-size:40px;}.elementor-2145 .elementor-element.elementor-element-2f916db.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.woocommerce .elementor-2145 .elementor-element.elementor-element-2f916db.elementor-wc-products .products > h2{text-align:center;}.elementor-2145 .elementor-element.elementor-element-2f916db.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-2145 .elementor-element.elementor-element-15b7bd2{--spacer-size:40px;}@media(max-width:1024px){.elementor-2145 .elementor-element.elementor-element-2f916db.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(min-width:768px){.elementor-2145 .elementor-element.elementor-element-0b17c75{--width:50%;}.elementor-2145 .elementor-element.elementor-element-391feef{--width:50%;}}@media(max-width:767px){.elementor-2145 .elementor-element.elementor-element-68afe29{--width:100%;}.elementor-2145 .elementor-element.elementor-element-2f916db.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for heading, class: .elementor-element-80863cc */.elementor-2145 .elementor-element.elementor-element-80863cc {
    border-bottom: 1px solid #ffb300;
    margin-bottom: 20px;
}

.elementor-2145 .elementor-element.elementor-element-80863cc .elementor-heading-title {
    display: inline-block;
    background-color: #fffde7;
    color: #333333;
    font-size: 18px;
    font-weight: 700;
    padding: 8px 18px 8px 12px;
    border-left: 5px solid #ffb300;
    border-radius: 0 8px 0 0;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .elementor-2145 .elementor-element.elementor-element-80863cc .elementor-heading-title {
        font-size: 15px;
        padding: 5px 12px 5px 10px;
        border-left: 4px solid #ffb300;
    }
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-related, class: .elementor-element-2f916db *//* 1. Thiết lập khung sản phẩm full, không bị gò bó */
.elementor-2145 .elementor-element.elementor-element-2f916db ul.products, 
.elementor-2145 .elementor-element.elementor-element-2f916db .products {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 25px !important; /* Tăng khoảng cách giữa các thẻ */
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-2145 .elementor-element.elementor-element-2f916db ul.products li.product, 
.elementor-2145 .elementor-element.elementor-element-2f916db .products .product {
    flex: 1 1 calc(25% - 25px) !important;
    min-width: 250px !important;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    padding: 20px !important; /* Tăng padding để nội dung thoáng hơn */
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
}

/* 2. Cố định ảnh */
.elementor-2145 .elementor-element.elementor-element-2f916db ul.products li.product img, 
.elementor-2145 .elementor-element.elementor-element-2f916db .products .product img {
    width: 100% !important;
    height: 180px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    margin-bottom: 20px !important;
}

/* 3. Tùy chỉnh Tiêu đề: Không in hoa, giãn chữ, dấu ... */
.elementor-2145 .elementor-element.elementor-element-2f916db ul.products li.product h2, 
.elementor-2145 .elementor-element.elementor-element-2f916db ul.products li.product .woocommerce-loop-product__title,
.elementor-2145 .elementor-element.elementor-element-2f916db .products .product h3 {
    font-size: 16px !important;
    font-weight: 600 !important; /* Giảm đậm để trông hiện đại hơn */
    color: #111111 !important;
    line-height: 1.8 !important; /* GIÃN DÒNG CỰC THOÁNG */
    letter-spacing: 0.2px !important; /* GIÃN CHỮ CÁCH NHAU */
    text-transform: none !important; /* BỎ IN HOA */
    margin: 0 0 20px 0 !important;
    
    /* Xử lý dấu ... */
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    height: 60px !important; /* Đủ cao cho 2 dòng + giãn dòng */
}

/* 4. Nút bấm */
.elementor-2145 .elementor-element.elementor-element-2f916db ul.products li.product .button,
.elementor-2145 .elementor-element.elementor-element-2f916db .products .product a.button {
    background: #ffb703 !important;
    color: #111 !important;
    font-weight: 700 !important;
    border-radius: 6px !important;
    text-align: center !important;
    padding: 12px 15px !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    margin-top: auto !important;
}

/* 5. Tối ưu Mobile */
@media (max-width: 767px) {
    .elementor-2145 .elementor-element.elementor-element-2f916db ul.products li.product, 
    .elementor-2145 .elementor-element.elementor-element-2f916db .products .product {
        flex: 1 1 calc(50% - 15px) !important;
        padding: 15px !important;
    }
    .elementor-2145 .elementor-element.elementor-element-2f916db ul.products li.product h2, 
    .elementor-2145 .elementor-element.elementor-element-2f916db .products .product h3 {
        font-size: 14px !important;
        height: 50px !important;
        line-height: 1.7 !important;
    }
}/* End custom CSS */