.at-processSteps .g-gridContainer__inner.--1col {
    grid-template-columns: 1fr !important; /* because of specific styling from ".variantSidebar .main__content .content .g-gridContainer__inner" */
}

/**
 * Items
 */

.at-processSteps__item {
    display: flex;
    flex-direction: column;
    gap: var(--marginSmallMedium);
    padding: 1.25rem;
    border-radius: var(--borderRadiusSmall);
    background-color: var(--baseLight100);
}

/**
 * First item
 */

.at-processSteps__item:first-child {
    gap: var(--marginExtraSmall);
    padding: min(2.5rem, 4vw);
    padding-block-start: 1.25rem;
    border: 1px solid oklch(1 0 0 / 0.3);
    border-radius: .65rem;
    backdrop-filter: blur(5px);
    background-color: oklch(0.73 0.1 205.5 / .2) !important;

    & .at-processSteps__title {
        font-size: var(--h2Size);
    }

    & .at-processSteps__number {
        font-size: 6rem;
        color: var(--baseLight100);
    }
}

/**
* First item wider in 4-column layout
*/

@container (min-width: calc((256px * 4) + (2rem * 3))) {
    .at-processSteps .g-gridContainer__inner.--4col {
        grid-template-columns: 4fr 3fr 3fr 3fr;
    }
}

.at-processSteps__number {
    font-size: var(--h2Size);
    font-weight: 700;
    line-height: 1;
    color: var(--clr-green);
}

.at-processSteps__title {
    margin: 0;
}

.at-processSteps__text {
    margin-bottom: 0;
}