/*
 * Trang LIÊN HỆ — Figma `layout › Liên hệ` (node 194-904, khung 1600, nội dung 1200 @199).
 * Trang dựng bằng element gốc Avada (page 13201), plugin chỉ cấp CSS này (enqueue khi nội dung có "lb-lh-").
 * Số đo: avada-newsite/33-ke-hoach-lien-he.md. Mọi selector mang tiền tố lb-lh- (cô lập theo trang).
 * Avada in kiểu bằng biến --awb-* inline nên nhiều chỗ cần !important.
 */

/* ============================================================
 * Chung: hàng 1200, chữ, nhãn đỏ, nút
 * ============================================================ */
[class*="lb-lh-"] > .fusion-row { max-width: 1200px !important; margin: 0 auto !important; padding: 0 !important; }
/* Avada: wrapper cột có lề spacing 1.92%/2.88% (→ 1154), hàng trong inline width 104% + lề −2% (stylesheet không đè được)
 * → wrapper lề 0, hàng trong giữ 104% rồi padding 0 1.923% để hộp nội dung = 1200 (cùng cách khampha/tai-nguyen) */
[class*="lb-lh-"] .fusion-builder-row-inner { padding: 0 1.923% !important; box-sizing: border-box; }
[class*="lb-lh-"] .fusion-text p { margin: 0; }
[class*="lb-lh-"] .fusion-text p + p { margin-top: 0; }
[class*="lb-lh-"] .fusion-title { margin: 0 !important; }
[class*="lb-lh-"] .fusion-title-heading { text-transform: none !important; letter-spacing: 0 !important; }   /* Avada Theme Options viết hoa h1 */
[class*="lb-lh-"] .fusion-column-wrapper { padding: 0 !important; margin: 0 !important; }
[class*="lb-lh-"] .fusion-layout-column { margin-top: 0 !important; margin-bottom: 0 !important; }   /* Avada --awb-margin-bottom-large 20px trên cột */
[class*="lb-lh-"] a { text-decoration: none; }

.lb-lh-eyebrow { font-family: var(--lb-font-sans); font-size: 16px; font-weight: 600; line-height: 20px; letter-spacing: .05em; text-transform: uppercase; color: #FF3251; }
/* Icon của trang này KHÔNG để <svg> trong nội dung Text Block: trình soạn thảo Visual của Avada
 * (TinyMCE) xoá thẻ <svg> mỗi lần khách mở element ra sửa, thẻ <a> chỉ chứa svg thành rỗng rồi bị dọn nốt
 * (khách báo 23/09/2026: mở khối Theo dõi ra thì <div class=lb-lh-social> trống trơn). Nội dung giờ chỉ còn
 * chữ + lớp nhận dạng, icon in ở đây bằng background-image nên mở/sửa/lưu trong Avada bao nhiêu lần cũng không mất. */

/* Nút Filled/Glass 48 (Frame 352 / Buttons) */
.lb-lh-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 48px; padding: 8px 24px; border: 1px solid #FF3251; border-radius: 8px; background: #FF3251;
  color: #FFF !important; font-family: var(--lb-font-sans); font-size: 16px; font-weight: 500; line-height: 20px;
  text-decoration: none !important; transition: background .2s ease, border-color .2s ease, transform .2s ease;
}
.lb-lh-btn:hover { background: #D20F12; border-color: #D20F12; transform: translateY(-1px); }
.lb-lh-btn--glass { background: rgba(255, 255, 255, .3); border-color: rgba(255, 255, 255, .8); }
.lb-lh-btn--glass:hover { background: rgba(255, 255, 255, .42); border-color: #FFF; }
.lb-lh-btn--full { width: 100%; min-height: 44px; padding: 12px 24px; }

/* ============================================================
 * 01 · Hero — Frame 361 (1600×418 @134): ảnh nền + phủ #000 80 %
 * ============================================================ */
.lb-lh-hero { position: relative; min-height: 418px !important; padding: 0 !important; overflow: hidden; }
.lb-lh-hero::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, .8); z-index: 1; }
.lb-lh-hero > .fusion-row { position: relative; z-index: 2; min-height: 418px; display: flex; align-items: flex-start; }
.lb-lh-hero .lb-lh-hero__col > .fusion-column-wrapper { display: flex; flex-direction: column; align-items: center; padding-top: 117px !important; }
/* Chip 173×35 @117: nền trắng 30 %, viền trắng 50 %, bo 100, pad 8/24 */
/* Kiểu viên thuốc đặt lên chính <p> (28/09/2026): TinyMCE đã gỡ <span> trần bên trong khi editor lưu trang,
   chip mất viền/nền. <p> là con của cột flex align-items:center nên tự ôm chữ. */
