#manual-product-list {
    display: flex;
    flex-wrap: wrap;
    gap: 3%;
    row-gap: 30px;
    text-decoration: none !important;
}

#manual-product-list .product-container .product {
    width: 260px;
    border: 1px solid #e0e0e0;
    height: 100%;
    display: flex;
    flex-direction: column;
}

#manual-product-list .product-container .product:hover {
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
    transition: box-shadow 500ms;
}

#manual-product-list .product-container .product .product-info {
    padding: 30px;
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: end;
}

#manual-product-list .product-container .product .product-info .product-type {
    color: #444444;
    font-family: "Montserrat", Sans-serif;
    font-size: 80%;
}

#manual-product-list .product-container .product .product-info .product-type::before {
    content: "";
    position: absolute;
    transform: translateY(-50%);
    width: 20px;
    height: 1px;
    background-color: #444444;
}

#manual-product-list .product-container .product .product-info .product-name {
    color: #444444;
    font-family: "Montserrat", Sans-serif;
    font-size: 100%;
}

#manual-product-list .product-container .product .product-info .product-type:hover,
#manual-product-list .product-container .product .product-info .product-name:hover {
    color: #a78bd1;
    text-decoration: none !important;
    transition: color 500ms;
}

#manual-product-list .product-container .product .product-info .product-price {
    color: #444444;
    font-family: "Montserrat", Sans-serif;
    font-size: 120%;
    font-weight: 700;
}

#manual-product-list .product-container .product-image img {
    width: 260px;
    height: 260px;
    object-fit: cover;
}

div.paginate-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 4rem;
}

.paginate-container .paginate {
    display: flex;
    flex-direction: row;
    list-style-type: none;
    padding-left: 0;
    gap: 1%;
}

.paginate-container .paginate button {
    color: #000;
}

.paginate-container .paginate .prev-button {
    border-radius: 20px 0 0 20px;
    background-color: #e0e0e0;
    border: solid 1px #000;
}

.paginate-container .paginate .page-button {
    background-color: #fff;
    border: solid 1px #000;
}
.paginate-container .paginate .page-button:hover,
.paginate-container .paginate .prev-button:hover,
.paginate-container .paginate .next-button:hover {
    background-color: #9b8bcc;
    transition: background-color 500ms;
}

.paginate-container .paginate .page-button.active {
    background-color: #000;
    color: #fff;
}
.paginate-container .paginate .page-button.active:hover {
    background-color: #000;
}

.paginate-container .paginate .next-button {
    border-radius: 0 20px 20px 0;
    background-color: #e0e0e0;
    border: solid 1px #000;
}

.isDisabled {
    color: currentColor !important;
    cursor: not-allowed !important;
    opacity: 0.5 !important;
    text-decoration: none !important;
}

#products-filter-form .filter-row {
    display: flex;
    flex-direction: row;
}

#products-filter-form .first-row {
    justify-content: space-between;
    border-bottom: solid 1px #eff6ff;
    padding-bottom: 20px;
}

#products-filter-form .filter-container {
    margin: 3rem 0 3rem 0;
}

#products-filter-form .first-row .filter-title {
    font-family: 'Montserrat';
}

#products-filter-form .second-row {
    padding-top: 20px;
    justify-content: center;
    gap: 2%;
}

#products-filter-form .filter-search-container {
    align-items: center;
    display: flex;
    gap: 2%;
}

#products-filter-form .filter-search-container .button-submit {
    background-color: #eeeffb;
    padding: 5px;
    border-radius: 20px;
}

#products-filter-form .input-box {
    border-radius: 30px;
}

#products-filter-form .select-box {
    border-radius: 30px;
}

#manual-product-list {
    justify-content: center;
}

@media only screen and (max-width: 1024px) {

    #manual-product-list .product-container .product-image img {
        width: 140px;
        height: 140px;
    }

    #manual-product-list .product-container .product {
        width: auto;
    }

    #manual-product-list .product-container .product .product-info .product-name {
        font-size: 90%;
    }

    .product a {
        width: 140px;
    }

    #products-filter-form .first-row {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}