.at-prodCatalog {
    position: relative
}

.at-prodCatalog::before {
    inset: 2em auto 0 40%;
    width: max(90%, 90vh);
}

.productList__itemList {
    margin: 0;
    padding: 0;
    list-style-type: '';
}

.productList__itemContent {
    height: 100%;
    padding: 1.6rem 2rem;
    border: 1px solid var(--indigo-50);
    border-radius: 1em;
    font-size: var(--size-normal);
    background: #fff;
}

.productList__image {
    width: 3em;
    margin-bottom: .6em;
    aspect-ratio: 1;
    object-fit: contain;
    object-position: left;
}

.productList__itemTitle {
    margin-bottom: .7rem;
    hyphens: auto;
}

.productList__itemSubTitle {
    display: block;
    padding-block: .2em;
    font: var(--font-regular) var(--size-small) / var(--size-small) var(--fam-text);
}

.productList__itemText {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    margin-bottom: .8em;
    overflow: clip;
}

@media (max-width: 969px) {
    .productList__itemList {
        display: flex;
        align-items: stretch;
    }

    .productList__itemContent {
        margin-inline: var(--colPadding);
    }

    .at-prodCatalog__catalogus {
        padding-inline: 0; /** tiny-slider */
        min-width: 100%;
        margin-inline: calc(-2 * var(--colPadding));
    }
}

@media (max-width: 840px) {
    .at-prodCatalog__catalogus {
        margin-inline: calc(-1 * var(--colPadding));
    }
}

@media (min-width: 970px) {
    .at-prodCatalog__sliderButtons {
        display: none;
    }

    .at-prodCatalog__introWrapper,
    .at-prodCatalog__catalogus {
        width: 50%;
    }

    .at-prodCatalog__introWrapper {
        position: sticky;
        top: 10rem;
        align-self: flex-start;
        padding-right: 10%;
    }

    .at-prodCatalog__inner {
        text-align: left;
    }

    .productList__item {
        margin: 0 0 4%;
    }

    @media (scripting: enabled) {
        .productList__item {
            display: block;
            width: 48%;
            float: left;
            clear: left;
        }

        .productList__item--right {
            float: right;
            clear: right;
        }
    }

    @media (scripting: none) {
        .productList__itemList {
            column-count: 2;
            column-gap: min(2.5em, 1vw);
        }

        .productList__item {
            break-inside: avoid-column;
        }
    }
}