/* v8 (04/10/2026) — video VIEGREEN: khối video sản phẩm, phim trang chủ, clip thẻ hành trình. Dùng token của vg5.css. */
.vrow{display:grid;gap:28px;align-items:center}
@media(min-width:820px){.vrow{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}}
.vbox{margin:0;position:relative;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-2);background:#1d1612;max-width:640px;width:100%}
.vbox video{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;background:#1d1612}
.vbox figcaption{position:absolute;left:14px;top:14px;background:rgba(251,247,240,.92);color:var(--espresso);font-size:.78rem;font-weight:600;letter-spacing:.02em;padding:6px 12px;border-radius:999px;pointer-events:none;transition:opacity .3s}
.vbox.on figcaption{opacity:0}
.vtext h2{margin:.2em 0 .5em}
.vtr{color:var(--ink-2);font-size:.95rem;line-height:1.65;margin:0 0 12px}
.vai{color:var(--ink-2);opacity:.75;font-size:.78rem;font-style:italic;margin:0}
.vlink{display:inline-flex;align-items:center;gap:6px;margin:4px 0 10px;padding:7px 14px;border:1px solid var(--line);border-radius:999px;font-size:.85rem;font-weight:600;color:var(--espresso);text-decoration:none;background:#fff}
.vlink:hover{border-color:var(--gold)}
.vduo{display:grid;gap:28px;margin-top:18px}
@media(min-width:720px){.vduo{grid-template-columns:1fr 1fr}}
.vinline{margin:18px 0 28px}
.vfilm{background:var(--espresso);color:#eadfca}
.vfilm h2{color:#fff}
.vfilm .eyebrow{color:var(--gold)}
.vfilm .lead,.vfilm .vtr,.vfilm .vai{color:#d9ccb5}
.vbtn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;border:0;border-radius:999px;padding:14px 22px;background:rgba(251,247,240,.94);color:var(--espresso);font:600 1rem/1 var(--sans,inherit);cursor:pointer;box-shadow:var(--sh-2);transition:transform .2s}
.vbtn:hover{transform:translate(-50%,-50%) scale(1.04)}
.vbtn span{font-size:.9rem}
.jc video{aspect-ratio:3/4;object-fit:cover;width:100%;display:block;background:#1d1612}