/* Страница «Спасибо» (/spasibo) — после отправки лид-форм.
   Карточки событий/статей стилизуются event-list.css и blog.css (подключены отдельно). */

.spasibo-page {
    background: var(--color-bg-pages, #FAF8F6);
    padding-bottom: 64px;
}

/* ===== Hero ===== */
.spasibo-hero {
    padding: 72px 0 48px;
}
.spasibo-hero__inner {
    max-width: 720px;
    margin: 0 auto;
    text-align: center;
}
.spasibo-hero__icon {
    width: 72px;
    height: 72px;
    margin: 0 auto 24px;
    border-radius: 50%;
    background: var(--color-bg-green-shield, #EBEDE8);
    color: var(--color-primary, #32770A);
    font-size: 38px;
    line-height: 72px;
    font-weight: 700;
}
.spasibo-hero__title {
    margin: 0 0 16px;
    color: var(--color-text-main, #111);
}
.spasibo-hero__text {
    margin: 0 auto 28px;
    max-width: 600px;
    color: var(--color-text-plashka, rgba(17,17,17,.8));
}
.spasibo-hero__actions {
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
}

/* ===== Секции ===== */
.spasibo-events,
.spasibo-blog {
    padding: 32px 0;
}
.spasibo-section-title {
    margin: 0 0 24px;
    text-align: center;
    color: var(--color-text-main, #111);
}
.spasibo-blog__more {
    margin-top: 28px;
    text-align: center;
}

@media (max-width: 575px) {
    .spasibo-hero { padding: 48px 0 32px; }
    .spasibo-hero__actions { flex-direction: column; }
    .spasibo-hero__actions .btn { width: 100%; }
}