/* Afisha feature — ui_kits/website/Afisha.jsx
   Ближайшее событие: постер слева + фиолетовая панель с деталями. */
.vb-afisha {
  display: grid; grid-template-columns: minmax(0, 420px) 1fr;
  border-radius: var(--r-lg); overflow: hidden; box-shadow: var(--sh-card);
  background: var(--vb-purple);
}
.vb-afisha__poster { position: relative; background: #1a1130; min-height: 420px; }
.vb-afisha__poster img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.vb-afisha__body { display: flex; flex-direction: column; padding: 44px 46px; color: #fff; }
.vb-afisha__body .vb-tag { align-self: flex-start; }
.vb-afisha__title {
  font-family: var(--font-brand); font-weight: 900; font-size: clamp(32px, 5vw, 46px);
  line-height: 1.02; color: #fff; margin: 18px 0 24px;
}
.vb-afisha__text { font-size: 16px; line-height: 1.55; color: rgba(255,255,255,.82); margin: 30px 0; max-width: 460px; }
.vb-afisha__actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: auto; }

@media (max-width: 760px) {
  .vb-afisha { grid-template-columns: minmax(0, 1fr); }
  .vb-afisha__poster { min-height: 0; aspect-ratio: 0.74 / 1; max-height: 520px; }
  .vb-afisha__body { padding: 28px 22px 30px; }
  .vb-afisha__actions .vb-btn { flex: 1 1 100%; }
}