.elementor-2824 .elementor-element.elementor-element-898e0b8{--display:flex;}.elementor-2824 .elementor-element.elementor-element-09b3819{--display:flex;--min-height:0px;}.elementor-2824 .elementor-element.elementor-element-8b337b9{--divider-border-style:solid;--divider-color:#000;--divider-border-width:3.9px;}.elementor-2824 .elementor-element.elementor-element-8b337b9 .elementor-divider-separator{width:100%;}.elementor-2824 .elementor-element.elementor-element-8b337b9 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-2824 .elementor-element.elementor-element-c73e800{--display:flex;}.elementor-2824 .elementor-element.elementor-element-851dece.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-2824 .elementor-element.elementor-element-851dece.elementor-wc-products .attachment-woocommerce_thumbnail{border-style:groove;}.elementor-2824 .elementor-element.elementor-element-851dece.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-2824 .elementor-element.elementor-element-24588d4{--display:flex;}.elementor-2824 .elementor-element.elementor-element-8779dce .elementor-button{background-color:#000000;}.elementor-2824 .elementor-element.elementor-element-8779dce .elementor-button-content-wrapper{flex-direction:row;}@media(min-width:768px){.elementor-2824 .elementor-element.elementor-element-09b3819{--content-width:1186px;}.elementor-2824 .elementor-element.elementor-element-24588d4{--content-width:1323px;}}@media(max-width:1024px){.elementor-2824 .elementor-element.elementor-element-851dece.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-2824 .elementor-element.elementor-element-851dece.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for wc-archive-products, class: .elementor-element-851dece *//* WooCommerce product grid: tiêu đề 2 dòng + … như Amazon */
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size:16px;
  line-height:1.35;
  display:-webkit-box;
  -webkit-line-clamp:2;          /* số dòng muốn hiển thị */
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-overflow: ellipsis;        /* thêm … */
  min-height:calc(1.35em * 2);    /* giữ chiều cao đúng 2 dòng */
  margin:8px 0 6px !important;
}

/* Đảm bảo nút luôn thẳng hàng dưới cùng (card bằng nhau) */
.woocommerce ul.products li.product{ display:flex; flex-direction:column; }
.woocommerce ul.products li.product .button{ margin-top:auto; }

/* Mobile: vẫn 2 dòng, chữ nhỏ hơn chút cho gọn */
@media (max-width:767px){
  .woocommerce ul.products li.product .woocommerce-loop-product__title{
    font-size:14px;
    -webkit-line-clamp:2;
    min-height:calc(1.35em * 2);
  }
}
/* ===== 1) Card sản phẩm dùng flex để nút nằm đáy ===== */
.woocommerce ul.products li.product{
  display:flex; flex-direction:column;
}

/* ===== 2) Ô ảnh cố định tỉ lệ, ảnh tự căn giữa ===== */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link img{
  width:100%;
  aspect-ratio: 2 / 3;        /* sách đứng: 2:3 hoặc 3:4 */
  height:auto;
  object-fit: cover;          /* Đều chiều cao, chấp nhận crop chút */
  /* Nếu không muốn crop: dùng contain */
  /* object-fit: contain; background:#fff; padding:6px; */
}

/* Trường hợp theme đặt height khác, ép wrapper ảnh cũng đồng nhất */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{
  display:block;
}

/* ===== 3) Tiêu đề cắt sau 2 dòng + giữ chiều cao cố định ===== */
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  --lines: 2;                 /* đổi 2 → 3 nếu muốn 3 dòng */
  --lh: 1.35;                 /* line-height */
  font-size:16px; line-height:var(--lh);
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:var(--lines);
  overflow:hidden; text-overflow:ellipsis;
  min-height:calc(var(--lh) * 1em * var(--lines)); /* chiều cao cố định */
  margin:8px 0 6px !important;
}

/* Đảm bảo nút luôn thẳng hàng dưới cùng */
.woocommerce ul.products li.product .button{ margin-top:auto; }

/* Mobile: chữ nhỏ hơn chút vẫn giữ số dòng */
@media (max-width:767px){
  .woocommerce ul.products li.product .woocommerce-loop-product__title{
    font-size:14px;
  }
}/* End custom CSS */