/* ==================================================================== */
/*  TVX INDEX CSS (trang chu)  —  PHIEN BAN: v4  (Giai doan 4 - hoan tat)          */
/*  Prefix RIENG .tvi-* — KHONG dung chung voi .tvx-* cua site         */
/*  Marker: TVICSS_V6_FOOT10                                               */
/* ==================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
.tvi-root{--ink:#17150f;--mut:#635f56;--fnt:#9c988e;--ln:#eae6dd;--ln2:#f0ece2;--pp:#faf8f2;--br:#ffde06;--brh:#ffe64d;--oc:#e9c900;--tl:#0e6b73;--tls:#e5f2f2;--gr:#15803d;--grs:#e7f6ec;--dk:#151310;font-family:"Be Vietnam Pro",system-ui,Arial,sans-serif;color:var(--ink);line-height:1.55;background:#fff}
.tvi-root *{box-sizing:border-box}
.tvi-root a{text-decoration:none;color:inherit}
.tvi-root h1,.tvi-root h2,.tvi-root h3{letter-spacing:-.015em;margin:0}
.tvi-num,.tvi-n,.tvi-ngm-v,.tvi-ngm-c{font-family:"Space Grotesk","Be Vietnam Pro",sans-serif;font-variant-numeric:tabular-nums}
.tvi-wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.tvi-eb{font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--tl)}
.tvi-sec{padding:44px 0;border-top:1px solid var(--ln2)}
.tvi-alt{background:var(--pp)}
.tvi-sh{margin-bottom:20px;position:relative}
.tvi-h2{font-size:26px;font-weight:800;margin:4px 0 0}
.tvi-ss{color:var(--mut);font-size:14.5px;margin:6px 0 0;max-width:720px}
/* header */
.tvi-topbar{background:#fff;border-bottom:1px solid var(--ln);position:relative}
.tvi-topin{display:flex;align-items:center;gap:20px;height:62px}
.tvi-logo{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--ink);font-size:16px}
.tvi-logoimg{width:33px;height:33px;border-radius:7px;object-fit:contain;display:block;flex:none}
.tvi-mk{width:31px;height:31px;background:var(--dk);border-radius:7px;display:grid;place-items:center}
.tvi-mk b{color:var(--br);font-family:"Space Grotesk";font-size:17px;transform:skewX(-7deg)}
.tvi-nav{margin-left:auto;display:flex;align-items:center;gap:20px;font-size:14px;font-weight:600;color:#413c33}
  .tvi-root a.tvi-navhi{text-decoration:underline;text-decoration-color:var(--br);text-decoration-thickness:3px;text-underline-offset:5px}
.tvi-nav a:hover{color:#000}
.tvi-cta{background:var(--br);color:var(--ink)!important;padding:9px 16px;border:2px solid var(--br);border-radius:10px;font-weight:700}
.tvi-cta:hover{background:var(--oc)}
/* hero */
.tvi-hero{background:radial-gradient(60% 52% at 50% 2%,rgba(255,252,225,.55) 0%,rgba(255,252,225,0) 58%),var(--br)}
.tvi-hero .tvi-wrap{padding-top:52px;padding-bottom:60px;text-align:left}
.tvi-tag{display:inline-block;background:var(--dk);color:var(--br);font-weight:800;letter-spacing:.08em;font-size:15px;padding:5px 15px;border-radius:7px;transform:skewX(-6deg)}
.tvi-tag span{display:inline-block;transform:skewX(6deg)}
.tvi-h1{font-size:39px;line-height:1.08;font-weight:800;color:var(--ink);margin:18px 0 12px; padding-top:10px; padding-bottom:8px; max-width:820px}
.tvi-sub{color:#413c33;font-size:16px;font-weight:500;margin:0 0 44px;max-width:640px}
/* search (bọc form gốc, style lại v6) */
.tvi-searchwrap{max-width:920px;margin:0}
.tvi-root .div_form_input{display:flex!important;align-items:stretch;background:#fff!important;border:1.5px solid var(--ink)!important;border-radius:16px!important;box-shadow:0 12px 34px -22px rgba(0,0,0,.4);width:100%!important;float:none!important;height:auto!important;padding:0!important}
.tvi-root .nut_what,.tvi-root .nut_where{flex:1 1 0!important;width:auto!important;float:none!important;display:flex!important;align-items:center;gap:14px;line-height:1.2;padding:16px 18px!important;background:#fff!important;min-width:0}
.tvi-root .nut_where{border-left:1px solid var(--ln)!important;background-image:none!important}
.tvi-root .nut_what{border-radius:15px 0 0 15px;flex:1.7 1 0!important}
.tvi-root .nut_what p,.tvi-root .nut_where p{margin:0!important;padding:0!important;width:100%;line-height:1.2}
.tvi-root .nut_what_input,.tvi-root .nut_where_input{width:100%!important;border:none!important;outline:none;background:transparent!important;color:var(--ink)!important;font-size:16px!important;line-height:1.2!important;height:auto!important;padding:0!important;margin:0!important}
.tvi-root .nut_find{flex:none!important;width:auto!important;float:none!important;padding:0!important}
.tvi-root .nuttimkiem{background:var(--dk)!important;color:var(--br)!important;border:none!important;width:76px!important;height:100%!important;border-radius:0 15px 15px 0!important;cursor:pointer}
.tvi-root .nuttimkiem i{color:var(--br)!important}
.tvi-root .div_form_input .nut_what .nut-ic,.tvi-root .div_form_input .nut_where .nut-ic{position:absolute!important;left:12px!important;top:50%!important;transform:translateY(-50%)!important;width:20px!important;height:20px!important;margin:0!important;flex:none;pointer-events:none;z-index:3;display:block!important}
.tvi-root .div_form_input .nut_what_input,.tvi-root .div_form_input .nut_where_input{padding-left:26px!important;background-image:none!important;text-indent:0!important}
#auto,#auto1{margin:0!important;padding:0!important}
#searchField,#searchField1{padding-left:26px!important;text-indent:0!important;background-image:none!important;margin-left:0!important;text-align:left!important}
.tvi-root .xoakey_what,.tvi-root .xoakey_where{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--fnt);cursor:pointer;display:none}
.tvi-root .timcongty{margin:12px 0 0!important;float:none!important;justify-content:flex-start!important;align-items:center;gap:8px}
.tvi-root #timcty{display:none}
.tvi-root .timcongty_check{float:none!important;width:auto!important}
.tvi-root .timcongty_text{float:none!important;width:auto!important}
.tvi-root .timcongty_text p{margin:0!important;font-size:13px!important;color:#4a4534!important}
.tvi-chips{margin-top:32px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-start}
.tvi-cl{font-size:13px;color:#5a5238;font-weight:700}
.tvi-chip{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:999px;padding:6px 13px;font-size:13px;color:var(--ink)}
.tvi-chip:hover{background:var(--dk);color:#fff}
.tvi-dual{margin-top:24px;padding-top:20px;border-top:1px dashed rgba(0,0,0,.18);display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.tvi-dq{font-size:15px;font-weight:700;color:var(--ink)}
.tvi-dq small{display:block;font-weight:500;color:#5a5238;font-size:13px;margin-top:1px}
.tvi-dcta{margin-left:auto;background:transparent;color:var(--ink)!important;border:1.5px solid rgba(0,0,0,.82);border-radius:10px;padding:10px 18px;font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:8px}
.tvi-dcta:hover{background:var(--ink);color:#fff!important;border-color:var(--ink)}
/* trust */
.tvi-trust{background:var(--pp);border-top:1px solid var(--ln);border-bottom:1px solid var(--ln)}
.tvi-trustin{display:flex;flex-wrap:wrap;gap:14px 44px;align-items:flex-end;padding:22px 20px}
.tvi-t{display:flex;flex-direction:column}
.tvi-n{font-weight:700;font-size:30px;line-height:1;color:var(--ink)}
.tvi-n:after{content:"";display:block;height:4px;width:28px;background:var(--br);border-radius:2px;margin-top:8px}
.tvi-tl{font-size:13px;color:var(--mut);margin-top:9px;font-weight:500}
.tvi-since{margin-left:auto;align-self:center;font-size:12.5px;color:var(--fnt);max-width:320px;text-align:right;text-wrap:balance}
/* niên giám cards */
.tvi-ngm-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}
.tvi-ngm-card{background:#fff;border:1px solid var(--ln);border-radius:14px;padding:18px 18px 10px;display:flex;flex-direction:column;transition:.15s}
.tvi-ngm-card:hover{border-color:var(--ink);box-shadow:0 16px 36px -24px rgba(0,0,0,.5);transform:translateY(-2px)}
.tvi-ngm-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--ln2);color:var(--ink)}
.tvi-ngm-head h3{font-size:16.5px;font-weight:700}
.tvi-ngm-head .tvi-ngm-ar{color:var(--fnt);font-size:15px;flex:none}
.tvi-ngm-big{margin-top:9px;display:flex;flex-direction:column}
.tvi-ngm-big .tvi-ngm-v{font-weight:700;font-size:27px;line-height:1;color:var(--ink)}
.tvi-ngm-big .tvi-ngm-v:after{content:"";display:block;height:3px;width:34px;background:var(--br);border-radius:2px;margin-top:8px}
.tvi-ngm-big .tvi-ngm-u{font-size:12px;color:var(--mut);margin-top:8px}
.tvi-ngm-subs{list-style:none;margin:12px 0 6px;padding:0}
.tvi-ngm-subs li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 0;border-bottom:1px dashed var(--ln2);font-size:13.5px}
.tvi-ngm-subs li:last-child{border-bottom:none}
.tvi-ngm-subs li a{color:#33302a}
.tvi-ngm-subs li a:hover{color:#000;text-decoration:underline}
.tvi-ngm-subs .tvi-ngm-c{font-weight:600;font-size:12.5px;color:var(--mut);background:var(--pp);border:1px solid var(--ln2);border-radius:6px;padding:1px 7px;flex:none}
.tvi-ngm-more{margin-top:auto;padding:12px 0 6px;font-size:13px;font-weight:700;color:var(--tl);display:block}
.tvi-ngm-more span{border-bottom:2.5px solid var(--br);padding-bottom:2px;color:var(--ink)}
.tvi-ngm-all{margin-top:26px;border-top:1px dashed var(--ln);padding-top:20px}
.tvi-ngm-allsum{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:9px;font-size:15px;font-weight:800;color:var(--ink);user-select:none}
.tvi-ngm-allsum::-webkit-details-marker{display:none}
.tvi-ngm-allsum span{border-bottom:3px solid var(--br);padding-bottom:3px}
.tvi-ngm-allsum::after{content:"";width:8px;height:8px;border-right:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);transform:rotate(45deg);margin-top:-4px;transition:transform .15s}
.tvi-ngm-all[open] .tvi-ngm-allsum::after{transform:rotate(-135deg);margin-top:2px}
.tvi-ngm-alllist{display:grid;grid-template-columns:repeat(4,1fr);gap:6px 16px;margin-top:18px}
.tvi-ngm-alli{font-size:13.5px;color:#413c33;padding:8px 11px;border-radius:9px;border:1px solid transparent;transition:.12s;line-height:1.3}
.tvi-ngm-alli:hover{background:#fff;border-color:var(--ln);color:var(--ink)}
/* province */
.tvi-provs{display:flex;flex-wrap:wrap;gap:9px}
.tvi-prov{border:1px solid var(--ln);border-radius:11px;padding:11px 16px;background:#fff;font-weight:600;font-size:14px}
.tvi-prov:hover{border-color:var(--ink)}
.tvi-prov.more{border-style:dashed;color:var(--tl)}
/* A-Z */
.tvi-azrow{display:flex;flex-wrap:wrap;gap:7px}
.tvi-az{width:38px;height:38px;display:grid;place-items:center;background:#fff;border:1px solid var(--ln);border-radius:9px;font-family:"Space Grotesk";font-weight:600;font-size:15px;color:var(--ink)}
.tvi-az:hover{background:var(--br);border-color:var(--oc)}
.tvi-ngm-h2row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:4px;position:relative}
.tvi-ngm-h2row .tvi-h2{margin:0}
.tvi-ngm-help{display:inline-flex}
.tvi-ngm-help-q{cursor:pointer;list-style:none;width:23px;height:23px;border-radius:50%;border:2px solid var(--tl);color:var(--tl);font-weight:800;font-size:13px;line-height:1;display:inline-flex;align-items:center;justify-content:center;user-select:none}
.tvi-ngm-help-q::-webkit-details-marker{display:none}
.tvi-ngm-help[open] .tvi-ngm-help-q{background:var(--tl);color:#fff}
.tvi-ngm-help-box{position:absolute;left:0;top:100%;margin-top:8px;z-index:30;width:min(440px,100%);background:#fff;border:1px solid var(--ln);border-radius:12px;box-shadow:0 22px 55px -26px rgba(0,0,0,.55);padding:15px 17px;font-size:13.5px;line-height:1.65;color:#413c33;font-weight:500}
.tvi-ngm-help-box b{color:var(--ink);font-weight:700}
/* FAQ */
.tvi-faq{background:#fff;border:1px solid var(--ln);border-radius:14px;overflow:hidden;max-width:860px}
.tvi-faq details{border-top:1px solid var(--ln2);padding:15px 20px}
.tvi-faq details:first-child{border-top:none}
.tvi-faq summary{cursor:pointer;font-weight:600;color:var(--ink)}
.tvi-faq p{margin:12px 0 0;color:var(--mut);font-size:14px;line-height:1.65}
/* business zone */
.tvi-found{background:var(--pp);border-top:1px solid var(--ln2);padding:46px 0}
.tvi-acts{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}
.tvi-act{flex:1 1 260px;background:#fff;border:1px solid var(--ln);border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;color:var(--ink)}
.tvi-act:hover{border-color:var(--ink)}
.tvi-ai{width:34px;height:34px;border-radius:8px;background:var(--br);color:var(--ink);display:grid;place-items:center;font-weight:700;flex:none}
.tvi-act b{font-size:14.5px;display:block}
.tvi-act small{color:var(--mut);font-size:12.5px}
.tvi-foundcta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;justify-content:space-between;background:var(--br);border-radius:13px;padding:20px 24px}
.tvi-foundcta b{color:var(--ink);font-size:16.5px}
.tvi-foundcta p{margin:3px 0 0;color:#4a4534;font-size:13px;font-weight:500}
.tvi-fbtn{background:var(--dk);color:#fff!important;border-radius:11px;padding:12px 22px;font-weight:700;white-space:nowrap}
.bz-em{font-style:normal;color:var(--oc)}
.bz-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:22px 0 28px}
.bz-card{display:flex;gap:18px;align-items:flex-start;background:#fff;border:1px solid var(--ln);border-radius:16px;padding:22px 24px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.bz-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px -22px rgba(0,0,0,.35);border-color:#dcd7cb}
.bz-card.is-trust{border-color:#86efac;background:linear-gradient(180deg,#fbfefc,#fff)}
.bz-ic{width:52px;height:52px;border-radius:13px;background:var(--dk);display:grid;place-items:center;flex:0 0 auto}
.bz-ic svg{width:26px;height:26px;stroke:var(--br);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bz-ic--trust{background:var(--grs)}
.bz-ic--trust svg{stroke:var(--gr)}
.bz-body{flex:1;min-width:0;display:flex;flex-direction:column}
.bz-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}
.bz-hd h3{font-size:17px;font-weight:800;color:var(--ink)}
.bz-tag{font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:999px;white-space:nowrap;background:#f1eee7;color:var(--mut)}
.bz-tag.free{background:#eef7ee;color:var(--gr)}
.bz-tag.paid{background:var(--dk);color:var(--br)}
.bz-tag.bonus{background:#fff5cc;color:#8a6d00}
.bz-badge{display:inline-flex;align-items:center;gap:.34em;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:999px;color:var(--gr);background:var(--grs);border:1px solid #86efac;white-space:nowrap}
.bz-badge svg{width:13px;height:13px;stroke:var(--gr);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.bz-why{font-size:14px;color:#413c33;font-weight:500;margin:0 0 13px}
.bz-pts{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:8px}
.bz-pts li{position:relative;padding-left:19px;font-size:13px;color:var(--mut);line-height:1.5}
.bz-pts li::before{content:"";position:absolute;left:0;top:7px;width:7px;height:7px;border-radius:2px;background:var(--br)}
.is-trust .bz-pts li::before{background:var(--gr)}
.bz-link{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--ink);border-top:1px solid var(--ln2);padding-top:13px}
.bz-link:hover{color:#000}
.bz-link .ar{transition:transform .15s ease}
.bz-link:hover .ar{transform:translateX(3px)}
.is-trust .bz-link{color:var(--gr)}
@media(max-width:820px){.bz-grid{grid-template-columns:1fr}}
.tvi-fbtn:hover{background:#000}
/* footer */
.tvi-foot{background:var(--br);position:relative}
.tvi-foot .tvi-wrap{padding:26px 20px}
/* Footer 10 muc. .tvi-wrap = 1180px - 40 padding = 1140px long.
   133 ky tu + 9 dau cham. Tu 1200px ep 1 dong: 12px + gap 6px -> can ~1070px, du 70px.
   Duoi 1200px cho xuong dong (ep 1 dong o do phai ha ~10px, khong doc duoc).
   Duoi 575.98px giu nguyen dang cot doc o khoi @media ben duoi. */
.tvi-flinks{display:flex;flex-wrap:wrap;gap:6px 10px;margin-bottom:14px;font-size:14px;font-weight:600;color:var(--ink)}
@media(min-width:1200px){.tvi-flinks{flex-wrap:nowrap;white-space:nowrap;gap:0 6px;font-size:12px}}
.tvi-flinks a:hover{color:#000}
.tvi-legal{color:#4a4534;font-size:12.5px;line-height:1.75}
.tvi-legal b{color:var(--ink)}
@media(max-width:991px){
 .tvi-nav a{display:none}
 .tvi-hm{display:block}
  .tvi-logo{font-size:14px;white-space:nowrap}
 .tvi-logoimg{width:28px;height:28px}
 .tvi-h1{font-size:32px;margin:18px 0 12px}
 .tvi-ngm-alllist{grid-template-columns:repeat(3,1fr)}
 .tvi-hero .tvi-wrap{padding-top:28px;padding-bottom:32px}
 .tvi-since{margin-left:0;text-align:left;flex-basis:100%}
 .tvi-root .div_form_input{flex-direction:column;background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important;gap:12px;padding:0!important}
 .tvi-root .nut_what,.tvi-root .nut_where{flex:1 1 auto!important;width:100%!important;min-width:0;background:#fff!important;border:1.5px solid var(--ink)!important;border-radius:14px!important;padding:14px 16px!important;box-shadow:0 10px 26px -18px rgba(90,70,0,.5)}
 .tvi-root .nut_what_input,.tvi-root .nut_where_input{font-size:16px!important}
 .tvi-root .nut_find{flex:1 1 auto!important;width:100%!important}
 .tvi-root .nuttimkiem{width:100%!important;height:52px!important;border:none!important;border-radius:14px!important;background:var(--dk)!important;color:var(--br)!important}
}



/* ===== TOP-BAR HOTLINE ===== */
.tvi-hotbar{background:var(--dk);color:#d9d5cb;font-size:13px}
.tvi-hotin{display:flex;align-items:center;justify-content:space-between;min-height:38px;gap:16px;flex-wrap:wrap}
.tvi-hot-left{color:#b8b3a8}
.tvi-hot-right{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.tvi-hotbar a{color:#e8e4da;font-weight:500}
.tvi-hotbar a:hover{color:#fff}
.tvi-hotbar svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;flex:0 0 auto}
.tvi-hot-i{display:inline-flex;align-items:center;gap:7px}
.tvi-hot-hl{display:inline-flex;align-items:center;gap:7px;font-weight:700}
.tvi-hot-hl a{color:#e8e4da}
.tvi-hot-hl b{color:var(--br);font-weight:800;letter-spacing:.2px}
.tvi-hot-hl a:hover b{color:var(--brh)}
.tvi-hot-dot{color:#5a5348;padding:0 2px}
.tvi-hot-sep{width:1px;height:14px;background:#3a352c}
/* ===== FLOATING CONTACT + GOTOP ===== */
.fstack{position:fixed;right:22px;bottom:22px;z-index:900;display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.fab-channels{display:flex;flex-direction:column;align-items:flex-end;gap:10px;opacity:0;transform:translateY(10px) scale(.96);pointer-events:none;transition:opacity .18s ease,transform .18s ease}
.fstack.open .fab-channels{opacity:1;transform:none;pointer-events:auto}
.chan{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--ln);border-radius:999px;padding:8px 8px 8px 16px;box-shadow:0 10px 26px -14px rgba(0,0,0,.45);font-weight:700;font-size:13.5px;color:var(--ink);white-space:nowrap;transition:transform .12s ease,box-shadow .12s ease}
.chan:hover{transform:translateX(-2px);box-shadow:0 14px 30px -14px rgba(0,0,0,.5)}
.chan small{display:block;font-weight:500;font-size:11px;color:var(--mut);margin-top:1px}
.chan .ic{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;order:2}
.chan .ic svg{width:19px;height:19px;stroke:#fff;fill:none;stroke-width:2}
.chan.call .ic{background:#16a34a}
.chan.zalo .ic{background:#0068ff}
.chan.mail .ic{background:#4b4640}
.chan .tx{text-align:right}
.fab-wrap{position:relative}
.fab{position:relative;width:60px;height:60px;border:0;border-radius:50%;cursor:pointer;background:var(--br);box-shadow:0 12px 28px -10px rgba(160,120,0,.65);display:grid;place-items:center;transition:transform .15s ease,box-shadow .15s ease}
.fab:hover{transform:translateY(-2px);box-shadow:0 16px 34px -10px rgba(160,120,0,.7)}
.fab svg{width:26px;height:26px;stroke:var(--dk);fill:none;stroke-width:2;transition:opacity .15s,transform .2s}
.fab .ic-close{position:absolute;opacity:0;transform:rotate(-45deg)}
.fstack.open .fab .ic-open{opacity:0;transform:rotate(45deg)}
.fstack.open .fab .ic-close{opacity:1;transform:rotate(0)}
.fab::before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--br);animation:tvxpulse 2s ease-out infinite}
.fstack.open .fab::before{animation:none;opacity:0}
@keyframes tvxpulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.6);opacity:0}}
.fab-label{position:absolute;right:70px;top:50%;transform:translateY(-50%);background:var(--dk);color:#fff;font-size:12px;font-weight:600;padding:5px 10px;border-radius:7px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s}
.fab-wrap:hover .fab-label{opacity:1}
.fstack.open .fab-label{display:none}
.gotop{width:46px;height:46px;margin-right:7px;border:0;border-radius:50%;cursor:pointer;background:var(--dk);display:grid;place-items:center;box-shadow:0 10px 24px -10px rgba(0,0,0,.55);opacity:0;transform:translateY(12px) scale(.9);pointer-events:none;transition:opacity .2s ease,transform .2s ease,background .15s}
.gotop.show{opacity:1;transform:none;pointer-events:auto}
.gotop:hover{background:#000;transform:translateY(-2px)}
.gotop svg{width:20px;height:20px;stroke:var(--br);fill:none;stroke-width:2.4}
/* ===== checkbox "chi tim theo ten cong ty" - can bang ===== */
.timcongty_check{float:none!important;width:auto!important;display:flex;align-items:center}
.timcongty input[type="checkbox"]{width:16px;height:16px;accent-color:var(--dk);margin:0;cursor:pointer}
/* ===== responsive ===== */
@media(max-width:767px){
.tvi-hotbar{display:none}
.fstack{right:14px;bottom:14px}
.fab{width:54px;height:54px}
.gotop{width:42px;height:42px;margin-right:6px}
.tvi-ngm-wrap{grid-template-columns:1fr 1fr}
 .tvi-ngm-alllist{grid-template-columns:repeat(2,1fr)}
}

/* ===== base: body background (stylesheet cu da go) ===== */
.page_bg{background:#f4f4f4}
/* ============================ GIAI ĐOẠN 3 ============================ */

/* --- Footer legal: nhãn không đậm (như listings) --- */
.tvi-legal .lk{font-weight:600;color:#3a352c}

/* --- Footer mobile: link dọc + legal căn trái gọn --- */
@media(max-width:575.98px){
  .tvi-foot .tvi-flinks{gap:0;margin-bottom:16px;flex-direction:column;align-items:flex-start}
  .tvi-foot .tvi-flinks a{padding:11px 2px;width:100%;border-bottom:1px solid rgba(20,24,31,.10);font-size:14px}
  .tvi-foot .tvi-flinks a:last-of-type{border-bottom:0}
  .tvi-foot .tvi-flinks span{display:none}
  .tvi-legal{font-size:12px;line-height:1.7;text-align:left;margin-top:4px}
  .tvi-legal .lk{display:block;margin-top:9px}
.tvi-ngm-wrap{grid-template-columns:1fr}
 .tvi-ngm-alllist{grid-template-columns:1fr}
 .tvi-dcta{margin-left:0}
 .tvi-h1{font-size:26px}
}

/* --- Menu overlay .tvi-hm-* (đồng bộ categories) --- */
.tvi-hm{display:none;position:relative;margin-left:auto;z-index:2}
.tvi-hm-btn{background:transparent;border:1px solid rgba(21,19,16,.30);border-radius:8px;width:40px;height:38px;display:inline-flex;align-items:center;justify-content:center;font-size:17px;color:#151310;cursor:pointer;line-height:1}
.tvi-hm-menu{display:none;position:absolute;right:0;top:calc(100% + 8px);width:280px;background:#fff;border:1px solid var(--ln);border-radius:13px;box-shadow:0 20px 46px -18px rgba(20,20,10,.4);overflow:hidden;z-index:60}
.tvi-hm-head{display:flex;align-items:center;gap:11px;padding:13px 14px;border-bottom:1px solid var(--ln2);background:linear-gradient(180deg,var(--tls),#fff)}
.tvi-hm-head .lg{width:34px;height:34px;border-radius:9px;background:#151310;display:grid;place-items:center;flex:0 0 auto}
.tvi-hm-head .lg i{color:var(--br);font-size:16px}
.tvi-hm-head .nm{flex:1;min-width:0}
.tvi-hm-head .nm b{font-size:14px;font-weight:800;display:block;line-height:1.2;color:var(--ink)}
.tvi-hm-head .nm small{font-size:11px;color:var(--mut)}
.tvi-hm-x{width:30px;height:30px;border-radius:8px;border:0;background:#fff;color:var(--mut);display:grid;place-items:center;cursor:pointer;flex:0 0 auto;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.tvi-hm-in{padding:6px}
.tvi-hm-sec{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--tl);padding:11px 10px 5px}
.tvi-hm-it{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:9px;text-decoration:none;color:var(--ink);font-size:13.5px;font-weight:500}
.tvi-hm-it .ic{width:28px;height:28px;border-radius:8px;background:var(--tls);color:var(--oc);display:grid;place-items:center;font-size:13px;flex:0 0 auto}
.tvi-hm-it .lb{flex:1;min-width:0}
.tvi-hm-it .ar{color:var(--fnt);font-size:11px}
.tvi-hm-it.hl{background:var(--grs)}
.tvi-hm-foot{border-top:1px solid var(--ln2);padding:10px 12px;margin-top:4px}
.tvi-hm-reg{display:block;background:#151310;border-radius:12px;padding:14px 15px;text-decoration:none;margin:2px 0}
.tvi-hm-reg .t{display:flex;align-items:center;gap:9px;color:var(--br)!important;font-weight:800;font-size:13.5px;line-height:1.3}
.tvi-hm-reg .num{display:block;margin-top:8px;padding-left:26px;font-family:"Space Grotesk",ui-monospace,monospace;font-size:19px;font-weight:800;color:#fff;letter-spacing:.5px}
.tvi-hm-reg .d{color:#a49f95;font-size:11.5px;margin-top:8px;line-height:1.55;padding-left:26px}
.tvi-hm-reg .z{display:inline-flex;align-items:center;gap:6px;margin-top:10px;margin-left:26px;padding:5px 11px;background:rgba(0,104,255,.12);border:1px solid rgba(0,104,255,.3);border-radius:8px;font-size:12px;color:#7fb3ff;font-weight:700}

/* --- FIX cascade: đảm bảo menu mobile hiện (đặt cuối để thắng thứ tự) --- */
@media(max-width:991px){
  .tvi-hm{display:block}
  .tvi-nav a{display:none}
  .tvi-nav .tvi-cta{display:none}
}

/* ==================== THANG NHỊP MOBILE (tối ưu hiển thị) ==================== */
@media(max-width:575.98px){
  .tvi-wrap{padding-left:18px;padding-right:18px}
  .tvi-sec{padding:36px 0}
  .tvi-found{padding:36px 0}
  .tvi-h1{font-size:25px;line-height:1.18;margin:16px 0 10px;padding:0}
  .tvi-tag{font-size:13px;padding:4px 12px}
  .tvi-hero .tvi-wrap{padding-top:24px;padding-bottom:34px}
  .tvi-sh{margin-bottom:16px}
  .tvi-trustin{padding:20px 18px;gap:12px 28px}
  .bz-ic{display:none}
  .bz-card{gap:0;padding:20px 20px}
}