ul.products {
    margin-bottom: -12px !important;
    margin-left: -12px !important;
}

ul.products>* {
    padding-bottom: 12px !important;
    padding-left: 12px !important;
}

/* .product-item {} */

.product-item:hover {
    z-index: 2;
}

.product-item>.product-container {
    padding-bottom: 10px;
    background: #fff;
    /* max-height: 430px; */
    overflow: hidden;
    transition: max-height 0.2s, all 0.2s;
}

@media (min-width: 960px) {
    .product-item:hover>.product-container {
        max-height: 100% !important;
        border-radius: 10px;
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    }
}

.product-item .product-container>a>*:nth-child(n+4) {
    padding-left: 10px;
    padding-right: 10px;
}

.product-item .product-container>* {
    text-align: center;
    color: inherit;
}

.product-item>*:hover {
    color: inherit;
}

.product-item .onsale {
    font-size: 16px;

    padding: 1px 5px;
    border-radius: 0 10px 0 10px;
    background: linear-gradient(270deg, #DA004E 0%, #FA474D 100%);

    top: 0;
    left: unset;
    right: 0;
}

.product-item>* img {
    margin-bottom: 8px !important;
    border-radius: 0 10px 0 0;
}

.product-item .price {
    white-space: nowrap;
}

ul.products>* .price del {
    font-size: 14px;
}

ul.products>* .product-item .woocommerce-loop-product__title {
    margin-top: 5px;

    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.product-item .ju-star {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.product-item .ju-star>* {
    font-size: 14px;

    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
}

.ju-star>span:first-child svg {
    color: #FFCC00;
}

.ju-star>span:last-child svg {
    color: #6A6A6A;
}

.product-item .___short-content {
    font-size: 16px;
    color: #333;

    margin-top: 5px;

    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.product-item .jp_custom_cart_button {
    margin-top: 15px;

    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 2px;
    padding: 0 10px;
}

.product-item .jp_custom_cart_button .themgiohang {
    flex-grow: 1;

    color: #fff;
    font-size: 18px;
    line-height: 44px;
    border-radius: 10px 0 0 10px;
    background: #000;

    cursor: pointer;
}

.product-item .jp_custom_cart_button .btn-yeuthich {
    padding: 10px;
    border-radius: 0 10px 10px 0;
    background: #000;
    transition: 0.15s;

    position: relative;

    cursor: pointer;
}

.product-item .jp_custom_cart_button .btn-yeuthich:hover {
    background: var(--Primary-Color-main);
}

.product-item .chinhsach {
    margin: 10px 10px 0 10px;

    font-size: 18px;

    padding: 9px 10px;
    background: #F3F3F3;
    border-radius: 10px;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;

    cursor: pointer;
}

.product-item.active::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='34' viewBox='0 0 39 34' fill='none'%3E%3Cpath d='M38.2339 9.29167C38.2339 9.15193 38.25 9.01457 38.25 8.87415H38.2124C38.0308 6.46083 36.9483 4.20578 35.182 2.56018C33.4155 0.914749 31.0956 0.000488281 28.6868 0.000488281C26.2779 0.000488281 23.958 0.914749 22.1917 2.56018C20.4252 4.20578 19.3427 6.46083 19.1611 8.87415H19.0874C18.9058 6.46083 17.8233 4.20578 16.057 2.56018C14.2905 0.914749 11.9706 0.000488281 9.56177 0.000488281C7.1529 0.000488281 4.83297 0.914749 3.06659 2.56018C1.30018 4.20578 0.217742 6.46083 0.0360379 8.87415H0C0 9.01457 0.0132376 9.15193 0.0161812 9.29167C0.0161812 9.39945 0 9.50451 0 9.61314C0.000449022 10.2773 0.0689666 10.9398 0.204488 11.5899C2.24865 25.3245 19.125 34.0005 19.125 34.0005C19.125 34.0005 36.0014 25.3245 38.0454 11.5899C38.181 10.9398 38.2495 10.2773 38.25 9.61314C38.25 9.50451 38.2375 9.39945 38.2339 9.29167Z' fill='%23ED1B24'/%3E%3C/svg%3E");
    position: absolute;
    top: 10px;
    left: 10px;
}

/* ---------------------------------------- END PRODUCT -------------------------------------------------------------------------*/
.woocommerce-result-count {
    display: none;
}

.woocommerce-ordering {
    float: unset !important;

    width: 260px;
    max-width: 100%;
}

.tm-element-woo-products form.woocommerce-ordering>select.orderby {
    height: auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M6 9.5L12 15.5L18 9.5' stroke='%236A6A6A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    border: unset
}




@media (max-width: 959px) {
    .product-item {
        max-height: unset !important;
    }

    .product-item>.product-container {
        max-height: unset !important;
    }

    .product-item .product-container>* {
        text-align: left;
    }

    .product-item .product-container>a>*:nth-child(n+4) {
        padding-left: 0px;
        padding-right: 0px;
    }

    .product-item .ju-star {
        justify-content: flex-start;
    }

    .product-item .___short-content {
        -webkit-line-clamp: 2;
    }

    .product-item .jp_custom_cart_button {
        margin-top: 0;
        padding: 10px;

        gap: 7px;
        position: absolute;
        right: 0;
    }

    .product-item .jp_custom_cart_button .themgiohang,
    .product-item .jp_custom_cart_button .btn-yeuthich {
        background: transparent;
        padding: 0;
        line-height: unset;
    }

    .product-item .jp_custom_cart_button svg {
        width: 24px;
    }

    .product-item .jp_custom_cart_button svg path {
        fill: #b8b8b8 !important;
    }
}

@media (max-width: 639px) {
    ul.products {
        margin-bottom: -10px !important;
        margin-left: -10px !important;
    }

    ul.products>* {
        padding-bottom: 10px !important;
        padding-left: 10px !important;
        width: 50% !important;
    }
}

@media (max-width: 479px) {
    .product-item>* img {
        margin-bottom: 6px;
    }

    ul.products>* .price {
        font-size: 15px;
        white-space: unset;
        line-height: 1.1 !important;
    }

    ul.products>* .price del {
        font-size: 12px;
    }

    .product-item .___short-content {
        font-size: 14px;
    }

    .product-item .ju-star>span:last-child svg {
        width: 18px;
    }

    .product-item .ju-star>* {
        font-size: 12px;
    }

    /* ----------------------------------------- */
    .woocommerce-ordering {
        width: 200px;
    }

    .tm-element-woo-products form.woocommerce-ordering>select.orderby {
        font-size: 14px;
    }
}