.elementor-351 .elementor-element.elementor-element-87acd16{--display:flex;--min-height:100vh;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-351 .elementor-element.elementor-element-87acd16:not(.elementor-motion-effects-element-type-background), .elementor-351 .elementor-element.elementor-element-87acd16 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-351 .elementor-element.elementor-element-f865462{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-351 .elementor-element.elementor-element-9b94932{--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-351 .elementor-element.elementor-element-23d38a8{--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;}@media(max-width:1024px){.elementor-351 .elementor-element.elementor-element-87acd16{--min-height:60vh;}.elementor-351 .elementor-element.elementor-element-f865462{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-351 .elementor-element.elementor-element-87acd16{--min-height:36vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:999;}.elementor-351 .elementor-element.elementor-element-87acd16:not(.elementor-motion-effects-element-type-background), .elementor-351 .elementor-element.elementor-element-87acd16 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-351 .elementor-element.elementor-element-f865462{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-351 .elementor-element.elementor-element-23d38a8{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:5px;}}@media(min-width:768px){.elementor-351 .elementor-element.elementor-element-9b94932{--width:20%;}.elementor-351 .elementor-element.elementor-element-23d38a8{--width:80%;}}@media(max-width:1024px) and (min-width:768px){.elementor-351 .elementor-element.elementor-element-23d38a8{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-127342a *//* Tùy chỉnh kiểu hiển thị bộ lọc */
.woof_container {
    background: #ffffff; /* Đổi nền thành màu trắng */
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #ddd; /* Thêm viền */
}

/* Tiêu đề bộ lọc */
.woof_container h4 {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
    font-family: 'Archivo', sans-serif;
}

/* Kiểu dropdown và checkbox */
.woof_list li label {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #555;
    padding: 5px 10px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: 'Montserrat', sans-serif;
}
.woof_list li label:hover {
    background: #0073e6;
    color: #fff;
    border-radius: 5px;
}

/* Nút Apply */
.woof_submit_search_form {
    background: #0073e6;
    color: #fff;
    padding: 8px 15px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background 0.3s ease;
    font-family: 'Montserrat', sans-serif;
}
.woof_submit_search_form:hover {
    background: #005bb5;
}

/* Ẩn nút Reset */
.woof_reset_button {
    display: none;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0af44d7 *//* Ẩn nút "Select options" */
.woocommerce ul.products li.product .button {
    display: none !important;
}

/* Chỉnh màu chữ thành màu đen */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price {
    color: black !important;
}

/* Chỉnh padding giữa các sản phẩm mà không làm ảnh bị thu nhỏ */
.woocommerce ul.products {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 5px !important;
    padding: 0 !important; /* Xóa padding dư thừa */
}

/* Đảm bảo mỗi sản phẩm không bị thu nhỏ */
.woocommerce ul.products li.product {
    flex: 1 1 calc(25% - 5px); /* 4 sản phẩm trên mỗi hàng */
    max-width: calc(25% - 5px);
    margin: 0 !important;
}

/* 3 sản phẩm trên mỗi hàng ở tablet */
@media (max-width: 1024px) {
    .woocommerce ul.products li.product {
        flex: 1 1 calc(33.33% - 5px); /* 3 sản phẩm mỗi hàng */
        max-width: calc(33.33% - 5px);
    }
}

/* 2 sản phẩm trên mỗi hàng ở mobile */
@media (max-width: 768px) {
    .woocommerce ul.products li.product {
        flex: 1 1 calc(50% - 5px); /* 2 sản phẩm mỗi hàng */
        max-width: calc(50% - 5px);
    }
}/* End custom CSS */