.header-filter{
    padding: 3rem !important;
    background-color: #fff4e6;
}

.card-item{
    border-radius: 35px;
    background-color: #eaeaea;
    border: none;
    margin-right: 2rem;
    display: inline-block;
    transition: transform 0.3s ease;
}

.card-item:hover{
    background-color: white;
    box-shadow: #0000004d 0px 19px 40px, #00000038 0px 15px 12px;
    transition: scale(1.1);
}

.cart-and-wishlist{
    text-align: center;
    margin-left: 0.50rem;
}

.btn-add-to-cart{
    font-weight: bold;
    border: none;
    border-radius: 20px;
    background: linear-gradient(90deg, rgba(110, 230, 182, 1) 0%, rgba(117, 159, 207, 1) 100%);
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 32px;
    padding-right: 32px;
    color: white;
}

.btn-add-to-cart:hover{
    font-weight: bold;
    border: none;
    border-radius: 20px;
    background: linear-gradient(90deg, rgb(89, 199, 155) 0%, rgb(90, 126, 167) 100%);
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 32px;
    padding-right: 32px;
    color: white;
}

.btn-add-to-cart:active{
    font-weight: bold;
    border: none;
    border-radius: 20px;
    background: linear-gradient(90deg, rgb(76, 179, 138) 0%, rgb(84, 121, 163) 100%);
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 32px;
    padding-right: 32px;
    color: white;
}

.btn-add-to-wishlist{
    border: none;
    background-color: white;
    color: #aaa;
    font-size: 14pt;
}

/* Desktop */
@media (min-width: 1200px) {
    .img-item {
        max-width: 100%;
    }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1199px) {
    .img-item {
        max-width: 100%;
    }
}

/* Mobile */
@media (min-width: 450px) and (max-width: 767px) {
    .img-item {
        max-width: 100%;
    }
}

@media (min-width: 581px) and (max-width: 632px) {
    .img-item {
        max-width: 194px;
    }

    .btn-add-to-cart{
        font-weight: bold;
        border: none;
        border-radius: 20px;
        background: linear-gradient(90deg, rgba(110, 230, 182, 1) 0%, rgba(117, 159, 207, 1) 100%);
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 32px;
        padding-right: 32px;
        color: white;
        font-size: 10pt;
    }

    .btn-add-to-cart:hover{
        font-weight: bold;
        border: none;
        border-radius: 20px;
        background: linear-gradient(90deg, rgb(89, 199, 155) 0%, rgb(90, 126, 167) 100%);
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 32px;
        padding-right: 32px;
        color: white;
        font-size: 10pt;
    }

    .btn-add-to-cart:active{
        font-weight: bold;
        border: none;
        border-radius: 20px;
        background: linear-gradient(90deg, rgb(76, 179, 138) 0%, rgb(84, 121, 163) 100%);
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 32px;
        padding-right: 32px;
        color: white;
        font-size: 10pt;
    }

    .btn-add-to-wishlist{
        border: none;
        background-color: white;
        color: #aaa;
        font-size: 13pt;
        padding-top: 7px;
        padding-bottom: 7px;
    }
}

@media (min-width: 500px) and (max-width: 580px) {
    .img-item {
        max-width: 167px;
    }

    .btn-add-to-cart{
        font-weight: bold;
        border: none;
        border-radius: 20px;
        background: linear-gradient(90deg, rgba(110, 230, 182, 1) 0%, rgba(117, 159, 207, 1) 100%);
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 15px;
        padding-right: 15px;
        color: white;
        font-size: 10pt;
    }

    .btn-add-to-cart:hover{
        font-weight: bold;
        border: none;
        border-radius: 20px;
        background: linear-gradient(90deg, rgb(89, 199, 155) 0%, rgb(90, 126, 167) 100%);
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 15px;
        padding-right: 15px;
        color: white;
        font-size: 10pt;
    }

    .btn-add-to-cart:active{
        font-weight: bold;
        border: none;
        border-radius: 20px;
        background: linear-gradient(90deg, rgb(76, 179, 138) 0%, rgb(84, 121, 163) 100%);
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 15px;
        padding-right: 15px;
        color: white;
        font-size: 10pt;
    }

    .btn-add-to-wishlist{
        border: none;
        background-color: white;
        color: #aaa;
        font-size: 13pt;
        padding-top: 7px;
        padding-bottom: 7px;
    }
}

