.elementor-351 .elementor-element.elementor-element-37abc54{--display:flex;--min-height:87vh;--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-37abc54:not(.elementor-motion-effects-element-type-background), .elementor-351 .elementor-element.elementor-element-37abc54 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://nasplanet.com/wp-content/uploads/2025/05/2200x1200.jpg");background-size:cover;}.elementor-351 .elementor-element.elementor-element-eeaf24d{--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:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-351 .elementor-element.elementor-element-8a02793{--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-55cc19e{--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-37abc54{--min-height:43vh;}.elementor-351 .elementor-element.elementor-element-eeaf24d{--margin-top:30px;--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-37abc54{--min-height:25vh;}.elementor-351 .elementor-element.elementor-element-37abc54:not(.elementor-motion-effects-element-type-background), .elementor-351 .elementor-element.elementor-element-37abc54 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-351 .elementor-element.elementor-element-55cc19e{--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(min-width:768px){.elementor-351 .elementor-element.elementor-element-8a02793{--width:20%;}.elementor-351 .elementor-element.elementor-element-55cc19e{--width:80%;}}@media(max-width:1024px) and (min-width:768px){.elementor-351 .elementor-element.elementor-element-8a02793{--width:40%;}}/* Start custom CSS for shortcode, class: .elementor-element-85ae567 *//* Áp dụng font cho toàn bộ container bộ lọc */
.woof_container {
    background: #fff;
    padding: 20px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    font-family: 'futura', sans-serif;
    font-size: 14px; /* Giảm từ 16px (giá trị mặc định phổ biến) xuống còn 14px */
}

/* Tiêu đề bộ lọc */
.woof_container h4 {
    font-size: 14px; /* Giảm từ 16px xuống 14px */
    font-weight: 600;
    color: #222;
    margin-bottom: 12px;
}

/* Danh sách bộ lọc */
.woof_list {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Mỗi mục trong danh sách */
.woof_list li {
    margin-bottom: 8px;
}

/* Nhãn của mỗi tùy chọn */
.woof_list li label {
    display: flex;
    align-items: center;
    font-size: 12px; /* Giảm từ 14px xuống 12px */
    color: #333;
    padding: 6px 10px;
    border-radius: 4px;
    transition: background 0.3s, color 0.3s;
    cursor: pointer;
    font-family: 'futura', sans-serif;
}

/* Hiệu ứng hover */
.woof_list li label:hover {
    background-color: #f0f0f0;
}

/* Trạng thái được chọn */
.woof_list li input[type="checkbox"]:checked + label {
    background-color: #0073e6;
    color: #fff;
}

/* Nút Apply */
.woof_submit_search_form {
    background-color: #0073e6;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    font-size: 12px; /* Giảm từ 14px xuống 12px */
    cursor: pointer;
    transition: background 0.3s;
    margin-top: 10px;
    font-family: 'futura', sans-serif;
}

.woof_submit_search_form:hover {
    background-color: #005bb5;
}

/* Ẩn nút Reset */
.woof_reset_button {
    display: none;
}

/* Responsive cho mobile */
@media (max-width: 768px) {
    .woof_container {
        padding: 15px;
    }

    .woof_container h4 {
        font-size: 12px; /* Giảm từ 14px xuống 12px */
    }

    .woof_list li label {
        font-size: 11px; /* Giảm từ 13px xuống 11px */
        padding: 5px 8px;
    }

    .woof_submit_search_form {
        width: 100%;
        text-align: center;
        font-size: 12px; /* Giữ đồng bộ */
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5e2ceb4 *//* Chỉnh font chữ phần sorting */
.woocommerce-ordering,
.woocommerce-ordering select,
.woocommerce-result-count {
    font-family: 'Futura', sans-serif !important;
    font-size: 10px !important; /* Điều chỉnh thành 8px */
    color: #000 !important; /* Màu đen */
}

/* Ẩn nút "Add to cart" và "Select options" nhưng giữ giá */
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product .button.product_type_variable {
    display: none !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;
}

/* Đả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);
    max-width: calc(25% - 5px);
    margin: 0 !important;
    font-family: 'Futura', sans-serif !important;
}

/* Container giữ tên và giá trên cùng hàng */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
    padding: 0 !important;
    margin: 0 !important;
}

/* === DESKTOP === */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    color: black !important;
    font-family: 'Futura', sans-serif !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    font-weight: 500;
}

.woocommerce ul.products li.product .price {
    float: right;
    font-weight: bold !important;
    font-size: 12px !important;
    position: relative;
    top: 6px;
    color: black !important;
}

/* === TABLET === */
@media (max-width: 1024px) {
    .woocommerce ul.products li.product {
        flex: 1 1 calc(33.33% - 5px);
        max-width: calc(33.33% - 5px);
    }

    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 10px !important;
    }

    .woocommerce ul.products li.product .price {
        font-size: 10px !important;
        top: 8px;
        font-weight: bold !important;
        color: #888 !important;
    }
}

/* === MOBILE === */
@media (max-width: 768px) {
    .woocommerce ul.products li.product {
        flex: 1 1 calc(50% - 5px);
        max-width: calc(50% - 5px);
    }

    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 6px !important;
    }

    .woocommerce ul.products li.product .price {
        font-size: 10px !important;
        top: 8px;
        font-weight: bold !important;
        color: black !important;
    }
}/* End custom CSS */