.paragraph--type--tiles-with-leads:not(.prizes) {
    padding: 48px var(--grid-padding) 56px;
    background-color: var(--color-gray-12);
    display: grid;
    grid-template-areas: "title navigation" "slider slider";
    grid-template-columns: 1fr 1fr;

    h1, .h1,
    h2, .h2,
    h3, .h3 {
        font-size: var(--font-size-32);
    }

    .field field--name-field-text {
        grid-area: title;
        max-width: 100%;

    }

    .temp-nav {
        display: none;
    }

    .field--name-field-links {
        max-width: 100%;
        grid-area: navigation;
        margin-left: auto;
        align-items: flex-end;

        .swiper-button-prev {
            margin-right: -12px;
        }
    }

    .swiperLeadTilesProcessed {
        margin-top: 24px;
        grid-area: slider;
        width: 100%;
    }


    &.no-desktop-swiper {
        .swiper-wrapper {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-gap: 24px 0;

            @media(max-width: 1100px) {
                grid-template-columns: repeat(2, 1fr);
            }
        }
    }
}

@media(max-width: 960px) {
    .paragraph--type--tiles-with-leads.no-desktop-swiper:not(.prizes) {
        .swiper-wrapper {
            display: flex;
            grid-template-columns: unset;
            grid-gap: 0;
        }
    }
}


@media(max-width: 1200px) {
    .paragraph--type--tiles-with-leads:not(.prizes) {
        grid-template-areas: "title" "slider" "navigation";
        grid-template-columns: 1fr;

        .field--name-field-links {
            margin-top: 24px;
        }
    }
}

@media(max-width: 550px) {
    .paragraph--type--tiles-with-leads:not(.prizes) {
        padding: 32px var(--grid-padding) 32px;

        h1, .h1,
        h2, .h2,
        h3, .h3 {
            font-size: var(--font-size-24);
        }


        .field--name-field-links {
            flex-direction: row-reverse;
            margin-left: 0;
            width: 100%;
            align-items: flex-end;
            margin-right: auto;
            justify-content: flex-end;
            gap: 12px;

            .field__item {
                flex-grow: 1;

                a {
                    width: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }
            }

            .swiper-button-prev {
                flex-grow: 0.5;
                order: 1;
                margin-right: -8px;
            }

            .swiper-button-next {
                flex-grow: 0.5;
            }
        }
    }
}