.vmh{position:relative;border:2px solid var(--line);border-radius:18px;overflow:hidden;margin:10px 0;
background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--mint) 18%,transparent),transparent 55%),radial-gradient(120% 140% at 100% 100%,color-mix(in srgb,var(--purple) 22%,transparent),transparent 55%),linear-gradient(135deg,var(--surface),var(--surface-2));color:var(--text)}
.vmh-slide{display:none;grid-template-columns:64px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 52px 16px}
.vmh-slide.on{display:grid;animation:vmhf .4s ease}
@keyframes vmhf{from{opacity:0}to{opacity:1}}
.vmh-logo{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--line);background:var(--bg)}
.vmh-kick{font:600 12px/1.2 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--mint)}
.vmh-h{font:700 24px/1.1 "Space Grotesk",sans-serif;margin:2px 0 0;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vmh-sub{font:400 13px Inter,sans-serif;color:var(--muted);text-transform:none;margin-left:12px;vertical-align:middle}
.vmh-chips{display:flex;flex-wrap:nowrap;overflow:hidden;gap:5px;margin-top:6px;min-width:0}
.vmh-chip{font:600 11px/1 Inter,sans-serif;padding:4px 8px;border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 55%,transparent);color:var(--muted);white-space:nowrap;cursor:default}
.vmh-chip.ok{color:var(--mint);border-color:color-mix(in srgb,var(--mint) 55%,var(--line))}
.vmh-chip.warn{color:#ffc24d;border-color:color-mix(in srgb,#ffc24d 50%,var(--line))}
.vmh-chip.bad{color:#ff6b7a;border-color:color-mix(in srgb,#ff6b7a 50%,var(--line))}
.vmh-chip.lst{color:var(--text)}
.vmh-up{color:var(--mint)}.vmh-dn{color:#ff6b7a}
.vmh-stats{display:grid;grid-template-columns:repeat(5,minmax(70px,1fr));gap:6px;margin-top:6px}
.vmh-st{background:color-mix(in srgb,var(--bg) 55%,transparent);border:1px solid var(--line);border-radius:10px;padding:4px 8px}
.vmh-st b{display:block;font:600 10px Inter,sans-serif;letter-spacing:.06em;color:var(--muted)}
.vmh-st span{font:700 14px Inter,sans-serif}
.vmh-side{display:flex;flex-direction:column;gap:8px;align-items:flex-end}
.vmh-call{display:grid;grid-template-columns:repeat(4,auto);gap:4px 10px;font-size:12px;text-align:right}
.vmh-call b{color:var(--muted);font-weight:500}.vmh-call span{font-weight:700}
.vmh-btns{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.vmh-btn{border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:10px;padding:6px 12px;font:600 13px Inter,sans-serif;cursor:pointer;text-decoration:none}
.vmh-btn.pri{background:var(--mint);color:var(--bg);border-color:var(--mint)}
.vmh-btn.star.on{color:#ffd34d}
.vmh-arr{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;font-size:16px}
.vmh-prev{left:10px}.vmh-next{right:10px}
.vmh-dots{position:absolute;bottom:6px;left:0;right:0;display:flex;gap:6px;justify-content:center}
.vmh-dot{width:7px;height:7px;border-radius:50%;border:0;padding:0;background:var(--line);cursor:pointer}
.vmh-dot.on{background:var(--mint);width:18px;border-radius:4px}
@media (max-width:1100px){.vmh-slide{grid-template-columns:56px 1fr;padding:14px 46px}.vmh-logo{width:56px;height:56px}.vmh-side{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center}.vmh-call{text-align:left;grid-template-columns:repeat(4,auto)}}
@media (max-width:640px){.vmh{margin:8px 0;border-radius:14px}.vmh-slide{grid-template-columns:44px 1fr;padding:10px 10px 18px;gap:6px 10px}.vmh-logo{width:44px;height:44px}.vmh-kick{font-size:10px}.vmh-h{font-size:18px;margin:2px 0 0}.vmh-sub{display:none}.vmh-chips{grid-column:1/-1;margin-top:2px;gap:4px;flex-wrap:wrap}.vmh-logo{grid-row:span 2;align-self:center}.vmh-slide>*{min-width:0}.vmh-chip{font-size:10px;padding:3px 6px}.vmh-slide>div:nth-child(2){display:contents}.vmh-kick,.vmh-h{grid-column:2}.vmh-stats{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:2px}.vmh-st{padding:3px 6px}.vmh-st span{font-size:12px}.vmh-st:nth-child(n+4){display:none}.vmh-side{flex-direction:column;align-items:stretch;gap:6px}.vmh-call{grid-template-columns:repeat(4,auto);font-size:11px;text-align:left;gap:2px 8px}.vmh-btns{flex-wrap:nowrap;justify-content:stretch}.vmh-btn{flex:1;padding:6px 4px;font-size:12px;text-align:center}.vmh-btn.star{flex:0 0 36px}.vmh-arr{display:none}.vmh-dots{bottom:5px}}
/* compact action row 2026-10-30 */
.vmh-btns{gap:6px;flex-wrap:nowrap;align-items:center}
.vmh-btn.pri{padding:5px 14px;font-size:12.5px;border-radius:9px;line-height:20px}
.vmh-ico-g{display:inline-flex;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);overflow:hidden}
.vmh-ico{display:inline-flex;align-items:center;justify-content:center;width:32px;height:30px;border:0;background:transparent;color:var(--muted);cursor:pointer;padding:0;text-decoration:none}
.vmh-ico+.vmh-ico{border-left:1px solid var(--line)}
.vmh-ico:hover,.vmh-ico:focus-visible{color:var(--text);background:rgba(255,255,255,.06)}
.vmh-ico.ok{color:var(--mint)}
.vmh-ico.star.on{color:#ffd34d}
.vmh-side{gap:6px}
@media (max-width:640px){.vmh-btns{justify-content:space-between}.vmh-btn.pri{flex:1;padding:6px 10px}.vmh-ico{width:36px;height:34px}.vmh-ico-g{flex:0 0 auto}}
/* traffic light 2026-10-30: price red <1.0x, yellow <1.2x, orange <1.6x, green 1.6x+; stats green good, orange medium, yellow weak */
#vm-hero{--g-grn:#22c55e;--g-org:#fb923c;--g-yel:#fde047;--g-red:#ff5f6d}
#vm-hero .g-grn{color:var(--g-grn)}#vm-hero .g-org{color:var(--g-org)}#vm-hero .g-yel{color:var(--g-yel)}#vm-hero .g-red{color:var(--g-red)}
#vm-hero .vmh-pk{padding:0 6px;border-radius:6px}
#vm-hero .vmh-pk.g-grn{background:color-mix(in srgb,var(--g-grn) 14%,transparent)}#vm-hero .vmh-pk.g-org{background:color-mix(in srgb,var(--g-org) 14%,transparent)}#vm-hero .vmh-pk.g-yel{background:color-mix(in srgb,var(--g-yel) 12%,transparent)}#vm-hero .vmh-pk.g-red{background:color-mix(in srgb,var(--g-red) 14%,transparent)}
#vm-hero .vmh-chip.ok{color:var(--g-grn);border-color:color-mix(in srgb,var(--g-grn) 50%,var(--line));background:color-mix(in srgb,var(--g-grn) 12%,transparent)}
#vm-hero .vmh-chip.warn{color:var(--g-org);border-color:color-mix(in srgb,var(--g-org) 50%,var(--line));background:color-mix(in srgb,var(--g-org) 12%,transparent)}
#vm-hero .vmh-chip.weak{color:var(--g-yel);border-color:color-mix(in srgb,var(--g-yel) 45%,var(--line));background:color-mix(in srgb,var(--g-yel) 10%,transparent)}
/* smaller action row */
#vm-hero .vmh-btn.pri{padding:3px 12px;font-size:12px;line-height:20px;border-radius:8px}
#vm-hero .vmh-ico{width:28px;height:26px}
#vm-hero .vmh-ico svg{width:14px;height:14px}
#vm-hero .vmh-ico-g{border-radius:8px}
@media (max-width:640px){#vm-hero .vmh-btn.pri{padding:6px 10px}#vm-hero .vmh-ico{width:34px;height:32px}}
/* buttons roomier, info compact 2026-10-30 */
#vm-hero .vmh-btns{gap:8px}
#vm-hero .vmh-btn.pri{padding:5px 20px;font-size:13px;line-height:20px;border-radius:9px}
#vm-hero .vmh-ico-g{display:inline-flex;gap:6px;border:0;background:transparent;border-radius:0;overflow:visible}
#vm-hero .vmh-ico,#vm-hero .vmh-ico+.vmh-ico{width:32px;height:30px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2)}
#vm-hero .vmh-ico svg{width:15px;height:15px}
#vm-hero .vmh-chips{gap:5px;margin-top:5px}
#vm-hero .vmh-chip{font-size:11px;line-height:1;padding:4px 8px;min-width:0}
#vm-hero .vmh-sub{white-space:nowrap}
@media (max-width:640px){#vm-hero .vmh-btn.pri{padding:7px 12px}#vm-hero .vmh-ico,#vm-hero .vmh-ico+.vmh-ico{width:36px;height:34px}#vm-hero .vmh-chips{flex-wrap:nowrap;overflow:hidden}#vm-hero .vmh-chip{font-size:10px;padding:3px 6px}#vm-hero .vmh-sub{display:none}}
