/* CSS riêng cho Component Desktop 7 */
/* 1. Ép thẻ card luôn giãn đầy chiều cao của cột chứa nó */
.msb-landing-content-desktop7 {
  height: 100%;
  min-height: 100%;
}

/* 2. Tự động ép Flatsome Column (.col và .col-inner) thành dạng Flex tự giãn mà không cần cài đặt "Equal Height" trong Row */
.col:has(.msb-landing-content-desktop7) {
  display: flex;
}

.col:has(.msb-landing-content-desktop7) > .col-inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

/* 3. Giữ an toàn hiển thị tối đa 2 dòng cho tên sản phẩm, bỏ min-height để nó linh hoạt theo flex như Grid */
.msb-landing-content-desktop7 .msb-product-card__name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10px;
}