.elementor-421 .elementor-element.elementor-element-359c73a{--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-421 .elementor-element.elementor-element-1b2f609{--spacer-size:50px;}.elementor-421 .elementor-element.elementor-element-ec0c9cd{--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;--justify-content:flex-start;--align-items:center;}.elementor-421 .elementor-element.elementor-element-ec0c9cd.e-con{--align-self:flex-start;}.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-421 .elementor-element.elementor-element-270ff5a .elementor-heading-title{color:#000000;}.elementor-421 .elementor-element.elementor-element-744612b{--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:767px){.elementor-421 .elementor-element.elementor-element-ec0c9cd{--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-421 .elementor-element.elementor-element-270ff5a{padding:20px 20px 20px 20px;text-align:center;}}/* Start custom CSS for heading, class: .elementor-element-270ff5a *//* --- Nút màu đỏ --- */
ul.products li.product .button {
    display: block;
    width: 100%;
    text-align: center;
    background: #e60023;      /* MÀU ĐỎ */
    color: #fff;
    border-radius: 10px;
    padding: 8px 0;
    font-weight: 600;
    transition: 0.25s;
}

ul.products li.product .button:hover {
    background: #b5001c;      /* MÀU ĐỎ ĐẬM KHI HOVER */
    color: #fff;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a4fa33b *//* === CARD SẢN PHẨM ĐẸP, ĐỒNG ĐỀU === */
ul.products li.product {
    background: #fff;
    border-radius: 14px;
    padding: 15px;
    box-shadow: 0 4px 18px rgba(0,0,0,0.08);
    transition: all 0.25s ease;
    overflow: hidden;
}

/* Hover nổi lên */
ul.products li.product:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

/* --- Ảnh sản phẩm đồng nhất --- */
ul.products li.product img {
    height: 220px !important;   /* Chiều cao cố định */
    width: 100%;
    object-fit: cover;          /* Căn đều ảnh */
    border-radius: 12px;
}

/* --- Tiêu đề sản phẩm --- */
ul.products li.product .woocommerce-loop-product__title {
    font-size: 16px;
    font-weight: 600;
    min-height: 48px; /* Đồng đều 2 dòng */
    margin-top: 10px;
}

/* --- Giá sản phẩm luôn cùng vị trí --- */
ul.products li.product .price {
    font-size: 15px;
    font-weight: 700;
    color: #d62d20;
    min-height: 24px; /* Không bị nhảy khi sp ko có giá */
}

/* --- Nút (Add to cart / Read more) --- */
ul.products li.product .button {
    display: block;
    width: 100%;
    text-align: center;
    background: #08c;
    color: #fff;
    border-radius: 10px;
    padding: 8px 0;
    font-weight: 600;
    transition: 0.3s;
}

ul.products li.product .button:hover {
    background: #006fa6;
}

/* --- Khoảng cách giữa các sản phẩm --- */
ul.products.columns-4 li.product {
    margin-bottom: 30px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-744612b *//* --- Nút màu đỏ --- */
ul.products li.product .button {
    display: block;
    width: 100%;
    text-align: center;
    background: #e60023;      /* MÀU ĐỎ */
    color: #fff;
    border-radius: 10px;
    padding: 8px 0;
    font-weight: 600;
    transition: 0.25s;
}

ul.products li.product .button:hover {
    background: #b5001c;      /* MÀU ĐỎ ĐẬM KHI HOVER */
    color: #fff;
}/* End custom CSS */