/* blog-khu.css — thẻ bài viết trên TRANG SẢN PHẨM (26/8/2026).
   Trước đây bộ .bl-* chỉ tồn tại dưới dạng <style> nội tuyến trong blog/index.html,
   nên trang sản phẩm nào muốn bày thẻ bài cũng phải chép lại CSS — đúng cái bẫy
   đã ghi ở memory css-noi-tuyen-ct-html-bay. Tách ra một file để mọi trang dùng
   chung; sửa một chỗ là cả 8 trang sản phẩm đổi theo. */
.bk-wrap{max-width:1160px;margin:0 auto;padding:36px 20px 8px}
.bk-wrap h2{font-size:22px;margin:0 0 4px;color:var(--navy,#0B2447)}
.bk-wrap .bk-lead{margin:0;color:#6B7280;font-size:14.5px}
.bk-wrap .bk-all{display:inline-block;margin-top:16px;font-weight:800;color:var(--pink,#EC4899);text-decoration:none}
.bl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin-top:22px}
.bl-card{display:flex;flex-direction:column;border:1px solid var(--line,#E5E7EB);border-radius:16px;background:#fff;
  padding:20px 20px 18px;text-decoration:none;box-shadow:0 2px 10px rgba(16,24,40,.05);transition:.15s}
.bl-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(16,24,40,.1);border-color:#F5D0E6}
.bl-tag{display:inline-block;background:#FDF2F8;color:#BE185D;font-weight:800;font-size:11.5px;letter-spacing:.04em;
  border-radius:999px;padding:3px 11px;margin-bottom:10px;width:fit-content}
.bl-card h2{margin:0 0 8px;font-size:17px;line-height:1.4;color:var(--navy,#0B2447)}
.bl-card p{margin:0 0 14px;font-size:14px;line-height:1.65;color:#4B5563;flex:1}
.bl-foot{font-size:12.5px;color:var(--muted,#9CA3AF);display:flex;gap:12px;align-items:center}
.bl-more{color:var(--pink,#EC4899);font-weight:800;font-size:13.5px;margin-left:auto}
.bl-empty{border:1px dashed var(--line,#E5E7EB);border-radius:14px;padding:26px;text-align:center;color:var(--muted,#9CA3AF)}