/* ── Картка «Дякуємо» (сторінка /thanks/ і підтвердження замовлення) ───────── */
.thanks-card { display: grid; justify-items: center; gap: var(--space-4); width: 100%; padding: var(--space-7) 0; text-align: center; }
.thanks-card__icon { position: relative; width: 72px; height: 72px; background: var(--color-bg-warm); border-radius: 50%; }
.thanks-card__icon::after { content: ''; position: absolute; left: 25px; top: 21px; width: 22px; height: 12px; border: solid var(--color-success); border-width: 0 0 3px 3px; transform: rotate(-45deg); }
.thanks-card--error .thanks-card__icon::after { left: 34px; top: 20px; width: 3px; height: 26px; border: 0; background: var(--color-error); transform: none; box-shadow: 0 0 0 transparent; }
.thanks-card--error .thanks-card__icon::before { content: ''; position: absolute; left: 33px; top: 50px; width: 5px; height: 5px; background: var(--color-error); border-radius: 50%; }
.thanks-card__title { font-size: var(--fs-h2); font-weight: var(--fw-regular); line-height: var(--lh-tight); letter-spacing: var(--ls-heading); color: var(--color-heading); }
.thanks-card__text { max-width: 48ch; font-size: var(--fs-lg); }
.thanks-card__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-3); margin-top: var(--space-3); }
.entry-content .thanks-card a.btn { text-decoration: none; }

/* ── Адаптив ────────────────────────────────────────────────────────────── */
@media (max-width: 767px) {
    .thanks-card { padding: var(--space-6) 0; }
    .thanks-card__actions { width: 100%; }
    .thanks-card__actions .btn { flex: 1 1 100%; }
}