/* =================================================================== CONSULT section css =================================================================== */
.consult {
    & .consult__panel {
        position: relative;
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center;
        gap: var(--sp60);
        padding: var(--sp80) var(--sp50);
        background: var(--ink);
        border-radius: var(--r-xl);
        overflow: hidden;
        color: var(--white-muted);

        &::before {
            position: absolute; top: -40%; left: -20%;
            width: 70%; aspect-ratio: 1;
            background: radial-gradient(circle, var(--primary) 0%, transparent 65%);
            opacity: .18;
            content: '';
        }
    }

    & .consult__info { position: relative; }

    & .consult__title {
        margin-bottom: var(--sp15);
        color: var(--white);
    }

    & .consult__intro { max-width: 520px; margin-bottom: var(--sp35); }

    & .consult__list {
        display: grid;
        gap: var(--sp25);
        padding-bottom: var(--sp35);
        margin-bottom: var(--sp35);
        border-bottom: 1px solid var(--line-dark);
    }

    & .consult__item {
        display: flex; align-items: flex-start;
        gap: var(--sp20);
    }

    & .consult__item-icon {
        display: flex; flex: 0 0 auto; align-items: center; justify-content: center;
        width: 55px; height: 55px;
        background: var(--white);
        border-radius: var(--r-md);
        color: var(--ink);
    }

    & .consult__item-title {
        margin-bottom: var(--sp5);
        font-size: var(--f25);
        color: var(--white);
    }

    & .consult__item p { max-width: 380px; }

    & .consult__contacts {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: var(--sp25);
    }

    & .consult__contact {
        display: flex; align-items: center;
        gap: var(--sp15);
    }

    & .consult__contact-icon {
        display: flex; flex: 0 0 auto; align-items: center; justify-content: center;
        width: 50px; height: 50px;
        background: var(--primary);
        border-radius: var(--r-full);
        color: var(--white);
    }

    & .consult__contact-label {
        display: block;
        font-family: var(--font-mona);
        font-weight: 500;
        color: var(--white);
    }

    & .consult__contact-value:hover { color: var(--white); }

    & .consult__form-card {
        position: relative;
        padding: var(--sp40);
        background: var(--white);
        border-radius: var(--r-xl);
        color: var(--body-text);
    }

    & .consult__form-badge {
        --notch-bg: var(--ink);
        --notch-r: var(--r-xl);

        & .notch-badge { background: var(--primary); color: var(--white); }
    }

    & .consult__form { margin-top: var(--sp10); }
    & .consult__submit { margin-top: var(--sp10); }

    & .consult__note { margin-top: var(--sp12); font-size: var(--f14); }

    & .consult__contact-value { color: inherit; }
}

/* =================================================================== CONSULT responsive =================================================================== */
@media (max-width: 1199.98px) {
    .consult {
        & .consult__panel { grid-template-columns: 1fr; padding: var(--sp60) var(--sp40); }
    }
}

@media (max-width: 575.98px) {
    .consult {
        & .consult__panel { padding: var(--sp40) var(--sp20); border-radius: var(--r-lg); }
        & .consult__contacts { grid-template-columns: 1fr; }
        & .consult__form-card { padding: var(--sp25) var(--sp20); }
        & .consult__form-badge { display: none; }
    }
}