/* Bổ sung cho website công khai VLXD */
.vl-lead{font-size:1.1rem;line-height:1.6;margin:14px 0 22px;opacity:.9;max-width:560px}
.vl-hero-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.vl-hero-cats a{display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 10px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:inherit;text-decoration:none;text-align:center}
.vl-hero-cats a:hover{background:rgba(255,255,255,.16)}
.vl-cats{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}
@media (min-width:768px){.vl-cats{grid-template-columns:repeat(4,1fr)}}
.vl-cats a{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:18px;border:1px solid var(--color-line);border-radius:16px;background:#fff;color:var(--color-ink);text-decoration:none;transition:transform .15s,box-shadow .15s}
.vl-cats a svg{color:var(--color-pine-600)}
.vl-cats a:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.08)}
.vl-cats small{color:var(--color-mute)}
.vl-ph{display:flex;align-items:center;justify-content:center;height:100%;min-height:160px;background:var(--color-pine-50);color:var(--color-pine-600)}
.vl-price{font-weight:700;color:var(--color-pine-700)}
.vl-price small{font-weight:400;color:var(--color-mute)}
.vl-search{display:flex;gap:8px;margin-bottom:12px}
.vl-search input{flex:1;padding:10px 14px;border:1px solid var(--color-line);border-radius:10px;font:inherit;min-width:0}
.vl-group{margin:28px 0 10px;font-size:1.3rem}
.vl-table{overflow-x:auto;border:1px solid var(--color-line);border-radius:12px;background:#fff}
.vl-table table{width:100%;border-collapse:collapse;min-width:520px}
.vl-table th,.vl-table td{padding:10px 12px;border-bottom:1px solid var(--color-line);text-align:left;vertical-align:top}
.vl-table th{background:var(--color-paper);font-size:.85rem;text-transform:uppercase;letter-spacing:.02em;color:var(--color-mute)}
.vl-table tr:last-child td{border-bottom:0}
.vl-table tr:target td{background:var(--color-gold-100)}
.vl-table .r{text-align:right}
.vl-table small{color:var(--color-mute)}
.nowrap{white-space:nowrap}
.muted{color:var(--color-mute)}
.small{font-size:.875rem}

/* Dải giới thiệu bản trải nghiệm */
.demo-bar{background:#c9a24b;color:#0e2f24;font-size:.9rem}
.demo-bar .wrap{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;padding-top:8px;padding-bottom:8px}
.demo-bar a{color:#0e2f24;font-weight:700;text-decoration:underline}
.demo-bar a.hl{background:#0e2f24;color:#fff;text-decoration:none;padding:4px 10px;border-radius:999px}