/* Duy AI Builder — CSS frontend v3 (siêu nhẹ, không framework, không jQuery).
   Chỉ nạp khi shortcode [duy_ai_builder] xuất hiện trên trang.
   Áp bộ quy tắc thiết kế "chống rập khuôn": bóng nhiều lớp pha sắc màu chủ đạo,
   font tiêu đề riêng + tracking, gradient nhiều lớp + hạt nhiễu (chỉ hero/CTA),
   animation CHỈ transform/opacity kiểu spring, đầy đủ hover/focus-visible/active.
   Màu/font/shadow/spacing lấy từ CSS variables do renderer sinh theo preset
   (scoped .daib-layout-{id}); giá trị mặc định dưới đây = preset "Hiện đại",
   giúp cả layout cũ (file CSS đã lưu) vẫn hiển thị đúng. */

.daib-layout,.daib-layout *{box-sizing:border-box}
.daib-layout{
  font-synthesis:none;
  --daib-primary-rgb:15,118,110;
  --daib-accent-rgb:249,115,22;
  --daib-heading-tracking:-0.03em;
  --daib-shadow-sm:0 1px 2px rgba(15,23,42,.06),0 4px 12px -4px rgba(15,23,42,.10);
  --daib-shadow-md:0 1px 2px rgba(15,23,42,.07),0 12px 32px -12px rgba(15,23,42,.20);
  --daib-shadow-lg:0 2px 4px rgba(15,23,42,.08),0 24px 48px -16px rgba(15,23,42,.28);
  --daib-ease:cubic-bezier(0.34,1.56,0.64,1);
  --daib-s1:8px;--daib-s2:12px;--daib-s3:16px;--daib-s4:24px;--daib-s5:32px;--daib-s6:48px;--daib-s7:72px;--daib-s8:96px;
  line-height:1.7;font-family:var(--daib-body-font,'Be Vietnam Pro',-apple-system,'Segoe UI',sans-serif);color:var(--daib-text,#0E2422);background:var(--daib-bg,#fff)
}
.daib-layout h1,.daib-layout h2,.daib-layout h3,.daib-layout h4{font-family:var(--daib-heading-font,'Montserrat',sans-serif);letter-spacing:var(--daib-heading-tracking,-0.03em)}
/* v1.17.3 — lá chắn màu tiêu đề: theme/child-theme ép h1..h6{color:...!important} làm xanh
   mọi tiêu đề trên web chính (trong khi preview hiện đúng). Reset về inherit; các block có
   màu chủ đích riêng dùng selector .daib-layout .xxx{color:...!important} để thắng lại. */
.daib-layout h1,.daib-layout h2,.daib-layout h3,.daib-layout h4,.daib-layout h5,.daib-layout h6{color:inherit!important}
/* v1.32.1 — tiêu đề sáng trên nền tối: thắng lại rule reset ở trên (đỏ lỗi chữ tối trên nền tối ở mediacard/rail). */
.daib-layout .daib-mediacard .daib-mediacard-title,
.daib-layout .daib-grid-style-highlight .daib-feat-title,
.daib-layout .daib-results-title,
.daib-layout .daib-results-quotes-title{color:#fff!important}
.daib-layout .daib-steps--rail .daib-rail-title,
.daib-layout .daib-steps--rail .daib-steps-title{color:var(--daib-on-band,#fff)!important}
.daib-section{position:relative}
.daib-container{max-width:1200px;margin:0 auto;padding-left:var(--daib-s3);padding-right:var(--daib-s3)}
.daib-row{display:flex;flex-wrap:wrap;margin:0 calc(var(--daib-s2) * -1)}
.daib-col{flex:0 0 var(--daib-w,100%);max-width:var(--daib-w,100%);padding:0 var(--daib-s2);min-width:0}
@media(max-width:768px){.daib-row .daib-col{flex:0 0 100%;max-width:100%}}
.daib-block{margin-bottom:var(--daib-s4)}
.daib-block:last-child{margin-bottom:0}

/* ---------- Lớp phủ dùng chung: hạt nhiễu + tint ---------- */
/* Hạt nhiễu SVG (khai báo 1 lần) — chỉ dùng trong hero & CTA để giữ nhẹ. */
.daib-noise{position:absolute;inset:0;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
/* Tint màu chủ đạo pha lên ảnh nền hero (multiply) cho ảnh "ăn" màu thương hiệu. */
.daib-hero-tint{position:absolute;inset:0;pointer-events:none;background:var(--daib-primary,#0F766E);mix-blend-mode:multiply;opacity:.18}
.daib-hero-inner,.daib-cta-title,.daib-cta-desc,.daib-cta-actions{position:relative;z-index:1}

/* ---------- Nút bấm ---------- */
.daib-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;border-radius:var(--daib-btn-radius,12px);font-weight:600;font-size:16px;font-family:var(--daib-body-font,sans-serif);text-decoration:none;border:1.5px solid transparent;cursor:pointer;line-height:1.4;transition:transform .35s var(--daib-ease),opacity .3s ease,box-shadow .35s var(--daib-ease)}
.daib-btn-primary{background:linear-gradient(135deg,var(--daib-primary-dark,#2DD4BF),var(--daib-primary,#0F766E));color:var(--daib-on-primary,#fff);box-shadow:0 6px 18px rgba(var(--daib-primary-rgb),.35)}
.daib-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(var(--daib-primary-rgb),.38);color:var(--daib-on-primary,#fff)}
.daib-btn-secondary{background:var(--daib-accent,#F97316);color:#fff;box-shadow:0 6px 18px rgba(var(--daib-accent-rgb),.35)}
.daib-btn-secondary:hover{transform:translateY(-2px);color:#fff!important}
.daib-btn-outline{border-color:var(--daib-primary,#0F766E);color:var(--daib-primary,#0F766E);background:transparent}
.daib-btn-outline:hover{background:var(--daib-primary-soft,rgba(15,118,110,.12));transform:translateY(-2px);color:var(--daib-primary,#0F766E)}
.daib-btn-ghost{background:rgba(255,255,255,.08)}
.daib-hero--dark .daib-btn-ghost{border-color:rgba(255,255,255,.55);color:#fff}
.daib-hero--dark .daib-btn-ghost:hover{background:rgba(255,255,255,.16);transform:translateY(-2px)}
.daib-hero--light .daib-btn-ghost{border-color:var(--daib-border,#DCEAE5);color:var(--daib-text,#0E2422);background:rgba(255,255,255,.55)}
.daib-hero--light .daib-btn-ghost:hover{transform:translateY(-2px)}
.daib-btn-outline-light{border-color:rgba(255,255,255,.7);color:#fff;background:transparent}
.daib-btn-outline-light:hover{color:#fff}
.daib-btn-light{background:#fff;color:var(--daib-primary,#0F766E);box-shadow:0 6px 18px rgba(0,0,0,.16)}
.daib-btn-light:hover{transform:translateY(-2px);color:var(--daib-primary,#0F766E)}
.daib-btn-dark{background:#111;color:#fff}
.daib-btn-dark:hover{color:#fff}
.daib-btnwrap{margin:4px 0}
/* Trạng thái bắt buộc cho mọi phần tử bấm được. */
.daib-btn:active{transform:translateY(0) scale(.98)}
.daib-layout a:focus-visible,.daib-btn:focus-visible{outline:2px solid var(--daib-primary,#0F766E);outline-offset:3px;border-radius:4px}

/* ---------- Hero ---------- */
.daib-hero{position:relative;border-radius:0;overflow:hidden}
.daib-hero-inner{max-width:820px;margin:0 auto;padding-left:var(--daib-s4);padding-right:var(--daib-s4)}
.daib-hero.daib-align-left .daib-hero-inner{margin-left:0;margin-right:auto;max-width:700px}
.daib-hero.daib-align-right .daib-hero-inner{margin-left:auto;margin-right:0}
.daib-badge{display:inline-block;padding:7px 16px;border-radius:999px;font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--daib-s4);border:1px solid transparent}
.daib-hero--dark .daib-badge{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.32);color:#fff}
.daib-hero--light .daib-badge{background:var(--daib-primary-soft,rgba(15,118,110,.12));border-color:var(--daib-primary,#0F766E);color:var(--daib-primary,#0F766E)}
.daib-hero-title{margin:0 0 var(--daib-s3);font-size:clamp(2rem,5vw,3.6rem);line-height:1.15;font-weight:800}
.daib-hero-sub{margin:0 0 var(--daib-s5);font-size:clamp(1rem,1.6vw,1.15rem);opacity:.85;max-width:640px}
.daib-hero.daib-align-center .daib-hero-sub{margin-left:auto;margin-right:auto}
.daib-hero-btns{display:flex;flex-wrap:wrap;gap:var(--daib-s2)}
.daib-hero.daib-align-center .daib-hero-btns{justify-content:center}
.daib-hero.daib-align-right .daib-hero-btns{justify-content:flex-end}

/* ---------- Heading / text ---------- */
.daib-heading{margin:0 0 14px;line-height:1.25;font-weight:800}
/* Tô màu từng phần chữ trong tiêu đề (v1.9.1): [ ] -> màu nhấn 1, { } -> màu nhấn 2.
   Biến do CSS biên dịch của từng layout xuất; fallback theo preset mặc định. */
.daib-tc1{color:var(--daib-tc1,#F97316)}
.daib-tc2{color:var(--daib-tc2,#0F766E)}
.daib-text{font-size:16.5px}
.daib-text p{margin:0 0 var(--daib-s2)}
.daib-text p:last-child{margin-bottom:0}
.daib-text a{color:var(--daib-primary,#0F766E)}

/* ---------- Hình ảnh ---------- */
.daib-figure{margin:0}
.daib-figure img{box-shadow:var(--daib-shadow-md);max-width:100%;height:auto}
/* v1.14.0: bỏ bóng đổ (cho ảnh PNG nền trong suốt). */
.daib-figure--no-shadow img{box-shadow:none}
/* Chữ phía trên ảnh. */
.daib-figure-caption{font-weight:800;font-size:clamp(1.15rem,2.4vw,1.6rem);line-height:1.4;letter-spacing:-0.01em;margin:0 0 18px}
/* Vị trí dọc của ảnh trong cột (khi cột cao hơn ảnh, vd: cột 20% cạnh bảng giá). */
.daib-col:has(> .daib-figure--valign-center){display:flex;flex-direction:column;justify-content:center}
.daib-col:has(> .daib-figure--valign-bottom){display:flex;flex-direction:column;justify-content:flex-end}
/* Hiệu ứng thả nổi nhẹ nhàng — chỉ dùng transform nên nhẹ, mượt. */
@keyframes daib-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.daib-figure--float img{animation:daib-float 5.5s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.daib-figure--float img{animation:none}}

/* ---------- Features ---------- */
.daib-features-title{text-align:center;margin:0 0 var(--daib-s5);font-size:clamp(1.6rem,3vw,2.1rem);font-weight:800}
.daib-feat-grid{display:grid;grid-template-columns:repeat(var(--daib-cols,3),minmax(0,1fr));gap:var(--daib-s4)}
.daib-feat{background:var(--daib-item-bg,var(--daib-surface,#F2F8F6));border:1px solid var(--daib-border,#DCEAE5);border-radius:var(--daib-radius,18px);padding:var(--daib-s5);text-align:center;box-shadow:var(--daib-shadow-sm);transition:transform .35s var(--daib-ease),opacity .3s ease,box-shadow .35s var(--daib-ease)}
.daib-feat:hover{transform:translateY(-4px);box-shadow:var(--daib-shadow-md)}
.daib-feat-icon{width:58px;height:58px;border-radius:50%;background:var(--daib-item-accent-soft,var(--daib-primary-soft,rgba(15,118,110,.12)));display:flex;align-items:center;justify-content:center;font-size:27px;line-height:1;margin:0 auto var(--daib-s3)}
.daib-feat-icon svg{width:29px;height:29px;color:var(--daib-item-accent,var(--daib-primary,#0F766E))}
/* Ảnh bìa của thẻ (media = ảnh): tràn viền trên của thẻ, tỉ lệ 16/10, phủ kín. */
.daib-feat-img{margin:calc(var(--daib-s5) * -1) calc(var(--daib-s5) * -1) var(--daib-s4);border-radius:var(--daib-radius,18px) var(--daib-radius,18px) 0 0;overflow:hidden;aspect-ratio:16/10}
.daib-feat-img img{width:100%;height:100%;object-fit:cover;display:block}
/* Nút trong thẻ: kiểu nút chính; có màu nhấn riêng thì nút ăn theo màu đó. */
.daib-feat-btnwrap{margin-top:var(--daib-s4)}
.daib-feat-btn{background:linear-gradient(135deg,var(--daib-item-accent,var(--daib-primary-dark,#2DD4BF)),var(--daib-item-accent,var(--daib-primary,#0F766E)));box-shadow:0 6px 18px rgba(var(--daib-item-accent-rgb,var(--daib-primary-rgb)),.35)}
.daib-feat:hover .daib-feat-btn{transform:translateY(-1px)}

/* ---------- Số liệu (stats) ---------- */
.daib-stats{text-align:center}
.daib-stats.daib-align-left{text-align:left}
.daib-stats.daib-align-right{text-align:right}
/* Số cột lấy từ biến --daib-cols do renderer xuất inline -> luôn đúng kể cả khi thiếu CSS biên dịch. */
.daib-stats-grid{display:grid;grid-template-columns:repeat(var(--daib-cols,4),1fr);gap:var(--daib-s4)}
.daib-stat{padding:var(--daib-s3) var(--daib-s2)}
.daib-stat-num{font-family:var(--daib-heading-font,'Montserrat',sans-serif);font-size:clamp(2rem,4.2vw,2.9rem);font-weight:800;line-height:1.1;color:var(--daib-primary,#0F766E);letter-spacing:var(--daib-heading-tracking,-0.03em)}
.daib-stat-suffix{color:var(--daib-accent,#F97316)}
.daib-stat-label{margin-top:var(--daib-s1);font-size:15px;color:var(--daib-muted,#57706B)}
/* Kiểu "cards": từng số liệu là 1 thẻ nền sáng có bóng, nổi trên nền section như thẻ tính năng. */
.daib-stats--cards .daib-stat{background:var(--daib-surface,#F2F8F6);border:1px solid var(--daib-border,#DCEAE5);border-radius:var(--daib-radius,18px);padding:var(--daib-s5) var(--daib-s3);box-shadow:var(--daib-shadow-sm);transition:transform .35s var(--daib-ease),opacity .3s ease,box-shadow .35s var(--daib-ease)}
.daib-stats--cards .daib-stat:hover{transform:translateY(-4px);box-shadow:var(--daib-shadow-md)}
/* Kiểu "band": dải gradient màu thương hiệu, số + nhãn màu trên nền (on_primary), vạch chia dọc mờ. */
.daib-stats--band{background:linear-gradient(135deg,var(--daib-primary-dark,#2DD4BF),var(--daib-primary,#0F766E));border-radius:var(--daib-radius,18px);padding:var(--daib-s6) var(--daib-s5);box-shadow:var(--daib-shadow-lg)}
.daib-stats--band .daib-stat{padding:var(--daib-s2) var(--daib-s3)}
.daib-stats--band .daib-stat + .daib-stat{border-left:1px solid rgba(255,255,255,.25)}
.daib-stats--band .daib-stat-num{color:var(--daib-on-primary,#fff)}
.daib-stats--band .daib-stat-suffix{color:var(--daib-on-primary,#fff);opacity:.85}
.daib-stats--band .daib-stat-label{color:var(--daib-on-primary,#fff);opacity:.85}
/* Kiểu "plain": tối giản — số màu chủ đạo ngay trên nền section, không thẻ/khung. */
.daib-stats--plain .daib-stat{padding:var(--daib-s2)}
/* Màu con số riêng từng mục (người dùng tự chọn): thắng cả 3 kiểu hiển thị; hậu tố ăn theo, hơi mờ hơn. */
.daib-stat--colored .daib-stat-num{color:var(--daib-item-num-color) !important}
.daib-stat--colored .daib-stat-suffix{color:var(--daib-item-num-color);opacity:.88}
.daib-layout .daib-feat-title{margin:0 0 var(--daib-s1);font-size:18.5px;font-weight:700;line-height:1.35;color:var(--daib-item-title-color,inherit)!important}
.daib-feat-desc{margin:0;font-size:15px;color:var(--daib-item-desc-color,var(--daib-muted,#57706B))}

/* ---------- Testimonials ---------- */
.daib-testi-grid{display:grid;grid-template-columns:repeat(var(--daib-cols,3),minmax(0,1fr));gap:var(--daib-s4)}
.daib-testi{position:relative;background:var(--daib-surface,#F2F8F6);border:1px solid var(--daib-border,#DCEAE5);border-radius:var(--daib-radius,18px);padding:var(--daib-s5);overflow:hidden;box-shadow:var(--daib-shadow-sm);transition:transform .35s var(--daib-ease),opacity .3s ease,box-shadow .35s var(--daib-ease)}
.daib-testi:hover{transform:translateY(-4px);box-shadow:var(--daib-shadow-md)}
.daib-testi::before{content:"\201C";position:absolute;top:-6px;right:16px;font-family:var(--daib-heading-font,Georgia,serif);font-size:84px;line-height:1;color:var(--daib-primary,#0F766E);opacity:.14;pointer-events:none}
.daib-testi-quote{margin:0 0 var(--daib-s3);font-style:italic;font-size:16px;position:relative}
.daib-testi-person{display:flex;gap:var(--daib-s2);align-items:center}
.daib-testi-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:0 0 auto}
.daib-testi-avatar--init{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--daib-primary-dark,#2DD4BF),var(--daib-primary,#0F766E));color:var(--daib-on-primary,#fff);font-weight:700;font-size:19px;font-style:normal}
.daib-testi-name{font-weight:700;font-size:15px}
.daib-testi-role{font-size:13px;color:var(--daib-muted,#57706B)}

/* ---------- CTA ---------- */
.daib-cta{position:relative;overflow:hidden;box-shadow:var(--daib-shadow-lg)}
.daib-cta-title{margin:0 0 var(--daib-s2);font-size:clamp(1.5rem,3vw,2rem);font-weight:800}
.daib-cta-desc{margin:0 0 var(--daib-s4);font-size:16.5px;opacity:.88}
.daib-cta-actions{display:flex;flex-wrap:wrap;gap:var(--daib-s3);align-items:center;justify-content:center}
.daib-cta-hotline{font-size:16px;opacity:.92}
.daib-cta-hotline strong{font-size:18px;letter-spacing:.02em}

/* ---------- Spacer / divider ---------- */
.daib-spacer{width:100%}
.daib-divider{border:0}

/* ---------- Hiệu ứng xuất hiện khi cuộn tới (anim.js thêm .daib-in) ---------- */
/* Trạng thái đầu: chỉ opacity/transform (đúng rào chắn hiệu năng), easing spring dùng chung. */
.daib-anim-fade-up:not(.daib-in){opacity:0;transform:translateY(28px)}
.daib-anim-fade:not(.daib-in){opacity:0}
.daib-anim-zoom:not(.daib-in){opacity:0;transform:scale(.94)}
.daib-anim-left:not(.daib-in){opacity:0;transform:translateX(-32px)}
.daib-anim-right:not(.daib-in){opacity:0;transform:translateX(32px)}
.daib-anim.daib-in{transition:opacity .7s ease var(--daib-d,0ms),transform .7s var(--daib-ease) var(--daib-d,0ms)}
/* Item con trong lưới: ẩn cho đến khi section hiện, rồi trồi lên so le theo --daib-d.
   Dùng animation fill backwards (không phải transition) để không phá hover nâng card sau khi chạy xong. */
.daib-anim:not(.daib-in) .daib-feat,.daib-anim:not(.daib-in) .daib-testi,.daib-anim:not(.daib-in) .daib-stat{opacity:0}
.daib-anim.daib-in .daib-feat,.daib-anim.daib-in .daib-testi,.daib-anim.daib-in .daib-stat{animation:daib-rise .6s var(--daib-ease) var(--daib-d,0ms) backwards}
@keyframes daib-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
/* ---------- Auto reveal khi cuộn v1.16.0 (kiểu DUDI: re-trigger khi cuộn lại) ----------
   anim.js toggle .daib-in khi phần tử vào/ra viewport (once:false).
   Chỉ opacity/transform (GPU), duration 1s như DUDI, delay so le qua --daib-d. */
[data-daib-reveal]:not(.daib-in){opacity:0}
[data-daib-reveal="fade-up"]:not(.daib-in){transform:translateY(28px)}
[data-daib-reveal="fade"]:not(.daib-in){transform:none}
[data-daib-reveal="slide-left"]:not(.daib-in){transform:translateX(-36px)}
[data-daib-reveal="slide-right"]:not(.daib-in){transform:translateX(36px)}
[data-daib-reveal="zoom-in"]:not(.daib-in){transform:scale(.92)}
[data-daib-reveal="card-3d"]:not(.daib-in){transform:perspective(800px) rotateX(8deg) translateY(24px)}
[data-daib-reveal].daib-in{opacity:1;transform:none;transition:opacity 1s ease var(--daib-d,0ms),transform 1s cubic-bezier(.22,.61,.36,1) var(--daib-d,0ms)}
/* v1.17.0: section có ID neo — chừa khoảng trên khi cuộn tới (tránh bị header sticky che). */
.daib-section[id]{scroll-margin-top:84px}

/* ---------- Lưới cân bằng (hàng cuối thiếu thẻ): flex-wrap thay grid, CSS thuần không JS ----------
   center = hàng cuối căn giữa; stretch = hàng cuối giãn đều lấp đầy. Rộng thẻ suy từ --daib-cols. */
.daib-feat-grid.daib-grid-center,.daib-feat-grid.daib-grid-stretch,
.daib-testi-grid.daib-grid-center,.daib-testi-grid.daib-grid-stretch,
.daib-stats-grid.daib-grid-center,.daib-stats-grid.daib-grid-stretch{display:flex;flex-wrap:wrap}
.daib-grid-center{justify-content:center}
.daib-grid-center>.daib-feat,.daib-grid-center>.daib-testi,.daib-grid-center>.daib-stat,
.daib-grid-stretch>.daib-feat,.daib-grid-stretch>.daib-testi,.daib-grid-stretch>.daib-stat{
  flex:0 1 calc((100% - (var(--daib-cols,3) - 1) * var(--daib-s4)) / var(--daib-cols,3));
  min-width:0}
.daib-grid-stretch>.daib-feat,.daib-grid-stretch>.daib-testi,.daib-grid-stretch>.daib-stat{flex-grow:1}

/* ---------- Responsive ---------- */
/* Số cột tablet/mobile do CSS scoped của từng block quyết (nạp sau base.css nên thắng không cần
   !important); base.css chỉ còn fallback generic theo --daib-cols/--daib-mcols. */
@media(max-width:1024px){
  /* Dải số liệu 2 cột: mục đầu mỗi hàng không có vạch chia bên trái. */
  .daib-stats--band .daib-stat:nth-child(odd){border-left:0}
}
@media(max-width:768px){
  .daib-col{flex-basis:100%!important;max-width:100%!important}
  .daib-block{margin-bottom:var(--daib-s3)}
  .daib-hero-inner{max-width:100%}
}
@media(max-width:640px){
  /* Mobile nhỏ: số cột do CSS scoped của từng block quyết; ở đây chỉ thu gọn đệm/chữ/icon khi 2 cột. */
  .daib-feat-grid.daib-mgrid-2,.daib-testi-grid.daib-mgrid-2,.daib-prod-grid.daib-mgrid-2{gap:var(--daib-s3)}
  .daib-mgrid-2 .daib-feat{padding:var(--daib-s3)}
  .daib-mgrid-2 .daib-feat-icon{width:44px;height:44px;border-radius:12px;margin-bottom:var(--daib-s3)}
  .daib-mgrid-2 .daib-feat-icon svg{width:22px;height:22px}
  .daib-mgrid-2 .daib-feat-title{font-size:.92rem}
  .daib-mgrid-2 .daib-feat-desc{font-size:.78rem}
  .daib-mgrid-2 .daib-feat-img{margin:calc(var(--daib-s3) * -1) calc(var(--daib-s3) * -1) var(--daib-s3)}
  .daib-mgrid-2 .daib-testi,.daib-mgrid-2 .daib-prod{padding:var(--daib-s3)}
  .daib-mgrid-2 .daib-testi-quote,.daib-mgrid-2 .daib-testi-name{font-size:.82rem}
  .daib-mgrid-2 .daib-testi-role{font-size:.68rem}
  .daib-mgrid-2 .daib-testi-avatar{width:34px;height:34px;font-size:.8rem}
  .daib-mgrid-2 .daib-layout .daib-prod-name{font-size:.95rem}
  .daib-mgrid-2 .daib-prod-price{font-size:1.06rem}
  .daib-mgrid-2 .daib-prod-btn{padding:9px 12px;font-size:.78rem}
}
@media(max-width:520px){
  .daib-cta-actions{flex-direction:column}
  .daib-btn{padding:13px 26px}
}
@media(prefers-reduced-motion:reduce){
  .daib-layout *,.daib-layout *::before,.daib-layout *::after{transition:none!important;animation:none!important}
  /* Người dùng không muốn chuyển động: hiện ngay nội dung, không ẩn chờ cuộn. */
  .daib-anim,.daib-anim .daib-feat,.daib-anim .daib-testi,.daib-anim .daib-stat,[data-daib-reveal]{opacity:1!important;transform:none!important}
}

/* ---------- Icon & bố cục thẻ tính năng (v1.6.0) ---------- */
.daib-grid-icon-dark .daib-feat-icon{background:var(--daib-item-accent,var(--daib-primary));border-radius:16px;color:#fff;box-shadow:0 12px 22px -10px rgba(var(--daib-item-accent-rgb,var(--daib-primary-rgb,0,0,0)),.45)}
/* Icon bên trong ô đậm: LUÔN trắng (nếu để màu accent trùng màu nền ô thì icon sẽ tàng hình). */
.daib-grid-icon-dark .daib-feat-icon svg{color:#fff}
.daib-grid-icon-outline .daib-feat-icon{background:transparent;border:1.5px solid var(--daib-item-accent,var(--daib-primary));color:var(--daib-item-accent,var(--daib-primary))}
.daib-feat--row{display:flex;align-items:flex-start;gap:var(--daib-s4);text-align:left}
.daib-feat--row .daib-feat-icon{flex:0 0 auto;margin:0;background:var(--daib-item-accent,var(--daib-primary));border-radius:16px;color:#fff;box-shadow:0 12px 22px -10px rgba(var(--daib-item-accent-rgb,var(--daib-primary-rgb,0,0,0)),.45)}
.daib-feat--row .daib-feat-icon svg{color:#fff}
.daib-feat--row .daib-feat-text{flex:1 1 auto;min-width:0}
.daib-feat--row .daib-feat-title{margin-top:0}
.daib-feat--row .daib-feat-btnwrap{margin-top:var(--daib-s3)}
.daib-feat--row .daib-feat-img{flex:0 0 40%;margin:0;border-radius:var(--daib-r-sm);overflow:hidden;border:1px solid var(--daib-border)}

/* ---------- Dải ngang tĩnh kiểu VinFast (features layout = band, v1.7.0) ---------- */
.daib-feat-grid.daib-grid-layout-band{display:flex;flex-wrap:nowrap;border-top:1px solid var(--daib-border,#DCEAE5);border-bottom:1px solid var(--daib-border,#DCEAE5)}
.daib-grid-layout-band .daib-feat{flex:1 1 0;display:flex;align-items:flex-start;gap:var(--daib-s3);text-align:left;background:transparent;border:0;border-radius:0;box-shadow:none;padding:var(--daib-s5) var(--daib-s3)}
.daib-grid-layout-band .daib-feat:hover{transform:none;box-shadow:none}
.daib-grid-layout-band .daib-feat + .daib-feat{border-left:1px solid var(--daib-border,#DCEAE5)}
.daib-grid-layout-band .daib-feat-icon{flex:0 0 auto;margin:0}
.daib-grid-layout-band .daib-feat-text{flex:1 1 auto;min-width:0}
@media(max-width:640px){
  .daib-feat-grid.daib-grid-layout-band{flex-direction:column}
  .daib-grid-layout-band .daib-feat{padding:var(--daib-s4) var(--daib-s2)}
  .daib-grid-layout-band .daib-feat + .daib-feat{border-left:0;border-top:1px solid var(--daib-border,#DCEAE5)}
}

/* ---------- Đánh giá dạng slide tự động: trượt TỪNG NẤC (daib-slider.js, v1.7.0) ---------- */
.daib-slider{position:relative}
.daib-slider-viewport{overflow:hidden}
.daib-slider-track{display:flex;gap:var(--daib-s4);transition:transform .55s cubic-bezier(.34,1.56,.64,1)}
.daib-slider-track>.daib-testi{flex:0 0 calc((100% - (var(--daib-pv,3) - 1) * var(--daib-s4)) / var(--daib-pv,3));min-width:0}
@media(max-width:640px){
  .daib-slider-track>.daib-testi{flex-basis:calc((100% - (var(--daib-pv-m,1) - 1) * var(--daib-s4)) / var(--daib-pv-m,1))}
}
.daib-slider-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:42px;height:42px;border-radius:50%;border:1px solid var(--daib-border,#DCEAE5);background:var(--daib-surface,#fff);color:var(--daib-text,#0E2422);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--daib-shadow-sm);transition:transform .25s cubic-bezier(.34,1.56,.64,1),opacity .25s ease,box-shadow .25s ease}
.daib-slider-btn svg{width:20px;height:20px;flex:none;display:block}
.daib-slider-btn:hover{transform:translateY(-50%) scale(1.06);box-shadow:var(--daib-shadow-md)}
.daib-slider-btn:active{transform:translateY(-50%) scale(.96)}
.daib-slider-btn:focus-visible{outline:2px solid var(--daib-primary,#0F766E);outline-offset:3px}
.daib-slider-prev{left:2px}
.daib-slider-next{right:2px}
.daib-slider[data-daib-static="1"] .daib-slider-btn{display:none}
/* (v1.35.5) Tùy chọn hiển thị nút < > slider đánh giá (theo yêu cầu Duy). */
/* (v1.35.6) FIX: thêm !important để chắc chắn thắng rule base (Duy báo vẫn hiện). */
.daib-slider-nav-hide .daib-slider-btn{display:none!important}
.daib-slider-nav-hover .daib-slider-btn{opacity:0!important;pointer-events:none!important}
.daib-slider-nav-hover .daib-slider:hover .daib-slider-btn{opacity:1!important;pointer-events:auto!important}
@media(max-width:768px){
  .daib-slider-nav-desktop .daib-slider-btn,.daib-slider-nav-desktop-hover .daib-slider-btn{display:none!important}
}
.daib-slider-nav-desktop-hover .daib-slider-btn{opacity:0!important;pointer-events:none!important}
.daib-slider-nav-desktop-hover .daib-slider:hover .daib-slider-btn{opacity:1!important;pointer-events:auto!important}
@media(prefers-reduced-motion:reduce){
  .daib-slider-viewport{overflow-x:auto}
  .daib-slider-track{transition:none}
}

/* ---------- Thẻ sản phẩm / dịch vụ (v1.6.0) ---------- */
.daib-products-title{font-family:var(--daib-ff-title);font-weight:700;font-size:1.8rem;margin-bottom:var(--daib-s5);letter-spacing:var(--daib-ls-title)}
.daib-prod-grid{display:grid;grid-template-columns:repeat(var(--daib-cols,3),minmax(0,1fr));gap:var(--daib-s4)}
.daib-prod{background:var(--daib-bg);border:1px solid var(--daib-border);border-radius:24px;padding:var(--daib-s4);box-shadow:var(--daib-sh-card);display:flex;flex-direction:column;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s cubic-bezier(.34,1.56,.64,1),border-color .35s cubic-bezier(.34,1.56,.64,1)}
.daib-prod:hover{transform:translateY(-4px);box-shadow:var(--daib-sh-hero);border-color:var(--daib-primary)}
.daib-prod-img{border-radius:18px;overflow:hidden;margin-bottom:var(--daib-s4);aspect-ratio:16/10;background:var(--daib-surface)}
.daib-prod-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}
.daib-prod:hover .daib-prod-img img{transform:scale(1.05)}
.daib-prod-badge{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--daib-primary);margin-bottom:var(--daib-s2)}
.daib-prod-name{font-family:var(--daib-ff-title);font-weight:700;font-size:1.25rem;line-height:1.25;margin-bottom:var(--daib-s3);color:var(--daib-text)!important}
.daib-prod-specs{display:flex;flex-direction:column;gap:var(--daib-s3);margin-bottom:var(--daib-s4)}
.daib-prod-specgrid{display:grid;grid-template-columns:1fr 1fr;gap:var(--daib-s2)}
.daib-prod-spec{background:var(--daib-surface);border-radius:14px;padding:var(--daib-s2) var(--daib-s3)}
.daib-prod-speclabel{font-size:.68rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--daib-muted)}
.daib-prod-specvalue{font-weight:700;font-size:.92rem;color:var(--daib-text);margin-top:2px}
.daib-prod-bullets{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.daib-prod-bullets li{position:relative;padding-left:16px;font-size:.86rem;line-height:1.55;color:var(--daib-text)}
.daib-prod-bullets li::before{content:"";position:absolute;left:1px;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--daib-item-accent,var(--daib-primary))}
.daib-prod-pricerow{border-top:1px solid var(--daib-border);padding-top:var(--daib-s3);margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--daib-s3)}
.daib-prod-plabel{font-size:.72rem;color:var(--daib-muted)}
.daib-prod-price{font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-weight:800;font-size:1.35rem;line-height:1.1;color:var(--daib-text)}
.daib-prod-actions{margin-top:var(--daib-s3)}
.daib-prod-btn{width:100%;justify-content:space-between;background:var(--daib-item-accent,var(--daib-primary));color:var(--daib-on-primary);box-shadow:var(--daib-sh-btn)}
.daib-prod-btn:hover{background:var(--daib-item-accent,var(--daib-primary))}
.daib-prod-arrow{width:18px;height:18px;flex:0 0 auto}
/* Kiểu "Ảnh tràn viền" (layout wide): ảnh phủ tràn ra cạnh trên của thẻ. */
.daib-prod--wide{overflow:hidden}
.daib-prod--wide .daib-prod-img{margin:calc(var(--daib-s4) * -1) calc(var(--daib-s4) * -1) var(--daib-s4);border-radius:0;aspect-ratio:16/9}

/* ---------- Quy trình các bước (v1.7.0) ---------- */
.daib-layout .daib-steps-title{font-family:var(--daib-heading-font,'Montserrat',sans-serif);font-weight:800;font-size:clamp(1.5rem,3vw,2rem);margin:0 0 var(--daib-s5);text-align:center;color:var(--daib-steps-title,#111111)!important}
.daib-steps-list{list-style:none;margin:0;padding:0}
/* cards: thẻ dọc, vòng tròn số ở trên. */
.daib-steps--cards .daib-steps-list{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--daib-s4)}
.daib-steps--cards .daib-step{background:var(--daib-surface,#F2F8F6);border:1px solid var(--daib-border,#DCEAE5);border-radius:var(--daib-radius,18px);padding:var(--daib-s5) var(--daib-s4);box-shadow:var(--daib-shadow-sm)}
.daib-step-num{width:34px;height:34px;border-radius:50%;background:var(--daib-primary,#0F766E);color:var(--daib-on-primary,#fff);display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;flex:0 0 auto;position:relative;z-index:1}
.daib-layout .daib-step-title{margin:var(--daib-s3) 0 var(--daib-s1);font-size:17px;font-weight:700;line-height:1.35;color:var(--daib-steps-steptitle,#111111)!important}
.daib-step-desc{margin:0;font-size:14.5px;color:var(--daib-steps-stepdesc,#57706B)}
.daib-steps--cards .daib-step-title{margin-top:var(--daib-s3)}
/* timeline: đường kẻ dọc + chấm số (mỗi mục giữ 1 đoạn kẻ dưới chấm của mình). */
.daib-steps--timeline .daib-step{display:flex;gap:var(--daib-s3);position:relative;padding-bottom:var(--daib-s5)}
.daib-steps--timeline .daib-step::before{content:"";position:absolute;left:16px;top:40px;bottom:2px;width:2px;background:var(--daib-border,#DCEAE5)}
.daib-steps--timeline .daib-step:last-child{padding-bottom:0}
.daib-steps--timeline .daib-step:last-child::before{display:none}
.daib-steps--timeline .daib-step-body{flex:1 1 auto;min-width:0;padding-top:4px}
.daib-steps--timeline .daib-step-title{margin-top:0}
/* connected: vòng tròn số + đường kẻ ngang nối các bước (desktop); mobile tự dọc như timeline. */
.daib-steps--connected .daib-steps-list{display:flex;gap:var(--daib-s4)}
.daib-steps--connected .daib-step{flex:1 1 0;position:relative;text-align:center;padding:0 var(--daib-s1)}
.daib-steps--connected .daib-step::before{content:"";position:absolute;top:16px;left:calc(-50% + 24px);right:calc(50% + 24px);height:2px;background:var(--daib-border,#DCEAE5)}
.daib-steps--connected .daib-step:first-child::before{display:none}
.daib-steps--connected .daib-step-body{margin-top:var(--daib-s3)}
.daib-steps--connected .daib-step-title{margin-top:0}
@media(max-width:1024px){
  .daib-steps--cards .daib-steps-list{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .daib-steps--cards .daib-steps-list{grid-template-columns:1fr}
  .daib-steps--connected .daib-steps-list{flex-direction:column;gap:0}
  .daib-steps--connected .daib-step{display:flex;gap:var(--daib-s3);text-align:left;padding:0 0 var(--daib-s5)}
  .daib-steps--connected .daib-step::before{left:16px;right:auto;top:40px;bottom:2px;width:2px;height:auto}
  .daib-steps--connected .daib-step:last-child{padding-bottom:0}
  .daib-steps--connected .daib-step:last-child::before{display:none}
  .daib-steps--connected .daib-step-body{margin-top:0;padding-top:4px}
}

/* ---------- Bảng biểu (v1.7.0) ---------- */
.daib-table-title{font-family:var(--daib-heading-font,'Montserrat',sans-serif);font-weight:800;font-size:clamp(1.4rem,2.6vw,1.9rem);margin:0 0 var(--daib-s4)}
.daib-tablewrap{overflow-x:auto;border:1px solid var(--daib-border,#DCEAE5);border-radius:var(--daib-radius,18px);background:var(--daib-surface,#fff);box-shadow:var(--daib-shadow-sm)}
.daib-table{width:100%;border-collapse:collapse;font-size:15px;min-width:480px}
.daib-table th,.daib-table td{padding:13px 16px;text-align:left;vertical-align:top}
/* v1.9.3 — lá chắn theme: thắng rule td:first-child,th:first-child{padding-left:0}
   (và :last-child{padding-right:0}) của Flatsome — giữ đệm cột đầu/cuối */
.daib-table th:first-child,.daib-table td:first-child{padding-left:16px}
.daib-table th:last-child,.daib-table td:last-child{padding-right:16px}
.daib-table thead th{font-weight:700;font-size:13px;letter-spacing:.05em;text-transform:uppercase}
.daib-table--primary thead th{background:var(--daib-primary,#0F766E);color:var(--daib-on-primary,#fff)}
.daib-table--dark thead th{background:#102039;color:#fff}
.daib-table--minimal thead th{background:var(--daib-bg,#fff);color:var(--daib-text,#0E2422);border-bottom:2px solid var(--daib-primary,#0F766E)}
.daib-table tbody td{border-top:1px solid var(--daib-border,#DCEAE5);color:var(--daib-text,#0E2422)!important}
.daib-table tbody tr{transition:background-color .25s ease}
.daib-table tbody tr:hover{background:rgba(var(--daib-primary-rgb,15,118,110),.06)}
.daib-table--zebra tbody tr:nth-child(even){background:rgba(var(--daib-primary-rgb,15,118,110),.045)}
.daib-table--zebra tbody tr:nth-child(even):hover{background:rgba(var(--daib-primary-rgb,15,118,110),.08)}
/* v1.44.0: bảng thu gọn — bấm tiêu đề để xổ bảng (details native, không JS) */
.daib-table-details{background:var(--daib-surface,#fff);border:1px solid var(--daib-border,#DCEAE5);border-radius:var(--daib-radius,18px);box-shadow:var(--daib-shadow-sm);transition:box-shadow .35s cubic-bezier(.34,1.56,.64,1)}
.daib-table-details:hover{box-shadow:var(--daib-shadow-md)}
.daib-table-summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--daib-s3);padding:var(--daib-s3) var(--daib-s4);font-family:var(--daib-heading-font,'Montserrat',sans-serif);font-weight:700;font-size:16.5px;line-height:1.45;color:var(--daib-text,#0E2422);-webkit-tap-highlight-color:transparent}
.daib-table-summary::-webkit-details-marker{display:none}
.daib-table-summary::after{content:"+";flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:var(--daib-primary,#0F766E);color:var(--daib-on-primary,#fff);display:inline-flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;line-height:1;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.daib-table-details[open] .daib-table-summary::after{content:"−";transform:rotate(180deg)}
.daib-table-summary:focus-visible{outline:2px solid var(--daib-primary,#0F766E);outline-offset:2px;border-radius:var(--daib-radius,18px)}
.daib-table-details .daib-tablewrap{border:0;border-top:1px solid var(--daib-border,#DCEAE5);border-radius:0;box-shadow:none}

/* ---------- Thư viện ảnh (v1.7.0; v1.8.1: masonry cũng đọc --daib-gcols) ---------- */
.daib-gallery--masonry{column-count:var(--daib-gcols,3);column-gap:var(--daib-s4)}
.daib-gallery--masonry .daib-gal-item{break-inside:avoid;margin:0 0 var(--daib-s4)}
.daib-gallery--grid{display:grid;grid-template-columns:repeat(var(--daib-gcols,3),1fr);gap:var(--daib-s4)}
.daib-gallery--grid .daib-gal-item{margin:0}
.daib-gallery--grid .daib-gal-item img{aspect-ratio:4/3;object-fit:cover;width:100%}
.daib-gal-item img{border-radius:var(--daib-radius,18px);width:100%;height:auto;display:block;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.daib-gal-item{overflow:hidden;border-radius:var(--daib-radius,18px)}
.daib-gal-item img:hover{transform:scale(1.03)}
.daib-gal-cap{font-size:13px;color:var(--daib-muted,#57706B);padding-top:var(--daib-s2);text-align:center}
@media(max-width:1024px){
  .daib-gallery--masonry{column-count:2}
  .daib-gallery--grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:520px){
  .daib-gallery--masonry{column-count:1}
  .daib-gallery--grid{grid-template-columns:1fr}
}

/* ---------- Câu hỏi thường gặp / FAQ (v1.8.0) ---------- */
.daib-faq-title{font-family:var(--daib-heading-font,'Montserrat',sans-serif);font-weight:800;font-size:clamp(1.4rem,2.6vw,1.9rem);margin:0 0 var(--daib-s4);text-align:center}
/* Accordion: thẻ <details>/<summary> gốc, 0 JS. Dấu +/− bằng pseudo-element. */
.daib-faq--accordion{display:flex;flex-direction:column;gap:var(--daib-s2)}
.daib-faq-item{background:var(--daib-surface,#F2F8F6);border:1px solid var(--daib-border,#DCEAE5);border-radius:var(--daib-radius,18px);box-shadow:var(--daib-shadow-sm);transition:box-shadow .35s cubic-bezier(.34,1.56,.64,1)}
.daib-faq-item:hover{box-shadow:var(--daib-shadow-md)}
.daib-faq-q{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--daib-s3);padding:var(--daib-s3) var(--daib-s4);font-family:var(--daib-heading-font,'Montserrat',sans-serif);font-weight:700;font-size:16.5px;line-height:1.45;color:var(--daib-text,#0E2422);-webkit-tap-highlight-color:transparent}
.daib-faq-q::-webkit-details-marker{display:none}
.daib-faq-q::after{content:"+";flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:var(--daib-primary,#0F766E);color:var(--daib-on-primary,#fff);display:inline-flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;line-height:1;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.daib-faq-item[open] .daib-faq-q::after{content:"−";transform:rotate(180deg)}
.daib-faq-q:focus-visible{outline:2px solid var(--daib-primary,#0F766E);outline-offset:2px;border-radius:var(--daib-radius,18px)}
.daib-faq-a{padding:0 var(--daib-s4) var(--daib-s3);font-size:15px;line-height:1.7;color:var(--daib-muted,#57706B)}
.daib-faq-a p{margin:0 0 var(--daib-s2)}
.daib-faq-a p:last-child{margin-bottom:0}
/* Thẻ tĩnh: hiển thị luôn cả hỏi và đáp. */
.daib-faq--cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--daib-s4)}
.daib-faq-card{background:var(--daib-surface,#F2F8F6);border:1px solid var(--daib-border,#DCEAE5);border-radius:var(--daib-radius,18px);box-shadow:var(--daib-shadow-sm);padding:var(--daib-s4)}
.daib-layout .daib-faq-card-q{margin:0 0 var(--daib-s2);font-family:var(--daib-heading-font,'Montserrat',sans-serif);font-weight:700;font-size:16.5px;line-height:1.45;color:var(--daib-text,#0E2422)!important}
.daib-faq-card-a{font-size:15px;line-height:1.7;color:var(--daib-muted,#57706B)}
.daib-faq-card-a p{margin:0 0 var(--daib-s2)}
.daib-faq-card-a p:last-child{margin-bottom:0}
@media(max-width:768px){
  .daib-faq--cards{grid-template-columns:1fr}
}

/* ---------- Form đăng ký / Contact Form 7 (v1.8.0) ---------- */
.daib-form-title{font-family:var(--daib-heading-font,'Montserrat',sans-serif);font-weight:800;font-size:clamp(1.4rem,2.6vw,1.9rem);margin:0 0 var(--daib-s2);text-align:center}
.daib-form-desc{text-align:center;font-size:15.5px;line-height:1.7;color:var(--daib-muted,#57706B);margin:0 auto var(--daib-s4);max-width:640px}
.daib-form-frame{max-width:640px;margin:0 auto;background:var(--daib-surface,#F2F8F6);border:1px solid var(--daib-border,#DCEAE5);border-radius:var(--daib-radius,18px);box-shadow:var(--daib-shadow-md);padding:var(--daib-s5)}
/* Style tối thiểu cho form của Contact Form 7 trong khung của DAIB (theo chuẩn form-field):
   input/textarea/select full-width, đệm thoáng, viền + vòng focus màu chủ đạo. Chỉ áp trong .daib-form. */
.daib-form .wpcf7{max-width:100%}
.daib-form .wpcf7 form p{margin:0 0 var(--daib-s3)}
.daib-form .wpcf7 label{display:block;font-size:13.5px;font-weight:700;letter-spacing:.02em;color:var(--daib-text,#0E2422);margin-bottom:6px}
/* v1.9.4: viết tường minh từng selector (không dùng :where) để tương thích mọi trình
   minify CSS — :where bị một số bộ minify làm biến dạng khiến input[type=text] rớt khỏi rule. */
/* v1.9.5: bỏ transition (không còn hiệu ứng "lướt" khi di chuyển qua các ô),
   font-size 16px để iOS không tự zoom khi chạm vào ô. */
.daib-form .wpcf7 form input[type=text],.daib-form .wpcf7 form input[type=email],.daib-form .wpcf7 form input[type=tel],.daib-form .wpcf7 form input[type=number],.daib-form .wpcf7 form input[type=date],.daib-form .wpcf7 form input[type=url],.daib-form .wpcf7 form select,.daib-form .wpcf7 form textarea{width:100%;max-width:100%;padding:12px 14px;font:inherit;font-size:16px;line-height:1.5;color:var(--daib-text,#0E2422);background-color:var(--daib-bg,#fff);height:auto;border:1px solid var(--daib-border,#DCEAE5);border-radius:10px;transition:none}
.daib-form .wpcf7 form input[type=text]:focus,.daib-form .wpcf7 form input[type=email]:focus,.daib-form .wpcf7 form input[type=tel]:focus,.daib-form .wpcf7 form input[type=number]:focus,.daib-form .wpcf7 form input[type=date]:focus,.daib-form .wpcf7 form input[type=url]:focus,.daib-form .wpcf7 form select:focus,.daib-form .wpcf7 form textarea:focus{border-color:var(--daib-primary,#0F766E);outline:none}
.daib-form .wpcf7 textarea{min-height:110px;resize:vertical}
/* v1.9.6: thêm p vào selector (0,3,2) — bản 1.9.4 tính nhầm specificity, (0,3,1) hòa với
   child theme nên float:left của theme vẫn thắng theo thứ tự nạp */
.daib-form .wpcf7 form p .wpcf7-submit{display:block;width:100%;float:none;cursor:pointer;border:0;border-radius:var(--daib-btn-radius,10px);padding:13px 22px;font:inherit;font-size:16px;font-weight:800;background:var(--daib-primary,#0F766E);color:var(--daib-on-primary,#fff);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}
.daib-form .wpcf7 .wpcf7-submit:hover{transform:translateY(-1px);box-shadow:var(--daib-shadow-md)}
.daib-form .wpcf7 .wpcf7-submit:active{transform:translateY(0) scale(.99)}
.daib-form .wpcf7 .wpcf7-not-valid-tip{font-size:13px;margin-top:4px}
.daib-form .wpcf7 .wpcf7-response-output{margin:var(--daib-s3) 0 0;border-radius:10px;padding:12px 14px}

/* ---------- Form: ẩn phần tử phụ của CF7 (v1.8.1) ----------
   Gốc lỗi: các phần tử phụ của CF7 (.screen-reader-response, .wpcf7-response-output, input ẩn, honeypot)
   chỉ được ẩn/tạo kiểu bởi stylesheet riêng của CF7 — stylesheet này không đảm bảo có mặt
   (Preview không enqueue, CF7 cũng nạp có điều kiện). Khi đó chúng lộ thành ô chữ nhật trống
   phía trên form. Tất cả rule dưới đây đều scope trong .daib-form, không đè CSS toàn cục. */
.daib-form .screen-reader-response{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.daib-form .wpcf7-response-output:empty{display:none!important}
.daib-form .wpcf7 form input[type="hidden"]{display:none!important}
/* (v1.9.0) CF7 6.1.7 bọc các trường ẩn trong <fieldset class="hidden-fields-container">:
   bản 1.8.1 chỉ ẩn input bên trong nên KHUNG fieldset (viền groove + đệm mặc định của
   trình duyệt) vẫn lộ thành ô chữ nhật trống phía trên form. Nay ẩn hẳn fieldset đó
   và reset mọi fieldset trong form về 0 viền/0 đệm. KHÔNG ẩn .wpcf7-turnstile
   (Cloudflare Turnstile chống spam nằm ngay sau fieldset này). */
.daib-form .wpcf7 .hidden-fields-container{display:none!important}
.daib-form .wpcf7 fieldset{border:0;margin:0;padding:0;min-inline-size:0}
.daib-form .wpcf7 .wpcf7-form-control-wrap{display:block;position:relative}
.daib-form .wpcf7 .wpcf7-spinner{visibility:hidden}
.daib-form .wpcf7 .submitting .wpcf7-spinner,.daib-form .wpcf7 form.submitting .wpcf7-spinner{visibility:visible}

/* ---------- Kiểu thẻ "Nổi bật (gradient)" cho block Tính năng (v1.8.1) ----------
   Nền gradient theo màu nhấn của từng thẻ (không phụ thuộc color-mix), icon SVG trắng to,
   chữ trắng. Specificity 0,2,0 + nằm cuối file nên thắng các kiểu icon cũ mà không cần !important. */
.daib-grid-style-highlight .daib-feat{background-color:var(--daib-item-accent,var(--daib-primary,#0F766E));background-image:radial-gradient(circle at 85% -10%,rgba(255,255,255,.35),rgba(255,255,255,0) 55%),linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,0) 42%),linear-gradient(180deg,rgba(255,255,255,.05),rgba(0,0,0,.22));border-color:transparent;color:#fff;box-shadow:0 18px 38px -14px rgba(var(--daib-item-accent-rgb,var(--daib-primary-rgb,0,0,0)),.55)}
.daib-grid-style-highlight .daib-feat:hover{transform:translateY(-4px);box-shadow:0 24px 48px -14px rgba(var(--daib-item-accent-rgb,var(--daib-primary-rgb,0,0,0)),.6)}
.daib-grid-style-highlight .daib-feat-icon{width:72px;height:72px;background:rgba(255,255,255,.2);border-radius:20px;color:#fff;box-shadow:none}
.daib-grid-style-highlight .daib-feat-icon svg{width:38px;height:38px;color:#fff}
.daib-grid-style-highlight .daib-feat-title{color:#fff}
.daib-grid-style-highlight .daib-feat-desc{color:rgba(255,255,255,.88)}
.daib-grid-style-highlight .daib-feat-img{margin:calc(var(--daib-s5) * -1) calc(var(--daib-s5) * -1) var(--daib-s4)}
.daib-grid-style-highlight .daib-feat-btn{background:#fff;color:var(--daib-item-accent,var(--daib-primary,#0F766E));box-shadow:0 8px 20px rgba(0,0,0,.22)}
.daib-grid-style-highlight .daib-feat-btn:hover{transform:translateY(-1px)}
@media(max-width:640px){
  .daib-grid-style-highlight .daib-feat-icon{width:60px;height:60px}
  .daib-grid-style-highlight .daib-feat-icon svg{width:32px;height:32px}
}

/* ---------- Cắt ảnh dùng chung (v1.9.0; v1.9.2 tách thành 2 biến thể cho người dùng chọn):
   ảnh bo tròn nhẹ 4 góc (img bên trong giữ border-radius:18px — clip-path chỉ cắt phần
   giữa cạnh dưới nên các góc vẫn tròn). Class nền .daib-img-cut không tự cắt; renderer
   luôn gắn thêm 1 trong 2 biến thể theo cài đặt "Kiểu cắt ảnh" của block (mặc định --loi):
   - .daib-img-cut--loi: cạnh đáy chính nằm ở mức 92%, ở giữa có một "lưỡi" hình thang
     LỒI XUỐNG tới 100% (lưỡi rộng 38%–63%, hai đường chéo nối tại 29%–38% và 63%–71%,
     sâu ~8% chiều cao ảnh) — ĐÚNG ảnh mẫu Duy chốt (phần hình thang là phần ảnh lồi ra).
   - .daib-img-cut--lom: RÃNH LÕM Ở GIỮA cạnh dưới (dạng của v1.9.1): hai góc dưới giữ
     nguyên chiều cao như hai "chân" (0–29% và 71–100%), đoạn giữa cạnh đáy (38%–63%)
     nâng lên mức 92%.
   Áp lên lớp bọc ảnh. Dùng cho: ảnh Tin tức + ô ảnh Số liệu mosaic. ---------- */
.daib-img-cut--loi{clip-path:polygon(0 0,100% 0,100% 92%,71% 92%,63% 100%,38% 100%,29% 92%,0 92%)}
.daib-img-cut--lom{clip-path:polygon(0 0,100% 0,100% 100%,71% 100%,63% 92%,38% 92%,29% 100%,0 100%)}

/* ---------- Tin tức (v1.8.1; v1.9.0 đổi khung ảnh sang class dùng chung .daib-img-cut,
   thay kiểu vát 1 góc của 1.8.1; v1.9.2 hình cắt theo biến thể --loi/--lom do cài đặt
   "Kiểu cắt ảnh" của block quyết): tin lớn trái + danh sách phải ---------- */
.daib-news-title{text-align:center;margin:0 0 var(--daib-s5);font-size:clamp(1.6rem,3vw,2.1rem);font-weight:800}
.daib-news-wrap{display:grid;grid-template-columns:1.15fr 1fr;gap:var(--daib-s5);align-items:start}
.daib-news-clip{overflow:hidden}
.daib-news-featured .daib-news-clip{aspect-ratio:16/10}
.daib-news-clip img{width:100%;height:100%;object-fit:cover;display:block;border-radius:18px;transition:transform .5s var(--daib-ease)}
.daib-news-featured:hover .daib-news-clip img,.daib-news-item:hover .daib-news-clip img{transform:scale(1.05)}
.daib-news-media{display:block}
.daib-news-ph{display:flex;align-items:center;justify-content:center;min-height:120px;border-radius:18px;color:var(--daib-muted,#57706B);background:linear-gradient(135deg,var(--daib-surface,#F2F8F6),var(--daib-border,#DCEAE5))}
.daib-news-cat{display:inline-block;font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--daib-accent,#F97316);margin-bottom:var(--daib-s2)}
.daib-news-ftitle{margin:0;font-size:clamp(1.25rem,2.4vw,1.6rem);font-weight:800;line-height:1.4}
.daib-news-ftitle a{color:inherit;text-decoration:none}
.daib-news-ftitle a:hover{color:var(--daib-primary,#0F766E)}
.daib-news-featured .daib-news-body{margin-top:var(--daib-s3)}
.daib-news-list{display:flex;flex-direction:column;gap:var(--daib-s4)}
.daib-news-item{display:grid;grid-template-columns:150px 1fr;gap:var(--daib-s3);align-items:center;padding-bottom:var(--daib-s4);border-bottom:1px solid var(--daib-border,#DCEAE5)}
.daib-news-item:last-child{padding-bottom:0;border-bottom:0}
.daib-news-item .daib-news-clip{aspect-ratio:4/3}
.daib-news-item .daib-news-ph{min-height:100px}
.daib-news-ititle{margin:0;font-size:16px;font-weight:700;line-height:1.5}
.daib-news-ititle a{color:inherit;text-decoration:none}
.daib-news-ititle a:hover{color:var(--daib-primary,#0F766E)}
@media(max-width:900px){
  .daib-news-wrap{grid-template-columns:1fr}
}
@media(max-width:520px){
  .daib-news-item{grid-template-columns:110px 1fr}
}

/* ---------- Lộ trình scrollspy (v1.8.1): menu neo sticky + timeline dọc có đường nối ---------- */
.daib-roadmap-title{text-align:center;margin:0 0 var(--daib-s5);font-size:clamp(1.6rem,3vw,2.1rem);font-weight:800}
.daib-roadmap-wrap{display:grid;grid-template-columns:260px 1fr;gap:var(--daib-s5);align-items:start}
.daib-roadmap-nav{position:sticky;top:16px}
.daib-roadmap-nav-inner{display:flex;flex-direction:column;gap:4px;background:var(--daib-surface,#F2F8F6);border:1px solid var(--daib-border,#DCEAE5);border-radius:var(--daib-radius,18px);padding:var(--daib-s3)}
.daib-rm-link{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;text-decoration:none;color:var(--daib-text,#0E2422);font-size:14.5px;font-weight:600;line-height:1.4;transition:background-color .25s ease,color .25s ease}
.daib-rm-link:hover{background:rgba(var(--daib-primary-rgb,15,118,110),.08)}
.daib-rm-link.is-active{background:var(--daib-rm-accent,var(--daib-primary,#0F766E));color:#fff}
.daib-rm-link.is-active .daib-rm-num{background:rgba(255,255,255,.22);color:#fff}
.daib-roadmap-timeline{position:relative;padding-left:52px}
.daib-roadmap-timeline::before{content:"";position:absolute;left:20px;top:8px;bottom:8px;width:2px;background:var(--daib-border,#DCEAE5)}
.daib-rm-step{position:relative;padding-bottom:var(--daib-s4);scroll-margin-top:20px}
.daib-rm-step:last-child{padding-bottom:0}
/* v1.23.1: màu nhấn tùy chỉnh qua --daib-rm-accent (để trống = theo phong cách) */
.daib-rm-marker{position:absolute;left:-52px;top:0;width:42px;height:42px;border-radius:50%;background:var(--daib-rm-accent,var(--daib-item-accent,var(--daib-primary,#0F766E)));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:17px;box-shadow:0 8px 18px -6px rgba(var(--daib-item-accent-rgb,var(--daib-primary-rgb,0,0,0)),.5)}
.daib-rm-card{background:var(--daib-rm-cardbg,var(--daib-surface,#F2F8F6));border:1px solid var(--daib-border,#DCEAE5);border-radius:var(--daib-radius,18px);padding:var(--daib-s4);box-shadow:var(--daib-shadow-sm)}
.daib-layout .daib-rm-title{margin:0 0 var(--daib-s2);font-size:17.5px;font-weight:800;line-height:1.45;color:var(--daib-rm-title,var(--daib-text,#0E2422))!important}
.daib-rm-text{font-size:15px;line-height:1.7;color:var(--daib-rm-textc,var(--daib-muted,#57706B))}
/* v1.23.1: icon + ảnh minh họa từng chặng */
.daib-rm-title-row{display:flex;align-items:center;gap:10px;margin:0 0 var(--daib-s2)}
.daib-rm-title-row .daib-rm-title{margin:0}
.daib-rm-iconwrap{flex:0 0 auto;width:36px;height:36px;border-radius:12px;background:var(--daib-rm-accent,var(--daib-primary,#0F766E));color:#fff;display:inline-flex;align-items:center;justify-content:center}
.daib-rm-iconwrap .daib-rm-icon{width:20px;height:20px}
.daib-rm-img{margin:calc(var(--daib-s4) * -1) calc(var(--daib-s4) * -1) var(--daib-s3);border-radius:var(--daib-radius,18px) var(--daib-radius,18px) 0 0;overflow:hidden}
.daib-rm-img img{width:100%;height:190px;object-fit:cover;display:block}
.daib-rm-text p{margin:0 0 var(--daib-s2)}
.daib-rm-text p:last-child{margin-bottom:0}
@media(max-width:768px){
  .daib-roadmap-wrap{grid-template-columns:1fr}
  .daib-roadmap-nav{position:static}
  .daib-roadmap-nav-inner{flex-direction:row;flex-wrap:wrap}
  .daib-rm-link{font-size:13.5px;padding:7px 9px}
}

/* ---------- v1.9.0: chặn tràn ngang cho các hiệu ứng full-bleed ----------
   overflow:clip KHÔNG tạo scroll container nên không phá position:sticky
   (menu đầu trang dính, menu neo lộ trình vẫn dính bình thường). */
.daib-layout{overflow-x:clip}

/* ---------- Menu đầu trang (v1.9.0): 0 JS — dropdown bằng hover/focus-within,
   mobile bằng checkbox ẩn + nhãn hamburger (id duy nhất theo từng block) ---------- */
.daib-header{position:relative;color:var(--daib-text,#0E2422)}
.daib-header--solid{background:var(--daib-bg,#fff)}
.daib-header--glass{background:rgba(var(--daib-bg-rgb,255,255,255),.72);backdrop-filter:blur(14px) saturate(1.35);-webkit-backdrop-filter:blur(14px) saturate(1.35);border-bottom:1px solid rgba(var(--daib-primary-rgb,15,118,110),.14)}
.daib-header--sticky{position:sticky;top:0;z-index:90}
.daib-header-topbar{background:var(--daib-primary,#0F766E);color:var(--daib-on-primary,#fff);font-size:13.5px}
.daib-header-topbar-in{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:7px;padding-bottom:7px}
.daib-header-topbar a{color:inherit;text-decoration:none;font-weight:700}
.daib-header-topbar a:hover{text-decoration:underline}
.daib-header-topsep{opacity:.55}
.daib-header-bar{display:flex;align-items:center;gap:var(--daib-s4,24px);padding-top:10px;padding-bottom:10px}
.daib-header-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--daib-text,#0E2422);font-family:var(--daib-heading-font,sans-serif);font-weight:800;font-size:19px;line-height:1.25;letter-spacing:var(--daib-heading-tracking,-0.02em)}
.daib-header-logo img{display:block;max-height:46px;width:auto}
.daib-header-toggle{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.daib-header .daib-header-burger{display:none;margin-left:auto;width:42px;height:42px;border:1px solid var(--daib-border,#DCEAE5);border-radius:10px;background:var(--daib-bg,#fff);color:var(--daib-text,#0E2422);cursor:pointer;align-items:center;justify-content:center}
.daib-header-burger svg{width:22px;height:22px}
.daib-header-burger:hover{border-color:var(--daib-primary,#0F766E);color:var(--daib-primary,#0F766E)}
.daib-header-nav{display:flex;align-items:center;gap:var(--daib-s2,12px);margin-left:auto}
.daib-header-menu{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0}
.daib-header-item{position:relative}
.daib-header-link{display:inline-flex;align-items:center;gap:5px;padding:9px 12px;border-radius:10px;color:var(--daib-text,#0E2422);text-decoration:none;font-weight:600;font-size:15px;line-height:1.35;transition:background-color .25s ease,color .25s ease;cursor:pointer}
.daib-header-item:hover>.daib-header-link,.daib-header-item:focus-within>.daib-header-link{background:rgba(var(--daib-primary-rgb,15,118,110),.08);color:var(--daib-primary,#0F766E)}
.daib-header-caret{width:14px;height:14px;flex:none;transition:transform .3s var(--daib-ease,cubic-bezier(.34,1.56,.64,1))}
.daib-header-item:hover .daib-header-caret,.daib-header-item:focus-within .daib-header-caret{transform:rotate(180deg)}
.daib-header-sub{position:absolute;top:calc(100% + 8px);left:0;min-width:232px;list-style:none;margin:0;padding:8px;background:var(--daib-bg,#fff);border:1px solid var(--daib-border,#DCEAE5);border-radius:14px;box-shadow:var(--daib-shadow-lg,0 24px 48px -16px rgba(0,0,0,.3));opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s ease,transform .3s var(--daib-ease,cubic-bezier(.34,1.56,.64,1)),visibility .25s;z-index:95}
.daib-header-item:hover>.daib-header-sub,.daib-header-item:focus-within>.daib-header-sub{opacity:1;visibility:visible;transform:translateY(0)}
.daib-header-sub a{display:block;padding:9px 12px;border-radius:9px;color:var(--daib-text,#0E2422);text-decoration:none;font-size:14.5px;font-weight:500;line-height:1.45;transition:background-color .25s ease,color .25s ease}
.daib-header-sub a:hover{background:rgba(var(--daib-primary-rgb,15,118,110),.08);color:var(--daib-primary,#0F766E)}
.daib-header-sub .daib-header-link{display:block;padding:9px 12px;font-size:14.5px;font-weight:500}
.daib-header--glass .daib-header-sub li:first-child a,.daib-header--glass .daib-header-sub li:first-child .daib-header-link{background:var(--daib-primary,#0F766E);color:var(--daib-on-primary,#fff);font-weight:700}
.daib-header-cta{flex:none;margin-left:6px}
@media(max-width:900px){
  .daib-header .daib-header-burger{display:inline-flex}
  .daib-header-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;margin-left:0;padding:10px 0 14px;background:var(--daib-bg,#fff);border-bottom:1px solid var(--daib-border,#DCEAE5);box-shadow:var(--daib-shadow-lg,0 24px 48px -16px rgba(0,0,0,.3));z-index:94}
  .daib-header--glass .daib-header-nav{background:rgba(var(--daib-bg-rgb,255,255,255),.96)}
  .daib-header-toggle:checked~.daib-header-nav{display:flex}
  .daib-header-menu{flex-direction:column;align-items:stretch;gap:0}
  .daib-header-link{display:flex;width:100%;padding:11px 14px}
  .daib-header-caret{display:none}
  .daib-header-sub{position:static;opacity:1;visibility:visible;transform:none;min-width:0;border:0;border-radius:0;box-shadow:none;background:transparent;padding:0 0 6px 16px}
  .daib-header-cta{margin:10px 14px 0;justify-content:center}
}

/* ---------- Header kiểu DUDI (v1.20.0) ----------
   Desktop: logo trái, nav giữa, nút gradient phải, mega menu trắng khi hover.
   Mobile: hamburger mở overlay trắng bo góc. 0 JS. */
.daib-header--dudi{background:#fff;border-bottom:1px solid #EEF1F6;position:relative;z-index:95}
.daib-header--dudi.daib-header--sticky{position:sticky;top:0}
/* v1.21.2: global header dùng position:fixed (position:sticky bị vô hiệu khi theme
   đặt overflow-x:hidden trên body/html — Flatsome hay làm vậy). JS bù padding-top body. */
/* v1.31.2: header sticky luôn nổi trên mọi nội dung (z-index 200 cũ quá thấp nên section đè lên menu + dropdown) */
.daib-global-header{position:relative;z-index:9999}
.daib-global-header .daib-header--dudi.daib-header--sticky{position:fixed;top:0;left:0;right:0;z-index:9999;background:#fff}
.daib-dh-bar-in{display:flex;align-items:center;gap:28px;padding-top:14px;padding-bottom:14px}
.daib-dh-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;flex:0 0 auto}
.daib-dh-logo img{height:48px;width:auto;display:block}
.daib-dh-logo-tx{display:inline-flex;flex-direction:column;justify-content:center;line-height:1.15;white-space:nowrap}
.daib-dh-logo-tx strong{font-weight:800;font-size:27px;color:#D42B1E;letter-spacing:.015em}
.daib-dh-logo-tx small{font-weight:700;font-size:11.5px;color:#1B3A8F;letter-spacing:.1em;margin-top:2px}
.daib-dh-nav{margin-left:auto}
.daib-dh-menu{display:flex;align-items:center;gap:6px;list-style:none;margin:0;padding:0}
.daib-dh-link{display:inline-flex;align-items:center;gap:5px;padding:10px 14px;font-weight:600;font-size:15.5px;color:#1D2939;text-decoration:none;border-radius:10px;transition:color .15s ease,background .15s ease}
.daib-dh-link:hover{color:#E63A2E;background:#FFF4F2}
.daib-dh-caret{transition:transform .2s ease}
.daib-dh-item--mega{position:relative}
.daib-dh-item--mega:hover .daib-dh-caret,.daib-dh-item--mega:focus-within .daib-dh-caret{transform:rotate(180deg)}
.daib-dh-mega{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(8px);min-width:640px;max-width:720px;background:#fff;border-radius:20px;box-shadow:0 30px 70px -18px rgba(16,24,40,.28);border:1px solid #EEF1F6;padding:22px;opacity:0;visibility:hidden;transition:opacity .18s ease,transform .18s ease,visibility .18s}
.daib-dh-item--mega:hover .daib-dh-mega,.daib-dh-item--mega:focus-within .daib-dh-mega{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.daib-dh-mega-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.daib-dh-mega-item{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:14px;text-decoration:none;transition:background .15s ease}
.daib-dh-mega-item:hover{background:#F8FAFC}
.daib-dh-mega-ic{flex:0 0 auto;width:44px;height:44px;border-radius:13px;background:#F1F5F9;color:#475569;display:inline-flex;align-items:center;justify-content:center}
.daib-dh-mega-ic svg{width:22px;height:22px}
.daib-dh-mega-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.daib-dh-mega-tx strong{font-size:15px;font-weight:700;color:#101828;line-height:1.35}
.daib-dh-mega-tx small{font-size:13px;color:#667085;line-height:1.45}
.daib-dh-mega-ext{margin-left:auto;color:#98A2B3;font-size:15px;flex:0 0 auto}
.daib-dh-mega-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid #EEF1F6;font-size:14px;color:#667085}
.daib-dh-mega-foot a{color:#E63A2E;font-weight:700;text-decoration:none;white-space:nowrap}
.daib-dh-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;border-radius:999px;background:linear-gradient(92deg,#F04438,#F97316);color:#fff;font-weight:700;font-size:15.5px;text-decoration:none;white-space:nowrap;box-shadow:0 10px 24px -8px rgba(240,68,56,.55);transition:transform .15s ease,box-shadow .15s ease;flex:0 0 auto}
.daib-dh-cta:hover{transform:translateY(-2px);box-shadow:0 14px 28px -8px rgba(240,68,56,.6);color:#fff}
/* v1.21.2: hotline nổi bật giữa menu và CTA */
.daib-dh-hotline{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#D42B1E;margin-left:auto;flex:0 0 auto}
.daib-dh-hotline svg{flex:none}
.daib-dh-hotline-tx{display:inline-flex;flex-direction:column;line-height:1.2;white-space:nowrap}
.daib-dh-hotline-tx small{font-size:12px;font-weight:600;color:#8A94A6}
.daib-dh-hotline-tx strong{font-size:22px;font-weight:800;color:#D42B1E;letter-spacing:.01em}
.daib-dh-cta{margin-left:0}
.daib-dh-toggle{position:absolute;opacity:0;pointer-events:none}
.daib-dh-burger{display:none;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#F04438;color:#fff;cursor:pointer;margin-left:auto}
.daib-dh-overlay{display:none}
@media(max-width:900px){
  .daib-dh-nav,.daib-dh-cta,.daib-dh-hotline{display:none}
  .daib-dh-burger{display:inline-flex}
  .daib-dh-toggle:checked~.daib-dh-overlay{display:block}
  .daib-dh-overlay{position:fixed;inset:0;z-index:200}
  .daib-dh-scrim{position:absolute;inset:0;background:rgba(16,24,40,.45);backdrop-filter:blur(3px);cursor:pointer}
  .daib-dh-panel{position:absolute;top:0;left:0;right:0;background:#fff;border-radius:0 0 28px 28px;padding:18px 22px 26px;box-shadow:0 30px 60px rgba(16,24,40,.3);max-height:88vh;overflow-y:auto}
  .daib-dh-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
  .daib-dh-close{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;cursor:pointer;color:#1D2939}
  .daib-dh-mlist{list-style:none;margin:0;padding:0}
  .daib-dh-mitem{border-bottom:1px solid #F2F4F7}
  .daib-dh-mitem>a,.daib-dh-mitem summary{display:flex;align-items:center;justify-content:space-between;padding:15px 4px;font-size:17px;font-weight:700;color:#1D2939;text-decoration:none;cursor:pointer;list-style:none}
  .daib-dh-mitem summary::-webkit-details-marker{display:none}
  .daib-dh-mchev{color:#F97316;font-size:22px;font-weight:400}
  .daib-dh-mitem details[open] .daib-dh-mchev{transform:rotate(180deg)}
  .daib-dh-msub{list-style:none;margin:0;padding:0 0 10px 12px}
  .daib-dh-msub a{display:block;padding:10px 4px;font-size:15.5px;font-weight:500;color:#475569;text-decoration:none}
  .daib-dh-cta-big{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px;padding:16px;border-radius:999px;background:linear-gradient(92deg,#F04438,#F97316);color:#fff;font-weight:800;font-size:17px;text-decoration:none;box-shadow:0 12px 26px -8px rgba(240,68,56,.55)}
}

/* ---------- Giới thiệu — ảnh lộ khung (v1.9.0) ----------
   Dải nền full chiều ngang vẽ bằng ::before (100vw, căn giữa theo block);
   ảnh nhô lên khỏi mép trên dải nền bằng margin âm, overflow luôn visible. */
.daib-layout .daib-intro-title{margin:0 0 var(--daib-s4,24px);font-size:clamp(1.7rem,3.4vw,2.4rem);font-weight:800;line-height:1.25;letter-spacing:var(--daib-heading-tracking,-0.03em);color:var(--daib-text,#0E2422)}
.daib-intro-accent{color:var(--daib-accent,#F97316)}
.daib-intro-band{position:relative;margin-top:104px;color:#fff}
.daib-intro-band::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background-color:var(--daib-intro-band,var(--daib-accent,#F97316));background-image:linear-gradient(115deg,transparent 58%,rgba(255,255,255,.07) 58.5%),linear-gradient(24deg,transparent 66%,rgba(255,255,255,.05) 66.5%),linear-gradient(160deg,rgba(255,255,255,.11),transparent 45%)}
.daib-intro-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:var(--daib-s6,48px);align-items:end}
.daib-intro--noimg .daib-intro-grid{grid-template-columns:1fr}
.daib-intro-content{padding:var(--daib-s6,48px) 0;align-self:center;--daib-intro-ink:#fff;--daib-intro-ink-soft:rgba(255,255,255,.88)}
.daib-layout .daib-intro-name{margin:0 0 4px;font-size:clamp(1.3rem,2.4vw,1.7rem);font-weight:800;line-height:1.3;color:var(--daib-intro-ink,#fff)!important}
.daib-intro-role{font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--daib-intro-ink-soft,rgba(255,255,255,.88));margin-bottom:var(--daib-s4,24px)}
.daib-intro-text{position:relative;margin:0 0 var(--daib-s4,24px);font-size:16.5px;line-height:1.7;color:var(--daib-intro-ink-soft,rgba(255,255,255,.88))}
.daib-intro-text::before{content:"“";display:block;font-family:var(--daib-heading-font,Georgia,serif);font-size:52px;line-height:.6;font-weight:800;color:var(--daib-intro-ink,#fff);opacity:.55;margin-bottom:14px}
.daib-intro-more{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:14.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--daib-intro-ink,#fff);text-decoration:none;transition:transform .3s var(--daib-ease,cubic-bezier(.34,1.56,.64,1))}
.daib-intro-more::before{content:"";width:0;height:0;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent currentColor}
.daib-intro-more:hover{transform:translateX(4px);text-decoration:underline}
.daib-intro-media{margin-top:-150px;align-self:end}
.daib-intro-media img{display:block;width:100%;height:auto}
@media(max-width:860px){
  .daib-intro-band{margin-top:0}
  .daib-intro-band::before{display:none}
  .daib-intro-grid{grid-template-columns:1fr;gap:0}
  .daib-intro-content{padding:0 0 var(--daib-s4,24px);--daib-intro-ink:var(--daib-text,#0E2422);--daib-intro-ink-soft:var(--daib-muted,#57706B)}
  .daib-intro-role{color:var(--daib-accent,#F97316)}
  .daib-intro-media{position:relative;margin-top:64px;padding:0 var(--daib-s4,24px)}
  .daib-intro-media::before{content:"";position:absolute;left:50%;transform:translateX(-50%);width:100vw;top:52px;bottom:0;background-color:var(--daib-intro-band,var(--daib-accent,#F97316));background-image:linear-gradient(115deg,transparent 58%,rgba(255,255,255,.07) 58.5%),linear-gradient(160deg,rgba(255,255,255,.11),transparent 45%)}
  .daib-intro-media img{position:relative;margin:-52px auto 0;max-width:400px}
}

/* ---------- Số liệu Mosaic (v1.9.0): lưới 12 cột bất đối xứng, thẻ gradient
   trộn ô ảnh cắt cách điệu (class dùng chung .daib-img-cut--loi/--lom theo cài đặt của block). Span theo chu kỳ 7 ô
   do CSS scoped của block quyết (class-daib-renderer); ở đây chỉ lo phần nhìn + fallback. */
.daib-stats--mosaic .daib-stat{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 20px;border-radius:22px;color:#fff;background-color:var(--daib-mosaic-c,var(--daib-accent,#F97316));background-image:radial-gradient(circle at 85% -10%,rgba(255,255,255,.32),rgba(255,255,255,0) 55%),linear-gradient(165deg,rgba(255,255,255,.16),rgba(0,0,0,.20));box-shadow:0 18px 38px -16px rgba(0,0,0,.35);min-height:190px}
.daib-stats--mosaic .daib-stat-icon{width:64px;height:64px;flex:none;border-radius:50%;background:#fff;color:var(--daib-mosaic-c,var(--daib-accent,#F97316));display:flex;align-items:center;justify-content:center;margin-bottom:14px;box-shadow:0 10px 22px -8px rgba(0,0,0,.35)}
.daib-stats--mosaic .daib-stat-icon svg{width:30px;height:30px}
.daib-stats--mosaic .daib-stat-num{font-family:var(--daib-heading-font,sans-serif);font-size:clamp(2.3rem,4.6vw,3.4rem);font-weight:900;line-height:1.05;color:#fff;letter-spacing:var(--daib-heading-tracking,-0.03em)}
.daib-stats--mosaic .daib-stat-suffix{color:#fff}
.daib-stats--mosaic .daib-stat-label{margin-top:8px;font-size:15.5px;line-height:1.5;color:rgba(255,255,255,.92)}
.daib-stat-imgtile{position:relative;overflow:hidden;min-height:190px;background:linear-gradient(135deg,var(--daib-surface,#F2F8F6),var(--daib-border,#DCEAE5))}
.daib-stat-imgtile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;border-radius:18px}
.daib-stat-imgtile--empty{display:flex;align-items:center;justify-content:center;border-radius:18px;color:var(--daib-muted,#57706B)}
.daib-stat-imgtile--empty svg{width:38px;height:38px;opacity:.6}

/* ---------- Link "Đọc tiếp →" của tin tức (v1.10.0): mặc định gọn nhẹ cho mọi preset;
   hiệu ứng mũi tên trượt ra khi hover card chỉ bật ở preset BigTree (xem khối dưới). ---------- */
.daib-news-more{display:inline-flex;align-items:center;gap:4px;margin-top:var(--daib-s2,12px);font-size:14.5px;font-weight:700;color:var(--daib-primary,#0F766E);text-decoration:none;transition:gap .3s ease,color .3s ease}
.daib-news-more:hover{color:var(--daib-primary,#0F766E)}
.daib-news-more-arrow{width:16px;height:16px;flex:0 0 auto}

/* ---------- Preset BigTree: hover card xoắn 3D (v1.11.0; chỉnh v1.11.1) ----------
   Duy chốt: card HƠI ZOOM NHẸ (scale 1.012) + XOẮN 3D THẬT — cạnh trên lùi về sau
   (rotateX +2deg), cạnh chéo trước tiến ra trước (rotateY -2deg) trên perspective
   900px; thẻ chẵn mirror ngược. Ảnh trong card zoom 1.03. Spring
   cubic-bezier(.34,1.56,.64,1) .55s. CHỈ áp dụng khi layout dùng preset bigtree
   (class .daib-style-bigtree trên wrapper). Toggle "Hiệu ứng khi di chuột":
   block có .daib-hover-off thì hover bị bỏ qua. Transition CHỈ
   transform/box-shadow/border-color (cấm transition-all). */
.daib-style-bigtree .daib-feat,
.daib-style-bigtree .daib-prod,
.daib-style-bigtree .daib-testi,
.daib-style-bigtree .daib-stats--cards .daib-stat,
.daib-style-bigtree .daib-news-featured,
.daib-style-bigtree .daib-news-item{transition:transform .55s cubic-bezier(.34,1.56,.64,1),box-shadow .55s cubic-bezier(.34,1.56,.64,1),border-color .55s cubic-bezier(.34,1.56,.64,1)}
/* v1.11.1: xoắn 3D thật — cạnh trên lùi về sau (rotateX+), cạnh chéo trước tiến ra
   trước (rotateY-), zoom giảm còn 1.012 cho tinh tế. Toggle "Hiệu ứng khi di chuột":
   block nào có .daib-hover-off thì toàn bộ hover dưới đây bị bỏ qua (tắt triệt để). */
.daib-style-bigtree .daib-block:not(.daib-hover-off) .daib-feat:hover,
.daib-style-bigtree .daib-block:not(.daib-hover-off) .daib-prod:hover,
.daib-style-bigtree .daib-block:not(.daib-hover-off) .daib-testi:hover,
.daib-style-bigtree .daib-block:not(.daib-hover-off) .daib-stats--cards .daib-stat:hover,
.daib-style-bigtree .daib-block:not(.daib-hover-off) .daib-news-featured:hover,
.daib-style-bigtree .daib-block:not(.daib-hover-off) .daib-news-item:hover{transform:perspective(900px) rotateX(2deg) rotateY(-2deg) scale(1.012);border-color:var(--daib-primary,#C8102E);box-shadow:0 18px 40px -14px rgba(var(--daib-primary-rgb,200,16,46),.35),0 0 0 2px #F6CFCF}
/* Thẻ chẵn xoắn ngược chiều (mirror 3D) cho tự nhiên. */
.daib-style-bigtree .daib-block:not(.daib-hover-off) .daib-feat:nth-child(even):hover,
.daib-style-bigtree .daib-block:not(.daib-hover-off) .daib-prod:nth-child(even):hover,
.daib-style-bigtree .daib-block:not(.daib-hover-off) .daib-testi:nth-child(even):hover,
.daib-style-bigtree .daib-block:not(.daib-hover-off) .daib-news-item:nth-child(even):hover{transform:perspective(900px) rotateX(-2deg) rotateY(2deg) scale(1.012)}
/* Ảnh bìa trong card: zoom rất nhẹ khi hover (khung đã có overflow:hidden). */
.daib-style-bigtree .daib-feat-img img{transition:transform .55s cubic-bezier(.34,1.56,.64,1)}
.daib-style-bigtree .daib-block:not(.daib-hover-off) .daib-feat:hover .daib-feat-img img{transform:scale(1.03)}
.daib-style-bigtree .daib-block:not(.daib-hover-off) .daib-prod:hover .daib-prod-img img{transform:scale(1.03)}
/* Tin tức hiển thị dạng thẻ có viền khi dùng preset BigTree. */
.daib-style-bigtree .daib-news-featured{background:var(--daib-surface,#FFF9F4);border:1px solid var(--daib-border,#E8E2DC);border-radius:20px;overflow:hidden}
.daib-style-bigtree .daib-news-featured .daib-news-body{margin-top:0;padding:0 var(--daib-s4,24px) var(--daib-s4,24px)}
.daib-style-bigtree .daib-news-item{background:var(--daib-surface,#FFF9F4);border:1px solid var(--daib-border,#E8E2DC);border-radius:16px;padding:var(--daib-s3,16px)}
/* Mũi tên "Đọc tiếp →" trượt ra khi hover vào card. */
.daib-style-bigtree .daib-block:not(.daib-hover-off) .daib-news-featured:hover .daib-news-more,
.daib-style-bigtree .daib-block:not(.daib-hover-off) .daib-news-item:hover .daib-news-more{gap:10px}

/* ---------- Đầu section: kicker + tiêu đề + link phải (v1.11.0) ----------
   Kiểu mockup Thành Công: kicker IN HOA nhỏ màu chủ đạo + vạch dọc 4px bên trái;
   tiêu đề section ăn theo màu nhấn (accent) của preset. Dùng biến preset nên
   đổi phong cách vẫn hợp. */
.daib-sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:clamp(20px,3vw,32px)}
.daib-sec-head-left{min-width:0}
.daib-kicker{display:inline-block;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--daib-primary,#C8102E);border-left:4px solid var(--daib-primary,#C8102E);padding-left:12px;line-height:1.6;margin-bottom:10px}
.daib-layout .daib-sec-title{margin:0;font-size:clamp(1.5rem,2.8vw,2.1rem);font-weight:800;letter-spacing:-0.02em;line-height:1.25;color:var(--daib-accent,var(--daib-text,#1C1108))!important}
.daib-sec-link{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:15px;color:var(--daib-accent,var(--daib-primary,#C8102E));text-decoration:none;white-space:nowrap;transition:color .3s ease,gap .3s ease}
.daib-sec-link:hover{color:var(--daib-primary,#C8102E);gap:10px}
.daib-sec-link svg{width:16px;height:16px;flex:0 0 auto}
@media(max-width:640px){.daib-sec-head{flex-direction:column;align-items:flex-start}}

/* ---------- Kiểu ô icon "solid" của block Tính năng (v1.11.0) ----------
   Vòng tròn 64px nền đậm theo màu nhấn từng thẻ, icon trắng — kiểu mockup Thành Công. */
.daib-grid-icon-solid .daib-feat-icon{width:64px;height:64px;border-radius:50%;background:var(--daib-item-accent,var(--daib-primary,#C8102E));color:#fff;box-shadow:0 14px 26px -12px rgba(var(--daib-item-accent-rgb,var(--daib-primary-rgb,200,16,46)),.5)}
.daib-grid-icon-solid .daib-feat-icon svg{width:30px;height:30px;color:#fff}

/* ---------- Kiểu "Khóa học" của block Thẻ sản phẩm (v1.11.0) ----------
   Theo mockup Thành Công: ảnh 16/10 tràn viền, nhãn pill màu, tên, mô tả, nút tròn mũi tên. */
.daib-prod--course{overflow:hidden}
.daib-prod--course .daib-prod-img{margin:calc(var(--daib-s4,24px) * -1) calc(var(--daib-s4,24px) * -1) var(--daib-s4,24px);border-radius:0;aspect-ratio:16/10}
.daib-prod-badge.daib-prod-badge--pill{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--daib-primary,#C8102E);border-radius:999px;padding:6px 14px;margin-bottom:var(--daib-s2,12px);line-height:1.5}
.daib-prod-badge.daib-prod-badge--green{background:#0A5C36}
.daib-prod-badge.daib-prod-badge--red{background:#C8102E}
.daib-prod-grid>.daib-prod--course:nth-child(odd) .daib-prod-badge--auto{background:#0A5C36}
.daib-prod-grid>.daib-prod--course:nth-child(even) .daib-prod-badge--auto{background:#C8102E}
.daib-prod--course .daib-prod-desc{font-size:14.5px;line-height:1.6;color:var(--daib-muted,#6B5445);margin-bottom:var(--daib-s3,16px)}
.daib-prod--course .daib-prod-actions{margin-top:auto}
.daib-prod-circlebtn{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--daib-border,#E8E2DC);display:inline-flex;align-items:center;justify-content:center;color:var(--daib-text,#1C1108);text-decoration:none;transition:background-color .3s ease,border-color .3s ease,color .3s ease,transform .3s ease}
.daib-prod-circlebtn:hover{background:var(--daib-primary,#C8102E);border-color:var(--daib-primary,#C8102E);color:#fff;transform:translateX(3px)}
.daib-prod-circlebtn svg{width:18px;height:18px}

/* ---------- Kiểu "Band xanh" của block Đánh giá (v1.11.0) ----------
   Theo mockup Thành Công: dải nền xanh đậm bo góc — trái là dòng giới thiệu nghiêng
   + điểm số + 5 sao vàng + ghi chú + link, phải là các thẻ trắng (avatar, quote, tên + hạng). */
.daib-tband{background:linear-gradient(135deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.32) 100%),var(--daib-accent,#0A5C36);border-radius:28px;padding:clamp(32px,5vw,60px);display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(28px,4vw,56px);align-items:center;color:#fff;overflow:hidden}
.daib-tband-script{font-style:italic;font-size:clamp(1.2rem,2.4vw,1.7rem);line-height:1.45;margin-bottom:20px}
.daib-tband-rating{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.daib-tband-score{font-family:var(--daib-heading-font,'DM Sans',sans-serif);font-size:clamp(2rem,3.4vw,2.8rem);font-weight:800;letter-spacing:-0.02em;line-height:1}
.daib-tband-stars{display:inline-flex;gap:4px;color:#FFC531}
.daib-tband-stars svg{width:20px;height:20px;flex:0 0 auto}
.daib-tband-note{margin-top:12px;font-size:15px;color:rgba(255,255,255,.85)}
.daib-tband-link{display:inline-flex;align-items:center;gap:6px;margin-top:16px;color:#fff;font-weight:700;font-size:15px;text-decoration:underline;text-underline-offset:4px;transition:gap .3s ease}
.daib-tband-link:hover{gap:10px;color:#fff}
.daib-tband-link svg{width:16px;height:16px;flex:0 0 auto}
/* v1.11.1: vùng thẻ band là slider 1 hàng — mỗi khung hình hiện đúng band_per_row thẻ,
   trượt TỪNG NẤC từ phải qua trái (tái dùng .daib-slider). */
.daib-tband-cards{min-width:0}
.daib-tband-track{gap:18px}
.daib-slider-track.daib-tband-track>.daib-tband-card{flex:0 0 calc((100% - (var(--daib-pv,3) - 1) * 18px) / var(--daib-pv,3));min-width:0}
@media(max-width:640px){
.daib-slider-track.daib-tband-track>.daib-tband-card{flex-basis:calc((100% - (var(--daib-pv-m,1) - 1) * 18px) / var(--daib-pv-m,1))}
}
/* Panel trái: ảnh nền + lớp phủ chỉnh độ trong suốt (bg_opacity). Không ảnh và
   opacity=100 (mặc định) thì không render lớp nào -> giữ nguyên như bản cũ. */
.daib-tband-summary{position:relative;isolation:isolate;border-radius:20px;padding:clamp(18px,2.5vw,28px)}
.daib-tband-bgimg,.daib-tband-veil{position:absolute;inset:0;border-radius:inherit;pointer-events:none}
.daib-tband-bgimg{background-size:cover;background-position:center;z-index:-2}
.daib-tband-veil{background:var(--daib-accent,#0A5C36);z-index:-1}
.daib-tband-summary>*:not(.daib-tband-bgimg):not(.daib-tband-veil){position:relative;z-index:1}
.daib-tband-card{background:#fff;border-radius:20px;padding:22px;color:var(--daib-text,#1C1108);transition:transform .55s cubic-bezier(.34,1.56,.64,1),box-shadow .55s cubic-bezier(.34,1.56,.64,1)}
.daib-block:not(.daib-hover-off) .daib-tband-card:hover{transform:perspective(900px) rotateX(2deg) rotateY(-2deg) scale(1.012);box-shadow:0 18px 36px -12px rgba(0,0,0,.35)}
.daib-tband-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.daib-tband-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:0 0 auto;background:var(--daib-primary-soft,rgba(200,16,46,.12))}
.daib-tband-avatar--init{display:inline-flex;align-items:center;justify-content:center;font-family:var(--daib-heading-font,'DM Sans',sans-serif);font-weight:700;font-size:20px;color:var(--daib-primary,#C8102E)}
.daib-tband-name{font-family:var(--daib-heading-font,'DM Sans',sans-serif);font-weight:700;font-size:15px;line-height:1.4}
.daib-tband-role{font-size:13.5px;color:var(--daib-muted,#6B5445)}
.daib-tband-quote{margin:0;font-style:italic;font-size:14.5px;line-height:1.65;color:#3A4A42}
@media(max-width:900px){
  .daib-tband{grid-template-columns:1fr}
  .daib-tband-cards{grid-template-columns:1fr}
}

/* ---------- Kiểu "Kết quả học viên" của block Số liệu (v1.10.0) ----------
   Mosaic nền xanh lá gradient theo ảnh mẫu: trái giới thiệu, phải lưới thẻ
   (số liệu + thẻ chữ + thẻ trích dẫn rộng). Dùng mọi preset đều ổn. */
.daib-results{background:linear-gradient(135deg,#2E9E5A,#268A4E);border-radius:28px;padding:clamp(32px,5vw,64px);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,4vw,56px);align-items:center;color:#fff;overflow:hidden}
.daib-results-kicker{font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#B7E9CE;margin-bottom:16px}
.daib-layout .daib-results-title{margin:0 0 16px;font-size:clamp(1.7rem,3.2vw,2.6rem);font-weight:800;line-height:1.25;letter-spacing:-0.02em;color:#fff}
.daib-results-desc{margin:0 0 28px;font-size:16px;line-height:1.7;color:rgba(255,255,255,.85)}
.daib-results-btn{background:#1B7A43;color:#fff;border-radius:999px;padding:14px 34px;font-weight:700;text-decoration:none}
.daib-results-btn:hover{background:#156138;color:#fff;transform:translateY(-2px)}
.daib-results-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.daib-results-card{border:1px solid rgba(255,255,255,.35);border-radius:28px;padding:28px;background:rgba(255,255,255,.14)}
.daib-results-num{font-family:var(--daib-heading-font,'DM Sans',sans-serif);font-weight:800;font-size:clamp(2.4rem,4vw,3.2rem);line-height:1;color:#FFF6DE;letter-spacing:-0.02em}
.daib-results-suffix{color:#FFF6DE}
.daib-results-label{margin-top:10px;font-size:15px;line-height:1.55;color:rgba(255,255,255,.92)}
.daib-results-text{display:flex;align-items:center;font-size:16px;line-height:1.6;color:#fff}
.daib-results-quotes{grid-column:1/-1}
.daib-results-quotes-title{margin:0 0 18px;font-size:1.25rem;font-weight:800;color:#fff}
.daib-results-quotes-inner{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.daib-results-quote{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:20px}
.daib-results-quote p{margin:0;font-style:italic;font-size:15px;line-height:1.65;color:#fff}
@media(max-width:900px){
  .daib-results{grid-template-columns:1fr}
  .daib-results-quotes-inner{grid-template-columns:1fr}
}
@media(max-width:560px){
  .daib-results-grid{grid-template-columns:1fr}
}

/* ============ Phong cách DUDI (v1.12.0, tham khảo dudisoftware.com) ============
   Tông: cam #F97316, đỏ-cam #F04438, chữ đậm #101828, chữ nhạt #667085,
   nền kem #FFFBF6, thẻ trắng bo 24px, nút gradient pill. Nhẹ: chỉ
   transform/opacity/box-shadow/border-color, không transition-all. */

/* Chữ gradient cam-đỏ: dùng ((cụm chữ)) trong tiêu đề (rich_title). */
.daib-tc-grad{background:linear-gradient(92deg,#F04438,#F97316);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
/* Kicker cam (biến thể của .daib-kicker đỏ mặc định). */
.daib-kicker--orange{color:#F97316;border-left-color:#F97316}.daib-audience .daib-kicker--orange{color:var(--daib-aud-kicker,#F97316);border-left-color:var(--daib-aud-kicker,#F97316)}
/* Nút gradient cam-đỏ kiểu DUDI. */
.daib-btn-gradient{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(92deg,#F04438,#F97316);color:#fff;border:0;border-radius:999px;box-shadow:0 12px 24px -10px rgba(240,68,56,.55);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}
.daib-btn-gradient:hover{color:#fff;transform:translateY(-2px);box-shadow:0 18px 32px -10px rgba(240,68,56,.6)}
.daib-btn-gradient svg{width:18px;height:18px;flex:0 0 auto}
.daib-btn svg{flex:0 0 auto}
.daib-btn-pill{border-radius:999px}

/* ---------- Band đánh giá: tùy chọn bỏ khung xanh (frameless) ---------- */
.daib-tband--frameless{background:transparent;padding-left:0;padding-right:0}
.daib-tband--frameless .daib-tband-summary:not(.daib-tband-summary--hasbg){color:var(--daib-text,#1C1108)}
.daib-tband--frameless .daib-tband-summary:not(.daib-tband-summary--hasbg) .daib-tband-note{color:var(--daib-muted,#6B5445)}
.daib-tband--frameless .daib-tband-summary:not(.daib-tband-summary--hasbg) .daib-tband-link{color:var(--daib-primary,#C8102E)}
.daib-tband--frameless .daib-tband-veil{background:rgba(20,12,6,.45)}
.daib-tband--frameless .daib-tband-card{border:1px solid var(--daib-border,#E8E2DC);box-shadow:0 14px 34px -22px rgba(28,17,8,.35)}

/* ---------- Bảng giá kiểu DUDI ---------- */
.daib-pricing-head{text-align:center;max-width:760px;margin:0 auto var(--daib-s5,40px)}
.daib-pricing-head .daib-kicker{margin-bottom:12px}
.daib-layout .daib-pricing-title{margin:0 0 14px;font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:800;letter-spacing:-0.02em;line-height:1.2;color:#101828!important}
.daib-pricing-desc{margin:0;color:#667085;font-size:16px;line-height:1.7}
.daib-pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
/* v1.23.0: grid tự căn theo số gói thực tế */
.daib-pricing-grid--n1{grid-template-columns:minmax(0,1fr);max-width:480px;margin-left:auto;margin-right:auto}
.daib-pricing-grid--n2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:860px;margin-left:auto;margin-right:auto}
.daib-pricing-grid--n4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){.daib-pricing-grid--n4{grid-template-columns:repeat(2,minmax(0,1fr));max-width:860px;margin-left:auto;margin-right:auto}}
.daib-price-card{position:relative;background:#fff;border:1px solid #F5E6D8;border-radius:24px;padding:32px 28px;display:flex;flex-direction:column;box-shadow:0 10px 30px -18px rgba(16,24,40,.15);transition:transform .45s cubic-bezier(.34,1.56,.64,1),box-shadow .45s cubic-bezier(.34,1.56,.64,1),border-color .45s ease}
.daib-price-card--featured{border:1.5px solid #F97316;box-shadow:0 24px 48px -20px rgba(249,115,22,.35)}
.daib-price-badge{position:absolute;top:-16px;left:50%;transform:translateX(-50%);background:linear-gradient(92deg,#F04438,#F97316);color:#fff;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:8px 18px;border-radius:999px;white-space:nowrap;box-shadow:0 8px 18px -8px rgba(240,68,56,.6)}
.daib-price-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.daib-layout .daib-price-name{margin:0 0 6px;font-size:22px;font-weight:800;letter-spacing:-0.01em;color:#101828!important}
.daib-price-tagline{font-size:14.5px;color:#667085}
.daib-price-icon{width:48px;height:48px;flex:0 0 auto;border-radius:14px;background:#FFF4EC;color:#F97316;display:inline-flex;align-items:center;justify-content:center}
.daib-price-icon svg{width:24px;height:24px}
.daib-price-value{margin-top:18px;font-size:clamp(1.9rem,3vw,2.5rem);font-weight:800;letter-spacing:-0.02em;line-height:1;color:#E63A2E}
.daib-price-meta{margin-top:8px;font-size:14px;color:#667085}
.daib-price-dot{margin:0 4px}
.daib-price-feats{list-style:none;margin:22px 0 26px;padding:22px 0 0;border-top:1px solid #F5E6D8;display:flex;flex-direction:column;gap:12px;font-size:15px;line-height:1.55;color:#344054}
.daib-price-card .daib-btn{margin-top:auto;width:100%;border-radius:999px;text-align:center}
.daib-pricing .daib-btn-outline{border-color:#FCA5A5;color:#E63A2E;background:#fff}
.daib-pricing .daib-btn-outline:hover{background:#FEF2F2;border-color:#F04438;color:#E63A2E}
@media(max-width:900px){.daib-pricing-grid,.daib-pricing-grid--n1,.daib-pricing-grid--n2,.daib-pricing-grid--n4{grid-template-columns:minmax(0,1fr);max-width:480px;margin-left:auto;margin-right:auto}}

/* ---------- FAQ kiểu DUDI ---------- */
.daib-faq--dudi{display:flex;flex-direction:column;gap:16px}
.daib-faq--dudi .daib-faq-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:12px}
.daib-faq--dudi .daib-faq-title{margin:0;font-size:clamp(1.9rem,4vw,2.9rem);font-weight:800;letter-spacing:-0.02em;line-height:1.15;color:#101828!important;text-align:left}
.daib-faq-link{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:15.5px;color:#F97316;text-decoration:none;white-space:nowrap;transition:gap .3s ease}
.daib-faq-link:hover{gap:10px;color:#E8630A}
.daib-faq-link svg{width:16px;height:16px;flex:0 0 auto}
.daib-faq--dudi .daib-faq-item{background:#fff;border:1px solid #F5E6D8;border-radius:20px;box-shadow:0 8px 24px -18px rgba(16,24,40,.18)}
.daib-faq--dudi .daib-faq-q{font-size:17px}
.daib-faq--dudi .daib-faq-q::after{background:#FFF4EC;color:#F97316}
.daib-faq--dudi .daib-faq-item[open] .daib-faq-q::after{background:linear-gradient(92deg,#F04438,#F97316);color:#fff}
@media(max-width:640px){.daib-faq--dudi .daib-faq-head{flex-direction:column;align-items:flex-start}}

/* ---------- Hero kiểu DUDI ---------- */
.daib-hero--dudi{background:linear-gradient(180deg,#FFF8F1 0%,#FFFDFB 100%);text-align:left;overflow:hidden}
.daib-hero--dudi-transparent{background:none}
.daib-hero--dudi-panel .daib-hero-dudi-content{background:rgba(255,255,255,var(--daib-panel-op,.85));border-radius:24px;padding:clamp(24px,4vw,44px);box-shadow:0 24px 48px -24px rgba(16,24,40,.18)}
.daib-hero-dudi-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(32px,5vw,64px);align-items:center;max-width:1200px;margin:0 auto}
.daib-hero-kicker{display:inline-block;font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#F97316;margin-bottom:18px}
.daib-hero--dudi .daib-hero-title{margin:0 0 20px;font-size:clamp(2.1rem,4.6vw,3.4rem);font-weight:800;letter-spacing:-0.03em;line-height:1.12;color:#101828!important}
.daib-hero--dudi .daib-hero-sub{margin:0 0 28px;font-size:16.5px;line-height:1.7;color:#475467;max-width:34rem}
.daib-hero-dudi-media{min-width:0}
.daib-hero-dudi-media img{width:100%;height:auto;display:block;border-radius:24px;box-shadow:0 30px 60px -30px rgba(16,24,40,.3)}
.daib-hero-trust{display:flex;gap:clamp(20px,3vw,36px);margin-top:36px;flex-wrap:wrap}
.daib-hero-trust-item{display:flex;gap:12px;align-items:flex-start;min-width:0}
.daib-hero-trust-icon{width:40px;height:40px;flex:0 0 auto;color:#F97316}
.daib-hero-trust-icon svg{width:100%;height:100%}
.daib-hero-trust-title{font-weight:700;font-size:15px;line-height:1.4;color:#101828}
.daib-hero-trust-desc{font-size:13.5px;line-height:1.5;color:#667085}
@media(max-width:900px){.daib-hero-dudi-grid{grid-template-columns:1fr}.daib-hero-dudi-media{order:-1}.daib-hero--dudi-panel .daib-hero-dudi-content{padding:24px}}

/* ---------- "Dành cho ai" kiểu DUDI ---------- */
.daib-audience{font-family:'Plus Jakarta Sans','Be Vietnam Pro',-apple-system,'Segoe UI',Roboto,sans-serif}
/* v1.15.1: mọi block kiểu DUDI dùng font gốc Plus Jakarta Sans của DUDI. */
.daib-hero--dudi,.daib-pricing,.daib-faq--dudi{font-family:'Plus Jakarta Sans','Be Vietnam Pro',-apple-system,'Segoe UI',Roboto,sans-serif}
/* v1.17.0: Block Điểm đón (pickup) — tiêu đề + lưới địa điểm có ghim. */
.daib-pickup{text-align:center}
.daib-layout .daib-pickup-title{margin:0 0 12px;font-size:clamp(1.6rem,3.4vw,2.4rem);font-weight:800;letter-spacing:.01em;line-height:1.25;color:var(--daib-pk-title,#0B5CAD)!important}
.daib-pickup-sub{margin:0 0 34px;font-size:16px;color:var(--daib-pk-sub,#5B6B7F)}
.daib-pickup-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--daib-cols,3),minmax(0,1fr));gap:22px 28px;text-align:left}
.daib-pickup-grid li{display:flex;align-items:flex-start;gap:10px;font-size:16px;line-height:1.5;color:var(--daib-pk-text,#3D4B5E)}
.daib-pickup-pin{flex:0 0 auto;color:var(--daib-pk-pin,#E63A2E);margin-top:2px}
.daib-pickup-pin svg{width:18px;height:18px;display:block}
@media(max-width:900px){.daib-pickup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.daib-pickup-grid{grid-template-columns:1fr;gap:14px}}
/* v1.19.0: Chân trang kiểu DUDI — nền tối, 4 cột, chấm đỏ, icon tròn. */
.daib-footer{background:var(--daib-ft-bg,#1C0E33);color:#B9C0D4;font-size:15px;line-height:1.7}
/* v1.19.1: full-bleed — chân trang luôn tràn full màn hình dù nằm trong container 1200px */
.daib-footer{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:100vw}
.daib-footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1.15fr;gap:clamp(24px,3.5vw,48px);padding:clamp(40px,5vw,64px) 0 clamp(28px,3vw,40px)}
.daib-layout .daib-footer-h{margin:0 0 18px;font-size:20px;font-weight:700;color:#fff!important;letter-spacing:0}
.daib-footer-logo{max-width:140px;height:auto;margin-bottom:14px}
.daib-footer-brandname{margin:0 0 10px;font-size:19px;font-weight:800;color:#fff}
.daib-footer-desc{margin:0 0 16px}
.daib-footer-legal p{margin:0 0 6px;font-size:13.5px;color:#8E97AE}
.daib-footer-links{list-style:none;margin:0;padding:0}
.daib-footer-links li{position:relative;padding-left:18px;margin-bottom:11px}
.daib-footer-links li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--daib-ft-accent,#E63A2E)}
.daib-footer-links a,.daib-footer-links span{color:#B9C0D4;text-decoration:none;transition:color .15s ease}
.daib-footer-links a:hover{color:#fff}
.daib-footer-contact{list-style:none;margin:0 0 16px;padding:0}
.daib-footer-contact li{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}
.daib-footer-ic{flex:0 0 auto;width:34px;height:34px;border:1px solid rgba(255,255,255,.28);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff}
.daib-footer-ic svg{width:16px;height:16px;display:block}
.daib-footer-hotlines{display:grid;gap:10px}
.daib-footer-hotline{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border:1.5px solid rgba(255,255,255,.85);border-radius:10px;color:#fff;font-weight:800;font-size:15px;letter-spacing:.02em;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}
.daib-footer-hotline:first-child{border-color:#F5A623;color:#F5A623}
.daib-footer-hotline:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.35)}
.daib-footer-bottom{border-top:1px solid rgba(255,255,255,.12)}
.daib-footer-bottom-in{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:20px;padding-bottom:20px;flex-wrap:wrap}
.daib-footer-copy{margin:0;font-size:14px;color:#8E97AE}
.daib-footer-bnav{display:flex;align-items:center;gap:14px;font-size:14px}
.daib-footer-bnav a{color:#B9C0D4;text-decoration:none}
.daib-footer-bnav a:hover{color:#fff}
.daib-footer-sep{color:#5A6378}
@media(max-width:900px){.daib-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.daib-footer-grid{grid-template-columns:1fr}.daib-footer-bottom-in{justify-content:center;text-align:center}}
/* v1.15.1: tick khoanh tròn dùng chung cho block DUDI (.daib-aud-tick là alias cũ của v1.15.0). */
.daib-tick-circle,.daib-aud-tick{flex:0 0 auto;width:18px;height:18px;border-radius:50%;background:#ffedd5;color:#FF6500;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px rgba(0,0,0,.04);margin-top:1px}
.daib-tick-circle svg,.daib-aud-tick svg{width:10px;height:10px;display:block}
.daib-audience-grid{display:grid;grid-template-columns:.8fr 1.45fr;gap:clamp(28px,4vw,56px);align-items:center}
.daib-layout .daib-audience-title{margin:14px 0 16px;font-size:clamp(1.9rem,3.6vw,2.7rem);font-weight:900;letter-spacing:-0.025em;line-height:1.2;color:var(--daib-aud-title,#101828)!important}
.daib-audience-desc{margin:0 0 26px;font-size:16.5px;line-height:1.7;color:var(--daib-aud-desc,#475467)}
.daib-audience .daib-btn-outline{border-color:var(--daib-aud-accent,#FCA5A5);color:var(--daib-aud-accent,#E63A2E);background:#fff}
.daib-audience .daib-btn-outline:hover{background:#FEF2F2;border-color:#F04438;color:#E63A2E}
.daib-audience-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;min-width:0}
.daib-audience-card{background:var(--daib-aud-cardbg,#fff);border:1px solid rgba(255,237,213,.9);border-radius:24px;padding:20px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.daib-block:not(.daib-hover-off) .daib-audience-card:hover{transform:translateY(-6px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);border-color:#ffb96d}
.daib-audience-img{margin:-20px -20px 18px;border-radius:24px 24px 0 0;overflow:hidden;background:#FFF4EC}
.daib-audience-img img{width:100%;height:170px;object-fit:cover;display:block;transition:transform .3s ease}
.daib-block:not(.daib-hover-off) .daib-audience-card:hover .daib-audience-img img{transform:scale(1.05)}
.daib-layout .daib-audience-name{margin:0 0 12px;font-size:16.5px;font-weight:800;letter-spacing:0;line-height:1.5;color:var(--daib-aud-cardtitle,#101828)!important;transition:color .15s ease}
.daib-block:not(.daib-hover-off) .daib-audience-card:hover .daib-audience-name{color:#E52E20!important}
.daib-audience-points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:12.5px;font-weight:600;line-height:1.5;letter-spacing:-0.01em;color:var(--daib-aud-cardtext,#344054)}
.daib-audience-points li{display:flex;align-items:flex-start;gap:8px}
/* v1.15.1: tick pricing dùng chung .daib-tick-circle (xóa ::before ký tự cũ). */
.daib-price-feats li{display:flex;align-items:flex-start;gap:10px}
@media(max-width:1000px){.daib-audience-grid{grid-template-columns:1fr}}
@media(max-width:700px){.daib-audience-cards{grid-template-columns:1fr;max-width:420px}}

/* ---------- Hover BigTree cho thẻ Bảng giá / Dành cho ai (đồng bộ toggle) ---------- */
.daib-style-bigtree .daib-price-card,
.daib-style-bigtree .daib-audience-card{transition:transform .55s cubic-bezier(.34,1.56,.64,1),box-shadow .55s cubic-bezier(.34,1.56,.64,1),border-color .55s cubic-bezier(.34,1.56,.64,1)}
.daib-style-bigtree .daib-block:not(.daib-hover-off) .daib-price-card:hover,
.daib-style-bigtree .daib-block:not(.daib-hover-off) .daib-audience-card:hover{transform:perspective(900px) rotateX(2deg) rotateY(-2deg) scale(1.012);border-color:var(--daib-primary,#C8102E);box-shadow:0 18px 40px -14px rgba(var(--daib-primary-rgb,200,16,46),.35)}

/* ---------- Widget Nhãn (v1.22.0) ---------- */
.daib-labelwrap{margin:0 0 12px}
.daib-labelwrap.daib-align-left{text-align:left}
.daib-labelwrap.daib-align-center{text-align:center}
.daib-labelwrap.daib-align-right{text-align:right}
.daib-label{display:inline-flex;align-items:center;gap:7px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;line-height:1;border-radius:999px;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}
.daib-label--small{font-size:11px;padding:7px 14px}
.daib-label--medium{font-size:13px;padding:9px 18px}
.daib-label--large{font-size:15px;padding:12px 24px}
.daib-label--solid{background:var(--daib-label-c,#E63A2E);color:#fff;box-shadow:0 4px 14px -4px var(--daib-label-c,#E63A2E)}
.daib-label--outline{background:transparent;color:var(--daib-label-c,#E63A2E);border:2px solid var(--daib-label-c,#E63A2E)}
.daib-label--soft{background:#fdeceb;background:color-mix(in srgb,var(--daib-label-c,#E63A2E) 12%,#fff);color:var(--daib-label-c,#E63A2E)}
a.daib-label:hover{transform:translateY(-2px);box-shadow:0 8px 20px -6px var(--daib-label-c,#E63A2E)}
.daib-label-icon{width:1.15em;height:1.15em;flex:none}
@media(prefers-reduced-motion:reduce){.daib-label{transition:none}a.daib-label:hover{transform:none}}

/* ---------- Widget Mô tả (v1.22.0) ---------- */
.daib-descwrap{margin:0 0 16px}
.daib-desc{margin:0;line-height:1.75;letter-spacing:-0.01em}
.daib-desc--small{font-size:14px}
.daib-desc--medium{font-size:16px}
.daib-desc--large{font-size:18px}
.daib-desc--lead{font-size:19px;line-height:1.7;color:#344054;font-weight:500}
.daib-desc--large.daib-desc--lead{font-size:21px}
.daib-desc--muted{color:#667085}

/* ---------- Gallery Marquee: dải ảnh chạy ngang vô hạn (v1.22.0) ---------- */
.daib-gallery--marquee{overflow:hidden;position:relative;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.daib-marquee-track{display:flex;width:max-content;animation:daib-marquee 40s linear infinite}
.daib-marquee--slow .daib-marquee-track{animation-duration:65s}
.daib-marquee--medium .daib-marquee-track{animation-duration:40s}
.daib-marquee--fast .daib-marquee-track{animation-duration:24s}
.daib-marquee--right .daib-marquee-track{animation-direction:reverse}
.daib-gallery--marquee:hover .daib-marquee-track{animation-play-state:paused}
@keyframes daib-marquee{to{transform:translateX(-50%)}}
.daib-marquee-item{position:relative;flex:0 0 auto;width:300px;margin:0 16px 0 0;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px -10px rgba(0,0,0,.25)}
.daib-marquee-item img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .45s cubic-bezier(.22,1,.36,1)}
.daib-block:not(.daib-hover-off) .daib-marquee-item:hover img{transform:scale(1.07)}
.daib-marquee-cap{position:absolute;left:0;right:0;bottom:0;margin:0;padding:28px 14px 12px;background:linear-gradient(180deg,transparent,rgba(8,10,18,.78));color:#fff;font-size:13px;font-weight:700;letter-spacing:.01em;transform:translateY(8px);opacity:0;transition:transform .35s ease,opacity .35s ease}
.daib-block:not(.daib-hover-off) .daib-marquee-item:hover .daib-marquee-cap{transform:none;opacity:1}
.daib-marquee-item:focus-within .daib-marquee-cap{transform:none;opacity:1}
@media(max-width:640px){.daib-marquee-item{width:220px;margin-right:12px}}
@media(prefers-reduced-motion:reduce){
  .daib-marquee-track{animation:none}
  .daib-gallery--marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
  .daib-marquee-cap{transform:none;opacity:1}
}

/* ---------- Thẻ khuyến mãi trong Bảng giá (v1.23.0) ---------- */
.daib-price-card--promo{background:linear-gradient(135deg,#D42B1E 0%,#F04438 55%,#F97316 100%);border:none;color:#fff;box-shadow:0 24px 48px -20px rgba(212,43,30,.5);overflow:hidden}
.daib-price-card--promo::before{content:"";position:absolute;inset:0;background:radial-gradient(420px 220px at 85% -10%,rgba(255,255,255,.22),transparent 60%);pointer-events:none}
.daib-promo-badge{align-self:flex-start;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.45);color:#fff;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:7px 16px;border-radius:999px;position:relative}
.daib-layout .daib-promo-name{margin:14px 0 6px;font-size:24px;font-weight:800;letter-spacing:-0.01em;color:#fff!important;position:relative}
.daib-promo-tagline{font-size:14.5px;color:rgba(255,255,255,.85);position:relative}
.daib-promo-prices{margin-top:18px;position:relative}
.daib-promo-old{font-size:16px;color:rgba(255,255,255,.7);text-decoration:line-through}
.daib-promo-new{font-size:clamp(2rem,3.2vw,2.7rem);font-weight:800;letter-spacing:-0.02em;line-height:1.1;color:#fff}
.daib-promo-note{margin-top:8px;font-size:13.5px;font-weight:600;color:#FFE9A8;position:relative}
.daib-promo-feats{list-style:none;margin:20px 0 24px;padding:20px 0 0;border-top:1px solid rgba(255,255,255,.25);display:flex;flex-direction:column;gap:11px;font-size:15px;line-height:1.55;color:#fff;position:relative}
.daib-promo-feats li{display:flex;align-items:flex-start;gap:10px}
.daib-tick-circle--white{background:#fff;color:#D42B1E}
.daib-price-card--promo .daib-btn{margin-top:auto;width:100%;border-radius:999px;text-align:center;position:relative}
.daib-btn-white{background:#fff;color:#D42B1E;border:none;font-weight:800}
.daib-btn-white:hover{background:#FFF7ED;color:#B91C1C}

/* ================= Mô phỏng lái xe — bố cục đường chạy (v1.26.0, siêu nhẹ) ================= */
.daib-drivesim--road{--daib-sim-accent:#1B3A8F;--daib-sim-blue:#2563EB;--daib-sim-bg:linear-gradient(180deg,#F6FAFF,#fff);--daib-sim-title:#1B3A8F;--daib-sim-text:#64748b;background:var(--daib-sim-bg);overflow-x:clip;border:1px solid #E6EDF7;border-radius:28px;padding:clamp(20px,3.5vw,40px);color:#1e293b;box-shadow:0 30px 70px -30px rgba(37,99,235,.16)}
/* Hàng tiêu đề */
.daib-sim-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px;flex-wrap:wrap}
.daib-layout .daib-drivesim--road .daib-sim-title{display:flex;align-items:center;gap:14px;margin:0 0 10px;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;letter-spacing:-0.02em;color:var(--daib-sim-title)!important}
.daib-sim-title-ic{display:inline-flex;color:var(--daib-sim-blue);background:#EAF1FE;border-radius:16px;padding:10px}
.daib-layout .daib-drivesim--road .daib-sim-title .daib-tc-grad{background:linear-gradient(92deg,#3B82F6,#1D4ED8);-webkit-background-clip:text;background-clip:text;color:transparent}
.daib-drivesim--road .daib-sim-desc{margin:0;color:var(--daib-sim-text);font-size:15px;line-height:1.7;max-width:560px}
.daib-sim-topbadges{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.daib-sim-lesson{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid #E6EDF7;border-radius:16px;padding:12px 20px;font-size:14px;font-weight:800;color:#1B3A8F}
.daib-sim-lesson b{color:var(--daib-sim-blue)}
.daib-sim-minidots{display:flex;gap:6px}
.daib-sim-minidots i{width:8px;height:8px;border-radius:50%;background:#DBE4F3}
.daib-sim-minidots i.is-on{background:var(--daib-sim-blue)}
.daib-sim-vbadge{display:inline-flex;align-items:center;gap:8px;background:#EAF1FE;color:var(--daib-sim-blue);font-size:13.5px;font-weight:700;padding:12px 20px;border-radius:16px}
/* Thân 2 cột */
.daib-drivesim--road .daib-sim-body{display:grid;grid-template-columns:1.08fr .92fr;gap:24px;align-items:start;min-width:0}
.daib-drivesim--road .daib-sim-left,.daib-drivesim--road .daib-sim-right{display:flex;flex-direction:column;gap:18px;background:#fff;border:1px solid #E9EFF8;border-radius:22px;padding:20px;box-shadow:0 14px 34px -20px rgba(37,99,235,.18);min-width:0;overflow:hidden}
/* Góc nhìn đường */
.daib-sim-roadview{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:16/8.2;background:#0f172a}
.daib-sim-roadview>img{width:100%;height:100%;object-fit:cover;display:block}
.daib-sim-speed{position:absolute;left:14px;top:14px;display:flex;align-items:center;gap:8px;background:rgba(15,23,42,.72);color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:14px;padding:8px 14px;backdrop-filter:blur(4px)}
.daib-sim-speed b{font-size:24px;font-weight:800;line-height:1}
.daib-sim-speed small{font-size:11px;opacity:.8}
.daib-sim-gearmode{position:absolute;right:14px;top:14px;display:inline-flex;align-items:center;gap:7px;background:rgba(15,23,42,.72);color:#fff;border:1px solid rgba(255,255,255,.25);font-size:12.5px;font-weight:600;padding:9px 14px;border-radius:999px;backdrop-filter:blur(4px)}
.daib-sim-gearmode svg{color:#4ade80}
.daib-sim-gearmode b{font-size:14px;font-weight:800;color:#4ade80}
/* Dải xe chuyển động — siêu nhẹ: 1 div vạch kẻ + 1 svg xe */
.daib-sim-movestrip{position:absolute;left:0;right:0;bottom:0;height:56px;background:linear-gradient(180deg,rgba(15,23,42,.0),rgba(15,23,42,.55));overflow:hidden}
.daib-sim-mdashes{position:absolute;left:0;right:-80px;bottom:14px;height:4px;background:repeating-linear-gradient(90deg,#fde68a 0 30px,transparent 30px 60px);opacity:.85}
.daib-sim-mcar{position:absolute;left:12%;bottom:6px;color:#FFD23F;filter:drop-shadow(0 0 8px rgba(255,210,63,.6))}
.daib-drivesim--road.is-moving .daib-sim-mdashes{animation:daib-sim-mdash .6s linear infinite}
.daib-drivesim--road.is-moving .daib-sim-mcar{animation:daib-sim-mbump .45s ease-in-out infinite}
@keyframes daib-sim-mdash{to{transform:translateX(-60px)}}
@keyframes daib-sim-mbump{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
/* Thẻ thông tin */
.daib-sim-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.daib-sim-card{background:#F6F9FE;border:1px solid #E9EFF8;border-radius:16px;padding:16px}
.daib-sim-card-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.daib-sim-card-ic{width:38px;height:38px;border-radius:50%;background:var(--daib-sim-blue);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.daib-sim-card-head strong{font-size:14.5px;font-weight:800;color:#1B3A8F}
.daib-sim-gearwrap{display:flex;gap:14px;align-items:flex-start}
.daib-sim-gears{display:flex;flex-direction:column;background:#0f172a;border-radius:12px;padding:10px 14px;gap:1px;flex:0 0 auto}
.daib-sim-gpos{font-size:14px;font-weight:800;color:#64748b;padding:3px 6px;border-radius:8px;transition:all .25s ease;text-align:center;min-width:28px}
.daib-sim-gpos.is-cur{color:#fff;background:var(--daib-sim-blue);box-shadow:0 0 12px rgba(37,99,235,.7)}
.daib-sim-card p{margin:0;font-size:12.5px;line-height:1.65;color:#64748b}
.daib-sim-pedalimg{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:16/10;background:#0f172a}
.daib-sim-pedalimg img{width:100%;height:100%;object-fit:cover;display:block}
.daib-sim-tag{position:absolute;display:inline-flex;align-items:center;gap:6px;background:rgba(15,23,42,.78);border:1px solid rgba(255,255,255,.3);color:#fff;font-size:12px;font-weight:700;padding:7px 14px;border-radius:999px;transition:all .25s ease;backdrop-filter:blur(4px)}
.daib-sim-tag--brake{left:12px;bottom:12px}
.daib-sim-tag--gas{right:12px;bottom:12px}
.daib-sim-tag.is-active{background:var(--daib-sim-blue);border-color:var(--daib-sim-blue);box-shadow:0 0 14px rgba(37,99,235,.8);transform:scale(1.07)}
/* Thanh điều khiển dưới */
.daib-sim-bottombar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.daib-sim-pagenav{display:inline-flex;align-items:center;gap:14px}
.daib-sim-pagenav button{width:38px;height:38px;border-radius:50%;border:1px solid #E2E8F0;background:#fff;color:var(--daib-sim-blue);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}
.daib-sim-pagenav button:hover{background:var(--daib-sim-blue);border-color:var(--daib-sim-blue);color:#fff}
.daib-sim-pagenav b{font-size:15px;font-weight:800;color:#1B3A8F;min-width:44px;text-align:center}
.daib-sim-bignext{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#3B82F6,#1D4ED8);border:none;color:#fff;font-size:14.5px;font-weight:800;padding:13px 28px;border-radius:999px;cursor:pointer;box-shadow:0 12px 26px -10px rgba(37,99,235,.55);transition:transform .2s ease,box-shadow .2s ease}
.daib-sim-bignext:hover{transform:translateY(-2px);box-shadow:0 18px 32px -10px rgba(37,99,235,.6)}
/* Cột phải */
.daib-sim-badge{display:inline-flex;align-items:center;align-self:flex-start;background:#EAF1FE;color:var(--daib-sim-blue);font-size:12.5px;font-weight:800;letter-spacing:.1em;padding:8px 18px;border-radius:999px}
.daib-layout .daib-drivesim--road .daib-sim-steptitle{margin:0;font-size:clamp(1.5rem,2.8vw,2rem);font-weight:800;letter-spacing:-0.02em;color:#1e293b!important}
.daib-drivesim--road .daib-sim-stepdesc{margin:0;font-size:15px;line-height:1.8;color:#475569}
.daib-sim-sequence{background:#F2F7FF;border:1px solid #E2ECFD;border-radius:16px;padding:18px}
.daib-sim-seq-head{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:800;color:var(--daib-sim-blue);margin-bottom:16px}
.daib-sim-seq-items{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}
.daib-sim-seq{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;min-width:0}
.daib-sim-seq-ic{position:relative;width:56px;height:56px;border-radius:50%;background:#fff;border:2px solid #D8E4FA;color:var(--daib-sim-blue);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px -8px rgba(37,99,235,.35)}
.daib-sim-seq-n{position:absolute;right:-4px;bottom:-4px;width:22px;height:22px;border-radius:50%;background:var(--daib-sim-blue);color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;font-style:normal}
.daib-sim-seq span{font-size:11.5px;font-weight:600;color:#475569;text-align:center;line-height:1.45}
.daib-sim-seq-arrow{color:#93b4f5;font-weight:800;flex:0 0 auto;padding-top:18px}
.daib-sim-actions{display:flex;align-items:center;gap:12px;background:#F6F9FE;border:1px solid #E9EFF8;border-radius:16px;padding:14px 16px}
.daib-sim-playbtn{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid #E2E8F0;color:var(--daib-sim-blue);font-size:14px;font-weight:800;padding:10px 20px 10px 12px;border-radius:999px;cursor:pointer;transition:all .2s ease}
.daib-sim-playbtn:hover{border-color:var(--daib-sim-blue)}
.daib-sim-playbtn svg{flex:0 0 auto}
.daib-sim-ic-pause{display:none}
.daib-drivesim--road.is-playing .daib-sim-ic-play{display:none}
.daib-drivesim--road.is-playing .daib-sim-ic-pause{display:block}
.daib-sim-pedind{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:#94a3b8;background:#fff;border:1px solid #E9EFF8;padding:10px 20px;border-radius:999px;transition:all .25s ease;margin-left:auto}
.daib-sim-pedind.is-active{color:#fff;background:var(--daib-sim-blue);border-color:var(--daib-sim-blue);box-shadow:0 8px 18px -8px rgba(37,99,235,.6)}
.daib-sim-pedind+.daib-sim-pedind{margin-left:0}
.daib-drivesim--road .daib-sim-dots{display:flex;justify-content:space-between;gap:4px;position:relative;padding:0 6px}
.daib-drivesim--road .daib-sim-dots::before{content:"";position:absolute;left:20px;right:20px;top:17px;height:2px;background:#E2E8F0}
.daib-drivesim--road .daib-sim-dot{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:0;z-index:1}
.daib-sim-dot-n{width:34px;height:34px;border-radius:50%;background:#fff;border:2px solid #CBD5E1;color:#94a3b8;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;font-style:normal;transition:all .25s ease}
.daib-sim-dot-ok{display:none;width:34px;height:34px;border-radius:50%;background:var(--daib-sim-blue);color:#fff;padding:9px}
.daib-drivesim--road .daib-sim-dot span{font-size:11px;font-weight:600;color:#94a3b8;white-space:nowrap}
.daib-drivesim--road .daib-sim-dot.is-done .daib-sim-dot-n{display:none}
.daib-drivesim--road .daib-sim-dot.is-done .daib-sim-dot-ok{display:block}
.daib-drivesim--road .daib-sim-dot.is-done span{color:var(--daib-sim-blue)}
.daib-drivesim--road .daib-sim-dot.is-active .daib-sim-dot-n{border-color:var(--daib-sim-blue);color:#fff;background:var(--daib-sim-blue);box-shadow:0 0 0 5px rgba(37,99,235,.15)}
.daib-drivesim--road .daib-sim-dot.is-active span{color:#1B3A8F;font-weight:800}
.daib-sim-fade{animation:daib-sim-fade .35s ease}
@keyframes daib-sim-fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:960px){
  .daib-drivesim--road .daib-sim-body{grid-template-columns:1fr;gap:16px}
  .daib-sim-top{flex-direction:column;gap:14px;margin-bottom:18px}
  .daib-drivesim--road{padding:20px 16px;border-radius:20px}
  .daib-drivesim--road .daib-sim-left,.daib-drivesim--road .daib-sim-right{padding:16px;gap:14px;border-radius:18px}
  /* Trình tự thao tác: cuộn ngang gọn thay vì ép vừa */
  .daib-sim-seq-items{overflow-x:auto;padding-bottom:6px;justify-content:flex-start;scrollbar-width:thin}
  .daib-sim-seq{flex:0 0 84px}
  .daib-sim-seq-arrow{padding-top:18px}
  /* Hàng nút hành động: nút play full-width, chỉ báo bàn đạp xuống hàng dưới */
  .daib-sim-actions{flex-wrap:wrap}
  .daib-sim-playbtn{flex:1 1 100%;justify-content:center}
  .daib-sim-pedind{margin-left:0;flex:1 1 auto;justify-content:center}
  .daib-sim-pedind+.daib-sim-pedind{margin-left:0}
  /* Chấm bước: cuộn ngang 1 hàng, gọn hơn wrap lung tung */
  .daib-drivesim--road .daib-sim-dots{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding:4px 2px 8px;scrollbar-width:thin}
  .daib-drivesim--road .daib-sim-dots::before{display:none}
  .daib-drivesim--road .daib-sim-dot{flex:0 0 auto}
}
@media(max-width:560px){
  .daib-sim-cards{grid-template-columns:1fr;gap:12px}
  .daib-sim-bottombar{justify-content:space-between}
  .daib-sim-bignext{padding:12px 22px;font-size:14px}
  .daib-sim-roadview{aspect-ratio:16/10}
  .daib-sim-speed{padding:6px 12px}
  .daib-sim-speed b{font-size:20px}
  .daib-sim-gearmode{font-size:11.5px;padding:7px 12px}
  .daib-layout .daib-drivesim--road .daib-sim-steptitle{font-size:1.35rem}
}
@media(prefers-reduced-motion:reduce){
  .daib-drivesim--road.is-moving .daib-sim-mdashes,.daib-drivesim--road.is-moving .daib-sim-mcar,.daib-sim-fade{animation:none}
}

/* ================= Hoạt cảnh thao tác v3 — 6 pha, pha ga dài gấp đôi (v1.28.1) ================= */
.daib-siman{--dur:12s;--sa:#EA580C;background:#fff;border:1px solid #FDE8D8;border-radius:24px;padding:clamp(20px,3.5vw,36px);box-shadow:0 20px 50px -24px rgba(234,88,12,.22);overflow:hidden}
.daib-siman-head{text-align:center;max-width:640px;margin:0 auto 18px}
.daib-layout .daib-siman-title{margin:0 0 8px;font-size:clamp(1.35rem,2.8vw,1.8rem);font-weight:800;letter-spacing:-0.02em;color:#9A3412!important}
.daib-siman-desc{margin:0;color:#78716C;font-size:14.5px;line-height:1.7}
.daib-siman-stage{display:block;width:100%;height:auto;border-radius:18px;background:linear-gradient(180deg,#FEF3E2 0%,#FFF7ED 60%,#FFFBEB 100%)}
.daib-siman-stage text{font-family:inherit}
.daib-siman:hover .siman-anim{animation-play-state:paused}
.siman-anim{animation-duration:var(--dur)}
/* Caption */
.siman-cap{opacity:0;animation-name:simanCap;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
@keyframes simanCap{0%{opacity:0;transform:translateY(10px)}2%,12%{opacity:1;transform:translateY(0)}14.3%,100%{opacity:0;transform:translateY(-6px)}}
/* Mây trôi */
.siman-cloud{animation-name:simanCloud;animation-timing-function:linear;animation-iteration-count:infinite}
@keyframes simanCloud{from{transform:translateX(-180px)}to{transform:translateX(980px)}}
/* Bàn đạp: nhãn nằm TRÊN bàn đạp, sáng theo màu nhấn khi đạp */
.siman-pedal{transform-box:fill-box;transform-origin:center;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
.siman-pedal-rect,.siman-pedal-text,.siman-pedal-glow{animation-timing-function:ease-in-out;animation-iteration-count:infinite}
.siman-pedal-text{font-size:15px;font-weight:800;letter-spacing:.06em}
.siman-pedal-glow{fill:var(--sa)}
@keyframes simanPedalBrake{0%,54.6%{transform:translateY(14px)}57.1%,83.2%{transform:translateY(0)}85.7%,100%{transform:translateY(14px)}}
@keyframes simanPedalGas{0%,54.6%{transform:translateY(0)}57.1%,83.2%{transform:translateY(14px)}85.7%,100%{transform:translateY(0)}}
@keyframes simanPedalClutch{0%,11.8%{transform:translateY(14px)}14.3%,83.2%{transform:translateY(0)}85.7%,100%{transform:translateY(14px)}}
@keyframes simanPedalFillBrake{0%,54.6%{fill:var(--sa);stroke:var(--sa)}57.1%,83.2%{fill:#fff;stroke:#CBD5E1}85.7%,100%{fill:var(--sa);stroke:var(--sa)}}
@keyframes simanPedalFillGas{0%,54.6%{fill:#fff;stroke:#CBD5E1}57.1%,83.2%{fill:var(--sa);stroke:var(--sa)}85.7%,100%{fill:#fff;stroke:#CBD5E1}}
@keyframes simanPedalFillClutch{0%,11.8%{fill:var(--sa);stroke:var(--sa)}14.3%,83.2%{fill:#fff;stroke:#CBD5E1}85.7%,100%{fill:var(--sa);stroke:var(--sa)}}
@keyframes simanPedalTextBrake{0%,54.6%{fill:#fff}57.1%,83.2%{fill:#78716C}85.7%,100%{fill:#fff}}
@keyframes simanPedalTextGas{0%,54.6%{fill:#78716C}57.1%,83.2%{fill:#fff}85.7%,100%{fill:#78716C}}
@keyframes simanPedalTextClutch{0%,11.8%{fill:#fff}14.3%,83.2%{fill:#78716C}85.7%,100%{fill:#fff}}
@keyframes simanGlowBrake{0%,54.6%{opacity:.85}57.1%,83.2%{opacity:0}85.7%,100%{opacity:.85}}
@keyframes simanGlowGas{0%,54.6%{opacity:0}57.1%,83.2%{opacity:.85}85.7%,100%{opacity:0}}
@keyframes simanGlowClutch{0%,11.8%{opacity:.85}14.3%,83.2%{opacity:0}85.7%,100%{opacity:.85}}
.siman-pedal--brake{animation-name:simanPedalBrake}
.siman-pedal--gas{animation-name:simanPedalGas}
.siman-pedal--clutch{animation-name:simanPedalClutch}
.siman-pedal--brake .siman-pedal-rect{animation-name:simanPedalFillBrake}
.siman-pedal--gas .siman-pedal-rect{animation-name:simanPedalFillGas}
.siman-pedal--clutch .siman-pedal-rect{animation-name:simanPedalFillClutch}
.siman-pedal--brake .siman-pedal-text{animation-name:simanPedalTextBrake}
.siman-pedal--gas .siman-pedal-text{animation-name:simanPedalTextGas}
.siman-pedal--clutch .siman-pedal-text{animation-name:simanPedalTextClutch}
.siman-pedal--brake .siman-pedal-glow{animation-name:simanGlowBrake}
.siman-pedal--gas .siman-pedal-glow{animation-name:simanGlowGas}
.siman-pedal--clutch .siman-pedal-glow{animation-name:simanGlowClutch}
/* Hộp số */
.siman-gear{animation-timing-function:ease-in-out;animation-iteration-count:infinite;opacity:.35}
.siman-gear text{font-size:16px;font-weight:800;fill:#A8A29E}
.siman-gear rect{fill:#fff;stroke:#D6D3D1;stroke-width:1.5}
@keyframes simanGearP{0%,26.1%{opacity:1}28.6%,100%{opacity:.35}}
@keyframes simanGearD{0%,26.1%{opacity:.35}28.6%,100%{opacity:1}}
@keyframes simanGearN{0%,26.1%{opacity:1}28.6%,100%{opacity:.35}}
@keyframes simanGear1{0%,26.1%{opacity:.35}28.6%,100%{opacity:1}}
.siman-gear--p{animation-name:simanGearP}
.siman-gear--d{animation-name:simanGearD}
.siman-gear--n{animation-name:simanGearN}
.siman-gear--1{animation-name:simanGear1}
.siman-gear--on rect{fill:var(--sa);stroke:var(--sa)}
.siman-gear--on text{fill:#fff}
/* Đèn máy / phanh tay */
.siman-lamp{animation-timing-function:ease-in-out;animation-iteration-count:infinite}
@keyframes simanEngine{0%,11.8%{opacity:.25}14.3%,100%{opacity:1}}
@keyframes simanHandbrake{0%,40.4%{opacity:1}42.9%,100%{opacity:.25}}
.siman-lamp--engine{animation-name:simanEngine}
.siman-lamp--handbrake{animation-name:simanHandbrake}
/* Bánh xe, vạch đường, xe nhún, đèn phanh */
.siman-wheel-spin{transform-box:fill-box;transform-origin:center;animation-name:simanWheel;animation-timing-function:linear;animation-iteration-count:infinite}
@keyframes simanWheel{0%,57.1%{transform:rotate(0deg)}85.7%{transform:rotate(720deg)}100%{transform:rotate(720deg)}}
.siman-dashes{animation-name:simanDash;animation-timing-function:linear;animation-iteration-count:infinite}
@keyframes simanDash{0%,57.1%{transform:translateX(0)}85.7%,100%{transform:translateX(-160px)}}
.siman-carbody{animation-name:simanBounce;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
@keyframes simanBounce{0%,57.1%{transform:translateY(0)}60%,64%,68%,72%,76%,80%,84%{transform:translateY(-4px)}62%,66%,70%,74%,78%,82%,85.7%,100%{transform:translateY(0)}}
.siman-brakelight{animation-name:simanBrakeLight;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
@keyframes simanBrakeLight{0%,54.6%{opacity:1}57.1%,83.2%{opacity:.2}85.7%,100%{opacity:1}}
@media(prefers-reduced-motion:reduce){
  .daib-siman .siman-anim{animation:none}
  .siman-cap{opacity:0}
  .siman-cap:first-of-type{opacity:1}
}

/* ============ v1.31.0: hiệu ứng kiểu TCI Invest ============ */
/* Chữ chìm viền khổng lồ sau nội dung section */
.daib-section{position:relative}
.daib-sec-watermark{position:absolute;top:18px;left:50%;transform:translateX(-50%);z-index:0;font-weight:800;font-size:clamp(64px,11vw,168px);line-height:1;letter-spacing:.02em;color:transparent;-webkit-text-stroke:1.5px rgba(19,28,43,.10);text-stroke:1.5px rgba(19,28,43,.10);pointer-events:none;user-select:none;text-transform:uppercase;text-align:center}
/* (v1.36.0) Chữ chìm nhiều dòng: mỗi dòng 1 block. */
.daib-sec-watermark .daib-wm-line{display:block;white-space:nowrap}
@media(max-width:768px){
  .daib-sec-watermark{font-size:clamp(40px,13vw,72px)}
  /* Xếp nghệ thuật trên mobile: dòng 2-3 thụt vào lệch nhau. */
  .daib-sec-watermark.daib-wm-m-stack .daib-wm-line-2{transform:translateX(12%)}
  .daib-sec-watermark.daib-wm-m-stack .daib-wm-line-3{transform:translateX(24%)}
  .daib-sec-watermark.daib-wm-m-hide{display:none}
}
.daib-section>.daib-container{position:relative;z-index:1}
/* Chữ chìm trong hero (trên nền tối: viền trắng mờ) */
.daib-hero{position:relative}
.daib-hero-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;font-weight:800;font-size:clamp(56px,10vw,150px);line-height:1;letter-spacing:.02em;white-space:nowrap;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.14);text-stroke:1.5px rgba(255,255,255,.14);pointer-events:none;user-select:none;text-transform:uppercase}
.daib-hero-inner{position:relative;z-index:1}
/* Chỉ báo "Cuộn xuống" góc dưới hero */
.daib-scroll-hint{position:absolute;right:32px;bottom:28px;z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px;color:#fff;opacity:.85}
.daib-scroll-hint-text{font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;writing-mode:vertical-rl}
.daib-scroll-hint-line{width:2px;height:56px;background:rgba(255,255,255,.25);position:relative;overflow:hidden}
.daib-scroll-hint-line::after{content:"";position:absolute;left:0;top:-40%;width:100%;height:40%;background:#fff;animation:daibScrollLine 2.2s ease-in-out infinite}
@keyframes daibScrollLine{0%{top:-40%}100%{top:110%}}
/* Kicker kiểu TCI: chữ IN HOA + gạch ngang đỏ phía trước, không pill */
.daib-label--kicker{background:none;border:0;padding:0;font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;display:inline-flex;align-items:center;gap:10px}
.daib-label--kicker::before{content:"";width:28px;height:3px;background:var(--daib-label-c,#E5232B);flex:0 0 auto}
.daib-label--kicker span{color:var(--daib-label-c,#E5232B)}
/* Ray ngang kiểu TCI: đường kẻ + chấm phát sáng */
.daib-steps--rail .daib-rail-list{list-style:none;margin:0;padding:36px 0 8px;display:grid;grid-template-columns:repeat(5,1fr);gap:28px;position:relative}
.daib-steps--rail .daib-rail-list::before{content:"";position:absolute;left:0;right:0;top:44px;height:2px;background:rgba(255,255,255,.14)}
.daib-rail-item{position:relative;padding-top:26px;min-width:0}
.daib-rail-dot{position:absolute;top:0;left:2px;width:12px;height:12px;border-radius:50%;background:var(--daib-accent,#E5232B);box-shadow:0 0 0 5px rgba(229,35,43,.18),0 0 18px rgba(229,35,43,.65)}
.daib-rail-num{display:block;font-size:13px;font-weight:800;letter-spacing:.14em;color:var(--daib-on-band-muted,#B9C6DA);margin-bottom:8px}
.daib-rail-title{font-size:19px;font-weight:800;color:var(--daib-on-band,#fff);margin:0 0 8px;line-height:1.3}
.daib-rail-desc{font-size:14px;line-height:1.65;color:var(--daib-on-band-muted,#B9C6DA);margin:0}
.daib-steps--rail .daib-steps-title{color:var(--daib-on-band,#fff)}
/* Thẻ ảnh kiểu TCI: overlay gradient + số thứ tự + mũi tên */
.daib-grid-layout-mediacard{display:grid;grid-template-columns:repeat(var(--daib-cols,3),1fr);gap:22px;counter-reset:daib-media}
.daib-mediacard{position:relative;border-radius:16px;overflow:hidden;min-height:300px;display:flex;align-items:flex-end;counter-increment:daib-media;background:var(--daib-band,#0B1B33)}
.daib-mediacard-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.daib-mediacard-img--empty{background:linear-gradient(135deg,var(--daib-primary,#2F6FE4),var(--daib-band,#0B1B33))}
.daib-mediacard::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(7,15,30,.88) 0%,rgba(7,15,30,.25) 55%,transparent 100%)}
.daib-mediacard-num{position:absolute;top:18px;left:20px;z-index:2;display:flex;align-items:center;gap:10px;color:#fff;font-size:14px;font-weight:800;letter-spacing:.1em}
.daib-mediacard-num::before{content:"0" counter(daib-media)}
.daib-mediacard-num::after{content:"";width:26px;height:2px;background:#fff;opacity:.7}
.daib-mediacard-body{position:relative;z-index:2;padding:22px;width:100%}
.daib-mediacard-title{color:#fff;font-size:20px;font-weight:800;margin:0 0 6px;line-height:1.35}
.daib-mediacard-desc{color:rgba(255,255,255,.78);font-size:14px;line-height:1.6;margin:0}
.daib-mediacard-arrow{position:absolute;right:20px;bottom:20px;z-index:2;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .35s ease,background .35s ease}
.daib-mediacard:hover .daib-mediacard-arrow{transform:translate(3px,-3px);background:var(--daib-accent,#E5232B);border-color:var(--daib-accent,#E5232B)}
/* Thẻ tính năng: hover nâng nhẹ + ảnh zoom (kiểu TCI khối Năng lực) */
.daib-feat{transition:transform .35s ease,box-shadow .35s ease}
.daib-grid-layout-card .daib-feat:hover{transform:translateY(-6px);box-shadow:0 18px 40px -18px rgba(19,28,43,.28)}
.daib-feat-img{overflow:hidden}
.daib-feat-img img{transition:transform .5s ease}
.daib-grid-layout-card .daib-feat:hover .daib-feat-img img{transform:scale(1.05)}
@media(max-width:900px){
  .daib-steps--rail .daib-rail-list{grid-template-columns:1fr;gap:0}
  .daib-steps--rail .daib-rail-list::before{left:5px;right:auto;top:0;bottom:0;width:2px;height:auto}
  .daib-rail-item{padding:0 0 28px 30px}
  .daib-rail-dot{left:0;top:6px}
  .daib-grid-layout-mediacard{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){.daib-grid-layout-mediacard{grid-template-columns:1fr}.daib-scroll-hint{display:none}}
@media(prefers-reduced-motion:reduce){
  .daib-scroll-hint-line::after{animation:none}
  .daib-mediacard-arrow,.daib-feat,.daib-feat-img img{transition:none}
  .daib-grid-layout-card .daib-feat:hover{transform:none}
  .daib-mediacard:hover .daib-mediacard-arrow{transform:none}
}
/* (v1.36.1) Token [thang] — tháng hiện tại tự động + làm nổi bật dạng pill. */
/* (v1.36.2) Dùng biến --daib-month-bg/--daib-month-color để Duy tùy biến khi nền thẻ trùng màu cam. */
.daib-month-hl{display:inline-block;font-weight:800;color:var(--daib-month-color,#fff);background:var(--daib-month-bg,linear-gradient(135deg,var(--daib-accent,#F97316),var(--daib-accent-dark,#EA580C)));padding:2px 10px;border-radius:999px;font-size:.92em;white-space:nowrap;box-shadow:0 2px 8px rgba(var(--daib-accent-rgb,249,115,22),.35)}

/* ---------- (v1.37.0) Block Chương trình học: tab mục trái + ảnh/hộp mô tả phải ---------- */
/* Màu nhấn theo preset qua --daib-accent; đặt màu riêng trong block -> --daib-prog-accent. */
.daib-program-head{margin-bottom:var(--daib-s4)}
.daib-program-title{font-size:clamp(24px,3.4vw,36px);font-weight:800;text-transform:uppercase;color:var(--daib-prog-title,var(--daib-prog-accent,var(--daib-accent,#F97316)))!important;margin:0;line-height:1.25}
.daib-program-title::after{content:"";display:block;width:64px;height:4px;border-radius:2px;background:var(--daib-prog-accent,var(--daib-accent,#F97316));margin-top:10px}
.daib-program-body{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--daib-s5);align-items:start}
/* (v1.37.1) Tỉ lệ cột chữ/hình — chọn trong cài đặt block. */
.daib-program--ratio-image_small .daib-program-body{grid-template-columns:minmax(0,8fr) minmax(0,4fr)}
.daib-program--ratio-image_large .daib-program-body{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}
.daib-program-tabs{display:flex;flex-direction:column;gap:10px}
.daib-program-tab{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:var(--daib-prog-tabbg,rgba(var(--daib-accent-rgb,249,115,22),var(--daib-prog-tabalpha,.15)));border:1px solid var(--daib-prog-tabborder,rgba(var(--daib-accent-rgb,249,115,22),.22));border-left:5px solid rgba(var(--daib-accent-rgb,249,115,22),.35);border-radius:0 10px 10px 0;padding:15px 18px;font-family:inherit;font-size:16.5px;font-weight:600;color:var(--daib-text,#33404f);cursor:pointer;transition:background-color .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease}
.daib-program-tab:hover{background:var(--daib-prog-tabbg,rgba(var(--daib-accent-rgb,249,115,22),.22));border-color:var(--daib-prog-tabborder,rgba(var(--daib-accent-rgb,249,115,22),.35))}
.daib-program-tab:focus-visible{outline:2px solid var(--daib-prog-accent,var(--daib-accent,#F97316));outline-offset:2px}
.daib-program-tab .daib-program-num{font-weight:800;color:inherit}
.daib-program-tab.is-active{background:#fff;border:1px solid var(--daib-prog-tabborder,rgba(var(--daib-accent-rgb,249,115,22),.22));border-left:5px solid var(--daib-prog-accent,var(--daib-accent,#F97316));color:var(--daib-prog-accent,var(--daib-accent,#F97316));box-shadow:var(--daib-shadow-md)}
.daib-program-chev{display:none;margin-left:auto;flex:0 0 auto;transition:transform .3s var(--daib-ease,ease)}
.daib-program-stage{display:grid}
.daib-program-pane{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .35s ease,transform .35s var(--daib-ease,ease),visibility 0s .35s}
.daib-program-pane.is-active{opacity:1;visibility:visible;transform:none;transition:opacity .35s ease,transform .35s var(--daib-ease,ease)}
.daib-program-mpane{display:none}
.daib-program-media{position:relative;border-radius:14px;overflow:hidden;box-shadow:var(--daib-shadow-md)}
.daib-program-img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.daib-program-pane .daib-program-box,.daib-program-mpane .daib-program-box{background:var(--daib-prog-accent,var(--daib-accent,#F97316));color:#fff;padding:18px 22px;font-size:17px;line-height:1.6}
.daib-program-pane .daib-program-box{border-radius:14px}
.daib-program-pane .daib-program-media + .daib-program-box{position:relative;margin-top:-64px;margin-right:32%;border-radius:0 20px 14px 0;box-shadow:var(--daib-shadow-md)}
.daib-program-boxtitle{font-weight:800}
@media(max-width:860px){
  /* (v1.37.3) FIX: tỉ lệ chữ/hình dùng selector ưu tiên cao hơn (0,2,0) nên phải liệt kê
     cả 2 biến thể ở đây, không là mobile vẫn giữ 2 cột — cột hình ẩn nhưng vẫn chừa chỗ 4/12. */
  .daib-program-body,
  .daib-program--ratio-image_small .daib-program-body,
  .daib-program--ratio-image_large .daib-program-body{grid-template-columns:1fr}
  .daib-program-stage{display:none}
  .daib-program-head{text-align:center}
  .daib-program-title::after{margin-left:auto;margin-right:auto}
  .daib-program-tab{font-size:16px;padding:14px 16px}
  .daib-program-chev{display:block}
  .daib-program-tab.is-active .daib-program-chev{transform:rotate(180deg)}
  .daib-program-mpane{display:none;margin:-2px 0 4px}
  .daib-program-mpane.is-active{display:block}
  .daib-program-mpane .daib-program-media{border-radius:12px 12px 0 0;box-shadow:none}
  .daib-program-mpane .daib-program-box{border-radius:0 0 12px 12px;font-size:16px}
  .daib-program-mpane .daib-program-box:first-child{border-radius:12px}
}
@media(prefers-reduced-motion:reduce){
  .daib-program-pane,.daib-program-tab,.daib-program-chev{transition:none}
}