/*
 * Thank-you page
 */

.thanks {
    padding: var(--space-section) 0 var(--space-section-lg);
}

.thanks__wrp {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    max-width: 820px;
    padding-left: var(--content-indent);
}

.thanks__pixels {
    position: absolute;
    left: 0;
    top: 8px;
}

.thanks__title { font-size: 80px; }

.thanks__subtitle {
    max-width: 560px;
    font-size: 18px;
    line-height: 1.45;
    color: var(--color-text-secondary);
}

.thanks__steps {
    display: flex;
    gap: 24px;
    width: 100%;
    margin-top: 16px;
}

.thanks__step {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 24px;
    border: 1px solid var(--color-line);
}

.thanks__step-number {
    margin-bottom: 8px;
    font-family: var(--font-heading);
    font-size: var(--fs-h3);
    font-weight: 500;
    line-height: 1;
    color: var(--color-primary);
}

.thanks__step-text {
    font-size: var(--fs-small);
    line-height: 1.4;
    color: var(--color-text-muted);
}

.thanks__actions {
    display: flex;
    gap: 16px;
}

/* ═══ Phone (< 768px) ═══════════════════════════════════════════════════ */
@media (max-width: 767px) {
    .thanks__wrp { padding-left: 0; gap: 24px; }
    .thanks__pixels { position: static; }
    .thanks__title { font-size: 34px; }
    .thanks__subtitle { font-size: var(--fs-body); }
    .thanks__steps { flex-direction: column; gap: 16px; }
    .thanks__actions { flex-direction: column; width: 100%; }
    .thanks__actions .btn { width: 100%; }
}