@media (min-width: 450px) and (max-width: 499px) {
    .img-item {
        max-width: 140px;
    }

    .btn-add-to-cart{
        font-weight: bold;
        border: none;
        border-radius: 20px;
        background: linear-gradient(90deg, rgba(110, 230, 182, 1) 0%, rgba(117, 159, 207, 1) 100%);
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 15px;
        padding-right: 15px;
        color: white;
        font-size: 10pt;
    }

    .btn-add-to-cart:hover{
        font-weight: bold;
        border: none;
        border-radius: 20px;
        background: linear-gradient(90deg, rgb(89, 199, 155) 0%, rgb(90, 126, 167) 100%);
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 15px;
        padding-right: 15px;
        color: white;
        font-size: 10pt;
    }

    .btn-add-to-cart:active{
        font-weight: bold;
        border: none;
        border-radius: 20px;
        background: linear-gradient(90deg, rgb(76, 179, 138) 0%, rgb(84, 121, 163) 100%);
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 15px;
        padding-right: 15px;
        color: white;
        font-size: 10pt;
    }

    .btn-add-to-wishlist{
        border: none;
        background-color: white;
        color: #aaa;
        font-size: 13pt;
        padding-top: 7px;
        padding-bottom: 7px;
    }
}

@media (min-width: 416px) and (max-width: 449px) {
    .img-item {
        max-width: 138px;
    }

    .btn-add-to-cart{
        font-weight: bold;
        border: none;
        border-radius: 20px;
        background: linear-gradient(90deg, rgba(110, 230, 182, 1) 0%, rgba(117, 159, 207, 1) 100%);
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 15px;
        padding-right: 15px;
        color: white;
        font-size: 10pt;
    }

    .btn-add-to-cart:hover{
        font-weight: bold;
        border: none;
        border-radius: 20px;
        background: linear-gradient(90deg, rgb(89, 199, 155) 0%, rgb(90, 126, 167) 100%);
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 15px;
        padding-right: 15px;
        color: white;
        font-size: 10pt;
    }

    .btn-add-to-cart:active{
        font-weight: bold;
        border: none;
        border-radius: 20px;
        background: linear-gradient(90deg, rgb(76, 179, 138) 0%, rgb(84, 121, 163) 100%);
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 15px;
        padding-right: 15px;
        color: white;
        font-size: 10pt;
    }

    .btn-add-to-wishlist{
        border: none;
        background-color: white;
        color: #aaa;
        font-size: 13pt;
        padding-top: 7px;
        padding-bottom: 7px;
    }
}

@media (max-width: 415px) {
    .img-item {
        max-width: 120px;
    }

    .btn-add-to-cart{
        font-weight: bold;
        border: none;
        border-radius: 20px;
        background: linear-gradient(90deg, rgba(110, 230, 182, 1) 0%, rgba(117, 159, 207, 1) 100%);
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 8px;
        padding-right: 8px;
        color: white;
        font-size: 10pt;
    }

    .btn-add-to-cart:hover{
        font-weight: bold;
        border: none;
        border-radius: 20px;
        background: linear-gradient(90deg, rgb(89, 199, 155) 0%, rgb(90, 126, 167) 100%);
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 8px;
        padding-right: 8px;
        color: white;
        font-size: 10pt;
    }

    .btn-add-to-cart:active{
        font-weight: bold;
        border: none;
        border-radius: 20px;
        background: linear-gradient(90deg, rgb(76, 179, 138) 0%, rgb(84, 121, 163) 100%);
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 8px;
        padding-right: 8px;
        color: white;
        font-size: 10pt;
    }


    .btn-add-to-wishlist{
        border: none;
        background-color: white;
        color: #aaa;
        font-size: 13pt;
        padding-top: 7px;
        padding-bottom: 7px;
    }
}