.card_info:hover
{
        background-color: #DE541E !important;
    color:white !important;
    cursor:pointer;
}
.card_info:hover h3
{
    color:white !important;
}
.card_info:hover span
{
    color:white !important;
}
.breed:hover{
     background-color: #DE541E !important;
    color:white !important;
    cursor:pointer;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); /* Shadow effect */
    transform: scale(1.05);
}
.breed:hover h3
{
    color:white !important;
}
.breed:hover span
{
    color:white !important;
}
.breed_but:hover{
        cursor:pointer;
}
.item_favor img:hover
{
            cursor:pointer;
            background-image: url(../image/favor_hover.png);
            background-size:auto; 
    background-position: center; 
    background-repeat: no-repeat;
        content: "";


}
.pointer
{
                cursor:pointer;
}
.non_hover:hover
{
                cursor:default;
     background-color: #F8F6F5 !important;
color: black;
}
.card:hover{
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); /* Shadow effect */
    transform: scale(1.05);
}
.card_breed:hover{
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); /* Shadow effect */
    transform: scale(1.05);
}
.card:hover .card_info
{
        background-color: #DE541E !important;
    color:white !important;
    cursor:pointer;
}
.card:hover h3
{
    color:white !important;
}
.card:hover span
{
    color:white !important;
}
.no_hov:hover{
    box-shadow:none !important;
    transform:none !important;
}
.no_hov img:hover{
        transform: scale(1.5);

}
.ill:hover {
    background-color: #F8F6F5 !important; /* Light gray background on hover */
    transition: background-color 0.3s ease; /* Smooth transition */
}.ill:hover h3
{
    color:#DE541E !important;
}
.ill:hover span
{
    color:#8C857F !important;
}
.basket_item:hover{
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); /* Shadow effect */
    transform: scale(1.05);
}
.client:hover
{
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); /* Shadow effect */
    transform: scale(1.05);
}
.order:hover{
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); /* Shadow effect */
    transform: scale(1.05);
}