.elementor-113 .elementor-element.elementor-element-0c95ed0{--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-113 .elementor-element.elementor-element-3a17a4a{--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-113 .elementor-element.elementor-element-be0e5e0{--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-113 .elementor-element.elementor-element-35631c2{--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-113 .elementor-element.elementor-element-9a5fff3{--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-113 .elementor-element.elementor-element-ddfab1a{--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-113 .elementor-element.elementor-element-02e7bb7{--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-113 .elementor-element.elementor-element-395609f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-113 .elementor-element.elementor-element-24871bd{--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-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-113 .elementor-element.elementor-element-9e46d1a{margin:2px 2px calc(var(--kit-widget-spacing, 0px) + 2px) 2px;}.elementor-113 .elementor-element.elementor-element-b2bb998{--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-113 .elementor-element.elementor-element-3cc4d71{margin:2px 2px calc(var(--kit-widget-spacing, 0px) + 2px) 2px;}.elementor-113 .elementor-element.elementor-element-a9915f4{--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-113 .elementor-element.elementor-element-4be71b8{--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-113 .elementor-element.elementor-element-68562c0{--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-113 .elementor-element.elementor-element-1af23c0{--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-113 .elementor-element.elementor-element-1a3aee0{--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-113 .elementor-element.elementor-element-5c70a54{--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;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:54px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body.elementor-page-113 .site-content{padding-top:0px;padding-bottom:0px;}@media(max-width:767px){.elementor-113 .elementor-element.elementor-element-5c70a54{--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:25px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-113 .elementor-element.elementor-element-24871bd{--width:50%;}.elementor-113 .elementor-element.elementor-element-b2bb998{--width:50%;}.elementor-113 .elementor-element.elementor-element-5c70a54{--content-width:1440px;}}/* Start custom CSS for ecomus-products-carousel, class: .elementor-element-bd8d0e6 *//* Áp dụng cho danh sách sản phẩm */
.products .product, 
.woocommerce ul.products li.product,
.elementor-grid-item {
    /* 1. Viền xám nhẹ và Bo góc */
    border: 1px solid #ededed !important; 
    border-radius: 12px !important; /* Bo góc hiện đại */
    
    /* 2. Khoảng cách và Nền */
    padding: 15px !important;
    background-color: #fff !important;
    
    /* 3. Canh chỉnh layout */
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-sizing: border-box;
    overflow: hidden;
}

/* Hiệu ứng khi di chuột vào (Hover) */
.products .product:hover, 
.woocommerce ul.products li.product:hover,
.elementor-grid-item:hover {
    border-color: #d1d1d1 !important; /* Viền đậm hơn chút khi hover */
    box-shadow: 0 10px 20px rgba(0,0,0,0.05); /* Đổ bóng cực nhẹ */
    transform: translateY(-4px); /* Nhích nhẹ lên trên */
}

/* Bo góc cho ảnh sản phẩm để khớp với khung ngoài */
.woocommerce ul.products li.product img,
.elementor-grid-item img {
    border-radius: 8px !important;
    margin-bottom: 10px !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover;
}

/* Chỉnh lại tiêu đề và giá cho thoáng */
.woocommerce-loop-product__title, 
.product-title {
    font-size: 15px !important;
    margin: 10px 0 !important;
    line-height: 1.4 !important;
}

.price {
    font-weight: bold !important;
    color: #333 !important;
    margin-bottom: 5px !important;
}


/* ===== 3. FIX TRIỆT ĐỂ TITLE CHỈ 2 DÒNG ===== */
.elementor-113 .elementor-element.elementor-element-bd8d0e6 .woocommerce-loop-product__title,
.elementor-113 .elementor-element.elementor-element-bd8d0e6 .product-title,
.elementor-113 .elementor-element.elementor-element-bd8d0e6 .ecomus-product-title,
.elementor-113 .elementor-element.elementor-element-bd8d0e6 h2,
.elementor-113 .elementor-element.elementor-element-bd8d0e6 h3 {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;

  overflow: hidden !important;
  text-overflow: ellipsis;

  line-height: 1.4em !important;
  height: 2.8em !important;     /* 🔥 khóa cứng đúng 2 dòng */
  max-height: 2.8em !important;

  margin: 8px 0 6px !important; /* giữ form card, không làm mất khung */
  padding: 0 !important;
}

/* ===== 4. TRƯỜNG HỢP TITLE BỌC TRONG <a> ===== */
.elementor-113 .elementor-element.elementor-element-bd8d0e6 .woocommerce-loop-product__title a,
.elementor-113 .elementor-element.elementor-element-bd8d0e6 .product-title a,
.elementor-113 .elementor-element.elementor-element-bd8d0e6 .ecomus-product-title a {
  display: block;
  height: 100%;
}

/* ===== 5. RATING + PRICE KHÔNG PHÁ CHIỀU CAO ===== */
.elementor-113 .elementor-element.elementor-element-bd8d0e6 .star-rating {
  margin: 0 0 6px;
}

.elementor-113 .elementor-element.elementor-element-bd8d0e6 .price {
  margin-top: auto;
}/* End custom CSS */
/* Start custom CSS for ecomus-product-grid, class: .elementor-element-fb247c6 *//* ===================================================
   ECOMUS PRODUCTS GRID – PRODUCT CARD + TITLE 2 LINES
   =================================================== */

/* ===== 1. PRODUCT CARD (KHUNG TỪNG SẢN PHẨM) ===== */
.elementor-113 .elementor-element.elementor-element-fb247c6 .product,
.elementor-113 .elementor-element.elementor-element-fb247c6 .product-item,
.elementor-113 .elementor-element.elementor-element-fb247c6 .ecomus-product {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 14px;
  box-sizing: border-box;
  transition: all 0.3s ease;
}

/* Hover nhẹ cho sang */
.elementor-113 .elementor-element.elementor-element-fb247c6 .product:hover,
.elementor-113 .elementor-element.elementor-element-fb247c6 .product-item:hover,
.elementor-113 .elementor-element.elementor-element-fb247c6 .ecomus-product:hover {
  box-shadow: 0 8px 24px rgba(0,0,0,0.06);
  transform: translateY(-2px);
}

/* ===== 2. IMAGE BO GÓC NHẸ ===== */
.elementor-113 .elementor-element.elementor-element-fb247c6 img {
  border-radius: 10px;
}

/* ===== 3. FIX TRIỆT ĐỂ TITLE CHỈ 2 DÒNG ===== */
.elementor-113 .elementor-element.elementor-element-fb247c6 .woocommerce-loop-product__title,
.elementor-113 .elementor-element.elementor-element-fb247c6 .product-title,
.elementor-113 .elementor-element.elementor-element-fb247c6 .ecomus-product-title,
.elementor-113 .elementor-element.elementor-element-fb247c6 h2,
.elementor-113 .elementor-element.elementor-element-fb247c6 h3 {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;

  overflow: hidden !important;
  text-overflow: ellipsis;

  line-height: 1.4em !important;
  height: 2.8em !important;     /* 🔥 khóa cứng đúng 2 dòng */
  max-height: 2.8em !important;

  margin: 8px 0 6px !important; /* giữ form card, không làm mất khung */
  padding: 0 !important;
}

/* ===== 4. TRƯỜNG HỢP TITLE BỌC TRONG <a> ===== */
.elementor-113 .elementor-element.elementor-element-fb247c6 .woocommerce-loop-product__title a,
.elementor-113 .elementor-element.elementor-element-fb247c6 .product-title a,
.elementor-113 .elementor-element.elementor-element-fb247c6 .ecomus-product-title a {
  display: block;
  height: 100%;
}

/* ===== 5. RATING + PRICE KHÔNG PHÁ CHIỀU CAO ===== */
.elementor-113 .elementor-element.elementor-element-fb247c6 .star-rating {
  margin: 0 0 6px;
}

.elementor-113 .elementor-element.elementor-element-fb247c6 .price {
  margin-top: auto;
}/* End custom CSS */
/* Start custom CSS for ecomus-products-carousel, class: .elementor-element-05121cc *//* ===================================================
   ECOMUS PRODUCTS GRID – PRODUCT CARD + TITLE 2 LINES
   =================================================== */

/* ===== 1. PRODUCT CARD (KHUNG TỪNG SẢN PHẨM) ===== */
.elementor-113 .elementor-element.elementor-element-05121cc .product,
.elementor-113 .elementor-element.elementor-element-05121cc .product-item,
.elementor-113 .elementor-element.elementor-element-05121cc .ecomus-product {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 14px;
  box-sizing: border-box;
  transition: all 0.3s ease;
}

/* Hover nhẹ cho sang */
.elementor-113 .elementor-element.elementor-element-05121cc .product:hover,
.elementor-113 .elementor-element.elementor-element-05121cc .product-item:hover,
.elementor-113 .elementor-element.elementor-element-05121cc .ecomus-product:hover {
  box-shadow: 0 8px 24px rgba(0,0,0,0.06);
  transform: translateY(-2px);
}

/* ===== 2. IMAGE BO GÓC NHẸ ===== */
.elementor-113 .elementor-element.elementor-element-05121cc img {
  border-radius: 10px;
}

/* ===== 3. FIX TRIỆT ĐỂ TITLE CHỈ 2 DÒNG ===== */
.elementor-113 .elementor-element.elementor-element-05121cc .woocommerce-loop-product__title,
.elementor-113 .elementor-element.elementor-element-05121cc .product-title,
.elementor-113 .elementor-element.elementor-element-05121cc .ecomus-product-title,
.elementor-113 .elementor-element.elementor-element-05121cc h2,
.elementor-113 .elementor-element.elementor-element-05121cc h3 {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;

  overflow: hidden !important;
  text-overflow: ellipsis;

  line-height: 1.4em !important;
  height: 2.8em !important;     /* 🔥 khóa cứng đúng 2 dòng */
  max-height: 2.8em !important;

  margin: 8px 0 6px !important; /* giữ form card, không làm mất khung */
  padding: 0 !important;
}

/* ===== 4. TRƯỜNG HỢP TITLE BỌC TRONG <a> ===== */
.elementor-113 .elementor-element.elementor-element-05121cc .woocommerce-loop-product__title a,
.elementor-113 .elementor-element.elementor-element-05121cc .product-title a,
.elementor-113 .elementor-element.elementor-element-05121cc .ecomus-product-title a {
  display: block;
  height: 100%;
}

/* ===== 5. RATING + PRICE KHÔNG PHÁ CHIỀU CAO ===== */
.elementor-113 .elementor-element.elementor-element-05121cc .star-rating {
  margin: 0 0 6px;
}

.elementor-113 .elementor-element.elementor-element-05121cc .price {
  margin-top: auto;
}/* End custom CSS */