/*!
 * khampha.css — trang Khám phá dựng bằng Avada (Figma frame "Khám phá" 154-443).
 *
 * Trước đây toàn bộ khối này được in ra bằng PHP dưới dạng <style> NẰM TRONG
 * <body>, do shortcode [libero_khampha_filter] phát ra. Hệ quả: xoá hộp lọc là
 * mất sạch giao diện trang, và trình duyệt không cache được như file nên mỗi
 * lượt xem tải lại 11,5 KB.
 *
 * Lý do cũ để inline là "enqueue ở đây sẽ không ra file nào cả", vì CSS của
 * plugin chỉ nạp cho template riêng. Điều đó không còn đúng từ 11/09/2026:
 * libero_core_co_element() đã nạp CSS cho cả trang Avada lẫn section Theme
 * Builder có dùng element của plugin.
 *
 * Số đo đọc trực tiếp từ Figma, không ước lượng:
 *   cột nội dung 1200, lề 200 mỗi bên · lưới thẻ 3 cột, gap 32 → thẻ 378
 *   thẻ 378 x 346, bo 13, viền 0.71 #1B1B38 10%, nền trắng
 *   ảnh thẻ 378 x 193 · thân thẻ 153, padding 11.36, giãn hai đầu
 *   khối đơn vị: padding dọc 93-94, tiêu đề khối cao 64, cách lưới 59
 *   hộp lọc 743 x 234, bo 16, đổ bóng 0 4 32 #F1E9E8
 *
 * Bám vào lớp do container Avada tự khai (lb-kp-*) chứ không bám ID trang, để
 * còn dùng lại được khi nội dung này chuyển sang trang khác.
 *
 * Ba chỗ KHÔNG khớp được và cố tình không ép:
 *   1. Figma dùng Google Sans Flex - font nội bộ của Google, không cấp phép
 *      công khai. Ở đây ánh xạ sang Montserrat, là sans site đang dùng.
 *   2. Chiều cao từng section trong Figma tính theo văn bản giả; trên site độ
 *      dài tiêu đề/mô tả là thật nên chiều cao khối sẽ xê dịch.
 *   3. Figma vẽ ở khung 1600; màn hẹp hơn thì cột 1200 tự co theo.
 */

