.elementor-2552 .elementor-element.elementor-element-d39086d{--display:flex;}.elementor-2552 .elementor-element.elementor-element-efbf171{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for shortcode, class: .elementor-element-efbf171 *//* Đổi font chữ thành Archivo & in hoa tên sản phẩm */
ul.products li.product h2, 
ul.products li.product .woocommerce-loop-product__title {
    font-family: 'Archivo', sans-serif !important;
    color: black !important;
    font-weight: normal !important; /* Font regular */
    font-size: 13px; /* Giảm kích thước chữ trên PC */
    text-align: center;
    text-transform: uppercase; /* Chuyển thành chữ in hoa */
}

/* Chỉnh size chữ nhỏ hơn trên tablet & mobile */
@media (max-width: 1023px) {
    ul.products li.product h2, 
    ul.products li.product .woocommerce-loop-product__title {
        font-size: 13px !important;
    }
}

/* Căn giữa giá sản phẩm & tăng font size */
ul.products li.product .price {
    display: block;
    text-align: center;
    font-family: 'Archivo', sans-serif !important;
    font-size: 18px; /* Font chữ lớn hơn */
    font-weight: bold;
    color: black;
    margin-top: 5px; /* Tạo khoảng cách với tiêu đề */
}

/* Ẩ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 */