.elementor-329 .elementor-element.elementor-element-7dc93be{--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;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-329 .elementor-element.elementor-element-efc7dc0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-329 .elementor-element.elementor-element-fb665ef{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-329 .elementor-element.elementor-element-fb665ef:not(.elementor-motion-effects-element-type-background), .elementor-329 .elementor-element.elementor-element-fb665ef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ldfarm.vn/wp-content/uploads/2026/07/Banner-1.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.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 );line-height:var( --e-global-typography-text-line-height );}.elementor-329 .elementor-element.elementor-element-53a247b.elementor-wc-products ul.products li.product{text-align:center;border-style:solid;border-width:1px 1px 1px 1px;padding:0px 0px 020px 0px;border-color:#E7E7E7;}.elementor-329 .elementor-element.elementor-element-53a247b.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-329 .elementor-element.elementor-element-53a247b.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-text );}.elementor-329 .elementor-element.elementor-element-53a247b.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-text );}.elementor-329 .elementor-element.elementor-element-53a247b.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-329 .elementor-element.elementor-element-53a247b.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Dosis", Sans-serif;font-size:18px;font-weight:600;}.elementor-329 .elementor-element.elementor-element-53a247b.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-text );font-family:"Dosis", Sans-serif;font-size:18px;font-weight:600;}.elementor-329 .elementor-element.elementor-element-53a247b.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-text );}.elementor-329 .elementor-element.elementor-element-53a247b.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-text );}.elementor-329 .elementor-element.elementor-element-53a247b.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-secondary );}.elementor-329 .elementor-element.elementor-element-53a247b.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-secondary );}.elementor-329 .elementor-element.elementor-element-53a247b.elementor-wc-products ul.products li.product .price del {font-family:"Dosis", Sans-serif;font-size:18px;font-weight:600;}.elementor-329 .elementor-element.elementor-element-53a247b.elementor-wc-products ul.products li.product .button{color:#FFFFFF;background-color:var( --e-global-color-primary );font-family:"Dosis", Sans-serif;font-size:16px;font-weight:400;}.elementor-329 .elementor-element.elementor-element-53a247b.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-329 .elementor-element.elementor-element-7dc93be{--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-widget-wc-archive-products .elementor-products-nothing-found{line-height:var( --e-global-typography-text-line-height );}.elementor-329 .elementor-element.elementor-element-53a247b.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-widget-wc-archive-products .elementor-products-nothing-found{line-height:var( --e-global-typography-text-line-height );}.elementor-329 .elementor-element.elementor-element-53a247b.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(min-width:768px){.elementor-329 .elementor-element.elementor-element-efc7dc0{--width:30%;}}/* Start custom CSS for wp-widget-woof_widget, class: .elementor-element-52878d3 *//* ==========================================================================
   1. NỚI RỘNG KHOẢNG CÁCH GIỮA CÁC KHỐI BỘ LỌC (GIỮA GIÁ, DANH MỤC, THUỘC TÍNH...)
   ========================================================================== */
.woof_sid_widget .woof_container {
    margin-bottom: 35px !important; /* Tăng khoảng cách dưới của mỗi khối lọc */
    padding-bottom: 15px !important;
}

/* ==========================================================================
   2. TÙY BIẾN THANH KÉO CHỌN GIÁ (PRICE FILTER) CỦA WOOF
   ========================================================================== */

/* Tiêu đề của khối lọc giá (Chữ "Filter by Price" hoặc "Giá") */
.widget_price_filter h4 {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #333333 !important;
    margin-bottom: 25px !important; /* Khoảng cách từ tiêu đề xuống thanh kéo */
    text-transform: uppercase;
    border-bottom: 2px solid #eeeeee;
    padding-bottom: 8px;
}

/* Tùy biến thanh ngang chính (Thanh nền chưa chọn) */
.woof_container_by_price .ui-slider {
    background: #e9e9e9 !important; /* Màu xám nhạt cho vùng chưa chọn */
    height: 6px !important; /* Độ dày của thanh kéo */
    border: none !important;
    border-radius: 4px !important;
}

/* Tùy biến đoạn thanh nằm giữa 2 nút kéo (Vùng giá được chọn) */
.woof_container_by_price .ui-slider .ui-slider-range {
    background: #0073aa !important; /* Đổi thành màu chủ đạo của bạn */
    height: 6px !important;
}

/* Tùy biến 2 nút tròn kéo dẹt (Handles) */
.woof_container_by_price .ui-slider .ui-slider-handle {
    width: 18px !important;
    height: 18px !important;
    background: #ffffff !important; /* Màu nền nút */
    border: 3px solid #0073aa !important; /* Viền nút trùng màu chủ đạo */
    border-radius: 50% !important; /* Làm nút tròn xoe */
    top: -6px !important; /* Căn giữa nút so với thanh ngang */
    cursor: pointer !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.15) !important; /* Tạo độ nổi nhẹ */
    transition: transform 0.1s ease;
}

