.category-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-top: 70px;
    row-gap: 32px;
    column-gap: 20px;
}
.category__card {
    box-shadow:
        0px 2px 5px 0px rgba(214, 214, 224, 0.1),
        0px 9px 9px 0px rgba(214, 214, 224, 0.09),
        0px 19px 12px 0px rgba(214, 214, 224, 0.05),
        0px 34px 14px 0px rgba(214, 214, 224, 0.01),
        0px 54px 15px 0px rgba(214, 214, 224, 0);
    display: flex;
    flex-direction: column;
    width: 305px;
    border-radius: 12px;
    border: 1px solid var(--gray);
    overflow: hidden;
}

.category__img-bg {
    background: var(--gray);
    overflow: hidden;
    width: 305px;
    height: 194px;
}

.category__img-bg picture {
    display: block;
    width: 100%;
    height: 100%;
}

.category__img-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.category__content {
    padding: 20px 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.category__product {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (max-width: 1439px) {
    .category__card {
        width: 180px;
        border-radius: 8px;
    }
    .category__img-bg {
        width: 180px;
        height: 130px;
    }
    .category__content {
        padding: 8px 12px;
    }

    .category-wrapper {
        justify-content: center;
        gap: 20px;
    }
}

.category-intro {
    margin-top: 16px;
    max-width: 880px;
}