/*
 * LALUZ UI Patch — MODULE BENEFITS
 * Khối "Quyền lợi khách hàng tại LALUZ" trên PDP.
 *
 * KHÔNG vẽ icon mới, KHÔNG đụng monogram LALUZ ở tiêu đề.
 * Dùng lại đúng asset sẵn có:
 *   /wp-content/uploads/2023/12/ic-benefit.svg    35×22  handshake — cam kết chính hãng
 *   /wp-content/uploads/2023/12/ic-benefit-2.svg  33×32  store     — đổi hàng & tích điểm
 *   /wp-content/uploads/2023/12/ic-benefit-3.svg  27×32  headset   — tư vấn & gói quà
 *   /wp-content/uploads/2023/12/ic-benefit-4.svg  39×33  truck     — miễn phí giao hàng
 *
 * Bỏ ẩn icon do product-info.css lo (chung rule .box-info .info-list .ic-info).
 * File này chỉ lo phần riêng của khối quyền lợi.
 *
 * v1.1.1 — SỬA SCOPE. Bản trước dùng :not(:has(.txt ~ *)) để phân biệt hai khối,
 * nhưng DOM thật cho thấy CẢ HAI khối đều có cấu trúc li > [.ic-info, p.txt]
 * (nhãn/giá trị nằm BÊN TRONG p.txt dưới dạng span.lz-k + span.lz-v), nên
 * selector đó khớp cả khối thông số và làm icon thông số bị đẩy lên đầu dòng.
 * Nay phân biệt bằng container thật: .info-prod-it (quyền lợi) và
 * .prod-dt-left-it (thông số).
 */

/* Text quyền lợi dài nhiều dòng → icon căn theo dòng chữ đầu tiên */
html body .info-prod-it .box-info .info-list li.info-item {
	align-items: flex-start !important;
	min-height: 54px !important;
}

html body .info-prod-it .box-info .info-list li.info-item .ic-info {
	margin-top: 2px !important;
}

html body .info-prod-it .box-info .info-list li.info-item > .txt {
	margin: 0 !important;
	color: var(--lz-ink, #141310) !important;
	font-size: 13.5px !important;
	font-weight: 300 !important;
	line-height: 1.5 !important;
}