/* hw-align.css — đồng bộ canh lề tiêu đề section (13/10/2026)
   Quy tắc:
   1) Tiêu đề ĐỨNG MỘT MÌNH (giới thiệu, thương hiệu, USP, carousel SP không link, FAQ, CTA) → canh GIỮA, eyebrow + h2 + mô tả cùng giữa.
   2) Tiêu đề CÓ ĐIỀU KHIỂN bên phải (link "Xem tất cả", nút ‹ ›, mô tả phụ dạng flex) → canh TRÁI, điều khiển bên phải; mobile vẫn trái.
   3) Khối 2 cột chữ + ảnh (Về chúng tôi) → trái, theo cột chữ.
   Chỉ sửa các chỗ lệch quy tắc; phần đã đúng giữ nguyên trong hwatch.css. */

/* Trang SP: "Sản phẩm tương tự" / "Sản phẩm đã xem" đứng một mình → giữa, giống "Mẫu mới về"/"Bán chạy" trang chủ */
.hw-pd__rel > .hw-sec-title{text-align:center}

/* Trang SP: FAQ → giữa, khớp FAQ trang Liên hệ (.hw-faqwrap .hw-center) */
.hw-pd__faq{margin-left:auto;margin-right:auto}
.hw-pd__faq > .hw-sec-title{text-align:center}

/* Tiêu đề có điều khiển: khoá trái kể cả mobile */
.hw-viewed__head .hw-sec-title,
.hw-pd__cust-head .hw-sec-title,
.hw-sale__top h2,.hw-sale__top p,.hw-sale__top .hw-eyebrow{text-align:left}
@media (max-width:640px){
  .hw-sale__top{align-items:flex-start}
}

/* Quiz CTA: mô tả luôn giữa cùng tiêu đề, khối p tự căn giữa (không dạt trái khi max-width < cột) */
.hw-cta__in,.hw-cta__in > *{text-align:center}
.hw-cta p{margin-left:auto;margin-right:auto;max-width:min(520px,34ch)}

/* Chống rớt chữ lẻ (dòng mồ côi) cho tiêu đề + mô tả section toàn site */
.hw-head h2,.hw-head p,.hw-cta h2,.hw-cta em,.hw-cta p,
.hw-perks h2,.hw-news h2,.hw-sale__top h2,.hw-sale__top p,
.hw-sec-title,.hw-pd__cust-head p,.hw-about__txt h2,.hw-h1{text-wrap:balance}
/* Fallback trình duyệt chưa hỗ trợ balance: thu hẹp mô tả giữa để dòng cân hơn */
@supports not (text-wrap:balance){
  .hw-head p,.hw-cta p{max-width:32ch;margin-left:auto;margin-right:auto}
}

/* Gioi thieu: mo ta duoi tieu de giua (.hw-center .hw-lead max-width 640) dang dat trai -> can giua */
.hw-center .hw-lead{margin-left:auto;margin-right:auto}