/* video-cards v4: карточки блока «Видео или карта» */
.vgrid{align-items:stretch;gap:clamp(16px,2vw,28px)}
.vcell{position:relative;transition:outline-color .4s,box-shadow .4s}
.vcell.vflash{outline:2px solid var(--c1);outline-offset:6px;border-radius:24px}

/* карточка: видео сверху, белое поле с заголовком снизу */
.vgrid .vcard{--vc-bg:#fff;--vc-tx:#161616;--vc-mut:#6f6f6f;
  display:flex;flex-direction:column;gap:0;background:var(--vc-bg);color:var(--vc-tx);
  border-radius:24px 24px 6px 6px;overflow:hidden;box-shadow:0 12px 34px rgba(0,0,0,.28)}
.vgrid .vcard .embed{border:0;border-radius:0;flex:none}
.vgrid .vcard .vbody{flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:18px;padding:22px 26px 26px}
.vgrid .vcard .vtitle{margin:0;font-family:inherit;font-weight:700;font-size:clamp(18px,1.7vw,24px);line-height:1.27;
  letter-spacing:0;text-transform:none;color:var(--vc-tx);overflow-wrap:anywhere}
.vgrid .vcard .vmeta{margin:0;font-size:clamp(14px,1.2vw,17px);color:var(--vc-mut)}
.vgrid .vcard .vmeta:only-child{margin-top:auto}
.vgrid .vcard .embed.empty.bad{border-radius:0}
.vgrid .vcell:not(.vcard) .vcap+.vcap{margin-top:-4px}
.vgrid .vdesc{margin:0;font-size:15px;line-height:1.5;color:var(--vc-mut,var(--mut));white-space:pre-line}

/* описание поверх плеера: исчезает при нажатии, видео запускается */
.vgrid .embed{position:relative}
.vcover{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;
  width:100%;margin:0;padding:clamp(16px,2.4vw,30px) clamp(16px,2.4vw,30px) 64px;border:0;border-radius:0;cursor:pointer;text-align:left;
  font:inherit;color:#fff;background:linear-gradient(160deg,rgba(8,14,40,.80),rgba(8,14,40,.93));
  transition:opacity .35s ease,visibility .35s}
.vcover.gone{opacity:0;visibility:hidden;pointer-events:none}
.vcover .vtxt{display:block;max-width:100%;max-height:100%;overflow:hidden;font-size:clamp(14px,1.35vw,18px);line-height:1.5;white-space:pre-line;overflow-wrap:anywhere}
.vcover .vplay{position:absolute;right:18px;bottom:18px;width:46px;height:46px;border-radius:50%;background:var(--c1,#fff);transition:transform .25s}
.vcover .vplay::after{content:"";position:absolute;left:18px;top:14px;border-left:14px solid var(--on1,#000);border-top:9px solid transparent;border-bottom:9px solid transparent}
.vcover:hover .vplay,.vcover:focus-visible .vplay{transform:scale(1.12)}
.vcover:focus-visible{outline:2px solid var(--c1);outline-offset:-4px}