.elementor-417 .elementor-element.elementor-element-f85cefc{--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-417 .elementor-element.elementor-element-66df86f{--spacer-size:50px;}.elementor-417 .elementor-element.elementor-element-f93e2cc{--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-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-417 .elementor-element.elementor-element-828a40e{text-align:center;}.elementor-417 .elementor-element.elementor-element-828a40e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#000000;}.elementor-417 .elementor-element.elementor-element-df3c979{--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;}/* Start custom CSS for shortcode, class: .elementor-element-01b916e *//* --- Căn đều chiều cao khung sản phẩm --- */
ul.products li.product {
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    border: 1px solid #eee;
    padding: 10px;
    border-radius: 10px;
    background: #fff;
}

/* --- Căn chỉnh hình sản phẩm cho đều nhau --- */
ul.products li.product img {
    height: 230px !important;
    object-fit: cover !important;
    width: 100%;
    border-radius: 8px;
}

/* --- Tên sản phẩm cùng chiều cao --- */
ul.products li.product .woocommerce-loop-product__title {
    min-height: 48px; /* 2 dòng */
    display: block;
}

/* --- Giá sản phẩm cách đều --- */
ul.products li.product .price {
    margin-top: auto;
    margin-bottom: 10px;
}

/* --- Nút màu đỏ --- */
ul.products li.product .button,
ul.products li.product a.button {
    display: block;
    width: 100%;
    text-align: center;
    background: #e60023 !important; /* đỏ */
    color: #fff !important;
    border-radius: 10px;
    padding: 10px 0;
    font-weight: 600;
    transition: 0.25s;
    margin-top: 10px;
}

ul.products li.product .button:hover,
ul.products li.product a.button:hover {
    background: #b5001c !important; /* đỏ đậm */
    color: #fff !important;
}

/* --- Giảm khoảng cách giữa các sản phẩm cho gọn hơn --- */
ul.products {
    gap: 20px !important;
}/* End custom CSS */