.lb-lh-hero__chip {
  display: inline-flex; align-items: center; justify-content: center; height: 35px; padding: 0 24px; border: 1px solid rgba(255, 255, 255, .5); border-radius: 100px;
  background: rgba(255, 255, 255, .3); font-family: var(--lb-font-sans); font-size: 13.33px; font-weight: 500; line-height: 1; letter-spacing: .02em; text-transform: uppercase; color: #FFF;
}
.lb-lh-hero__chip span { display: inline; }
/* H1 Source Serif 700 48.83/56 @168 (chip 35 + 16) */
.lb-lh-hero .lb-lh-hero__title { margin-top: 16px !important; }
.lb-lh-hero__title .fusion-title-heading { font-family: var(--lb-font-serif) !important; font-size: 48.83px !important; font-weight: 700 !important; line-height: 56px !important; color: #FFF !important; text-align: center; }
/* P 592×48 @240 trắng 90 % */
.lb-lh-hero__desc { margin-top: 16px !important; max-width: 592px !important; }   /* Avada .fusion-text nạp sau, cùng (0,1,0) → !important */
.lb-lh-hero__desc p { font-family: var(--lb-font-sans); font-size: 16px; line-height: 24px; color: rgba(255, 255, 255, .9); text-align: center; }

/* ============================================================
 * 02 · Form 769 @199 + cột phải 390 @1011 (khe 43); top 622 = 552 + 70
 * ============================================================ */
.lb-lh-contact { padding: 70px 0 0 !important; }
.lb-lh-contact .fusion-builder-row-inner { display: flex !important; flex-wrap: nowrap !important; align-items: flex-start; justify-content: space-between; gap: 43px; padding: 0 23px !important; }   /* 769 + 43 + 390 = 1202 = Figma (199→1401) */
/* Avada khoá width cột bằng .fusion-layout-column.fusion-flex-column (0,2,0) !important → kể tên khối */
.lb-lh-contact .lb-lh-form { width: 769px !important; flex: 0 0 769px !important; max-width: 100%; }
.lb-lh-contact .lb-lh-side { width: 390px !important; flex: 0 0 390px !important; max-width: 100%; }

/* Thẻ form Frame 435: trắng, viền 1 #1B1B38 10 %, bo 16, bóng 0 0 44 #000 10 %, nội dung 720 @29/25 */
.lb-lh-contact .lb-lh-form > .fusion-column-wrapper {
  box-sizing: border-box; min-height: 740px; padding: 28px 24px 24px !important; border: 1px solid rgba(27, 27, 56, .1); border-radius: 16px;
  background: #FFF; box-shadow: 0 0 44px rgba(0, 0, 0, .1);
}
.lb-lh-form__title .fusion-title-heading { font-family: var(--lb-font-serif) !important; font-size: 31.25px !important; font-weight: 500 !important; line-height: 43px !important; color: #000 !important; }
.lb-lh-form__desc { margin-top: 9px !important; }
.lb-lh-form__desc p { font-family: var(--lb-font-sans); font-size: 16px; line-height: 24px; color: #676673; }
.lb-lh-form .lb-lh-form__el { margin-top: 21px !important; }
.lb-lh-form__note { margin-top: 21px !important; }
.lb-lh-form__note p { font-family: var(--lb-font-sans); font-size: 11.11px; line-height: 14px; color: #676673; text-align: center; }
.lb-lh-form__note a { color: #676673 !important; text-decoration: underline; }
.lb-lh-form__note a:hover { color: #FF3251 !important; }

/* Avada Form 7290 bên trong: gỡ đệm/nền của Avada, ô 38 bo 8 nền trắng 20 % viền #1B1B38 10 %, nhãn 16/500 #676673 */
.lb-lh-form__el .fusion-form, .lb-lh-form__el .fusion-fullwidth, .lb-lh-form__el .fusion-form-form-wrapper { background: transparent !important; }
.lb-lh-form__el .fusion-form .fusion-fullwidth { padding: 0 !important; margin: 0 !important; }
.lb-lh-form__el .fusion-form .fusion-row { max-width: 100% !important; }
.lb-lh-form__el .fusion-form .fusion-column-wrapper { display: flex; flex-direction: row !important; flex-wrap: wrap !important; column-gap: 16px; padding: 0 !important; }
.lb-lh-form__el .fusion-form-field { flex: 0 0 100%; width: 100%; margin: 0 0 12px !important; padding: 0 !important; }
.lb-lh-form__el .fusion-form-field.lb-lh-half { flex: 0 0 calc(50% - 8px); width: calc(50% - 8px); }   /* Họ tên | SĐT = 352 + 16 + 352 */
.lb-lh-form__el .fusion-form-label-wrapper { line-height: 0; margin: 0 0 8px !important; padding: 0 !important; }   /* wrapper Avada cao 31.5 → nhãn 20 + gap 8 */
.lb-lh-form__el .fusion-form-label, .lb-lh-form__el label { display: block; margin: 0 !important; padding: 0 !important; font-family: var(--lb-font-sans) !important; font-size: 16px !important; font-weight: 500 !important; line-height: 20px !important; color: #676673 !important; }
.lb-lh-form__el label abbr.fusion-form-element-required { margin-left: 6px; color: #FF3251 !important; text-decoration: none !important; border: 0 !important; font-weight: 500; }
.lb-lh-form__el input[type="text"], .lb-lh-form__el input[type="email"], .lb-lh-form__el input[type="tel"], .lb-lh-form__el select, .lb-lh-form__el textarea, .lb-lh-form__el .fusion-form-input {
  display: block; width: 100% !important; height: 38px !important; min-height: 0 !important; margin: 0 !important; padding: 8px !important; box-sizing: border-box;
  border: 1px solid rgba(27, 27, 56, .1) !important; border-radius: 8px !important; background: rgba(255, 255, 255, .2) !important;
  font-family: var(--lb-font-sans) !important; font-size: 16px !important; font-weight: 500 !important; line-height: 20px !important; color: #1B1B38 !important; box-shadow: none !important;
}
.lb-lh-form__el textarea.fusion-form-input { height: 221px !important; resize: vertical; }   /* Frame 83 fixed 221 */
.lb-lh-form__el ::placeholder { color: rgba(27, 27, 56, .5) !important; opacity: 1; }
.lb-lh-form__el select.fusion-form-input { color: rgba(27, 27, 56, .5) !important; padding-right: 32px !important; -webkit-appearance: none; appearance: none; }
.lb-lh-form__el select.fusion-form-input:has(option:checked:not([value=""])) { color: #1B1B38 !important; }
.lb-lh-form__el .fusion-form-field .fusion-form-input:focus { border-color: rgba(27, 27, 56, .4) !important; }
/* Chevron 4×8 đen của ô chọn (Avada in .select-arrow bằng font icon → thay bằng mask) */
.lb-lh-form__el .fusion-select-wrapper { position: relative; }
.lb-lh-form__el .fusion-select-wrapper .select-arrow { display: none !important; }
.lb-lh-form__el .fusion-select-wrapper::after { content: ""; position: absolute; right: 8px; top: 11px; width: 16px; height: 16px; pointer-events: none; background: #000; -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>") center / contain no-repeat; }
.lb-lh-form__el .fusion-form-field:has(+ .fusion-form-submit-field) { margin-bottom: 21px !important; }   /* ô cuối → nút = 21 */
/* 17/09: honeypot → reCAPTCHA v2 theo yêu cầu "mọi form dùng reCAPTCHA" (Figma không vẽ; thẻ form cao thêm ~99). Ô này đứng giữa textarea và nút nên :has(+submit) trên textarea không bắt → tự canh 21 tới nút. */
.lb-lh-form__el .fusion-form-field.fusion-form-recaptcha-field { flex: 0 0 100%; width: 100%; margin: 9px 0 12px !important; padding: 0 !important; }   /* (0,3,0) để thắng :has(+submit){21} ở trên: 12 + 9 của nút = 21 */
.lb-lh-form__el .fusion-form-recaptcha-field > div { max-width: 100%; }
.lb-lh-form__el .fusion-form-submit-field { margin: 9px 0 0 !important; }   /* 12 của ô trước + 9 = 21 */
/* Nút "Gửi Liên Hệ" 720×44 #FF3251 bo 8, chữ 16/500 trắng, icon send 16 bên PHẢI */
.lb-lh-form__el .fusion-form-submit-field button, .lb-lh-form__el .fusion-button {
  display: inline-flex !important; flex-direction: row; align-items: center; justify-content: center; gap: 8px; width: 100% !important; height: 44px; padding: 0 24px !important;
  border: 1px solid #FF3251 !important; border-radius: 8px !important; background: #FF3251 !important;
  font-family: var(--lb-font-sans) !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1.25 !important; letter-spacing: 0 !important; text-transform: none !important; color: #FFF !important; box-shadow: none !important;
  transition: background .2s ease, border-color .2s ease;
}
.lb-lh-form__el .fusion-form-submit-field button:hover, .lb-lh-form__el .fusion-button:hover { background: #D20F12 !important; border-color: #D20F12 !important; }
.lb-lh-form__el .fusion-form-submit-field button i, .lb-lh-form__el .fusion-button i { display: none !important; }
.lb-lh-form__el .fusion-form-submit-field button::after {
  content: ""; width: 16px; height: 16px; background: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M22 2 11 13'/><path d='M22 2 15 22l-4-9-9-4z'/></svg>") center / contain no-repeat;
          mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M22 2 11 13'/><path d='M22 2 15 22l-4-9-9-4z'/></svg>") center / contain no-repeat;
}
.lb-lh-form__el .fusion-form-response { flex: 0 0 100%; font-family: var(--lb-font-sans); font-size: 14px; line-height: 20px; color: #1B1B38; }
.lb-lh-form__el .fusion-form-response.error, .lb-lh-form__el .fusion-form-error { color: #FF3251; }

/* Cột phải: 3 thẻ 390, khe 24 */
.lb-lh-side__hours, .lb-lh-side__social { margin-top: 24px !important; }
.lb-lh-card { box-sizing: border-box; overflow: hidden; border: 1px solid rgba(27, 27, 56, .1); border-radius: 16px; background: #FFF; }
.lb-lh-card__body { padding: 0 24px; }
/* Trụ sở chính 390×367: đầu đen 106 (H4 31.25 trắng @24/18, nhãn 12/700 ls 4 % trắng 80 % @67) + 3 hàng pad 12/0 viền dưới */
.lb-lh-card--hq { height: 367px; }
.lb-lh-card__head { height: 106px; padding: 24px 18px 0; background: #000; box-sizing: border-box; }
/* h3/h6 bị Avada đặt cỡ chữ theo Theme Options → !important */
.lb-lh-card__title { margin: 0 !important; font-family: var(--lb-font-serif) !important; font-size: 31.25px !important; font-weight: 500 !important; line-height: 43px !important; color: #FFF !important; }
.lb-lh-card__eyebrow { margin: 0; font-family: var(--lb-font-sans); font-size: 12px; font-weight: 700; line-height: 15px; letter-spacing: .04em; text-transform: uppercase; color: rgba(255, 255, 255, .8); }
.lb-lh-card--hq .lb-lh-card__body { padding-top: 18px; }   /* thân @124 = 106 + 18 */
.lb-lh-row { display: flex; align-items: flex-start; gap: 16px; padding: 12px 0; border-bottom: 1px solid rgba(27, 27, 56, .1); }
.lb-lh-row:last-child { border-bottom: 0; }
.lb-lh-row::before { content: ""; flex: none; width: 36px; height: 36px; border-radius: 8px; background-color: rgba(27, 27, 56, .1); background-repeat: no-repeat; background-position: center; background-size: 20px 20px; }
.lb-lh-row--map-pin::before { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B1B38' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z'/><circle cx='12' cy='10' r='3'/></svg>"); }
.lb-lh-row--phone::before { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B1B38' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.6a2 2 0 0 1-.5 2.1L8.1 9.7a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.8.3 1.7.5 2.6.7a2 2 0 0 1 1.7 2z'/></svg>"); }
.lb-lh-row--mail::before { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B1B38' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><rect x='2' y='4' width='20' height='16' rx='2'/><path d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/></svg>"); }
.lb-lh-row__txt { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.lb-lh-row__label { font-family: var(--lb-font-sans); font-size: 16px; line-height: 24px; color: #676673; }
.lb-lh-row__value, .lb-lh-row__value a { font-family: var(--lb-font-sans); font-size: 16px; font-weight: 500; line-height: 20px; color: #000 !important; }
.lb-lh-row__value a:hover { color: #FF3251 !important; }
/* Giờ làm việc 390×179 · Theo dõi 390×146: tiêu đề icon 24 + gap 9 + H6 Source Serif 500 20 @24/25 */
.lb-lh-card--hours { height: 179px; }
.lb-lh-card--social { height: 146px; }
.lb-lh-card__h6 { display: flex; align-items: center; gap: 9px; margin: 0 !important; padding: 24px 24px 0 !important; font-family: var(--lb-font-serif) !important; font-size: 20px !important; font-weight: 500 !important; line-height: 27px !important; color: #000 !important; }
.lb-lh-card__h6::before { content: ""; flex: none; width: 24px; height: 24px; background-repeat: no-repeat; background-position: center; background-size: contain; }
.lb-lh-card--hours .lb-lh-card__h6::before { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><path d='M12 6v6l4 2'/></svg>"); }
.lb-lh-card--social .lb-lh-card__h6::before { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><circle cx='18' cy='5' r='3'/><circle cx='6' cy='12' r='3'/><circle cx='18' cy='19' r='3'/><path d='m8.6 13.5 6.8 4M15.4 6.5l-6.8 4'/></svg>"); }
.lb-lh-card--hours .lb-lh-card__body { padding-top: 15px; }   /* bảng @66 = 24 + 27 + 15 */
.lb-lh-hour { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 0; border-bottom: 1px solid rgba(27, 27, 56, .1); font-family: var(--lb-font-sans); font-size: 16px; line-height: 24px; color: #676673; }   /* kiểu chữ ngày đặt lên chính hàng: TinyMCE đã gỡ <span> trần (28/09/2026) */
.lb-lh-hour:last-child { border-bottom: 0; }
.lb-lh-hour span { font-family: var(--lb-font-sans); font-size: 16px; line-height: 24px; color: #676673; }
.lb-lh-hour strong { font-family: var(--lb-font-sans); font-size: 16px; font-weight: 500; line-height: 20px; color: #000; }
/* 3 nút tròn 48 nền #F8F8F8 gap 18 @73/25 */
.lb-lh-social { display: flex; gap: 18px; padding: 22px 24px 0; }
.lb-lh-social__btn { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; background: #F8F8F8; transition: background .2s ease, transform .2s ease; }
.lb-lh-social__btn:hover { background: #EFEFF3; transform: translateY(-1px); }
/* Chữ trong thẻ <a> (Facebook/LinkedIn/YouTube) là phần khách sửa link trong Avada; trên trang thì ẩn đi,
 * trình đọc màn hình vẫn đọc được — thay cho aria-label cũ. */
.lb-lh-social__btn { font-size: 0; line-height: 0; color: transparent; }
.lb-lh-social__btn::before { content: ""; width: 24px; height: 24px; background-repeat: no-repeat; background-position: center; background-size: contain; }
.lb-lh-social__btn--facebook::before { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23297BFF'><path d='M13.5 22v-8.2h2.8l.4-3.2h-3.2V8.5c0-.9.3-1.6 1.6-1.6h1.7V4.1c-.3 0-1.3-.1-2.5-.1-2.5 0-4.1 1.5-4.1 4.2v2.4H7.4v3.2h2.8V22h3.3z'/></svg>"); }
.lb-lh-social__btn--linkedin::before { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230A66C2'><path d='M6.9 21H3.3V9h3.6v12zM5.1 7.4a2.1 2.1 0 1 1 0-4.2 2.1 2.1 0 0 1 0 4.2zM21 21h-3.6v-5.8c0-1.4 0-3.2-1.9-3.2s-2.2 1.5-2.2 3.1V21H9.7V9h3.4v1.6h.1c.5-.9 1.7-1.9 3.4-1.9 3.6 0 4.3 2.4 4.3 5.5V21z'/></svg>"); }
.lb-lh-social__btn--youtube::before { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FF0000'><path d='M22.5 7.2a2.7 2.7 0 0 0-1.9-1.9C18.9 4.8 12 4.8 12 4.8s-6.9 0-8.6.5A2.7 2.7 0 0 0 1.5 7.2C1 8.9 1 12.5 1 12.5s0 3.6.5 5.3a2.7 2.7 0 0 0 1.9 1.9c1.7.5 8.6.5 8.6.5s6.9 0 8.6-.5a2.7 2.7 0 0 0 1.9-1.9c.5-1.7.5-5.3.5-5.3s0-3.6-.5-5.3zM9.8 15.8V9.2l5.7 3.3-5.7 3.3z'/></svg>"); }

/* ============================================================
 * 03 · Bản đồ — Frame 442 1040×373 @280 (1445 = 1362 + 83)
 * ============================================================ */
.lb-lh-map { padding: 83px 0 93px !important; }   /* 1362 + 83 = 1445; 1818 + 93 = 1911 (khối Đơn vị) */
.lb-lh-map__wrap { display: flex; justify-content: center; width: 100%; min-width: 0; }   /* fusion-text là flex item của cột Avada → phải khai width */
.lb-lh-map__wrap > p { width: 100%; max-width: 1040px; min-width: 0; margin: 0; }   /* Avada bọc <a> trong <p> (autop) → p là flex item co theo nội dung */
.lb-lh-map__box { position: relative; display: block; width: 100%; max-width: 1040px;   /* width cố định 1040 làm flex item (cột Avada là flex) nở theo nội dung ở khổ hẹp */ height: 373px; overflow: hidden; border: 1px solid rgba(27, 27, 56, .1); border-radius: 16px; box-shadow: 0 0 44px rgba(0, 0, 0, .1); box-sizing: border-box; background: #E9EEF3; }
.lb-lh-map__box iframe.lb-lh-map__frame { display: block; width: 100% !important; height: 100% !important; border: 0; margin: 0; }   /* Google Maps embed (khách yêu cầu bản đồ thật, không phải ảnh) */
/* Rectangle 185: 141 đáy, gradient đen → trong; hàng chữ @314 (=59 từ đáy) */
.lb-lh-map__bar { position: absolute; left: 0; right: 0; bottom: 0; display: flex; align-items: center; gap: 10px; height: 141px; padding: 0 24px 0 18px; box-sizing: border-box; background: linear-gradient(0deg, rgba(0, 0, 0, .9) 0%, rgba(102, 102, 102, 0) 100%); color: #FFF; pointer-events: none; }   /* không chặn kéo/zoom bản đồ */
.lb-lh-map__addr::before { content: ""; flex: none; width: 36px; height: 36px; border-radius: 8px; background-color: #FF3251; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z'/><circle cx='12' cy='10' r='3'/></svg>"); background-repeat: no-repeat; background-position: center; background-size: 20px 20px; }
.lb-lh-map__addr { display: flex; align-items: center; gap: 10px;   /* hộp ghim cao 36 ôm dòng chữ 20 → chữ vẫn nằm đúng chỗ cũ */ flex: 1 1 auto; margin-top: 46px; font-family: var(--lb-font-sans); font-size: 16px; font-weight: 500; line-height: 20px; color: #FFF; }
.lb-lh-map__link { display: inline-flex; align-items: center; gap: 4px; margin-top: 46px; font-family: var(--lb-font-sans); font-size: 16px; line-height: 20px; color: #FFF !important; white-space: nowrap; pointer-events: auto; }
.lb-lh-map__link:hover { text-decoration: underline; }   /* không bám span: TinyMCE gỡ */
.lb-lh-map__link::before { content: ""; flex: none; width: 16px; height: 16px; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M15 3h6v6'/><path d='M10 14 21 3'/><path d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/></svg>") center / contain no-repeat; }

/* ============================================================
 * 04 · Liên hệ theo từng đơn vị — Frame 443 1600×543 #F8F8F8 @1911 (= 1818 + 93)
 * ============================================================ */
.lb-lh-units { padding: 72px 0 46px !important; }   /* Container @63 + pad-top 8.81 → nhãn @72; lưới kết thúc 497 + 46 = 543 */
.lb-lh-units .lb-lh-units__title { margin-top: 10px !important; }   /* (0,2,0) để thắng [class*=lb-lh-] .fusion-title{margin:0} */   /* nhãn @72 + 20 + 10 → H2 @102, kết thúc 145 = P Figma @145 */
.lb-lh-units__title .fusion-title-heading, .lb-lh-faq__title .fusion-title-heading { font-family: var(--lb-font-serif) !important; font-size: 31.25px !important; font-weight: 500 !important; line-height: 43px !important; color: #000 !important; }
.lb-lh-units__desc { margin-top: 0 !important; }
.lb-lh-units__desc p, .lb-lh-faq__desc p { font-family: var(--lb-font-sans); font-size: 16px; line-height: 24px; color: #676673; }
.lb-lh-units__list { margin-top: 31px !important; }   /* P kết thúc 169 → lưới @200 */
/* 4 thẻ chia chung chiều cao từng hàng (tag · tên · mô tả · kẻ · liên hệ) bằng subgrid → tên 2 dòng hay thẻ 3 hàng liên hệ
 * không làm các thẻ lệch nhau (khách báo 17/09). Trình duyệt không có subgrid rơi về flex dọc như cũ. */
.lb-lh-units__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: auto; gap: 16px; }
.lb-lh-unit { display: flex; flex-direction: column; gap: 12px; min-height: 297px; padding: 19px 14px; box-sizing: border-box; border: 1px solid rgba(27, 27, 56, .1); border-radius: 16px; background: #FFF; }
@supports (grid-template-rows: subgrid) {
  .lb-lh-units__grid { grid-template-rows: repeat(5, auto); }
  .lb-lh-unit { display: grid; grid-row: span 5; grid-template-rows: subgrid; row-gap: 12px; align-items: start; }
  .lb-lh-unit__rows { align-self: start; }
}
.lb-lh-unit__tag { align-self: flex-start; display: inline-flex; align-items: center; height: 36px; padding: 0 16px; border-radius: 100px; font-family: var(--lb-font-sans); font-size: 16px; font-weight: 700; line-height: 1; text-transform: uppercase; }
.lb-lh-unit--group .lb-lh-unit__tag { color: #FF3251; background: #FDF7F9; }
.lb-lh-unit--lisa  .lb-lh-unit__tag { color: #2CD17F; background: rgba(44, 209, 127, .1); }
.lb-lh-unit--lim   .lb-lh-unit__tag { color: #8E32FF; background: rgba(142, 50, 255, .1); }
.lb-lh-unit--lcci  .lb-lh-unit__tag { color: #FBAC02; background: rgba(251, 172, 2, .1); }
.lb-lh-unit__name { margin: 0 !important; font-family: var(--lb-font-serif) !important; font-size: 16px !important; font-weight: 600 !important; line-height: 22px !important; color: #000 !important; }
.lb-lh-unit__desc { margin: 0 !important; font-family: var(--lb-font-sans); font-size: 13.33px; line-height: 17px; color: #676673; }
.lb-lh-unit__line { margin: 0; border: 0; border-top: 1px solid rgba(27, 27, 56, .1); }
.lb-lh-unit__rows { display: flex; flex-direction: column; gap: 1px; }   /* Frame 432 gap 1 */
.lb-lh-unit__row { display: flex; align-items: flex-start; gap: 8px; padding: 4px 0; font-family: var(--lb-font-sans); font-size: 13.33px; line-height: 17px; color: #676673; }
.lb-lh-unit__row a { color: #676673 !important; }
.lb-lh-unit__row a:hover { color: #FF3251 !important; }
.lb-lh-unit__row::before { content: ""; flex: none; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; background-size: contain; }
.lb-lh-unit__row--map-pin::before { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23676673' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z'/><circle cx='12' cy='10' r='3'/></svg>"); }
.lb-lh-unit__row--phone::before { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23676673' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.6a2 2 0 0 1-.5 2.1L8.1 9.7a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.8.3 1.7.5 2.6.7a2 2 0 0 1 1.7 2z'/></svg>"); }
.lb-lh-unit__row--mail::before { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23676673' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><rect x='2' y='4' width='20' height='16' rx='2'/><path d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/></svg>"); }

/* ============================================================
 * 05 · FAQ — Frame 447 1197×353 @199/2538 (= 2454 + 84): cột trái 325 · khe 110 · phải 762
 * ============================================================ */
.lb-lh-faq { padding: 84px 0 76px !important; }
.lb-lh-faq .fusion-builder-row-inner { display: flex !important; align-items: center; justify-content: space-between; gap: 110px; }
.lb-lh-faq .lb-lh-faq__intro { width: 325px !important; flex: 0 0 325px !important; max-width: 100%; }
.lb-lh-faq .lb-lh-faq__body { width: 762px !important; flex: 0 0 762px !important; max-width: 100%; }
.lb-lh-faq .lb-lh-faq__title { margin-top: 12px !important; }
.lb-lh-faq__desc { margin-top: 12px !important; }
.lb-lh-faq__cta { margin-top: 12px !important; }
.lb-lh-faq__cta .lb-lh-btn--full { display: flex; }
.lb-lh-faq__cta .lb-lh-btn::after { content: ""; flex: none; width: 16px; height: 16px; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.6a2 2 0 0 1-.5 2.1L8.1 9.7a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.8.3 1.7.5 2.6.7a2 2 0 0 1 1.7 2z'/></svg>") center / contain no-repeat; }
/* Accordion Avada: mục = viền 1 #1B1B38 10 %, bo 8, gap 16; đầu 56 pad 16; mục mở nền #8E32FF 3 %; icon plus 20 (mở: ×) */
.lb-lh-faq__list.fusion-accordian .panel-group, .lb-lh-faq__list .panel-group { display: flex; flex-direction: column; gap: 16px; margin: 0 !important; }
.lb-lh-faq__list .fusion-panel { margin: 0 !important; padding: 0 !important; border: 1px solid rgba(27, 27, 56, .1) !important; border-radius: 8px !important; overflow: hidden; background: #FFF !important; box-shadow: none !important; }
.lb-lh-faq__list .fusion-panel .panel-heading { padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; }
.lb-lh-faq__list .fusion-panel .panel-title { margin: 0 !important; padding: 0 !important; }
.lb-lh-faq__list .fusion-panel .panel-title a {
  display: flex !important; flex-direction: row-reverse; align-items: center; justify-content: space-between; gap: 16px; min-height: 56px; padding: 16px !important; box-sizing: border-box;
  font-family: var(--lb-font-sans) !important; font-size: 19.2px !important; font-weight: 500 !important; line-height: 24px !important; color: #000 !important; text-decoration: none !important; background: transparent; transition: background .2s ease;
}
.lb-lh-faq__list .fusion-panel .panel-title a.active { background: rgba(142, 50, 255, .03); }   /* Avada đánh dấu mục mở bằng .active (không dùng .collapsed) */
.lb-lh-faq__list .fusion-panel .panel-title a .fusion-toggle-heading,
.lb-lh-faq__list .fusion-panel .panel-title a.active .fusion-toggle-heading,
.lb-lh-faq__list .fusion-panel .panel-title a:hover .fusion-toggle-heading { flex: 1 1 auto; font: inherit !important; color: #000 !important; }   /* Avada tô trắng chữ mục đang mở (--accordion-active-color) */
.lb-lh-faq__list .fusion-panel .panel-title a.active, .lb-lh-faq__list .fusion-panel .panel-title a:hover { color: #000 !important; }
.lb-lh-faq__list .fusion-panel .panel-title a .fusion-toggle-icon-wrapper { position: static !important; display: flex; align-items: center; justify-content: center; flex: none; width: 20px; height: 20px; margin: 0 !important; padding: 0 !important; }
.lb-lh-faq__list .fusion-panel .panel-title a .fa-fusion-box, .lb-lh-faq__list .fusion-panel .panel-title a .fusion-toggle-icon-wrapper i { display: none !important; }
.lb-lh-faq__list .fusion-panel .panel-title a .fusion-toggle-icon-wrapper::before { content: ""; width: 20px; height: 20px; background: #000; -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'><path d='M12 5v14M5 12h14'/></svg>") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'><path d='M12 5v14M5 12h14'/></svg>") center / contain no-repeat; transition: transform .2s ease; }
.lb-lh-faq__list .fusion-panel .panel-title a.active .fusion-toggle-icon-wrapper::before { transform: rotate(45deg); }
.lb-lh-faq__list .fusion-panel .panel-body { padding: 8px 16px 16px !important; margin: 0 !important; border: 0 !important; font-family: var(--lb-font-sans); font-size: 16px; line-height: 24px; color: #676673; }
.lb-lh-faq__list .fusion-panel .panel-body p { margin: 0; }

/* ============================================================
 * 06 · CTA — Frame 448 (1600 x 260), y hệt khối 09 Giới thiệu
 * ============================================================ */
.lb-lh-cta { background: linear-gradient(90deg, #0F0F2E 0%, #0C21AF 100%) !important; padding: 0 !important; min-height: 260px; color: #FFF; }
.lb-lh-cta .fusion-builder-row-inner { display: flex !important; align-items: center; justify-content: space-between; gap: 40px; flex-wrap: wrap; min-height: 260px !important; }
.lb-lh-cta .lb-lh-cta__text { width: 720px !important; flex: 0 1 720px !important; align-self: center !important; }
.lb-lh-cta .lb-lh-cta__btns { width: auto !important; flex: 0 0 auto !important; align-self: center !important; }
.lb-lh-cta__title .fusion-title-heading { max-width: 720px; font-family: var(--lb-font-serif) !important; font-size: 39.06px !important; font-weight: 600 !important; line-height: 1.38 !important; color: #FFF !important; }
.lb-lh-cta__sub p { margin-top: 3px !important; max-width: 702px; font-family: var(--lb-font-sans); font-size: 16px; line-height: 24px; color: rgba(255, 255, 255, .8); }
.lb-lh-cta__actions-in { display: flex; flex-wrap: wrap; gap: 16px; justify-content: flex-end; }
.lb-lh-cta__actions-in .lb-lh-btn--solid::before { content: ""; flex: none; width: 16px; height: 16px; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3l9 5-9 5-9-5z'/><path d='M3 13l9 5 9-5M3 17l9 5 9-5'/></svg>") center / contain no-repeat; }
/* Footer sát CTA (Figma 3227) — Avada đệm #main 60 */
body:has(.lb-lh-cta) #main { padding-bottom: 0 !important; }

/* ============================================================
 * Khổ hẹp
 * ============================================================ */
@media (max-width: 1260px) {
  [class*="lb-lh-"] > .fusion-row { padding: 0 24px !important; }
  .lb-lh-contact .fusion-builder-row-inner, .lb-lh-faq .fusion-builder-row-inner { flex-wrap: wrap !important; gap: 32px; padding: 0 !important; }
  .lb-lh-contact .lb-lh-form, .lb-lh-contact .lb-lh-side, .lb-lh-faq .lb-lh-faq__intro, .lb-lh-faq .lb-lh-faq__body { width: 100% !important; flex: 1 1 100% !important; }
  .lb-lh-contact .lb-lh-form > .fusion-column-wrapper { min-height: 0; }
  .lb-lh-card--hq, .lb-lh-card--hours, .lb-lh-card--social { height: auto; padding-bottom: 12px; }
  .lb-lh-units__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lb-lh-cta .fusion-builder-row-inner { padding: 40px 0; }
  .lb-lh-cta .lb-lh-cta__text, .lb-lh-cta .lb-lh-cta__btns { width: 100% !important; flex: 1 1 100% !important; }
  .lb-lh-cta__actions-in { justify-content: flex-start; }
}
@media (max-width: 720px) {
  .lb-lh-hero .lb-lh-hero__col > .fusion-column-wrapper { padding: 72px 0 !important; }
  .lb-lh-hero__title .fusion-title-heading { font-size: 32px !important; line-height: 40px !important; }
  .lb-lh-contact { padding-top: 40px !important; }
  .lb-lh-contact .lb-lh-form > .fusion-column-wrapper { padding: 24px 16px !important; }
  .lb-lh-form__el .fusion-form-field.lb-lh-half { flex-basis: 100%; width: 100%; }
  .lb-lh-form__el .fusion-form .fusion-row { padding: 0 !important; }   /* Avada đệm 24 hai bên hàng trong ở mobile → ô chỉ còn 253 trong thẻ 335 (đo 17/09); bỏ → 301 */
  .lb-lh-form__el .fusion-form-recaptcha-field .form-creator-recaptcha { transform: scale(.99); transform-origin: 0 0; }   /* iframe reCAPTCHA cố định 304 > cột 301 */
  .lb-lh-map { padding-top: 40px !important; }
  .lb-lh-map__wrap { width: 100%; min-width: 0; }
  .lb-lh-map__box { display: flex; align-items: flex-end; height: auto !important; min-height: 240px; min-width: 0; }   /* aspect-ratio + min-height làm hộp nở ngang → ảnh phủ tuyệt đối, thanh chữ quyết định chiều cao */
  .lb-lh-map__box iframe.lb-lh-map__frame { position: absolute; inset: 0; }
  .lb-lh-map__bar { position: relative; height: auto; padding: 72px 16px 16px; flex-wrap: wrap; }
  .lb-lh-map__addr, .lb-lh-map__link { margin-top: 0; }
  .lb-lh-map__addr { font-size: 14px; }
  .lb-lh-units { padding: 48px 0 40px !important; }
  .lb-lh-units__grid { grid-template-columns: minmax(0, 1fr); }
  .lb-lh-faq { padding: 48px 0 !important; }
  .lb-lh-faq__list .fusion-panel .panel-title a { font-size: 16px !important; line-height: 22px !important; }
  .lb-lh-cta__title .fusion-title-heading { font-size: 28px !important; }
}