.category-list {
    list-style-type: none;
    padding: 0;
}

.category-item {
    cursor: pointer;
    padding: 10px;
    background-color: white;
    margin-bottom: 5px;
    border-radius: 5px;
    transition: background-color 0.3s;
}

.category-item:hover {
    background-color: var(--background-addition-color);
}

.category-item-flex {
    display: none;
    flex-direction: column;
    margin-left: 0px;
}

.subcategory-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 10px;
}

.subcategory-card {
    display: flex;
    align-items: center;
    max-width: 300px;
    background-color: var(--background-main-color); /* Card background */
    border: 1px solid var(--card-secondary-border-color); /* Card border */
    border-radius: 5px; /* Rounded corners */
    padding: 5px; /* Inner padding */
    text-align: center; /* Center text */
    transition: transform 0.2s; /* Smooth hover effect */
    cursor: pointer; /* Change cursor to pointer */
    text-decoration: none;
    color: var(--text-addition-color); /* Default text color */
}

.subcategory-card:hover {
    background-color: #f0f3f8 /* Slightly enlarge on hover */
}

.subcategory-card-image {
    width: 50px;
    height: 50px;
    border-radius: 5px;
    margin-right: 10px;
}

.subcategory-card-name {
    font-size: 16px;
}