/* ---------- 1. Token sáng + tối ---------- */
.tn-b07{
  --b07-primary:#2F7BF5;
  --b07-primary-2:#60A5FA;
  --b07-accent:#1EB4E6;
  --b07-ink:#0F172A;
  --b07-text:#334155;
  --b07-muted:#64748B;
  --b07-link:#2563EB;
  --b07-badge-fg:#2563EB;
  --b07-badge-line:#93C5FD;
  --b07-surface:#FFFFFF;
  --b07-card:#FFFFFF;
  --b07-tint:#EFF6FF;
  --b07-line:#DBEAFE;
  --b07-line-hover:#93C5FD;
  /* Nền section: trắng → xanh rất nhạt, vệt sáng và lưới mờ */
  --b07-bg-a:#FFFFFF;
  --b07-bg-b:#EEF5FF;
  --b07-blob-a:rgb(96 165 250 / .16);
  --b07-blob-b:rgb(30 180 230 / .1);
  --b07-grid:rgb(47 123 245 / .06);
  --b07-hl-line:rgb(47 123 245 / .2);
  /* Ô icon gradient */
  --b07-ic-a:#2563EB;
  --b07-ic-b:#60A5FA;
  --b07-ic-fg:#FFFFFF;
  --b07-ic-glow:0 8px 18px -8px rgb(37 99 235 / .55);
  --b07-num:#DBEAFE;
  --b07-track:#DBEAFE;
  --b07-chip-bg:#EFF6FF;
  --b07-chip-fg:#1D4ED8;
  --b07-ok:#16A34A;
  /* Nút gọi: gradient xanh giống nút hotline header, rê chuột/bấm thì xanh đậm tràn từ hai góc */
  --b07-call-a:#2563EB;
  --b07-call-b:#3B82F6;
  --b07-call-fill-a:#1E40AF;
  --b07-call-fill-b:#1D4ED8;
  --b07-call-fg:#FFFFFF;
  --b07-call-shadow:0 10px 22px -10px rgb(37 99 235 / .65);
  --b07-ghost-line:rgb(37 99 235 / .35);
  --b07-ghost-bg:rgb(255 255 255 / .7);
  --b07-ghost-bg-hover:#FFFFFF;
  --b07-focus:#2563EB;
  --b07-r-lg:28px;
  --b07-r-md:18px;
  --b07-r-sm:12px;
  --b07-r-pill:999px;
  --b07-shadow:0 10px 30px -14px rgb(15 23 42 / .14);
  --b07-shadow-hover:0 18px 40px -18px rgb(37 99 235 / .35);
  --b07-warn-bg:#FEF2F2;
  --b07-warn-line:#FECACA;
  --b07-warn-fg:#B91C1C;
  --b07-mark-a:#DBEAFE;
  --b07-mark-b:rgb(219 234 254 / 0);
  --b07-logo-bg:#FFFFFF;
  --b07-bar-bg:rgb(255 255 255 / .92);
  --b07-bar-line:#E2E8F0;
  --b07-bar-shadow:0 -10px 30px -12px rgb(15 23 42 / .25);
}
/* Đọc giao ước sáng/tối trên <html> (selector toàn cục bắt buộc) */
:root[data-med-theme="dark"] .tn-b07{
  --b07-accent:#38BDF8;
  --b07-ink:#F1F5F9;
  --b07-text:#CBD5E1;
  --b07-muted:#94A3B8;
  --b07-link:#93C5FD;
  --b07-badge-fg:#93C5FD;
  --b07-badge-line:rgb(96 165 250 / .5);
  --b07-surface:#0B1220;
  --b07-card:#111B2E;
  --b07-tint:#14213A;
  --b07-line:rgb(255 255 255 / .08);
  --b07-line-hover:rgb(96 165 250 / .55);
  --b07-bg-a:#0B1220;
  --b07-bg-b:#0E1B33;
  --b07-blob-a:rgb(37 99 235 / .16);
  --b07-blob-b:rgb(56 189 248 / .08);
  --b07-grid:rgb(147 197 253 / .05);
  --b07-hl-line:rgb(56 189 248 / .25);
  --b07-ic-glow:0 8px 18px -8px rgb(0 0 0 / .8);
  --b07-num:rgb(96 165 250 / .16);
  --b07-track:rgb(255 255 255 / .1);
  --b07-chip-bg:rgb(96 165 250 / .14);
  --b07-chip-fg:#93C5FD;
  --b07-ok:#4ADE80;
  --b07-call-shadow:0 10px 22px -10px rgb(0 0 0 / .8);
  --b07-ghost-line:rgb(147 197 253 / .35);
  --b07-ghost-bg:rgb(255 255 255 / .04);
  --b07-ghost-bg-hover:rgb(255 255 255 / .1);
  --b07-focus:#93C5FD;
  --b07-shadow:0 10px 30px -12px rgb(0 0 0 / .5);
  --b07-shadow-hover:0 18px 40px -16px rgb(0 0 0 / .6);
  --b07-warn-bg:rgb(239 68 68 / .1);
  --b07-warn-line:rgb(248 113 113 / .3);
  --b07-warn-fg:#FCA5A5;
  --b07-mark-a:rgb(96 165 250 / .14);
  --b07-mark-b:rgb(96 165 250 / 0);
  --b07-logo-bg:#FFFFFF;
  --b07-bar-bg:rgb(15 23 42 / .92);
  --b07-bar-line:rgb(255 255 255 / .08);
  --b07-bar-shadow:0 -10px 30px -12px rgb(0 0 0 / .7);
}
/* Block full-width: chặn cuộn ngang do 100vw (selector toàn cục bắt buộc) */
body{overflow-x:clip}
/* ---------- 2. Reset trong phạm vi block ---------- */
.tn-b07,.tn-b07 *,.tn-b07 *::before,.tn-b07 *::after{box-sizing:border-box}
.tn-b07 h2,.tn-b07 h3,.tn-b07 p,.tn-b07 ol,.tn-b07 ul,.tn-b07 li,.tn-b07 a,.tn-b07 button,.tn-b07 img,.tn-b07 figure,.tn-b07 figcaption{
  margin:0;padding:0;border:0;border-radius:0;
  font-family:'Be Vietnam Pro',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif!important;
  text-transform:none!important;letter-spacing:normal;box-shadow:none;background:none;
}
.tn-b07 h2,.tn-b07 h3,.tn-b07 p,.tn-b07 li,.tn-b07 a,.tn-b07 button,.tn-b07 figcaption{font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit}
.tn-b07 ol,.tn-b07 ul,.tn-b07 li{list-style:none!important}
.tn-b07 li::before,.tn-b07 li::marker{content:none!important}
.tn-b07 a{text-decoration:none!important}
.tn-b07 button{cursor:pointer;-webkit-appearance:none;appearance:none;min-width:0}
.tn-b07 img{display:block;max-width:none;height:auto}
.tn-b07 svg{display:block;flex:none}
/* ---------- 3. Component ---------- */
.tn-b07{
  display:block;position:relative;isolation:isolate;
  width:100vw;max-width:100vw;margin:0 calc(50% - 50vw)!important;
  padding:64px 0;
  background:linear-gradient(180deg,var(--b07-bg-a),var(--b07-bg-b));
  color:var(--b07-text);
  font-family:'Be Vietnam Pro',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif!important;
  font-size:16px;line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
/* Lớp nền riêng (vệt sáng + lưới mờ) có overflow:hidden, để section không cắt nội dung */
.tn-b07 .tn-b07-bg{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.tn-b07 .tn-b07-bg::before,.tn-b07 .tn-b07-bg::after{content:"";position:absolute;inset:0}
.tn-b07 .tn-b07-bg::before{
  background:
    radial-gradient(40% 28% at 8% 18%,var(--b07-blob-a),transparent 70%),
    radial-gradient(36% 30% at 94% 62%,var(--b07-blob-b),transparent 70%);
}
.tn-b07 .tn-b07-bg::after{
  background-image:linear-gradient(var(--b07-grid) 1px,transparent 1px),linear-gradient(90deg,var(--b07-grid) 1px,transparent 1px);
  background-size:48px 48px;
  -webkit-mask-image:radial-gradient(ellipse 60% 360px at 50% 0%,#000 30%,transparent 100%);
  mask-image:radial-gradient(ellipse 60% 360px at 50% 0%,#000 30%,transparent 100%);
}
.tn-b07 .tn-b07-wrap{max-width:1160px;margin:0 auto;padding:0 16px}
.tn-b07 a:focus-visible,.tn-b07 button:focus-visible{outline:2px solid var(--b07-focus);outline-offset:3px}
/* Tiêu đề section */
.tn-b07 .tn-b07-head{max-width:620px;margin:0 auto 36px;text-align:center}
.tn-b07 .tn-b07-badge{
  display:inline-flex;align-items:center;gap:8px;
  padding:5px 14px;
  border:1px dashed var(--b07-badge-line);border-radius:var(--b07-r-pill);
  font-size:13px;font-weight:600;line-height:1.4;color:var(--b07-badge-fg);
}
.tn-b07 .tn-b07-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;animation:b07Dot 2.4s ease-in-out infinite}
@keyframes b07Dot{0%,100%{opacity:1}50%{opacity:.35}}
.tn-b07 .tn-b07-title{
  margin-top:14px;
  font-size:clamp(28px,2.2vw + 18px,40px);
  font-weight:700;line-height:1.15;letter-spacing:-0.02em;
  color:var(--b07-ink);text-wrap:balance;
}
/* Cụm từ nhấn: chữ gradient + gạch chân mềm chạy ra khi cuộn tới */
.tn-b07 .tn-b07-title .hl{
  position:relative;white-space:nowrap;
  background:linear-gradient(90deg,var(--b07-primary),var(--b07-accent));
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
.tn-b07 .tn-b07-title .hl::after{
  content:"";position:absolute;left:0;right:0;bottom:.02em;z-index:-1;height:.2em;border-radius:.2em;
  background:var(--b07-hl-line);transform-origin:left center;
}
.tn-b07 .tn-b07-desc{margin-top:12px;font-size:16px;line-height:1.65;color:var(--b07-muted);text-wrap:pretty}
/* Nút */
.tn-b07 .tn-b07-ctas{display:flex;flex-wrap:wrap;gap:10px}
.tn-b07 .tn-b07-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:48px;padding:10px 20px;
  border:1px solid transparent;border-radius:var(--b07-r-pill);
  font-size:15px;font-weight:600;line-height:1.2;white-space:nowrap;
  cursor:pointer;
  transition:background-color .2s ease,border-color .2s ease,transform .25s ease;
}
.tn-b07 .tn-b07-ctas .tn-b07-btn{flex:1 1 auto}
.tn-b07 .tn-b07-btn svg{width:16px;height:16px;transition:transform .2s ease}
.tn-b07 .tn-b07-btn--call{
  position:relative;isolation:isolate;overflow:hidden;
  background:linear-gradient(135deg,var(--b07-call-a),var(--b07-call-b));color:var(--b07-call-fg);
  box-shadow:var(--b07-call-shadow);
}
.tn-b07 .tn-b07-btn--call::before,.tn-b07 .tn-b07-btn--call::after{
  content:"";position:absolute;z-index:-1;width:50%;height:100%;
  background:linear-gradient(135deg,var(--b07-call-fill-a),var(--b07-call-fill-b));
  transform:scale(0);transition:transform .45s cubic-bezier(.2,.7,.2,1);
}
.tn-b07 .tn-b07-btn--call::before{top:0;left:0;transform-origin:top left}
.tn-b07 .tn-b07-btn--call::after{bottom:0;right:0;transform-origin:bottom right}
.tn-b07 .tn-b07-btn--call:hover,.tn-b07 .tn-b07-btn--call:focus-visible{transform:translateY(-2px)}
.tn-b07 .tn-b07-btn--call:active{transform:scale(.97)}
.tn-b07 .tn-b07-btn--call:hover::before,.tn-b07 .tn-b07-btn--call:hover::after,
.tn-b07 .tn-b07-btn--call:focus-visible::before,.tn-b07 .tn-b07-btn--call:focus-visible::after,
.tn-b07 .tn-b07-btn--call:active::before,.tn-b07 .tn-b07-btn--call:active::after{transform:scale(1)}
.tn-b07 .tn-b07-btn--call:hover svg{transform:translateX(3px)}
.tn-b07 .tn-b07-btn--ghost{border-color:var(--b07-ghost-line);background:var(--b07-ghost-bg);color:var(--b07-ink)}
.tn-b07 .tn-b07-btn--ghost:hover{background:var(--b07-ghost-bg-hover)}
.tn-b07 address,.tn-b07 small,.tn-b07 strong,.tn-b07 nav{margin:0;padding:0;border:0;background:none;box-shadow:none;font-style:normal;font-family:'Be Vietnam Pro',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif!important;text-transform:none!important}
.tn-b07 strong{font-weight:700;color:var(--b07-ink)}
.tn-b07{padding:56px 0 0}
/* Thương hiệu */
.tn-b07 .tn-b07-brand{display:inline-flex;align-items:center;gap:10px;min-height:44px}
.tn-b07 .tn-b07-logo{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;background:var(--b07-logo-bg);box-shadow:var(--b07-shadow);overflow:hidden}
.tn-b07 .tn-b07-logo img{width:36px;height:36px;object-fit:contain}
.tn-b07 .tn-b07-wm{font-size:21px;font-weight:800;line-height:1;letter-spacing:-0.01em;color:var(--b07-ink)}
.tn-b07 .tn-b07-wm b{font-weight:800;background:linear-gradient(90deg,var(--b07-primary),var(--b07-accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.tn-b07 .tn-b07-about{margin-top:16px;max-width:420px;font-size:15px;line-height:1.7;color:var(--b07-text)}
.tn-b07 .tn-b07-sos{
  display:flex;gap:10px;margin-top:18px;max-width:440px;padding:12px 14px;
  border:1px solid var(--b07-warn-line);border-radius:14px;background:var(--b07-warn-bg);
  font-size:15px;line-height:1.55;color:var(--b07-text);
}
.tn-b07 .tn-b07-sos svg{width:20px;height:20px;margin-top:1px;color:var(--b07-warn-fg)}
.tn-b07 .tn-b07-sos strong{color:var(--b07-warn-fg)}
/* Cột liên kết */
.tn-b07 .tn-b07-col h2{font-size:16px;font-weight:700;line-height:1.4;color:var(--b07-ink)}
.tn-b07 .tn-b07-links{display:grid;gap:2px;margin-top:12px}
.tn-b07 .tn-b07-links a{
  position:relative;display:inline-flex;align-items:center;min-height:44px;
  font-size:15px;line-height:1.4;color:var(--b07-text);transition:color .2s ease;
}
.tn-b07 .tn-b07-links a::after{
  content:"";position:absolute;left:0;right:0;bottom:10px;height:1.5px;border-radius:2px;background:currentColor;
  transform:scaleX(0);transform-origin:left;transition:transform .3s ease;
}
.tn-b07 .tn-b07-links a:hover{color:var(--b07-link)}
.tn-b07 .tn-b07-links a:hover::after{transform:scaleX(1)}
/* Liên hệ */
.tn-b07 .tn-b07-contact{display:grid;gap:14px;margin-top:16px}
.tn-b07 .tn-b07-contact li{display:flex;align-items:flex-start;gap:12px}
.tn-b07 .tn-b07-ic{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:var(--b07-tint);color:var(--b07-link)}
.tn-b07 .tn-b07-ic svg{width:18px;height:18px}
.tn-b07 .tn-b07-contact small{display:block;font-size:13px;line-height:1.4;color:var(--b07-muted)}
.tn-b07 .tn-b07-contact a,.tn-b07 .tn-b07-contact span{font-size:15px;font-weight:600;line-height:1.5;color:var(--b07-ink);word-break:break-word}
.tn-b07 .tn-b07-contact a:hover{color:var(--b07-link)}
.tn-b07 .tn-b07-contact .tn-b07-big{font-size:19px;font-weight:800;color:var(--b07-link);letter-spacing:.01em}
/* Dòng pháp lý */
.tn-b07 .tn-b07-bottom{display:grid;justify-items:center;gap:6px;margin-top:40px;padding:22px 0 28px;border-top:1px solid var(--b07-line);text-align:center}
.tn-b07 .tn-b07-bottom p{font-size:14px;line-height:1.6;color:var(--b07-muted);text-wrap:pretty}
/* Chữ thương hiệu khổng lồ làm watermark */
.tn-b07 .tn-b07-mark{
  overflow:hidden;margin:0 0 -.12em;text-align:center;white-space:nowrap;
  font-size:clamp(44px,14.6vw,166px);font-weight:800;line-height:.9;letter-spacing:-0.04em;
  background:linear-gradient(180deg,var(--b07-mark-a),var(--b07-mark-b));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
  user-select:none;pointer-events:none;
}
/* Thanh gọi nhanh cố định đáy (điện thoại/tablet) */
.tn-b07{padding-bottom:84px}
.tn-b07 .tn-b07-bar{
  position:fixed;left:0;right:0;bottom:0;z-index:999;display:flex;gap:10px;
  padding:10px 12px calc(10px + env(safe-area-inset-bottom));
  border-top:1px solid var(--b07-bar-line);background:var(--b07-bar-bg);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--b07-bar-shadow);
  transition:transform .35s cubic-bezier(.2,.7,.2,1);
}
.tn-b07 .tn-b07-bar a{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:var(--b07-r-pill);
  font-size:16px;font-weight:700;line-height:1.2;white-space:nowrap;
}
.tn-b07 .tn-b07-bar svg{width:18px;height:18px}
.tn-b07 .tn-b07-bar-call{flex:1.6;background:linear-gradient(135deg,var(--b07-call-a),var(--b07-call-b));color:var(--b07-call-fg);box-shadow:var(--b07-call-shadow)}
.tn-b07 .tn-b07-bar-zalo{flex:1;border:1px solid var(--b07-ghost-line);background:var(--b07-card);color:var(--b07-ink)}
.tn-b07.tn-b07--bar-wait .tn-b07-bar{transform:translateY(110%)}
/* ---- Riêng mẫu này ---- */
.tn-b07{border-top:1px solid var(--b07-line)}
.tn-b07 details,.tn-b07 summary{margin:0;padding:0;border:0;background:none;font-family:'Be Vietnam Pro',system-ui,sans-serif!important}
.tn-b07 summary{display:block;list-style:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.tn-b07 summary::-webkit-details-marker{display:none}
.tn-b07 summary::marker{content:""}
.tn-b07 summary:focus{outline:none}
.tn-b07 summary:focus-visible{outline:2px solid var(--b07-focus);outline-offset:2px;border-radius:12px}
.tn-b07 .tn-b07-main{display:grid;gap:12px}
.tn-b07 .tn-b07-intro{margin-bottom:10px}
.tn-b07 .tn-b07-quick{margin-top:18px}
/* Khối mở-đóng */
.tn-b07 .tn-b07-acc{border:1px solid var(--b07-line);border-radius:18px;background:var(--b07-card)}
.tn-b07 .tn-b07-acc summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:0 16px}
.tn-b07 .tn-b07-acc h2{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;line-height:1.35;color:var(--b07-ink)}
.tn-b07 .tn-b07-acc h2 svg{width:18px;height:18px;color:var(--b07-link)}
.tn-b07 .tn-b07-chev{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--b07-tint);color:var(--b07-link);transition:transform .3s ease}
.tn-b07 .tn-b07-chev svg{width:16px;height:16px;transform:rotate(90deg)}
.tn-b07 .tn-b07-acc[open] .tn-b07-chev{transform:rotate(180deg)}
.tn-b07 .tn-b07-body{padding:0 16px 14px}
.tn-b07 .tn-b07-acc[open] .tn-b07-body{animation:b07Open .35s cubic-bezier(.2,.7,.2,1)}
@keyframes b07Open{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.tn-b07 .tn-b07-list{border-top:1px solid var(--b07-line)}
.tn-b07 .tn-b07-list li + li{border-top:1px solid var(--b07-line)}
.tn-b07 .tn-b07-list a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;font-size:15px;color:var(--b07-text)}
.tn-b07 .tn-b07-list a svg{width:15px;height:15px;color:var(--b07-muted)}
.tn-b07 .tn-b07-list a:hover{color:var(--b07-link)}
.tn-b07 .tn-b07-body .tn-b07-info{padding-top:14px;border-top:1px solid var(--b07-line)}
/* Danh sách thứ hai (giờ, địa chỉ, email) nối liền danh sách đầu, cùng khoảng cách */
.tn-b07 .tn-b07-body .tn-b07-info--more{margin-top:12px;padding-top:0;border-top:0}
.tn-b07 .tn-b07-info .tn-b07-big{display:inline-flex;align-items:center;min-height:32px;font-size:18px;font-weight:800;color:var(--b07-link)}
.tn-b07 .tn-b07-ic{width:36px;height:36px;border-radius:11px}
.tn-b07 .tn-b07-info{display:grid;gap:12px}
.tn-b07 .tn-b07-info li{display:flex;align-items:center;gap:12px}
.tn-b07 .tn-b07-info li > div{min-width:0}
.tn-b07 .tn-b07-info small{display:block;font-size:13px;line-height:1.4;color:var(--b07-muted)}
.tn-b07 .tn-b07-info a,.tn-b07 .tn-b07-info span{font-size:15px;font-weight:600;line-height:1.45;color:var(--b07-ink);word-break:break-word}
.tn-b07 .tn-b07-info a:hover{color:var(--b07-link)}
/* Vùng chạm ≥44px cho link liên hệ trên điện thoại */
.tn-b07 .tn-b07-info a{display:inline-flex;align-items:center;min-height:44px}
.tn-b07 .tn-b07-sos{margin-top:10px;max-width:none}
/* ---------- 4. Responsive (min-width) ---------- */
@media (min-width:768px){
  .tn-b07 .tn-b07-wrap{padding:0 24px}
}
@media (min-width:1024px){
  .tn-b07{padding-bottom:0}
  .tn-b07 .tn-b07-bar{display:none}
  .tn-b07 .tn-b07-links{gap:0}
  .tn-b07 .tn-b07-links a{min-height:36px}
  .tn-b07 .tn-b07-links a::after{bottom:6px}
}
@media (min-width:768px){
  .tn-b07{padding-top:72px}
}
@media (min-width:1024px){
  /* Máy tính: 3 cột bằng nhau, ngăn bằng vạch dọc
     (1) thương hiệu + mô tả + nút Gọi/Zalo  (2) Dịch vụ  (3) Thông tin liên hệ; dải cấp cứu chạy hết chiều ngang bên dưới */
  .tn-b07 .tn-b07-main{
    grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto 1fr auto;column-gap:0;row-gap:0;align-items:start;
    grid-template-areas:"brand svc contact" "about svc contact" "quick svc contact" "sos sos sos";
  }
  .tn-b07 .tn-b07-intro{display:contents}
  .tn-b07 .tn-b07-brand{grid-area:brand;justify-self:start;padding-right:40px}
  .tn-b07 .tn-b07-about{grid-area:about;margin-top:14px;padding-right:40px;max-width:none}
  .tn-b07 .tn-b07-quick{display:grid;grid-area:quick;gap:10px;margin-top:22px;padding-right:40px}
  .tn-b07 .tn-b07-quick .tn-b07-btn{width:100%}
  .tn-b07 .tn-b07-sos{grid-area:sos;align-items:center;max-width:none;margin-top:40px}
  .tn-b07 .tn-b07-sos svg{margin-top:0}
  /* Cột Dịch vụ / Liên hệ */
  .tn-b07 .tn-b07-acc{align-self:stretch;padding:0 40px;border:0;border-left:1px solid var(--b07-line);border-radius:0;background:none}
  .tn-b07 .tn-b07-acc:not(.tn-b07-acc--svc){padding-right:0}
  .tn-b07 .tn-b07-acc--svc{grid-area:svc}
  .tn-b07 .tn-b07-acc:not(.tn-b07-acc--svc){grid-area:contact}
  .tn-b07 .tn-b07-acc summary{min-height:0;padding:0 0 10px;pointer-events:none;cursor:default}
  .tn-b07 .tn-b07-acc h2{min-height:44px}
  .tn-b07 .tn-b07-acc h2 svg,.tn-b07 .tn-b07-chev{display:none}
  .tn-b07 .tn-b07-body{padding:0}
  .tn-b07 .tn-b07-acc[open] .tn-b07-body{animation:none}
  .tn-b07 .tn-b07-list,.tn-b07 .tn-b07-list li + li{border-top:0}
  .tn-b07 .tn-b07-list a{justify-content:flex-start;min-height:42px}
  .tn-b07 .tn-b07-list a svg{display:none}
  .tn-b07 .tn-b07-body .tn-b07-info{gap:6px;padding-top:0;border-top:0}
  .tn-b07 .tn-b07-body .tn-b07-info--more{margin-top:6px}
  .tn-b07 .tn-b07-info li{min-height:46px;gap:12px}
  .tn-b07 .tn-b07-ic{width:36px;height:36px;border-radius:11px}
  .tn-b07 .tn-b07-info .tn-b07-big{min-height:0;font-size:17px}
  .tn-b07 .tn-b07-info a{min-height:0}
  .tn-b07 .tn-b07-bottom{margin-top:36px}
}
}
}
/* ---------- 5. Reveal + reduced-motion ---------- */
/* Chỉ ẩn khi JS đã gắn class bật animation -> JS lỗi/tắt vẫn thấy đủ nội dung */
.tn-b07.tn-b07--anim .tn-b07-rv{
  opacity:0;transform:translateY(22px);
  transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);
  transition-delay:var(--b07-d,0ms);
}
.tn-b07.tn-b07--anim .tn-b07-rv.is-in{opacity:1;transform:none}
/* Gạch chân cụm từ nhấn chạy ra sau khi tiêu đề hiện */
.tn-b07.tn-b07--anim .tn-b07-title .hl::after{transform:scaleX(0);transition:transform .8s cubic-bezier(.2,.7,.2,1) .45s}
.tn-b07.tn-b07--anim .tn-b07-title.is-in .hl::after{transform:scaleX(1)}
@media (prefers-reduced-motion:reduce){
  .tn-b07.tn-b07--anim .tn-b07-rv{opacity:1;transform:none;transition:none}
  .tn-b07.tn-b07--anim .tn-b07-title .hl::after{transform:none;transition:none}
  .tn-b07 .tn-b07-badge::before{animation:none}
  .tn-b07 .tn-b07-btn,.tn-b07 .tn-b07-btn svg,.tn-b07 .tn-b07-btn--call::before,.tn-b07 .tn-b07-btn--call::after{transition:none}
  .tn-b07 .tn-b07-btn--call:hover,.tn-b07 .tn-b07-btn--call:focus-visible,.tn-b07 .tn-b07-btn--call:active{transform:none}
  .tn-b07 .tn-b07-bar,.tn-b07 .tn-b07-links a,.tn-b07 .tn-b07-links a::after{transition:none}
  .tn-b07 .tn-b07-chev{transition:none}
  .tn-b07 .tn-b07-acc[open] .tn-b07-body{animation:none}
}
/* Hiệu ứng nút gọi chung toàn trang (giống nút gọi block CTA cuối): rê chuột/bấm thì xanh đậm tràn từ hai góc,
   chữ trắng, nút nhích lên, quầng sáng lan ra, icon điện thoại rung một nhịp */
.tn-b07 .tn-b07-btn--call,.tn-b07 .tn-b07-bar-call{position:relative;isolation:isolate;overflow:hidden;transition:transform .25s ease,color .35s ease,box-shadow .35s ease}
.tn-b07 .tn-b07-btn--call::before,.tn-b07 .tn-b07-bar-call::before,.tn-b07 .tn-b07-btn--call::after,.tn-b07 .tn-b07-bar-call::after{
  content:"";position:absolute;z-index:-1;width:51%;height:100%;
  background:#1E40AF;transform:scale(0);transition:transform .45s cubic-bezier(.2,.7,.2,1);
}
.tn-b07 .tn-b07-btn--call::before,.tn-b07 .tn-b07-bar-call::before{top:0;left:0;right:auto;bottom:auto;transform-origin:top left}
.tn-b07 .tn-b07-btn--call::after,.tn-b07 .tn-b07-bar-call::after{bottom:0;right:0;top:auto;left:auto;transform-origin:bottom right}
.tn-b07 .tn-b07-btn--call:hover,.tn-b07 .tn-b07-bar-call:hover,.tn-b07 .tn-b07-btn--call:focus-visible,.tn-b07 .tn-b07-bar-call:focus-visible{color:#FFFFFF;transform:translateY(-2px);box-shadow:0 0 0 6px rgb(96 165 250 / .25),0 18px 32px -12px rgb(15 23 42 / .45)}
.tn-b07 .tn-b07-btn--call:active,.tn-b07 .tn-b07-bar-call:active{transform:scale(.97)}
.tn-b07 .tn-b07-btn--call:hover::before,.tn-b07 .tn-b07-bar-call:hover::before,.tn-b07 .tn-b07-btn--call:hover::after,.tn-b07 .tn-b07-bar-call:hover::after,.tn-b07 .tn-b07-btn--call:focus-visible::before,.tn-b07 .tn-b07-bar-call:focus-visible::before,.tn-b07 .tn-b07-btn--call:focus-visible::after,.tn-b07 .tn-b07-bar-call:focus-visible::after,.tn-b07 .tn-b07-btn--call:active::before,.tn-b07 .tn-b07-bar-call:active::before,.tn-b07 .tn-b07-btn--call:active::after,.tn-b07 .tn-b07-bar-call:active::after{transform:scale(1)}
.tn-b07 .tn-b07-btn--call:hover svg,.tn-b07 .tn-b07-bar-call:hover svg,.tn-b07 .tn-b07-btn--call:focus-visible svg,.tn-b07 .tn-b07-bar-call:focus-visible svg{animation:b07CallHit .8s ease-in-out}
@keyframes b07CallHit{0%,100%{transform:rotate(0)}20%{transform:rotate(-14deg)}40%{transform:rotate(12deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(4deg)}}
@media (prefers-reduced-motion:reduce){
  .tn-b07 .tn-b07-btn--call,.tn-b07 .tn-b07-bar-call,.tn-b07 .tn-b07-btn--call::before,.tn-b07 .tn-b07-bar-call::before,.tn-b07 .tn-b07-btn--call::after,.tn-b07 .tn-b07-bar-call::after{transition:none}
  .tn-b07 .tn-b07-btn--call:hover,.tn-b07 .tn-b07-bar-call:hover,.tn-b07 .tn-b07-btn--call:focus-visible,.tn-b07 .tn-b07-bar-call:focus-visible,.tn-b07 .tn-b07-btn--call:active,.tn-b07 .tn-b07-bar-call:active{transform:none}
  .tn-b07 .tn-b07-btn--call:hover svg,.tn-b07 .tn-b07-bar-call:hover svg,.tn-b07 .tn-b07-btn--call:focus-visible svg,.tn-b07 .tn-b07-bar-call:focus-visible svg{animation:none}
}
/* Hiệu ứng nút Zalo chung toàn trang: rê chuột/bấm thì nền quét màu xanh Zalo từ trái sang phải, chữ trắng, nhích lên, icon nảy */
.tn-b07 .tn-b07-btn--ghost,.tn-b07 .tn-b07-bar-zalo{position:relative;isolation:isolate;overflow:hidden;transition:transform .25s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}
.tn-b07 .tn-b07-btn--ghost::before,.tn-b07 .tn-b07-bar-zalo::before{content:"";position:absolute;inset:0;z-index:-1;background:#0068FF;transform:scaleX(0);transform-origin:left center;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.tn-b07 .tn-b07-btn--ghost:hover,.tn-b07 .tn-b07-bar-zalo:hover,.tn-b07 .tn-b07-btn--ghost:focus-visible,.tn-b07 .tn-b07-bar-zalo:focus-visible{transform:translateY(-2px);border-color:#0068FF;color:#FFFFFF;box-shadow:0 14px 26px -12px rgb(0 104 255 / .55)}
.tn-b07 .tn-b07-btn--ghost:active,.tn-b07 .tn-b07-bar-zalo:active{transform:scale(.97)}
.tn-b07 .tn-b07-btn--ghost:hover::before,.tn-b07 .tn-b07-bar-zalo:hover::before,.tn-b07 .tn-b07-btn--ghost:focus-visible::before,.tn-b07 .tn-b07-bar-zalo:focus-visible::before,.tn-b07 .tn-b07-btn--ghost:active::before,.tn-b07 .tn-b07-bar-zalo:active::before{transform:scaleX(1)}
.tn-b07 .tn-b07-btn--ghost:hover svg,.tn-b07 .tn-b07-bar-zalo:hover svg,.tn-b07 .tn-b07-btn--ghost:focus-visible svg,.tn-b07 .tn-b07-bar-zalo:focus-visible svg{color:#FFFFFF;animation:b07ZaloPop .6s cubic-bezier(.3,1.6,.5,1)}
@keyframes b07ZaloPop{0%{transform:scale(1)}40%{transform:scale(1.3) rotate(-8deg)}100%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){
  .tn-b07 .tn-b07-btn--ghost,.tn-b07 .tn-b07-bar-zalo,.tn-b07 .tn-b07-btn--ghost::before,.tn-b07 .tn-b07-bar-zalo::before{transition:none}
  .tn-b07 .tn-b07-btn--ghost:hover,.tn-b07 .tn-b07-bar-zalo:hover,.tn-b07 .tn-b07-btn--ghost:focus-visible,.tn-b07 .tn-b07-bar-zalo:focus-visible,.tn-b07 .tn-b07-btn--ghost:active,.tn-b07 .tn-b07-bar-zalo:active{transform:none}
  .tn-b07 .tn-b07-btn--ghost:hover svg,.tn-b07 .tn-b07-bar-zalo:hover svg,.tn-b07 .tn-b07-btn--ghost:focus-visible svg,.tn-b07 .tn-b07-bar-zalo:focus-visible svg{animation:none}
}
/* Tắt thanh gọi nhanh trong Tùy biến */
.tn-b07.tn-b07--nobar{padding-bottom:0}