/* HVSC – Mega menu Tin tức + Video (20/10/2026). Tiền tố .mm- / .tn-mega. Dùng biến theme + biến màu .tn- (định nghĩa lại tại đây). */
:root{--tn-ve:#0369a1;--tn-cn:#1d4ed8;--tn-oss:#047857;--tn-mkt:#c2410c;--tn-du:#6d28d9;--tn-cd:#be185d;--tn-red:#c5161b}
html[data-theme="dark"]{--tn-ve:#38bdf8;--tn-cn:#60a5fa;--tn-oss:#34d399;--tn-mkt:#fb923c;--tn-du:#a78bfa;--tn-cd:#f472b6;--tn-red:#ff6b70}
.tn-mega{width:min(1120px,calc(100vw - 32px))!important;max-height:min(560px,calc(100vh - var(--hh2-mt,120px) - 16px))}
.tn-mega--vid{width:min(860px,calc(100vw - 32px))!important}
.tn-mega__in{display:grid;gap:26px;padding:22px 24px;grid-template-columns:minmax(0,1.05fr) minmax(0,1.6fr) minmax(0,.95fr)}
.tn-mega--vid .tn-mega__in{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.mm-h{margin:0 0 12px;font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.mm-cats,.mm-pop{list-style:none;margin:0;padding:0}
.mm-cats{display:grid;gap:4px}
.mm-cat{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:12px;color:var(--ink);text-decoration:none;transition:background .15s,transform .15s}
.mm-cat:hover,.mm-cat:focus-visible{background:color-mix(in srgb,var(--c) 11%,var(--surface));transform:translateX(3px)}
.mm-cat__ic{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 14%,var(--surface));color:var(--c)}
.mm-cat__t{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.mm-cat__t b{font-size:15px;font-weight:700}
.mm-cat__t small{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mm-cat em{margin-left:auto;font-style:normal;font-size:12.5px;font-weight:700;color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent);border-radius:999px;padding:2px 9px}
.mm-posts{display:grid;gap:14px;grid-template-columns:1fr 1fr}
.mm-post{display:flex;flex-direction:column;gap:8px;color:var(--ink);text-decoration:none;min-width:0}
.mm-post--big{grid-column:1/-1}
.mm-img{display:block;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:var(--surface-2)}
.mm-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.mm-post:hover .mm-img img,.mm-post:focus-visible .mm-img img{transform:scale(1.04)}
.mm-post--big .mm-img{aspect-ratio:21/9}
.mm-post__t small{display:block;font-size:12px;color:var(--muted);margin-bottom:2px}
.mm-post__t b{font-size:14.5px;line-height:1.4;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mm-post--big .mm-post__t b{font-size:16px}
.mm-post:hover b,.mm-post:focus-visible b{color:var(--brand-ink)}
.mm-pop{display:grid;gap:12px;counter-reset:q}
.mm-pop a{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:start;color:var(--ink);text-decoration:none;font-size:14px;line-height:1.4;font-weight:600}
.mm-pop i{font-style:normal;font-weight:800;font-size:24px;line-height:1;color:var(--tn-red)}
.mm-pop span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mm-pop a:hover span{color:var(--brand-ink)}
.mm-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;margin-top:16px;border-radius:12px;background:var(--tn-red);color:#fff!important;font-weight:700;font-size:14.5px;text-decoration:none}
html[data-theme="dark"] .mm-btn{background:#e31e24}
.mm-btn:hover,.mm-btn:focus-visible{filter:brightness(1.1)}
.mm-btn .mm-i{width:18px;height:18px}
.mm-btn--ghost{background:transparent;border:1.5px solid var(--line);color:var(--ink)!important;margin-top:10px}
html[data-theme="dark"] .mm-btn--ghost{background:transparent}
.mm-links{margin:12px 0 0;font-size:13.5px}.mm-links a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}.mm-links a:hover{color:var(--brand-ink)}
.mm-feat{display:flex;align-items:center;gap:16px;padding:18px;border-radius:16px;color:#fff;text-decoration:none;background:linear-gradient(135deg,#16203f,#7a1020);transition:transform .2s,box-shadow .2s}
.mm-feat:hover,.mm-feat:focus-visible{transform:translateY(-2px);box-shadow:0 14px 30px -14px rgba(0,0,0,.5)}
.mm-feat__art{flex:none;width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.14)}
.mm-feat__art .mm-i{width:34px;height:34px}
.mm-feat__t b{display:block;font-size:18px}.mm-feat__t small{display:block;margin-top:4px;font-size:13.5px;line-height:1.5;color:#dfe4f5}
@media (prefers-reduced-motion:reduce){.mm-cat,.mm-img img,.mm-feat{transition:none}.mm-cat:hover{transform:none}}
@media (max-width:1250px){.tn-mega__in{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}.mm-col--pop{grid-column:1/-1}.mm-pop{grid-template-columns:repeat(3,1fr)}}