.category__wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 0.75rem;
}


.category__list {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.category__list--half {
    grid-template-columns: repeat(2, 1fr);
}

.category__list--quarter {
    grid-template-columns: repeat(4, 1fr);
}

@media (min-width:36em) {}

@media (min-width:48em) {
    .category__list {
        display: grid;
        row-gap: 3rem;
        column-gap: 0.75rem;
    }
    .category__wrapper {
        row-gap: 3rem;
    }
}

@media (min-width:62em) {}

@media (min-width:75em) {}