/* =====================================================================
   Каркас страниц из UI-кита: герой главной, пагинация, страница события.
   Шапка и футер — assets/css/site-header.css и site-footer.css
   (handoff «Подарочные сертификаты»).
   ===================================================================== */

/* ---------- Герой главной ---------- */
.vb-hero { position: relative; overflow: hidden; background: var(--vb-soft-grad); }
.vb-hero::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(90% 70% at 15% 20%, rgba(192,57,43,.10), transparent 55%),
              radial-gradient(90% 70% at 85% 80%, rgba(93,53,128,.10), transparent 55%);
}
.vb-hero__inner { position: relative; max-width: calc(980px + 2 * var(--gutter)); margin-inline: auto; padding: 96px var(--gutter) 88px; text-align: center; }
.vb-hero__logo { height: 132px; width: auto; margin: 0 auto 26px; }
.vb-hero__title { font-family: var(--font-display); font-weight: 200; font-size: clamp(34px, 7vw, 56px); letter-spacing: .06em; text-transform: uppercase; color: var(--vb-ink); line-height: 1.05; margin-bottom: 28px; }
.vb-hero__cta { max-width: 560px; margin: 0 auto 34px; }
.vb-hero__lead { font-size: clamp(17px, 2.2vw, 19px); line-height: 1.55; color: var(--vb-ink-2); max-width: 720px; margin: 0 auto 18px; }
.vb-hero__note { font-size: 17px; line-height: 1.55; color: var(--vb-ink-3); max-width: 720px; margin: 0 auto; }
@media (max-width: 600px) {
  .vb-hero__inner { padding-block: 56px 52px; }
  .vb-hero__logo { height: 96px; }
}

/* ---------- Пагинация (the_posts_pagination) ---------- */
.vb-pagination { margin-top: var(--sp-7); }
.vb-pagination .nav-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.vb-pagination .page-numbers {
  display: inline-flex; align-items: center; justify-content: center; min-width: 44px; height: 44px; padding: 0 14px;
  border-radius: var(--r-pill); border: 1px solid var(--vb-line); background: #fff;
  font-weight: 700; font-size: 15px; color: var(--vb-ink-2); text-decoration: none;
}
.vb-pagination a.page-numbers:hover { border-color: var(--vb-ink-3); color: var(--vb-ink); }
.vb-pagination .page-numbers.current { background: var(--vb-purple); border-color: transparent; color: #fff; }
.vb-pagination .page-numbers.dots { border: 0; background: none; min-width: 24px; }
.vb-pagination svg { width: 18px; height: 18px; }

/* ---------- Страница события ---------- */
.vb-event-single { display: grid; grid-template-columns: minmax(0, 420px) 1fr; gap: 48px; align-items: start; }
.vb-event-single__poster { position: relative; aspect-ratio: 0.74 / 1; border-radius: var(--r-lg); overflow: hidden; box-shadow: var(--sh-card); background: var(--vb-mist); }
.vb-event-single__title { font-family: var(--font-brand); font-weight: 900; font-size: clamp(30px, 5vw, 46px); line-height: 1.04; color: var(--vb-ink); margin: 16px 0 24px; }
.vb-event-single .vb-meta { margin-bottom: 28px; }
.vb-event-single .vb-meta__item { font-size: 17px; }
.vb-back { display: inline-block; margin-bottom: 24px; font-size: 15px; font-weight: 700; color: var(--vb-ink-3); text-decoration: none; }
.vb-back::before { content: "← "; }
.vb-event-single__poster img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; }
@media (max-width: 860px) { .vb-event-single { grid-template-columns: minmax(0, 1fr); gap: 28px; } .vb-event-single__poster { max-width: 420px; } }

.vb-empty { padding: 40px 0; color: var(--vb-ink-3); }