.collection-products {

    padding:
        4rem 0 8rem;

}

.collection-products .collection-container {

    display:
        grid;

    grid-template-columns:
        1fr 1fr;

    gap:
        2rem;

}

.collection-product {

    display:
        block;

    text-decoration:
        none;

    color:
        inherit;

}

.collection-product__image {

    aspect-ratio:
        3 / 4;

    overflow:
        hidden;

    background:
        #F2F2F2;

}

.collection-product img {

    width:
        100%;

    height:
        100%;

    object-fit:
        cover;

    display:
        block;

}

.collection-product h3 {

    margin:
        1rem 0 .5rem;

    font-size:
        1rem;

    font-weight:
        400;

    line-height:
        1.2;

}

.collection-product__price {

    margin:
        0;

    color:
        #6D6D6D;

}

@media (min-width:1024px) {

    .collection-products {

        padding:
            6rem 0 10rem;

    }

    .collection-products .collection-container {

        grid-template-columns:
            repeat(4,
                1fr);

        gap:
            3rem;

    }

}