.subcollection__wrapper {
    padding-block: 48px;

    @media screen and (min-width: 990px) {
        padding-block: 64px;
    }

    .subcollection__item {
        padding-inline: 16px;

        @media screen and (min-width: 990px) {
            padding-inline: 25px;
        }

        > h3 {
            font-size: 20px;
            line-height: 26px;
            margin-bottom: 33px;

            @media screen and (min-width: 990px) {
                font-size: 36px;
                line-height: 46px;
            }
        }
    }

    .subcollection__product-list {
        display: grid;
        grid-gap: 30px 8px;
        grid-template-columns: repeat(2, 1fr);

        @media screen and (min-width: 990px) {
            grid-gap: 46px 17px;
            grid-template-columns: repeat(4, 1fr);
        }
    }
}