.elementor-577 .elementor-element.elementor-element-e289cd2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--justify-content:center;--background-transition:0.3s;--border-radius:20px 20px 20px 20px;}.elementor-577 .elementor-element.elementor-element-e289cd2, .elementor-577 .elementor-element.elementor-element-e289cd2::before{--border-transition:0.3s;}.elementor-577 .elementor-element.elementor-element-c680f69 img{height:150px;object-fit:contain;}.elementor-577 .elementor-element.elementor-element-c680f69 > .elementor-widget-container{padding:10px 0px 0px 0px;}.elementor-577 .elementor-element.elementor-element-a72fedf{text-align:center;}.elementor-577 .elementor-element.elementor-element-a72fedf .elementor-heading-title{color:#FFFFFF;font-family:"DINRoundOT", DINRoundOT;font-size:20px;font-weight:700;line-height:30px;}@media(max-width:1024px){.elementor-577 .elementor-element.elementor-element-c680f69 img{height:140px;}.elementor-577 .elementor-element.elementor-element-a72fedf > .elementor-widget-container{margin:10px 0px 0px 0px;}}@media(max-width:767px){.elementor-577 .elementor-element.elementor-element-c680f69 img{height:100px;}.elementor-577 .elementor-element.elementor-element-a72fedf .elementor-heading-title{font-size:16px;line-height:20px;}.elementor-577 .elementor-element.elementor-element-a72fedf > .elementor-widget-container{margin:20px 0px 0px 0px;}}/* Start custom CSS for image, class: .elementor-element-c680f69 */#loop-iteam-product-img{
    /*height: 170px;*/
    transition:  transform 0.4s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a72fedf */#name-product-category{
    
  display: -webkit-box; /* Sử dụng flex box layout */
  -webkit-line-clamp: 2; /* Hiển thị tối đa 2 dòng */
  -webkit-box-orient: vertical; /* Hướng dọc */
  overflow: hidden; /* Ẩn nội dung vượt quá */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e289cd2 */#loop-iteam-product:hover #loop-iteam-product-img{
    transition:  transform 0.4s ease-in-out;
    transform: scale(1.2);
}
@media screen and (max-width: 576px) {
#loop-iteam-product-img {
       /*height: 145px;*/
}
}/* End custom CSS */
/* Start custom CSS */@media only screen and (max-width: 767px){
.elementor-577 .elementor-element.elementor-element-c680f69 img{
    height: 110px;
}
}/* End custom CSS */