/*
 * HỒ SƠ DOANH NGHIỆP PHÂN PHỐI (công ty vật tư / chuỗi) — trang RIÊNG, không dùng khung .lh/.ls của labo.
 * Bản sắc: TÍM (--violet). Hình khối: thẻ phẳng viền mảnh, bảng/danh sách dày thông tin (B2B), đầu trang kiểu "hồ sơ doanh nghiệp",
 * dải chỉ số kẻ dọc, danh mục có lọc + "Danh sách báo giá" nhiều dòng (giỏ B2B). Hình minh hoạ: line-art SVG nét đơn.
 * Thang chữ theo p-type.css (h1 --t-display · h2 17/700 · tên mục 16/700 · thân 14 · chú thích 12 · nhỏ nhất 11). Không hiện thanh cuộn.
 */
.vtp,.vt-nav,.vt-bar{--vt:var(--violet);--vt-s:var(--violet-s);--vt-d:#5136b3;--vt-x:#2a1e63;--vt-b:#d4cbf3}
.vtp .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---- đầu trang hồ sơ doanh nghiệp ---- */
.vt-own{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0;padding:8px 12px;border-radius:var(--r);background:var(--vt-s);border:1px solid var(--vt-b);font-size:13px;color:var(--vt-x)}
.vt-own a{font-weight:700;color:var(--vt-d);margin-left:auto}
.vt-id{position:relative;overflow:hidden;display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:6px 20px;align-items:start;margin-top:10px;padding:20px 22px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--vt);border-radius:var(--r);box-shadow:var(--sh-1)}
.vt-logo{width:96px;height:96px;border-radius:6px;background:var(--vt-s);color:var(--vt);border:1px solid var(--vt-b);display:grid;place-items:center;overflow:hidden;font-size:28px;font-weight:800;letter-spacing:-1px}
.vt-logo img{width:100%;height:100%;object-fit:contain;background:#fff}
.vt-id-m{min-width:0;position:relative;z-index:1}
.vt-eb{display:flex;gap:6px;align-items:center;font-size:var(--t-micro);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--vt-d)}
.vt-id h1{margin:4px 0 0;font-size:var(--t-display);font-weight:800;letter-spacing:-.9px;line-height:1.16}
.vt-id h1 .bdg{vertical-align:middle;margin-left:6px}
.vt-id h1>.ph-seal-check{color:var(--mint);font-size:.8em;vertical-align:middle;margin-left:6px}
.vt-legal{margin-top:2px;font-size:13px;color:var(--ink-3)}
.vt-chips{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0;list-style:none}
.vt-chips li{display:inline-flex;gap:5px;align-items:center;min-height:26px;padding:3px 9px;border:1px solid var(--line);border-radius:3px;background:var(--bg-2);font-size:12px;color:var(--ink-2)}
.vt-chips li i{color:var(--ink-4);font-size:14px}
.vt-chips li b{font-weight:700;color:var(--ink)}
.vt-chips li.ok{background:var(--mint-s);border-color:#bfe6da;color:var(--mint-d)}
.vt-chips li.ok i{color:var(--mint)}
.vt-chips li.open{color:var(--mint-d)}
.vt-addr{display:flex;gap:6px;align-items:flex-start;margin-top:10px;font-size:13px;color:var(--ink-2)}
.vt-addr i{color:var(--rose);margin-top:3px;flex:none}
.vt-addr small{color:var(--ink-3)}
.vt-act{display:flex;flex-direction:column;gap:8px;align-items:stretch;min-width:210px;position:relative;z-index:1;align-self:start}
.vt-cta{display:flex;gap:8px;align-items:center;justify-content:center;height:44px;padding:0 18px;border-radius:var(--r-s);background:var(--vt);color:#fff;font-weight:700;font-size:15px;box-shadow:0 6px 14px -8px rgba(81,54,179,.7)}
.vt-cta:hover{background:var(--vt-d)}
.vt-act2{display:flex;gap:6px;justify-content:flex-end}
.vt-art{position:absolute;right:22px;bottom:10px;width:200px;height:auto;color:var(--vt-b);opacity:.9;pointer-events:none}
.vt-kpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:10px 0 0;padding:0;background:#fff;border:1px solid var(--line);border-radius:var(--r)}
.vt-kpi>div{padding:14px 18px;border-left:1px solid var(--line)}
.vt-kpi>div:first-child{border-left:0}
.vt-kpi dd{margin:0;font-size:28px;font-weight:800;letter-spacing:-.8px;line-height:1.1;color:var(--vt-d);font-variant-numeric:tabular-nums}
.vt-kpi dt{margin-top:4px;font-size:12px;color:var(--ink-3)}

/* ---- thanh neo ---- */
.vt-nav{position:sticky;top:102px;z-index:10;margin-top:12px;background:rgba(245,247,249,.95);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}
.vt-nav .in{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.vt-nav .in::-webkit-scrollbar{display:none}
.vt-nav a{display:flex;align-items:center;gap:6px;padding:11px 12px;font-size:13px;font-weight:600;color:var(--ink-2);white-space:nowrap;position:relative}
.vt-nav a i{font-size:16px;color:var(--vt)}
.vt-nav a .n{font-size:11px;background:var(--vt-s);color:var(--vt-d);border-radius:3px;padding:0 5px;font-weight:700}
.vt-nav a.on{color:var(--ink)}
.vt-nav a.on::after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2.5px;background:var(--vt);border-radius:2px 2px 0 0}

/* ---- bố cục chính + danh sách báo giá ---- */
.vt-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start;margin-top:14px;padding-bottom:30px}
.vt-main{min-width:0;display:flex;flex-direction:column;gap:14px}
.vt-side{position:sticky;top:152px;display:flex;flex-direction:column;gap:12px;min-width:0}
.vt-sec{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;scroll-margin-top:150px}
.vt-sec>h2{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 12px;font-size:var(--t-h2);font-weight:700;letter-spacing:-.3px}
.vt-sec>h2 .ic{width:30px;height:30px;border-radius:6px;background:var(--vt-s);color:var(--vt);display:grid;place-items:center;font-size:17px;flex:none}
.vt-sec>h2 small{margin-left:auto;font-size:12px;font-weight:400;color:var(--ink-3)}
.vt-h3{display:flex;gap:7px;align-items:center;margin:20px 0 10px;font-size:var(--t-title);font-weight:700;letter-spacing:-.25px}
.vt-h3 i{color:var(--vt)}
.vt-blank{display:flex;gap:12px;align-items:center;padding:16px;border:1px dashed var(--vt-b);border-radius:var(--r);background:var(--vt-s)}
.vt-blank>i{font-size:28px;color:var(--vt)}
.vt-blank b{display:block;font-size:var(--t-title);font-weight:700}
.vt-blank span{display:block;margin-top:2px;font-size:13px;color:var(--ink-2)}

/* tổng quan */
.vt-about{font-size:var(--t-body);line-height:1.7;color:var(--ink-2)}
.vt-about p{margin:0 0 10px}
.vt-about h3{margin:14px 0 6px;font-size:var(--t-title);font-weight:700;color:var(--ink)}
.vt-about ul{padding-left:18px}
.vt-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:14px 0 0;padding:0;list-style:none}
.vt-facts li{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg-2)}
.vt-facts li>i{font-size:20px;color:var(--vt)}
.vt-facts small{display:block;font-size:12px;color:var(--ink-3)}
.vt-facts b{font-size:14px;font-weight:700}
.vt-strip{margin-top:16px;padding-top:14px;border-top:1px dashed var(--line)}
.vt-strip-h{display:flex;gap:10px;align-items:baseline;margin-bottom:8px}
.vt-strip-h b{font-size:var(--t-title);font-weight:700}
.vt-strip-h small{color:var(--ink-3)}
.vt-strip-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.vt-strip-g button{position:relative;display:block;padding:0;border:0;border-radius:var(--r);overflow:hidden;background:var(--bg-3);cursor:zoom-in;aspect-ratio:16/10}
.vt-strip-g img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}
.vt-strip-g button:hover img{transform:scale(1.04)}
.vt-strip-g span{position:absolute;left:0;right:0;bottom:0;padding:16px 8px 6px;background:linear-gradient(transparent,rgba(20,33,61,.78));color:#fff;font-size:11px;line-height:1.3;text-align:left}

/* danh mục: nhóm hàng */
.vt-cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.vt-cat{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:12px;border:1px solid var(--line);border-radius:var(--r);background:#fff;text-align:left;cursor:pointer;font:inherit;color:inherit;transition:border-color .15s,box-shadow .15s,background .15s}
.vt-cat:hover{border-color:var(--vt-b);box-shadow:var(--sh-1)}
.vt-cat[aria-pressed=true]{border-color:var(--vt);background:var(--vt-s);box-shadow:inset 0 0 0 1px var(--vt)}
.vt-cat .ic{width:34px;height:34px;border-radius:6px;background:var(--vt-s);color:var(--vt);display:grid;place-items:center;font-size:19px;margin-bottom:4px}
.vt-cat[aria-pressed=true] .ic{background:var(--vt);color:#fff}
.vt-cat b{font-size:14px;font-weight:700;line-height:1.3}
.vt-cat small{font-size:12px;line-height:1.4;color:var(--ink-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vt-cat em{margin-top:auto;padding-top:4px;font-style:normal;font-size:11px;font-weight:700;color:var(--vt-d)}
.vt-tool{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:14px 0 8px}
.vt-s{flex:1 1 220px;display:flex;gap:8px;align-items:center;height:38px;padding:0 10px;border:1px solid var(--line);border-radius:var(--r-s);background:#fff}
.vt-s:focus-within{border-color:var(--vt);outline:2px solid var(--vt-b)}
.vt-s i{color:var(--ink-4)}
.vt-s input{flex:1;border:0;outline:0;background:transparent;font:inherit;font-size:14px;min-width:0}
.vt-sel select{height:38px;padding:0 10px;border:1px solid var(--line);border-radius:var(--r-s);background:#fff;font:inherit;font-size:14px;max-width:100%}
.vt-cnt{margin-left:auto;font-size:12px;color:var(--ink-3);font-weight:600}

/* danh mục: danh sách sản phẩm */
.vt-prod{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.vt-prod>li{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(0,1fr) minmax(0,.7fr) minmax(0,1.8fr) minmax(0,1.35fr) 84px;gap:10px;align-items:center;padding:10px 12px;border-top:1px solid var(--line);font-size:13px}
.vt-prod>li[hidden]{display:none}
.vt-prod>.vt-ph{border-top:0;background:var(--bg-2);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.vt-prod>.vt-p:nth-child(even){background:#fcfcfe}
.vt-p-n b{display:block;font-size:14px;font-weight:600;line-height:1.35}
.vt-p-n small{display:block;margin-top:1px;font-size:12px;color:var(--ink-3)}
.vt-tags{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap}
.vt-tags i{font-style:normal;font-size:11px;font-weight:700;padding:1px 6px;border-radius:3px}
.vt-tags .tg-hot{background:var(--orange-s);color:var(--orange-ink)}
.vt-tags .tg-new{background:var(--mint-s);color:var(--mint-d)}
.vt-tags .tg-sale{background:var(--rose-s);color:#b3243f}
.vt-p-pr{font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.vt-p-b,.vt-p-u{color:var(--ink-2)}
.vt-st{display:inline-flex;gap:5px;align-items:center;font-size:12px;font-weight:600;white-space:nowrap}
.vt-st i{width:7px;height:7px;border-radius:50%;background:var(--mint)}
.vt-st.st-dat{color:var(--orange-ink)} .vt-st.st-dat i{background:var(--orange)}
.vt-st.st-theo_don{color:var(--blue-d)} .vt-st.st-theo_don i{background:var(--blue)}
.vt-st.st-het{color:#b3243f} .vt-st.st-het i{background:var(--rose)}
.vt-add{display:inline-flex;gap:4px;align-items:center;justify-content:center;height:34px;border:1px solid var(--vt);border-radius:var(--r-s);background:#fff;color:var(--vt-d);font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s,color .15s}
.vt-add:hover{background:var(--vt);color:#fff}
.vt-add.done{background:var(--mint);border-color:var(--mint);color:#fff}
.vt-add:disabled{opacity:.45;cursor:not-allowed;background:var(--bg-2);color:var(--ink-3);border-color:var(--line)}
.vt-prod.none{display:none}
.vt-empty{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:14px;border:1px dashed var(--line);border-radius:var(--r);font-size:13px;color:var(--ink-2)}
.vt-empty button{border:0;background:none;color:var(--blue);font:inherit;font-weight:700;cursor:pointer;padding:0}
.vt-more{display:block;width:100%;margin-top:8px;height:40px;border:1px solid var(--vt-b);border-radius:var(--r-s);background:var(--vt-s);color:var(--vt-d);font:inherit;font-weight:700;cursor:pointer}
.vt-more:hover{background:#e6e0fa}
.vt-note{display:flex;gap:6px;margin:10px 0 0;font-size:12px;color:var(--ink-3)}
.vt-note i{color:var(--vt);margin-top:2px}

/* thương hiệu */
.vt-brands,.vt-areas{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.vt-brands>li{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr) minmax(0,2fr) minmax(0,1.3fr);gap:12px;align-items:center;padding:11px 14px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-2)}
.vt-bh,.vt-ah{border-top:0!important;background:var(--bg-2);font-size:11px!important;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)!important}
.vt-wm{display:flex;gap:10px;align-items:center}
.vt-wm i{width:32px;height:32px;border-radius:4px;background:var(--vt-x);color:#fff;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:800;letter-spacing:.5px;flex:none}
.vt-wm b{font-size:16px;font-weight:800;letter-spacing:.02em;color:var(--vt-x)}
.vt-auth{display:inline-flex;gap:4px;align-items:center;font-style:normal;font-size:12px;font-weight:700;color:var(--mint-d)}
.vt-auth i{color:var(--mint)}

/* chính sách */
.vt-terms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
.vt-terms li{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line);border-left:3px solid var(--vt);border-radius:var(--r);background:#fff}
.vt-terms li>i{font-size:22px;color:var(--vt);margin-top:1px;flex:none}
.vt-terms b{display:block;font-size:var(--t-title);font-weight:700;letter-spacing:-.2px}
.vt-terms span{display:block;margin-top:2px;font-size:13px;line-height:1.55;color:var(--ink-2)}
.vt-areas>li{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1.6fr);gap:12px;padding:10px 14px;border-top:1px solid var(--line);font-size:13px}
.vt-areas b{font-weight:700}
.vt-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:20px 0 0;padding:0;list-style:none;counter-reset:vf}
.vt-flow li{position:relative;padding:0 10px 0 0;counter-increment:vf}
.vt-flow li::before{content:counter(vf);display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--vt);color:#fff;font-size:12px;font-weight:700;margin-bottom:6px;position:relative;z-index:1}
.vt-flow li::after{content:"";position:absolute;left:28px;right:6px;top:12px;height:1px;background:var(--vt-b)}
.vt-flow li:last-child::after{display:none}
.vt-flow b{display:block;font-size:13px;font-weight:700}
.vt-flow small{display:block;font-size:12px;color:var(--ink-3);line-height:1.4}

/* pháp lý */
.vt-legal-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:13px}
.vt-legal-l li{display:flex;gap:8px;align-items:flex-start;color:var(--ink-2)}
.vt-legal-l li>i{margin-top:3px;color:var(--vt)}
.vt-legal-l a{color:var(--blue)}
.vt-certs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0 0;padding:0;list-style:none}
.vt-certs li{display:flex;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg-2)}
.vt-certs li>i{font-size:22px;color:var(--vt);flex:none}
.vt-certs b{display:block;font-size:13px;font-weight:700;line-height:1.35}
.vt-certs small{display:block;margin-top:2px;color:var(--ink-3)}

/* hệ thống & liên hệ */
.vt-br,.vt-team{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.vt-br{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.vt-br li{display:flex;gap:10px;padding:12px;border:1px solid var(--line);border-radius:var(--r)}
.vt-br .ic{width:34px;height:34px;border-radius:6px;background:var(--vt-s);color:var(--vt);display:grid;place-items:center;font-size:19px;flex:none}
.vt-br b{display:block;font-size:14px;font-weight:700;line-height:1.35}
.vt-br em{display:inline-block;margin-top:2px;font-style:normal;font-size:11px;font-weight:700;color:var(--vt-d);background:var(--vt-s);padding:1px 6px;border-radius:3px}
.vt-br small{display:flex;gap:5px;margin-top:4px;font-size:12px;color:var(--ink-3);line-height:1.4}
.vt-br small i{margin-top:2px;color:var(--ink-4)}
.vt-br a{display:inline-flex;gap:5px;align-items:center;margin-top:6px;font-size:13px;font-weight:700;color:var(--vt-d)}
.vt-team{grid-template-columns:repeat(2,minmax(0,1fr))}
.vt-team li{display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r)}
.vt-team .av{width:40px;height:40px;border-radius:50%;background:var(--vt-s);color:var(--vt-d);display:grid;place-items:center;font-size:13px;font-weight:800;flex:none}
.vt-team li>div{min-width:0;flex:1}
.vt-team b{display:block;font-size:14px;font-weight:700}
.vt-team em{display:block;font-style:normal;font-size:12px;font-weight:600;color:var(--vt-d)}
.vt-team small{display:block;font-size:12px;color:var(--ink-3);line-height:1.4}
.vt-hours{margin-top:14px;max-width:320px}
.vt-web{margin:12px 0 0;display:flex;gap:6px;align-items:center;font-size:13px}
.vt-web a{color:var(--blue);font-weight:600}

/* ---- danh sách báo giá ---- */
.vt-rfq{background:#fff;border:1px solid var(--line);border-top:3px solid var(--vt);border-radius:var(--r);box-shadow:var(--sh-2);overflow:hidden}
.vt-rfq-hd{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;background:linear-gradient(var(--vt-s),#fff)}
.vt-rfq-hd .ic{flex:none;width:34px;height:34px;border-radius:6px;background:#fff;border:1px solid var(--vt-b);color:var(--vt);display:grid;place-items:center;font-size:19px}
.vt-rfq-hd b{display:block;font-size:15px;font-weight:700;letter-spacing:-.2px}
.vt-rfq-hd small{display:block;margin-top:2px;font-size:12px;line-height:1.45;color:var(--ink-3)}
.vt-rfq-n{margin-left:auto;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--vt);color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center}
.vt-rfq-n[hidden]{display:none}
.vt-rfq-x{display:none;border:0;background:none;font-size:20px;cursor:pointer;color:var(--ink-2)}
.vt-rfq-body{padding:4px 14px 14px;border-top:1px dashed var(--line);max-height:calc(100vh - 230px);overflow-y:auto;scrollbar-width:none}
.vt-rfq-body::-webkit-scrollbar{display:none}
.vt-lines{list-style:none;margin:8px 0;padding:0;display:flex;flex-direction:column;gap:6px}
.vt-lines[hidden]{display:none}
.vt-l{padding:8px 10px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg-2)}
.vt-l-n b{display:block;font-size:13px;font-weight:700;line-height:1.35}
.vt-l-n small{display:block;font-size:12px;color:var(--ink-3);line-height:1.35}
.vt-l-q{display:flex;gap:4px;align-items:center;margin-top:6px}
.vt-l-q input{width:56px;height:32px;text-align:center;border:1px solid var(--line);border-radius:var(--r-s);font:inherit;font-size:14px;font-weight:700;-moz-appearance:textfield;background:#fff}
.vt-l-q input::-webkit-outer-spin-button,.vt-l-q input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.vt-l-q select{height:32px;min-width:0;flex:1;border:1px solid var(--line);border-radius:var(--r-s);background:#fff;font:inherit;font-size:13px;padding:0 6px}
.vt-q-b,.vt-q-x{width:32px;height:32px;border:1px solid var(--line);border-radius:var(--r-s);background:#fff;cursor:pointer;display:grid;place-items:center;color:var(--ink-2)}
.vt-q-b:hover{border-color:var(--vt);color:var(--vt)}
.vt-q-x{color:#b3243f}
.vt-q-x:hover{background:var(--rose-s)}
.vt-lines-empty{display:flex;gap:8px;align-items:flex-start;margin:10px 0;padding:10px 12px;border:1px dashed var(--vt-b);border-radius:var(--r);background:var(--vt-s);font-size:12.5px;line-height:1.5;color:var(--ink-2)}
.vt-lines-empty[hidden]{display:none}
.vt-lines-empty i{font-size:18px;color:var(--vt);margin-top:1px}
.vt-rfq .cms-form{margin:0}
.vt-rfq .form-label{display:block;margin:0 0 3px;font-size:12px;font-weight:600;color:var(--ink-2);position:static;width:auto;height:auto;clip:auto;overflow:visible;white-space:normal}
.vt-rfq .form-control{width:100%;height:36px;padding:0 10px;border:1px solid var(--line);border-radius:var(--r-s);background:#fff;font:inherit;font-size:14px;color:var(--ink)}
.vt-rfq textarea.form-control{height:auto;min-height:64px;padding:8px 10px;resize:vertical}
.vt-rfq .form-control:focus{outline:2px solid var(--vt);border-color:var(--vt)}
.vt-rfq .form-control.is-locked{background:var(--bg-2);color:var(--ink-2)}
.vt-rfq .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.vt-rfq .form-grid>.full{grid-column:1/-1}
.vt-fs{display:flex;flex-direction:column;gap:12px}
.vt-f{margin:0;padding:0;border:0;min-width:0}
.vt-f legend{display:flex;gap:6px;align-items:center;padding:0;margin-bottom:6px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--vt-d)}
.vt-fg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.vt-fg>.full{grid-column:1/-1}
.vt-rfq .cms-form .choice-group{display:grid;grid-template-columns:1fr;gap:5px;border:0;overflow:visible}
.vt-rfq .cms-form .choice{display:flex;justify-content:flex-start;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--line);border-radius:var(--r-s);background:#fff;font-size:12.5px;font-weight:600;color:var(--ink-2);text-align:left;box-shadow:none;cursor:pointer}
.vt-rfq .cms-form .choice:has(input:checked){border-color:var(--vt);background:var(--vt-s);color:var(--vt-x)}
.vt-rfq .cms-form .choice::before{content:none!important}
.vt-rfq .cms-form .choice input{position:static;opacity:1;pointer-events:auto;appearance:none;-webkit-appearance:none;width:16px;height:16px;margin:0;flex:none;border:1.5px solid var(--ink-4);border-radius:50%;background:#fff}
.vt-rfq .cms-form .choice input:checked{border-color:var(--vt);background:radial-gradient(var(--vt) 0 4px,#fff 5px)}
.vt-rfq .cms-form .choice{box-shadow:none!important;border-right:1px solid var(--line)}
.vt-pv{margin-top:10px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg-2)}
.vt-pv summary{display:flex;gap:6px;align-items:center;padding:8px 10px;font-size:12.5px;font-weight:700;color:var(--vt-d);cursor:pointer}
.vt-pv-b{padding:0 10px 10px}
.vt-pv-b dl{margin:0;display:grid;gap:3px}
.vt-pv-b dl>div{display:grid;grid-template-columns:78px minmax(0,1fr);gap:6px;font-size:12px}
.vt-pv-b dt{color:var(--ink-3)}
.vt-pv-b dd{margin:0;font-weight:600;color:var(--ink);overflow-wrap:anywhere}
.vt-pv-l{margin:8px 0 0;padding-left:18px;font-size:12px;color:var(--ink-2)}
.vt-pv-e{margin:8px 0 0;font-size:12px;color:var(--ink-3)}
.vt-submit{margin-top:12px}
.vt-rfq button[type=submit]{width:100%;height:42px;display:flex;justify-content:center;align-items:center;gap:6px;background:var(--vt);border:0;border-radius:var(--r-s);color:#fff;font-weight:700;font-size:14px;cursor:pointer}
.vt-rfq button[type=submit]:hover{background:var(--vt-d)}
.vt-rfq-note{display:flex;gap:6px;align-items:flex-start;margin:10px 0 0;font-size:12px;line-height:1.5;color:var(--ink-3)}
.vt-rfq-note i{color:var(--vt);margin-top:2px}
.vt-bar{display:none}

/* ---- tablet / điện thoại ---- */
@media (max-width:980px){
  .vt-grid{grid-template-columns:1fr}
  .vt-side{position:static}
  .vt-id{grid-template-columns:84px minmax(0,1fr)}
  .vt-logo{width:84px;height:84px}
  .vt-act{grid-column:1/-1;flex-direction:row;align-items:center;min-width:0}
  .vt-cta{flex:1}
  .vt-art{display:none}
  .vt-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vt-kpi>div:nth-child(3){border-left:0}
  .vt-kpi>div:nth-child(n+3){border-top:1px solid var(--line)}
  .vt-cats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vt-nav{top:62px}
  /* danh sách báo giá thành ngăn kéo từ đáy; thanh nổi mở ngăn */
  .vt-rfq.js{position:fixed;left:0;right:0;bottom:0;z-index:60;margin:0;border-radius:12px 12px 0 0;transform:translateY(102%);visibility:hidden;transition:transform .25s ease,visibility 0s .25s;max-height:88vh;display:flex;flex-direction:column}
  .vt-rfq.js.open{transform:none;visibility:visible;transition:transform .25s ease}
  .vt-rfq.js .vt-rfq-body{max-height:none;overflow-y:auto;flex:1}
  .vt-rfq.js .vt-rfq-x{display:block;margin-left:auto}
  .vt-rfq.js .vt-rfq-n{margin-left:0}
  .vt-bar{position:fixed;left:0;right:0;bottom:56px;z-index:50;display:block;padding:8px 12px;pointer-events:none}
  .vt-bar[hidden]{display:none}
  .vt-bar button{pointer-events:auto;width:100%;height:46px;display:flex;gap:8px;align-items:center;justify-content:center;border:0;border-radius:var(--r);background:var(--vt);color:#fff;font:inherit;font-size:15px;font-weight:700;box-shadow:0 8px 20px -8px rgba(42,30,99,.7);cursor:pointer}
  .vt-bar b{min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#fff;color:var(--vt-d);font-size:12px;display:grid;place-items:center}
}
@media (max-width:720px){
  .vt-id{padding:16px 14px;gap:4px 14px}
  .vt-sec{padding:14px 14px}
  .vt-kpi dd{font-size:24px}
  .vt-kpi>div{padding:12px 14px}
  .vt-strip-g{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vt-terms,.vt-certs,.vt-team{grid-template-columns:1fr}
  .vt-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 0}
  .vt-flow li::after{display:none}
  /* bảng → thẻ xếp dọc, có nhãn cột */
  .vt-prod>.vt-ph,.vt-bh,.vt-ah{display:none!important}
  .vt-prod>li{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"n n" "b u" "p s" "a a";gap:4px 10px;padding:12px}
  .vt-p-n{grid-area:n}.vt-p-b{grid-area:b}.vt-p-u{grid-area:u;text-align:right}.vt-p-pr{grid-area:p}.vt-st{grid-area:s;justify-self:end}.vt-add{grid-area:a;margin-top:6px;height:38px}
  .vt-p-b::before{content:attr(data-l) ": ";color:var(--ink-3);font-weight:400}
  .vt-p-u::before{content:attr(data-l) ": ";color:var(--ink-3);font-weight:400}
  .vt-brands>li{grid-template-columns:1fr;gap:3px}
  .vt-brands>li>span:not(.vt-wm)::before{content:attr(data-l) ": ";color:var(--ink-3)}
  .vt-areas>li{grid-template-columns:1fr auto;grid-template-areas:"a t" "f f"}
  .vt-areas>li>b{grid-area:a}.vt-areas>li>span:nth-child(2){grid-area:t;font-weight:600}.vt-areas>li>span:nth-child(3){grid-area:f;color:var(--ink-3)}
  .vt-fg{grid-template-columns:1fr}
}
@media (max-width:480px){
  .vt-id h1{font-size:24px}
  .vt-cats{gap:6px}
  .vt-cat{padding:10px}
  .vt-cat small{display:none}
  .vt-tool .vt-sel{flex:1 1 100%}
  .vt-sel select{width:100%}
}
@media (prefers-reduced-motion:reduce){.vt-rfq.js,.vt-strip-g img{transition:none}}
.vt-terms li:last-child:nth-child(odd){grid-column:1/-1}
.vt-nav a{flex:none}
@media (max-width:720px){
  .vt-act{flex-direction:column;align-items:stretch}
  .vt-act2{justify-content:space-between}
  .vt-cta{white-space:nowrap}
  .vt-chips li{font-size:12px}
}
.vt-q-b i,.vt-q-x i,.vt-rfq-x i,.vt-add i,.vt-cat i{color:inherit}
.vt-cat .ic i{color:inherit}

/* thẻ doanh nghiệp ở danh sách /vat-tu */
.vt-row-meta{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px;font-size:12px;color:var(--ink-2)}
.vt-row-meta span{display:inline-flex;gap:5px;align-items:center}
.vt-row-meta i{color:var(--violet)}
.vt-row-meta b{font-weight:700;color:var(--ink)}
.vt-row-groups{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.vt-row-groups span{padding:2px 8px;border-radius:3px;background:var(--violet-s);color:#5136b3;font-size:12px;font-weight:600}
.vt-btn{background:var(--violet);border-color:var(--violet);color:#fff;font-weight:700}
.vt-btn:hover{background:#5136b3;color:#fff}
@media (max-width:720px){
  #vtReset,.vt-legal-l a,.vt-web a,.vt-own a,.vt-empty button{display:inline-flex;align-items:center;min-height:32px}
}
@media (max-width:720px){.vt-cta{flex:none;min-height:46px}}