.process-block .block-content {
    padding: 60px 20px 70px;
    gap: 30px;
}

.process-block .block-header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    align-self: stretch;
}

.process-block .block-header .font-section-title {
    width: 406px;
}

.process-block .block-header .font-step-body {
    width: 355px;
}

.process-block .content {
    background: var(--Surface-White, #FFF);
    box-shadow: 0 4px 60px 0 rgba(132, 136, 139, 0.17);
    padding: 38px 36px 30px;
    align-self: stretch;
    display: grid;
    /* Пропорции колонок по Figma (396/339/313): auto растягивало первую колонку по max-content описаний. */
    grid-template-columns: 396fr 339fr 313fr;
    gap: 20px 40px;
}

.process-block .item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    position: relative;
}

/* Правка по фидбеку: заголовки шагов на десктопе — в одну строку (на ≤1439 колонки уже, перенос разрешён). */
.process-block .item h3 {
    white-space: nowrap;
}

.process-block .line {
    width: 100%;
    height: 1px;
    background: rgba(193, 178, 143, 0.30);
}

/*.process-block .item:nth-child(4):after,*/
/*.process-block .item:nth-child(5):after,*/
/*.process-block .item:nth-child(6):after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: -20px;*/
/*    width: 100%;*/
/*    height: 1px;*/
/*    background: rgba(193, 178, 143, 0.30);*/
/*}*/

.process-block .item:nth-child(1):after,
.process-block .item:nth-child(2):after {
    content: "";
    position: absolute;
    left: calc(100% + 20px);
    top: 6px;
    height: 134px;
    width: 1px;
    background: rgba(193, 178, 143, 0.30);
}

.process-block .item:nth-child(7):after,
.process-block .item:nth-child(8):after {
    content: "";
    position: absolute;
    left: calc(100% + 20px);
    top: 0;
    height: 134px;
    width: 1px;
    background: rgba(193, 178, 143, 0.30);
}

@media (max-width: 1439px) {
    .process-block .block-content {
        padding: 40px 20px;
        gap: 20px;
    }

    .process-block .content {
        grid-template-columns: 309px 1fr 1fr;
    }

    .process-block .item h3 {
        white-space: normal;
    }

    .process-block .item:nth-child(1):after,
    .process-block .item:nth-child(2):after,
    .process-block .item:nth-child(7):after,
    .process-block .item:nth-child(8):after {
        max-height: calc(100% + 10px);
    }
}

@media (max-width: 989px) {
    .process-block .block-content {
        padding: 60px 20px;
        gap: 36px;
    }

    .process-block .block-header {
        flex-direction: column;
        gap: 20px;
        align-items: flex-start;
        max-width: 450px;
        align-self: center;
    }

    .process-block .content {
        padding: 0;
        background: transparent;
        box-shadow: none;
        display: flex;
        flex-direction: column;
        gap: 20px;
        max-width: 450px;
        align-self: center;
    }

    .process-block .line {
        display: none;
    }

    .process-block .item:after {
        content: '';
        width: 100% !important;
        position: unset !important;
        height: 1px !important;
        background: rgba(193, 178, 143, 0.30);
        margin-top: 12px;
    }

    .process-block .item:last-child:after {
        display: none;
    }

    .process-block .block-header .font-section-title {
        width: 100%;
    }
}