/* Hiệu ứng phóng to nhẹ khi người dùng rê chuột hoặc giữ nút kéo */
.woof_container_by_price .ui-slider .ui-slider-handle:hover,
.woof_container_by_price .ui-slider .ui-slider-handle:active {
    transform: scale(1.15);
    background: #0073aa !important; /* Đổi màu ruột khi giữ chuột nếu muốn */
}

/* Tùy biến khu vực hiển thị số tiền bên dưới (Văn bản: "Giá: 100k - 500k") */
.woof_container_by_price .price_slider_amount {
    margin-top: 20px !important; /* Khoảng cách từ thanh kéo xuống dòng chữ số tiền */
    font-size: 18px !important;
    color: #444444 !important;
    font-weight: 600 !important;
    display: flex;
    flex-direction: column-reverse; /* Đẩy nút "Lọc" xuống dưới dòng chữ tiền */
    gap: 12px;
}

/* Tùy biến riêng cho dòng hiển thị số tiền */
.woof_container_by_price .price_label {
    color: #666666 !important;
    font-weight: 500 !important;
}
/* 1. Tùy biến tiêu đề khối lọc (Chữ "Danh mục sản phẩm") */
.woof_container_product_cat h4 {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #333333 !important;
    margin-bottom: 15px !important;
    text-transform: uppercase; /* Viết hoa tiêu đề */
    border-bottom: 2px solid #eeeeee; /* Đường gạch chân nhẹ */
    padding-bottom: 8px;
}

/* 2. Tùy biến khoảng cách giữa các mục danh mục (Mỗi hàng checkbox) */
.woof_container_product_cat .woof_list_checkbox li {
    margin-bottom: 8px !important;
    padding: 0 !important;
    list-style: none !important;
}

/* 3. Tùy biến text của từng danh mục và số lượng sản phẩm (count) */
.woof_container_product_cat .woof_checkbox_label {
    font-size: 15px !important;
    color: #555555 !important;
    font-weight: 500;
    cursor: pointer;
}

/* Hiệu ứng đổi màu khi rê chuột vào tên danh mục */
.woof_container_product_cat .woof_checkbox_label:hover {
    color: #0073aa !important; /* Thay màu xanh này bằng màu chủ đạo của bạn */
}

/* Định dạng số hiển thị số lượng sản phẩm, ví dụ: (5) */
.woof_container_product_cat .woof_checkbox_count {
    font-size: 13px !important;
    color: #999999 !important;
    margin-left: 5px;
}

/* 4. Tùy biến ô Checkbox (Nếu muốn đổi màu ô tích mặc định) */
.woof_container_product_cat input[type="checkbox"].woof_checkbox_term {
    width: 16px !important;
    height: 16px !important;
    margin-right: 8px !important;
    cursor: pointer;
    accent-color: #0073aa; /* Đổi màu xanh khi được tích chọn (Hỗ trợ trình duyệt hiện đại) */
}

/* 5. Tùy biến nút "Filter" (Lọc) và nút "Reset" (Xóa bộ lọc) của WOOF nếu có */
.woof_submit_search_form_container .woof_submit_search_form_btn,
.woof_submit_search_form_container .woof_reset_search_form_btn {
    padding: 10px 20px !important;
    font-size: 14px !important;
    font-weight: bold !important;
    border-radius: 4px !important;
    border: none !important;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* Màu nút Lọc */
.woof_submit_search_form_container .woof_submit_search_form_btn {
    background-color: #0073aa !important;
    color: #ffffff !important;
}

/* Màu nút Reset */
.woof_submit_search_form_container .woof_reset_search_form_btn {
    background-color: #e0e0e0 !important;
    color: #333333 !important;
}
.elementor-329 .elementor-element.elementor-element-52878d3 .woof_childs_list {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
}/* End custom CSS */