.lb-kp{display:flex;flex-wrap:wrap;gap:28px 40px;align-items:flex-end}.lb-kp__field{flex:1 1 260px;display:flex;flex-direction:column;gap:6px;min-width:0}.lb-kp__field+.lb-kp__field{border-left:1px solid #EDEDF2;padding-left:40px}.lb-kp__label{font-size:13px;color:#8A8A99;line-height:1.3}.lb-kp__select{appearance:none;-webkit-appearance:none;border:0;background:transparent;font-size:16px;font-weight:600;color:#1B1B38;padding:2px 22px 2px 0;cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23FF3251' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center}.lb-kp__actions{flex:1 1 100%;display:flex;flex-wrap:wrap;gap:16px}.lb-kp__go,.lb-kp__all{flex:1 1 240px;text-align:center;border-radius:6px;padding:14px 20px;font-size:14px;font-weight:700;line-height:1;text-decoration:none;cursor:pointer}.lb-kp__go{background:#FF3251;color:#fff;border:1px solid #FF3251}.lb-kp__go:hover{background:#E52943;border-color:#E52943}.lb-kp__all{background:#fff;color:#1B1B38;border:1px solid #1B1B38;display:flex;align-items:center;justify-content:center}.lb-kp__all:hover{background:#1B1B38;color:#fff}@media(max-width:640px){.lb-kp__field+.lb-kp__field{border-left:0;padding-left:0}}[class*="lb-kp-"]>.fusion-row{max-width:1200px!important}.lb-kp-hero{background:linear-gradient(180deg,#FFFFFF 0%,#FEF9E7 100%)!important}.lb-kp-filter{background:linear-gradient(180deg,#FEF9E7 0%,#FFFFFF 100%)!important}.lb-kp-heading{background:#FDFBF7!important}.lb-kp-block:has(img[src*="lim-mark"]){background:#FDFBF7!important}.lb-kp-block:has(img[src*="lcci-mark"]){background:#FDF7F9!important}.lb-kp-block:has(img[src*="lit-mark"]){background:#F1F8F4!important}.lb-kp-libergo{background:#FFF6F7!important}.lb-kp-events{background:#FFFFFF!important}.lb-kp-docs{background:#F8F8F8!important}.lb-kp-partners{background:#FFFFFF!important}.lb-kp-hero{padding:94px 0 0!important}.lb-kp-filter{padding:0 0 79px!important}.lb-kp-heading{padding:94px 0 62px!important}.lb-kp-block{padding:93px 0!important}.lb-kp-heading+.lb-kp-block{padding-top:0!important}.lb-kp-docs{padding:94px 0!important}.lb-kp-filter .fusion-column-wrapper{max-width:743px!important;margin:0 auto!important;border-radius:16px!important;box-shadow:0 4px 32px #F1E9E8!important;padding:24px 32px 28px!important}section.lb-kp-filter>.fusion-row>.fusion-layout-column>.fusion-column-wrapper{margin-left:auto!important;margin-right:auto!important;width:auto!important}.lb-kp-heading .fusion-text,.lb-kp-heading .fusion-text *{font-family: var(--lb-font-serif)!important;font-weight:700!important;font-size:48.83px!important;line-height:56px!important;text-align:center!important}.lb-kp-block h3,.lb-kp-block h3 *{font-family: var(--lb-font-sans)!important;font-weight:500!important;font-size:27.65px!important;line-height:1.1!important;color:#000!important}.lb-kp-block>.fusion-row>.fusion-layout-column>.fusion-column-wrapper>.fusion-builder-row .fusion-text p{font-family: var(--lb-font-sans)!important;font-weight:500!important;font-size:19.2px!important;line-height:1.25!important;color:#676673!important}[class*="lb-kp-"]>.fusion-row>.fusion-layout-column>.fusion-column-wrapper{margin:0!important;width:100%!important}.lb-kp-block>.fusion-row>.fusion-layout-column>.fusion-column-wrapper>.fusion-builder-row{margin:0!important}.lb-kp-block>.fusion-row>.fusion-layout-column>.fusion-column-wrapper>.fusion-builder-row .fusion-title,.lb-kp-block>.fusion-row>.fusion-layout-column>.fusion-column-wrapper>.fusion-builder-row .fusion-title h3,.lb-kp-block>.fusion-row>.fusion-layout-column>.fusion-column-wrapper>.fusion-builder-row .fusion-text,.lb-kp-block>.fusion-row>.fusion-layout-column>.fusion-column-wrapper>.fusion-builder-row .fusion-text p{margin:0!important}.lb-kp-block>.fusion-row>.fusion-layout-column>.fusion-column-wrapper>.fusion-builder-row .fusion-title{margin-bottom:5px!important}.lb-kp-block .fusion-post-cards .fusion-grid>li:last-child{margin-bottom:0!important}.lb-kp-block>.fusion-row>.fusion-layout-column>.fusion-column-wrapper>.fusion-builder-row>.fusion-layout-column{margin-bottom:0!important}.lb-kp-block .fusion-post-cards{margin-top:59px!important}.lb-kp-block>.fusion-row>.fusion-layout-column>.fusion-column-wrapper>.fusion-separator{margin:0!important}.lb-kp-block .fusion-post-cards .fusion-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:32px!important;margin:0!important;padding:0!important}.lb-kp-block .fusion-post-cards .fusion-grid>li{width:auto!important;max-width:none!important;margin:0!important;padding:0!important;height:auto!important;flex:none!important}.lb-kp-block .fusion-grid>li{background:#FFFFFF!important;border:1px solid rgba(27,27,56,.10)!important;border-radius:16px!important;overflow:hidden!important}.lb-kp-block .fusion-grid>li>.fusion-column-inner-bg{background:transparent!important;border:0!important;box-shadow:none!important}.lb-kp-block .fusion-grid>li .fusion-column-inner-bg-image{height:100%!important;background:transparent!important}.lb-kp-block .fusion-grid>li>.fusion-column-wrapper{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:16px;padding:11.36px!important}.lb-kp-block .fusion-grid>li .fusion-classic-product-image-wrapper{height:193px!important;margin:-11.36px -11.36px 11.36px!important;overflow:hidden;flex:none}.lb-kp-block .fusion-grid>li .fusion-classic-product-image-wrapper img{width:100%!important;height:193px!important;object-fit:cover;display:block!important;margin:0!important}.lb-kp-block .fusion-grid>li .fusion-classic-product-image-wrapper+.fusion-builder-row{position:absolute!important;top:16px!important;left:16px!important;width:auto!important;margin:0!important;z-index:2}.lb-kp-block .fusion-grid>li .fusion-classic-product-image-wrapper+.fusion-builder-row{display:inline-flex!important}.lb-kp-block .fusion-grid>li .fusion-classic-product-image-wrapper+.fusion-builder-row .fusion-layout-column{width:auto!important;flex:none!important;margin:0!important}.lb-kp-block .fusion-grid>li .fusion-classic-product-image-wrapper+.fusion-builder-row .fusion-text,.lb-kp-block .fusion-grid>li .fusion-classic-product-image-wrapper+.fusion-builder-row .fusion-text p{white-space:nowrap!important;margin:0!important;width:auto!important}.lb-kp-block .fusion-grid>li .fusion-classic-product-image-wrapper+.fusion-builder-row .fusion-column-wrapper{width:auto!important;margin:0!important}.lb-kp-block .fusion-grid>li .fusion-title-heading{font-family: var(--lb-font-sans)!important;font-weight:500!important;font-size:16px!important;line-height:1.25!important;color:#000!important;margin:0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:40px!important;flex:none}.lb-kp-block .fusion-grid>li .fusion-title{margin:0 0 12px!important;flex:none}.lb-kp-block .fusion-grid>li .fusion-title~.fusion-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0!important;height:34.2px!important;flex:none}.lb-kp-block .fusion-grid>li .fusion-title~.fusion-text p{font-family: var(--lb-font-sans)!important;font-size:13.33px!important;line-height:1.28!important;color:#676673!important;margin:0!important}.lb-kp-block .fusion-grid>li .fusion-separator{margin:32.55px 0 12px!important;flex:none}.lb-kp-block .fusion-grid>li .fusion-separator,.lb-kp-block .fusion-grid>li .fusion-separator .fusion-separator-border{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}.lb-kp-block .fusion-grid>li .fusion-separator+.fusion-builder-row{display:flex!important;justify-content:space-between!important;align-items:center!important;padding-right:3.87%!important;box-sizing:border-box!important}.lb-kp-block .fusion-grid>li .fusion-separator+.fusion-builder-row>.fusion-layout-column,.lb-kp-block .fusion-grid>li .fusion-separator+.fusion-builder-row>.fusion-layout-column>.fusion-column-wrapper{margin:0!important;padding:0!important;width:auto!important;flex:0 0 auto!important}.lb-kp-block .fusion-grid>li .fusion-separator+.fusion-builder-row{margin:0!important}.lb-kp-block .fusion-grid>li .fusion-separator+.fusion-builder-row .fusion-text p{font-family: var(--lb-font-sans)!important;font-weight:600!important;font-size:11.36px!important;line-height:1.25!important;margin:0!important}.lb-kp-docs .fusion-post-cards .fusion-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:24px!important;margin:0!important;padding:0!important}.lb-kp-docs .fusion-post-cards .fusion-grid>li{width:auto!important;max-width:none!important;margin:0!important;padding:0!important;height:215px!important;flex:none!important;background:#FFFFFF!important;border:1px solid rgba(27,27,56,.10)!important;border-radius:16px!important;overflow:hidden!important}.lb-kp-docs .fusion-grid>li>.fusion-column-inner-bg,.lb-kp-docs .fusion-grid>li .fusion-column-inner-bg-image{background:transparent!important;border:0!important;box-shadow:none!important}.lb-kp-docs .fusion-grid>li>.fusion-column-wrapper{display:flex;flex-direction:column;gap:16px;height:100%;padding:24px!important;margin:0!important;width:100%!important}.lb-kp-docs .fusion-grid>li .fusion-builder-row{margin:0!important;width:auto!important}.lb-kp-docs .fusion-grid>li .fusion-layout-column,.lb-kp-docs .fusion-grid>li .fusion-layout-column>.fusion-column-wrapper{margin:0!important;padding:0!important;width:auto!important}.lb-kp-docs .fusion-grid>li .fusion-title{margin:0!important}.lb-kp-docs .fusion-grid>li .fusion-title-heading{font-family: var(--lb-font-serif)!important;font-weight:500!important;font-size:20px!important;line-height:1.25!important;color:#000!important;margin:0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lb-kp-docs .fusion-grid>li .fusion-title~.fusion-text,.lb-kp-docs .fusion-grid>li .fusion-title~.fusion-text p{font-family: var(--lb-font-sans)!important;font-size:13.33px!important;line-height:1.28!important;color:#676673!important;margin:0!important}.lb-kp-docs .fusion-grid>li .fusion-title~.fusion-text{margin-top:auto!important}.lb-kp-docs>.fusion-row>.fusion-layout-column>.fusion-column-wrapper>.fusion-title .fusion-title-heading{font-family: var(--lb-font-sans)!important;font-weight:500!important;font-size:27.65px!important;line-height:1.1!important;color:#000!important;margin:0 0 5px!important}.lb-kp-docs>.fusion-row>.fusion-layout-column>.fusion-column-wrapper>.fusion-text p{font-family: var(--lb-font-sans)!important;font-weight:500!important;font-size:19.2px!important;line-height:1.25!important;color:#676673!important;margin:0!important}.lb-kp-docs>.fusion-row>.fusion-layout-column>.fusion-column-wrapper>.fusion-separator{margin:0!important}.lb-kp-docs .fusion-post-cards{margin-top:59px!important}@media(max-width:1024px){.lb-kp-block .fusion-post-cards .fusion-grid{grid-template-columns:repeat(2,1fr)!important}.lb-kp-block .fusion-post-cards .fusion-grid>li{height:auto!important}.lb-kp-block,.lb-kp-docs{padding:56px 0!important}.lb-kp-heading .fusion-text,.lb-kp-heading .fusion-text *{font-size:34px!important;line-height:40px!important}}@media(max-width:640px){.lb-kp-block .fusion-post-cards .fusion-grid{grid-template-columns:1fr!important}}

/* ============================================================
 * Tài liệu chuyên môn — đối chiếu Figma "Frame 76" ngày 11/09/2026
 *
 * Số đo đọc trực tiếp từ Figma:
 *   khối 1598 x 755, nền #F8F8F8
 *   tiêu đề khối cách đỉnh 96, cao 64 (27,65/100% + gap 5 + 19,2/100%)
 *   lưới cách đỉnh khối 212,5 -> cách tiêu đề 52,5; lưới 1200 x 454
 *   thẻ 282 x 215, bo 16, viền 1px #0F0F2E 20%, padding 24, gap 16
 *   biến thể "file-hover": viền #FF3251
 *   ô icon 62 x 62, bo 8, nền #FF3251 10%
 *   khối chữ: tiêu đề 20px/27 (hộp 2 dòng = 54) + gap 11 + meta 16/24 #676673
 *   24 + 62 + 16 + 54 + 11 + 24 + 24 = 215 — khớp đúng chiều cao thẻ
 * ============================================================ */

/* Chiều cao khối: 96 + 64 + 52,5 + 454 + 88,5 = 755. */
.lb-kp-docs{padding:96px 0 88.5px!important}
.lb-kp-docs .fusion-post-cards{margin-top:52.5px!important}

/* Figma đặt line-height 100% cho cả hai dòng tiêu đề khối. */
.lb-kp-docs>.fusion-row>.fusion-layout-column>.fusion-column-wrapper>.fusion-title .fusion-title-heading{line-height:1!important}
.lb-kp-docs>.fusion-row>.fusion-layout-column>.fusion-column-wrapper>.fusion-text p{line-height:1!important}

/* Viền thẻ: Figma #0F0F2E ở 20%, không phải #1B1B38 ở 10%. */
.lb-kp-docs .fusion-post-cards .fusion-grid>li{border-color:rgba(15,15,46,.2)!important;transition:border-color .2s ease}
.lb-kp-docs .fusion-post-cards .fusion-grid>li:hover{border-color:#FF3251!important}

/*
 * Ô icon 62x62.
 *
 * Ô này VỐN đã có nền và bo góc do người dựng đặt trong builder
 * (--awb-bg-color:#FFF1F3, --awb-border-radius:12px, padding 12). Nhưng rule gộp
 * ở trên ép padding:0 và width:auto cho MỌI .fusion-layout-column trong thẻ, nên
 * ô xẹp xuống đúng cỡ glyph 15x20: mất hẳn ô nền mà không có lỗi nào báo. Đây là
 * CSS của chính ta xoá mất thiết kế, không phải builder thiếu.
 */
.lb-kp-docs .fusion-grid>li .fusion-builder-row-inner>.fusion-layout-column:first-child{
  width:62px!important;height:62px!important;flex:0 0 62px!important;padding:0!important;
  background:rgba(255,50,81,.1)!important;border-radius:8px!important;overflow:hidden!important}
.lb-kp-docs .fusion-grid>li .fusion-builder-row-inner>.fusion-layout-column:first-child>.fusion-column-wrapper{
  width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important}
.lb-kp-docs .fusion-grid>li .fusion-builder-row-inner>.fusion-layout-column:first-child i{
  font-size:28px!important;line-height:1!important;color:#FF3251!important}

/*
 * Hàng chứa ô icon: Avada đặt inline width:104% !important kèm lề âm -2% mỗi bên.
 * width mang !important trong thuộc tính style nên stylesheet không đè được; hai
 * lề thì không mang, nên gỡ lề là icon về đúng mốc trái 24px của Figma.
 */
.lb-kp-docs .fusion-grid>li>.fusion-column-wrapper>.fusion-builder-row-inner{
  margin-left:0!important;margin-right:0!important;height:62px!important;flex:none!important;align-items:center!important}

/*
 * Figma xếp từ trên xuống với hai khoảng cách KHÁC nhau: icon->tiêu đề 16,
 * tiêu đề->meta 11. Dùng gap chung của flex thì cả hai bằng nhau, nên bỏ gap và
 * đặt lề riêng. margin-top:auto cũ đẩy meta xuống đáy, thành khoảng cách 44.
 */
.lb-kp-docs .fusion-grid>li>.fusion-column-wrapper{gap:0!important}
.lb-kp-docs .fusion-grid>li>.fusion-column-wrapper>.fusion-builder-row-inner{margin-bottom:16px!important}
.lb-kp-docs .fusion-grid>li .fusion-title{margin:0 0 11px!important;flex:none}
.lb-kp-docs .fusion-grid>li .fusion-title~.fusion-text{margin-top:0!important;flex:none}

/* Tiêu đề thẻ: Figma hộp hai dòng cao 54, tức 27px mỗi dòng. */
.lb-kp-docs .fusion-grid>li .fusion-title-heading{line-height:27px!important;min-height:54px!important}

/* Meta: Figma 16/24. Trước để 13,33/17. */
.lb-kp-docs .fusion-grid>li .fusion-title~.fusion-text p{font-size:16px!important;line-height:24px!important}

/*
 * Chiều cao hộp chữ của tiêu đề khối.
 *
 * Figma ghi line-height 100% nhưng hộp văn bản lại cao 35 (chữ 27,65) và 24
 * (chữ 19,2) — Figma cắt lề trên/dưới theo cách khác trình duyệt. Đặt line-height
 * đúng bằng chiều cao hộp Figma thì khối tiêu đề ra đúng 35 + 5 + 24 = 64, lưới
 * rơi đúng mốc 212,5 và cả khối ra đúng 755. Để 100% thì hụt 10px.
 */
.lb-kp-docs>.fusion-row>.fusion-layout-column>.fusion-column-wrapper>.fusion-title .fusion-title-heading{line-height:35px!important;margin:0!important}
.lb-kp-docs>.fusion-row>.fusion-layout-column>.fusion-column-wrapper>.fusion-title{margin:0 0 5px!important}
.lb-kp-docs>.fusion-row>.fusion-layout-column>.fusion-column-wrapper>.fusion-text p{line-height:24px!important}

/* Cột Avada mang sẵn margin-bottom:20px, cộng thêm vào đáy khối. */
.lb-kp-docs>.fusion-row>.fusion-layout-column{margin-bottom:0!important}

/* ============================================================
 * Ảnh thẻ sản phẩm — bám đúng thông số Figma
 *
 * Figma: component khung ảnh tên "Media-thumb-LOCK-RATIO", Width Fill(378) x
 * Height Fixed(193) => tỉ lệ 1,959, và ảnh được CẮT cho vừa khung. Đây là chủ ý
 * thiết kế, không phải để ảnh tự co.
 *
 * Vì vậy dùng object-fit: cover. Hệ quả: ảnh nguồn nào không đúng 1,96 sẽ bị cắt
 * theo chiều dọc. Tính tại 11/09/2026:
 *
 *   374x374 (1,00) -> cắt 48%   Libero25, LiberoMusic TRANSCEND
 *   375x285 (1,32) -> cắt 32%   LiberGo x2, LiberoMusic 2-3, Sự kiện
 *   374x292 (1,28) -> cắt 34%   Mini-MBA
 *   375x250 (1,50) -> cắt 23%   AI for CEO, China Business
 *   374x210 (1,78) -> cắt  8%   Đào tạo Chuyển đổi số
 *   386x193 (2,00) -> cắt  0%   Kinh doanh, XDSPVH
 *
 * ĐANG CHỜ BỔ SUNG ẢNH: ảnh đại diện cần xuất theo 756 x 386 (gấp đôi 378 x 193
 * cho màn retina). Đủ ảnh đúng tỉ lệ thì khối này không phải sửa gì thêm — cover
 * sẽ không còn gì để cắt. Ưu tiên các poster có chữ, vì cắt là mất tiêu đề ở đỉnh
 * và nút kêu gọi ở đáy; ảnh chụp cắt 2:1 không mất gì đáng kể.
 * ============================================================ */
.lb-kp-block .fusion-grid>li .fusion-classic-product-image-wrapper img{object-fit:cover!important}

/*
 * Khung ảnh phải tràn đúng bề ngang trong lòng thẻ.
 *
 * Figma: thẻ 378 x 346, viền 0,71 — khung ảnh Fill(378), tức chạm sát hai mép.
 * Trên web khung ảnh đo được 374,66 trong khi lòng thẻ là 376,66: hụt 2px mỗi
 * bên. Lề âm -11,36 đáng lẽ kéo khung ra sát mép, nhưng khung là flex item nên
 * bề ngang kéo giãn không cộng đủ hai lề âm. Ép thẳng bằng calc.
 */
.lb-kp-block .fusion-grid>li .fusion-classic-product-image-wrapper{
  width:calc(100% + 22.72px)!important;max-width:none!important}

/*
 * Thẻ đang có HAI lớp viền chồng nhau.
 *
 * Figma chỉ vẽ một viền: 0,71px #1B1B38 10% trên chính thẻ. Trên web, ngoài viền
 * ta vẽ trên <li>, Avada còn đặt thêm một viền 1px #EDEDF2 lên
 * .fusion-column-wrapper bên trong. Màu nó gần như trắng nên nhìn không ra,
 * nhưng nó ăn mất 2px bề ngang: khung ảnh chỉ còn 374,66 trong lòng thẻ 376,66,
 * tức ảnh không chạm sát mép như Figma.
 */
.lb-kp-block .fusion-grid>li>.fusion-column-wrapper{border:0!important}

/* ============================================================
 * Tài liệu chuyên môn — màn hẹp
 *
 * HAI lỗi cùng lúc, cùng một gốc: khối media query cũ nằm ở GIỮA file và chỉ
 * nhắc tới .lb-kp-block, còn các rule của .lb-kp-docs thì viết SAU nó.
 *
 *   1. Lưới giữ nguyên 4 cột ở mọi bề ngang — ở 386px mỗi thẻ còn 77px trong
 *      khi ô icon đã 62px, tiêu đề chỉ còn 25px.
 *   2. padding 96/88,5 vẫn thắng @media(max-width:1024px){...56px}, vì media
 *      query KHÔNG cộng thêm độ ưu tiên: hai rule ngang nhau thì rule đứng sau
 *      trong file thắng, bất kể nó nằm ngoài hay trong media query.
 *
 * Vì vậy khối này phải đặt ở CUỐI file. Thẻ tài liệu hẹp (282) nên giảm cột dần
 * thay vì nhảy thẳng từ 4 xuống 1.
 * ============================================================ */
@media (max-width:1024px){
  .lb-kp-docs{padding:56px 0!important}
  .lb-kp-docs .fusion-post-cards{margin-top:32px!important}
  .lb-kp-docs .fusion-post-cards .fusion-grid{grid-template-columns:repeat(3,1fr)!important}
}
@media (max-width:768px){
  .lb-kp-docs .fusion-post-cards .fusion-grid{grid-template-columns:repeat(2,1fr)!important;gap:16px!important}
  /* Thẻ hẹp lại thì tiêu đề hai dòng có thể tràn: cho cao tự giãn từ 215 trở lên. */
  .lb-kp-docs .fusion-post-cards .fusion-grid>li{height:auto!important;min-height:215px!important}
}
@media (max-width:540px){
  .lb-kp-docs .fusion-post-cards .fusion-grid{grid-template-columns:1fr!important}
  /*
   * Một cột thì không cần chừa sẵn hai dòng tiêu đề nữa: chừa để các thẻ cùng
   * hàng bằng nhau, mà một cột thì không có hàng. Bỏ đi để thẻ ôm sát nội dung,
   * danh sách trên điện thoại đỡ dài.
   */
  .lb-kp-docs .fusion-post-cards .fusion-grid>li{min-height:0!important}
  .lb-kp-docs .fusion-grid>li .fusion-title-heading{min-height:0!important}
}

/* ============================================================
 * Hai nút của hộp lọc — theo Figma "Frame 352" / component Link
 *
 *   hàng nút   666 x 48, gap 32
 *   nút        hug, min-height 48, bo 8, padding 8/24, gap chữ–icon 24
 *   chữ        Google Sans Flex 400, 16/24, trắng trên nền #FF3251
 *   icon       bộ icons-line, 24 x 24 — nút chính arrow-right, nút phụ list
 *
 * Bản cũ để chữ 14px đậm 700, bo 6, padding 14/20 và không có icon nào.
 * ============================================================ */
.lb-kp__actions{gap:32px!important;justify-content:flex-start!important}
.lb-kp__go,.lb-kp__all{
  flex:0 0 auto!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:24px!important;min-height:48px!important;padding:8px 24px!important;
  border-radius:8px!important;font-size:16px!important;font-weight:400!important;line-height:24px!important}
.lb-kp__icon{flex:0 0 24px!important;width:24px;height:24px;display:block}
.lb-kp__icon svg{width:24px;height:24px;display:block}

/* Màn hẹp: hai nút xuống hàng và trải hết bề ngang cho dễ bấm. */
@media (max-width:640px){
  .lb-kp__actions{gap:12px!important}
  .lb-kp__go,.lb-kp__all{flex:1 1 100%!important;justify-content:space-between!important}
}

/* ============================================================
 * Vị trí hai nút trong hộp lọc — Figma "Frame 294"
 *
 *   hộp        743 x 234, bo 16, lề ngang 40
 *   hàng chọn  top 76,  653 x 54
 *   hàng nút   top 157, 666 x 48  — hai nút CĂN GIỮA hàng
 *   nút chính  244 x 48, nền #FF3251, chữ trắng
 *   nút phụ    246 x 48, nền #FDF7F9, viền 1px #000000
 *   đáy còn 29
 *
 * Hai nút cộng cả gap chỉ chiếm 522 trong hàng 666 — thừa 144 chia đều hai bên.
 * Bản trước căn trái nên nút dồn về mép, lệch hẳn so với Figma.
 * ============================================================ */
.lb-kp-filter .fusion-column-wrapper{padding-left:40px!important;padding-right:40px!important}
.lb-kp__actions{justify-content:center!important}
.lb-kp__all{background:#FDF7F9!important;border-color:#000000!important;color:#1B1B38!important}
.lb-kp__all:hover{background:#1B1B38!important;border-color:#1B1B38!important;color:#FFFFFF!important}

/* Chỉ còn một nút thì căn giữa vẫn đúng, không phải xử lý riêng. */

/* ============================================================
 * Bên trong hộp lọc — đối chiếu từng khối với Figma "Frame 294"
 *
 *   hộp 743 x 234, bo 16, lề 26 / 40 / 29
 *   tiêu đề      400 x 34, top 26, Source Serif 4 500, 25px/100%, #000, giữa
 *   hàng chọn    653 x 54, top 76
 *     ô 1        291 cố định, cao 48, gap nhãn–giá trị 4
 *     kẻ dọc     x 326, cao 54, 1px #1B1B38 10%
 *     ô 2        262 co theo chữ, left 361
 *     nhãn       cao 24, Google Sans Flex 400, 16/24, #414165
 *     giá trị    cao 20, Google Sans Flex 700, 16/100%, #292947
 *     chevron    16 x 16 chevron-down, cách chữ 8
 *   hàng nút     top 157 => cách hàng chọn 27
 *
 * Cộng dọc: 26 + 34 + 16 + 54 + 27 + 48 + 29 = 234, đúng chiều cao hộp.
 *
 * Chiều cao hộp chữ của Figma lại lớn hơn cỡ chữ (25px ứng với hộp 34) — cùng
 * hiện tượng đã gặp ở khối Tài liệu, nên line-height đặt bằng chiều cao hộp chứ
 * không đặt bằng 1.
 * ============================================================ */
.lb-kp-filter .fusion-column-wrapper{padding:26px 40px 29px!important}

/* Tiêu đề */
.lb-kp-filter .fusion-title{margin:0 0 16px!important}
.lb-kp-filter .fusion-title-heading{
  font-family: var(--lb-font-serif)!important;font-weight:500!important;
  font-size:25px!important;line-height:34px!important;color:#000000!important;margin:0!important}

/* Hàng hai ô chọn */
.lb-kp{gap:0!important;align-items:stretch!important}
.lb-kp__field{padding-block:3px!important;gap:4px!important;justify-content:center!important}
.lb-kp__field:first-child{flex:0 0 291px!important}
.lb-kp__field+.lb-kp__field{
  flex:0 0 auto!important;
  margin-left:35px!important;padding-left:35px!important;
  border-left:1px solid rgba(27,27,56,.1)!important}

.lb-kp__label{font-size:16px!important;line-height:24px!important;color:#414165!important}

/*
 * Ô chọn cao đúng 20 như dòng giá trị trong Figma. <select> gốc của trình duyệt
 * tự có chiều cao điều khiển ~50px ở cỡ chữ 16 — đó là lý do hộp trước đây cao
 * 250 thay vì 234. appearance:none đã tắt giao diện gốc nên ép được chiều cao.
 */
.lb-kp__select{
  height:20px!important;min-height:0!important;line-height:20px!important;
  font-weight:700!important;color:#292947!important;
  padding:0 24px 0 0!important;
  background-size:16px 16px!important;background-position:right center!important;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23292947' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important}

/* Hàng nút cách hàng chọn 27 */
.lb-kp__actions{margin-top:27px!important}

@media (max-width:640px){
  .lb-kp__field:first-child,.lb-kp__field+.lb-kp__field{flex:1 1 100%!important}
  .lb-kp__field+.lb-kp__field{margin-left:0!important;padding-left:0!important;border-left:0!important;margin-top:20px!important}
}

/*
 * Hộp lọc cũng dính viền 1px #EDEDF2 mặc định của Avada — cùng thứ đã gặp ở thẻ
 * sản phẩm. Figma chỉ có đổ bóng, không viền. Viền này đội hộp từ 234 lên 236 và
 * đẩy mọi thứ bên trong xuống 1px.
 */
.lb-kp-filter .fusion-column-wrapper{border:0!important}

/*
 * Ô chọn không được co giãn theo nhãn dài nhất.
 *
 * Figma đo được ô 2 rộng 262 vì nhãn mẫu trong file rất ngắn. Từ 11/09/2026 hộp
 * lọc chạy theo ma trận Đối tượng × Nhu cầu, nhãn thật dài hơn nhiều — "Triết
 * học, khoa học & những câu hỏi lớn của đời sống". Ô 2 đang để hug nên phình ra
 * 506, đẩy hàng chọn xuống hai dòng và đội hộp từ 234 lên 288.
 *
 * Cho ô 2 ăn đúng phần còn lại của hàng và cắt chữ bằng ellipsis: hộp giữ nguyên
 * 743 x 234 như Figma, còn danh sách xổ xuống vẫn hiện đủ chữ vì trình duyệt tự
 * vẽ popup theo bề rộng nội dung.
 */
.lb-kp__field+.lb-kp__field{flex:1 1 0!important;min-width:0!important}
.lb-kp__select{width:100%!important;max-width:100%!important;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ============================================================
 * Hàng tiêu đề khối đơn vị (logo + tên + mô tả) — Figma "Frame 353" 21/09/2026
 *
 *   hộp logo   274 x 71, left 199 (= mép trái 1200)
 *              component "LOGO LIBERO FINAL / Full Name Horizontal" 290 x 103 đặt
 *              lệch (-16, -15) trong hộp; file PNG trên site chính là bản xuất của
 *              component (vùng hình 2130x539 trong 2560x905) -> in ảnh cao 103 rồi
 *              kéo lề âm -15/-16 là hình rơi đúng 241x61 tại (8,9) trong hộp
 *   khối chữ   left 490 -> cách hộp logo 17; top +5 so với hộp logo; 789 x 64
 *              tiêu đề Google Sans Flex 500 27,65/hộp 35 #000
 *              gap 5
 *              mô tả   Google Sans Flex 500 19,2/hộp 24 #676673
 *   kẻ ngang   1201 x 1, #1B1B38 10%, top +88 (= 71 + 17)
 *   lưới thẻ   top +128 (= kẻ + 40)
 *
 * Bản trước: logo bị ép 90 x 32 (cột 1/6 trừ hai lề 24 còn 160, ảnh lại co nhỏ),
 * chữ cách logo 118 và cả hàng cao 59 — sai cỡ, sai khe, sai chiều cao.
 * ============================================================ */
.lb-kp-block>.fusion-row>.fusion-layout-column>.fusion-column-wrapper>.fusion-builder-row-inner{
  display:flex!important;flex-wrap:nowrap!important;align-items:flex-start!important;
  width:100%!important;max-width:100%!important;margin:0!important}
.lb-kp-block>.fusion-row>.fusion-layout-column>.fusion-column-wrapper>.fusion-builder-row-inner>.fusion-layout-column{
  margin:0!important;padding:0!important;min-width:0}
.lb-kp-block>.fusion-row>.fusion-layout-column>.fusion-column-wrapper>.fusion-builder-row-inner>.fusion-layout-column>.fusion-column-wrapper{
  margin:0!important;padding:0!important;width:100%!important}
/* Cột logo: ôm theo hình, cao đúng 71 */
.lb-kp-block>.fusion-row>.fusion-layout-column>.fusion-column-wrapper>.fusion-builder-row-inner>.fusion-layout-column:first-child{
  flex:0 0 auto!important;width:auto!important;height:71px!important;align-self:flex-start!important}
/* Avada in max-width:90px (thuộc tính max_width của element Image) lên span — gỡ. */
.lb-kp-block .fusion-builder-row-inner>.fusion-layout-column:first-child .fusion-image-element,
.lb-kp-block .fusion-builder-row-inner>.fusion-layout-column:first-child .fusion-imageframe{
  display:block!important;width:auto!important;max-width:none!important;height:71px!important;line-height:0;overflow:visible}
/* Hộp ôm theo ảnh (= rộng ảnh − 16 lệch trái): LIM 291,5−16 = 275,5 ≈ Figma 274; LCCI 336−16 = 320. Ép cứng 274 thì logo dài hơn tràn ra chạm chữ. */
.lb-kp-block .fusion-builder-row-inner>.fusion-layout-column:first-child .fusion-imageframe img{
  display:block!important;height:103px!important;width:auto!important;max-width:none!important;
  margin:-15px 0 0 -16px!important}
/* Khối LiberGo: logo là HTML (vòng tròn Go 52 + chữ LiberGo dưới, ~73 cao), không phải ảnh — không khoá 71/50, cao theo nội dung. */
.lb-kp-libergo>.fusion-row>.fusion-layout-column>.fusion-column-wrapper>.fusion-builder-row-inner>.fusion-layout-column:first-child{height:auto!important}
.lb-kp-libergo .fusion-builder-row-inner>.fusion-layout-column:first-child .fusion-text{line-height:1!important}
/* Cột chữ: cách logo 17, hạ 5 */
.lb-kp-block>.fusion-row>.fusion-layout-column>.fusion-column-wrapper>.fusion-builder-row-inner>.fusion-layout-column:last-child{
  flex:1 1 0!important;width:auto!important;max-width:789px!important;margin-left:17px!important;padding-top:5px!important;align-self:flex-start!important}
.lb-kp-block h3,.lb-kp-block h3 *{line-height:35px!important}
.lb-kp-block>.fusion-row>.fusion-layout-column>.fusion-column-wrapper>.fusion-builder-row .fusion-text p{line-height:24px!important}
/* Kẻ ngang cách hàng logo 17, lưới cách kẻ 40 */
/* Element Separator trong khối là kiểu "none" (không có div con, cao 0) — vẽ kẻ bằng border-top của chính nó: 1px + 39 = 40. */
.lb-kp-block>.fusion-row>.fusion-layout-column>.fusion-column-wrapper>.fusion-separator{
  margin:17px 0 0!important;width:100%!important;max-width:none!important;height:0!important;
  border-top:1px solid rgba(27,27,56,.1)!important}
.lb-kp-block .fusion-post-cards{margin-top:39px!important}

/*
 * Khẳng định lại luật màn hẹp SAU rule flex ở trên.
 *
 * Rule `.lb-kp__field+.lb-kp__field{flex:1 1 0}` viết ở cuối file nên nó đè luôn
 * khối @media(max-width:640px) nằm phía trên — media query không cộng thêm độ
 * ưu tiên, rule đứng sau thắng. Hậu quả: ở 390px ô chọn thứ hai co về 0px.
 *
 * Đây là lần thứ hai cùng một cái bẫy trong file này; quy tắc cho lần sau là mọi
 * khối @media phải nằm ở CUỐI, sau tất cả rule chung.
 */
@media (max-width:640px){
  .lb-kp__field:first-child,.lb-kp__field+.lb-kp__field{flex:1 1 100%!important;min-width:0!important}
  .lb-kp__field+.lb-kp__field{margin-left:0!important;padding-left:0!important;border-left:0!important;margin-top:20px!important}
}

/* Màn hẹp: logo nhỏ lại, chữ xuống dưới logo. */
@media (max-width:640px){
  .lb-kp-block>.fusion-row>.fusion-layout-column>.fusion-column-wrapper>.fusion-builder-row-inner{flex-wrap:wrap!important}
  .lb-kp-block>.fusion-row>.fusion-layout-column>.fusion-column-wrapper>.fusion-builder-row-inner>.fusion-layout-column:first-child{height:50px!important}
  .lb-kp-block .fusion-builder-row-inner>.fusion-layout-column:first-child .fusion-image-element,
  .lb-kp-block .fusion-builder-row-inner>.fusion-layout-column:first-child .fusion-imageframe{height:50px!important;width:auto!important}
  .lb-kp-block .fusion-builder-row-inner>.fusion-layout-column:first-child .fusion-imageframe img{height:72px!important;margin:-11px 0 0 -11px!important}
  .lb-kp-block>.fusion-row>.fusion-layout-column>.fusion-column-wrapper>.fusion-builder-row-inner>.fusion-layout-column:last-child{flex:1 1 100%!important;margin-left:0!important;padding-top:12px!important;max-width:calc(100% / 1.04)!important}
  /* Hàng Avada rộng 104% (inline !important, không đè được) nên cột chữ tự giới hạn về 100/104 để không lọt ra ngoài 390. */
}
@media (max-width:640px){
  .lb-kp-libergo>.fusion-row>.fusion-layout-column>.fusion-column-wrapper>.fusion-builder-row-inner>.fusion-layout-column:first-child{height:auto!important}
}

/*
 * Khoảng cách giữa các khối đơn vị — 21/09/2026
 * Cột ngoài của Avada mang margin-bottom:20px → cộng vào đệm khối: desktop
 * 93+20+93 = 206 (Figma ≈ 187), mobile 56+20+56 = 132. Bỏ 20 ở mọi bề rộng;
 * ≤640 hạ đệm khối về 40/40 (Figma không vẽ bản mobile trang này).
 */
.lb-kp-block>.fusion-row>.fusion-layout-column{margin-bottom:0!important}
@media (max-width:640px){
  .lb-kp-block{padding:40px 0!important}
  .lb-kp-heading+.lb-kp-block{padding-top:0!important}
}

/*
 * Lề hai bên ở màn hẹp — 21/09/2026
 * Dưới 1024 hàng Avada chỉ còn lề 3px (−2% row + 1,92% cột), chữ và thẻ dán
 * sát mép màn. Trang chủ/sản phẩm dùng .lb-container padding-inline 24 dưới
 * 1600 (tokens.css) → Khám phá lấy cùng 24: đặt 21 lên section, cộng 3 sẵn có.
 * Trừ dải Đối tác (chạy tràn cố ý). Hộp lọc đã có lề riêng 43.
 */
@media (max-width:1024px){
  section[class*="lb-kp-"]:not(.lb-kp-partners){padding-left:24px!important;padding-right:24px!important}
  /* Hàng ngoài của Avada có margin −2% và cột có lề 1,92% → đưa cả hai về 0 để lề đúng bằng 24 đặt ở section. */
  section[class*="lb-kp-"]:not(.lb-kp-partners)>.fusion-row{margin-left:0!important;margin-right:0!important;max-width:100%!important;width:100%!important}
  section[class*="lb-kp-"]:not(.lb-kp-partners)>.fusion-row>.fusion-layout-column>.fusion-column-wrapper{margin-left:0!important;margin-right:0!important;width:100%!important}
}

/*
 * Màu nền khối đơn vị — đối chiếu Figma 21/09/2026
 *   LIM  Frame 353  Color/LIM-bg  #FDFBF7
 *   LCCI Frame 356  Color/LCCI-bg #FDF7F9
 *   LIT  Frame 354  Color/LIT-bg  #F1F8F4 (chưa có khối trên site, khai sẵn)
 * Rule cũ nhận khối bằng img[src*="lim-mark"/"lcci-mark"] nhưng logo đã đổi
 * file (libero-institute-of-management-…, lcci-text) → không khớp, LIM ra trắng,
 * LCCI ra #FDFBF7. Nhận theo cả tên cũ lẫn tên mới.
 */
.lb-kp-block:has(img[src*="lim-mark"]),
.lb-kp-block:has(img[src*="institute-of-management"]){background:#FDFBF7!important}
.lb-kp-block:has(img[src*="lcci-mark"]),
.lb-kp-block:has(img[src*="lcci-"]){background:#FDF7F9!important}
.lb-kp-block:has(img[src*="lit-mark"]),
.lb-kp-block:has(img[src*="institute-of-technology"]){background:#F1F8F4!important}

/* ============================================================
 * 10 · Kho tài liệu — băng ảnh tràn viền, thay lưới 8 thẻ tài liệu
 * Figma "Frame 76" (node 401-3089), đo 28/09/2026 ở khung 1600.
 *
 * Trong Figma khối cũ (tiêu đề "Tài liệu học tập" + mô tả + lưới 4x2 thẻ) vẫn
 * còn nguyên nhưng đã bị ẨN (lớp "Frame 359"), thay bằng đúng hai thứ:
 *   1. ảnh 1597,75 x 608 đặt tại 0,0 → tràn hết bề ngang khung 1600.
 *      Dòng chữ "Nơi học tập / chất lượng cho người / trưởng thành" NẰM SẴN
 *      TRONG ẢNH, không phải lớp chữ riêng — nên ở đây không dựng chữ.
 *   2. nút "Chuyển tới kho tài liệu" 252 x 48 tại (673, 528) → canh giữa đúng
 *      ((1598−252)/2 = 673) và cách đáy khối 608 − (528+48) = 32.
 *
 * Khối cao 608 và KHÔNG có đệm trên dưới: Frame 357 (Sự kiện) chạy 2837→3492,
 * Frame 76 chạy 3492→4100, Frame 70 (Đối tác) bắt đầu đúng 4100. Vì vậy phải
 * gỡ padding 94 mà .lb-kp-* dùng chung, và gỡ trần 1200 của .fusion-row.
 *
 * Số đo nút (Figma):
 *   bo 8 · đệm 8/24 · khe chữ↔mũi tên 24 · nền #FF3251 (Color/Group)
 *   chữ 164 x 24, Google Sans Flex 400, 16/24, letter-spacing 0, #FFFFFF
 *   mũi tên: khung 16 x 16, nét vẽ 9,33 x 9,33 tại 3,33/3,33, viền 1px trắng
 *   → vẽ bằng CSS, không gõ <svg> vào Text Block (bẫy TinyMCE trang Liên hệ).
 *
 * "Rectangle 205": 783 x 158 tại (435, 485) trong khối, #000000 20%, layer blur
 * 68 của Figma ≈ blur(34px) của CSS — quầng tối làm chữ trắng của nút nổi lên
 * trên nền ảnh. Đặt theo phần trăm để co đúng tỉ lệ khi màn hẹp hơn 1600.
 *
 * .lb-kp-docs bên trên KHÔNG còn dùng nữa (không bài nào trong DB mang lớp đó,
 * đã dò 28/09/2026). Giữ lại để lùi bài một bước bằng
 * backups/kham-pha-16-truoc-bang-anh-20260928.txt là chạy được ngay.
 */
/* Container này khai hundred_percent="yes" trong Avada để chạy tràn thật.
 * Vẫn phải chốt lại padding ngang bằng CSS: Avada đặt padding-left/right 10
 * kèm !important ở một rule hai lớp (0,2,0), nên .lb-kp-kho (0,1,0) và cả
 * section.lb-kp-kho (0,1,1) đều thua — ảnh ra 1580 và lệch phải 10. Ghép
 * thêm .fusion-fullwidth cho lên (0,2,1). Riêng padding trên/dưới thì rule
 * ngắn đã thắng, nhưng gộp cả vào đây cho một chỗ. */
section.lb-kp-kho.fusion-fullwidth{background:#F8F8F8!important;padding:0!important;overflow:hidden}
.lb-kp-kho>.fusion-row{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}
.lb-kp-kho>.fusion-row>.fusion-layout-column{margin:0!important;padding:0!important;width:100%!important}
.lb-kp-kho>.fusion-row>.fusion-layout-column>.fusion-column-wrapper{
  position:relative!important;margin:0!important;padding:0!important;width:100%!important}

/* Ảnh: Avada bọc <img> trong .fusion-image-element > span.imageframe và ép
 * max-width inline lên span (bẫy đã gặp ở hàng logo 21/09) → gỡ cả ba tầng. */
.lb-kp-kho .fusion-image-element{margin:0!important;width:100%!important;display:block!important}
.lb-kp-kho .fusion-imageframe{
  max-width:none!important;width:100%!important;display:block!important;margin:0!important;line-height:0!important}
.lb-kp-kho .fusion-imageframe img{
  width:100%!important;height:auto!important;display:block!important;margin:0!important;
  aspect-ratio:1600/608;object-fit:cover;object-position:center}

/* Quầng tối sau nút. */
.lb-kp-kho>.fusion-row>.fusion-layout-column>.fusion-column-wrapper::after{
  content:"";position:absolute;pointer-events:none;z-index:1;
  left:27.1875%;width:48.9375%;top:79.7697%;height:25.9868%;
  background:rgba(0,0,0,.2);filter:blur(34px)}

/* Nút. Avada bọc <a> trong một <div> KHÔNG có lớp nào (đo 28/09/2026) nên không
 * bám được vào vỏ; đặt luôn chính <a> ra tuyệt đối. Vỏ rỗng còn lại cao 0. */
.lb-kp-kho a.fusion-button.lb-kp-kho__nut{
  position:absolute!important;left:50%!important;bottom:32px!important;
  transform:translateX(-50%)!important;z-index:2}
.lb-kp-kho a.fusion-button.lb-kp-kho__nut{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:24px!important;box-sizing:border-box!important;
  min-height:48px!important;height:48px!important;padding:8px 24px!important;
  border:0!important;border-radius:8px!important;box-shadow:none!important;
  background:#FF3251!important;color:#FFFFFF!important;
  font-family:var(--lb-font-sans)!important;font-weight:400!important;
  font-size:16px!important;line-height:24px!important;letter-spacing:0!important;
  text-transform:none!important;text-decoration:none!important}
.lb-kp-kho a.fusion-button.lb-kp-kho__nut:hover{background:#E52943!important;color:#FFFFFF!important}
.lb-kp-kho a.fusion-button.lb-kp-kho__nut .fusion-button-text{
  margin:0!important;padding:0!important;font-size:inherit!important;line-height:24px!important}
.lb-kp-kho a.fusion-button.lb-kp-kho__nut::after{
  content:"";flex:none;width:16px;height:16px;margin:0;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'><path d='M3.33 8h9.34M8 3.33L12.67 8L8 12.67'/></svg>") no-repeat center/16px 16px}

/* Khối này chạy tràn: không nhận lề 24 mà các khối lb-kp-* khác lấy dưới 1024. */
@media (max-width:1024px){
  section.lb-kp-kho{padding-left:0!important;padding-right:0!important}
  section.lb-kp-kho>.fusion-row{max-width:none!important;width:100%!important;margin:0!important}
  .lb-kp-kho a.fusion-button.lb-kp-kho__nut{bottom:24px!important}
}
/* Dưới 640 băng ảnh chỉ còn ~148 cao (tỉ lệ 2,63:1) nên nút không còn chỗ đè
 * lên ảnh: đưa nút xuống dưới ảnh, nền #F8F8F8 của khối đỡ lấy. Figma không vẽ
 * bản mobile cho khối này — đây là phần tự quyết, đã ghi lại để khách xem. */
@media (max-width:640px){
  section.lb-kp-kho.fusion-fullwidth{padding:0 0 24px!important}
  .lb-kp-kho a.fusion-button.lb-kp-kho__nut{
    position:static!important;transform:none!important;bottom:auto!important;
    margin:20px auto 0!important;display:flex!important;width:max-content!important}
  .lb-kp-kho>.fusion-row>.fusion-layout-column>.fusion-column-wrapper::after{display:none}
}