:root {
    --collections-feat-card-padding: 20px;
}

.collections.featured.card .field--label {
    font-size: 12px;
}

@media only screen and (min-width: 992px) {


    .collections.featured.card {
        display: grid;
        grid-template-columns: auto auto;
        padding: 0;
        box-shadow: initial;
        grid-gap: 20px;
        background: transparent;
    }

    .collections.featured.card:before,
    .collections.featured.card:after {
        display: none;
    }

    .collections.featured.card .card__header,
    .collections.featured.card .card__footer {
        margin: 0;
        border-radius: var(--card-border-radius);
        padding: var(--collections-feat-card-padding);
        box-shadow: var(--card-box-shadow);
    }


    .collections.featured.card .card__header {
        grid-column-start: 2;
        grid-row-start: 1;
        min-width: 620px;
        padding: 0;
    }

    .collections.featured.card .card__footer {
        display: flex;
        flex-direction: column;
    }

    .collections.featured.card .card__footer .field:last-child {
        flex-grow: 1;
        display: flex;
        align-items: flex-end;
    }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .collections.featured.card .card__header {
        aspect-ratio: unset;
    }
}

@media only screen and (min-width: 1200px) {
    .collections.featured.card .card__header {
        min-width: 870px;
    }
}