ul.vg-cards,ol.vg-cards{--rg:1.8rem;justify-content:center}
.vg-cards>li{max-width:var(--cmax,none)}
.vg-card{display:flex;flex-direction:column;height:100%;border-radius:2.2rem;overflow:hidden;background:#fff;color:var(--vg-ink);border:1px solid var(--vg-line);transition:box-shadow .2s}
.vg-card:hover{box-shadow:0 1.4rem 3rem rgba(35,37,42,.12)}
.vg-card__media{position:relative;aspect-ratio:1;overflow:hidden;background:var(--vg-oat)}
.vg-card__media img{width:100%;height:100%;object-fit:contain;display:block}
/* плашка-сценарий на кадре (belffin «Get Together»), не скидка */
.vg-card__tag{position:absolute;left:1.2rem;top:1.2rem;max-width:calc(100% - 2.4rem);padding:0.5rem 1.2rem;border-radius:4rem;background:var(--vg-ink);color:#fff;font-family:"Barlow Condensed",var(--font-body-family);font-weight:600;font-size:1.5rem;letter-spacing:.06em;text-transform:uppercase;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vg-card__body{display:flex;flex-direction:column;gap:0.8rem;padding:1.4rem 1.8rem 1.8rem;flex:1 1 auto}
@media screen and (min-width:61.875em){.vg-cards--duo .vg-card{display:grid;grid-template-columns:minmax(0,9fr) minmax(0,11fr);align-items:stretch}.vg-cards--duo .vg-card__media{aspect-ratio:auto;min-height:100%}.vg-cards--duo .vg-card__body{padding:2.4rem 2.8rem;justify-content:center}}
/* свотчи над именем (belffin), «+N more» (Coal) */
.vg-sw{display:flex;flex-wrap:wrap;align-items:center;gap:0.6rem;margin:0;min-height:2.4rem}
.vg-sw__dot{display:block;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.18),0 0 0 2px #fff;flex:none}
.vg-sw__dot:hover{box-shadow:inset 0 0 0 1px rgba(0,0,0,.18),0 0 0 2px #fff,0 0 0 0.4rem var(--vg-mustard)}
.vg-sw__more{font-size:1.3rem;font-weight:700;color:var(--vg-ink2)}
.vg-sw--packs span{display:inline-flex;align-items:center;justify-content:center;min-width:2.8rem;height:2.4rem;padding:0 0.8rem;border-radius:1.2rem;background:var(--vg-oat);font-size:1.2rem;font-weight:700}
.vg-sw--one{font-size:1.3rem;color:var(--vg-ink2)}
.vg-card__name{font-size:1.7rem;line-height:1.3}
.vg-card__name a:hover{text-decoration:underline}
.vg-card__spec{margin:0;font-size:1.4rem;color:var(--vg-ink2);letter-spacing:.01em}
.vg-specs span+span::before{content:"";display:inline-block;width:1px;height:.9em;margin:0 .5em;vertical-align:-.1em;background:currentColor;opacity:.45}
.vg-card__price{margin:auto 0 0;font-size:2.2rem;padding-top:0.4rem}
/* сетка на телефоне — строками: кадр слева, текст справа (вес первого экрана, §4.0 п.7) */
@media screen and (max-width:37.498em){.vg-cards:not(.vg-cards--pop) .vg-card{display:grid;grid-template-columns:13.6rem minmax(0,1fr);align-items:start}.vg-cards:not(.vg-cards--pop) .vg-card__media{border-radius:1.6rem;margin:1rem 0 1rem 1rem}.vg-cards:not(.vg-cards--pop) .vg-card__body{margin-top:1rem;padding:2px 1.4rem 1.4rem}.vg-cards:not(.vg-cards--pop) .vg-card__tag{display:none}}
@media screen and (max-width:26.248em){.vg-cards:not(.vg-cards--pop) .vg-card{grid-template-columns:8.8rem minmax(0,1fr)}.vg-cards:not(.vg-cards--pop) .vg-card__body{padding:1rem 1.2rem 1.2rem}}
@media screen and (max-width:37.498em){.vg-cards--pop .vg-card__body{padding:1.2rem}.vg-cards--pop .vg-card__name{font-size:1.5rem}.vg-cards--pop .vg-card__spec{display:none}.vg-cards--pop .vg-card__tag{font-size:1.2rem;padding:3px 0.8rem;left:0.8rem;top:0.8rem}.vg-sw__dot{width:1.8rem;height:1.8rem}}