/*.zoom functionality*/
.animation {
    animation: fade .5s ease-in-out 0s 1 alternate;
}

.add_to_cart_note {
    font-weight: bold;
    font-size: 12px;
    color: red
}

.zoom {
    overflow: hidden;
    cursor: zoom-in;
}

    .zoom img:hover {
        opacity: 0;
    }

    .zoom img {
        transition: opacity 0.5s;
        display: block;
        width: 100%;
    }


/*.zoom functionality*/




/*Start Product Colours*/ 

.fHbA-dd {
    display: flex;
    flex-wrap: wrap;
    margin: -10px 0 0 -10px
}

.lormyf {
    padding: 10px 0 0 10px
}

    .lormyf button {
        position: relative;
        border-radius: 2px;
        padding: 8px 16px;
        max-width: 140px;
        font-weight: 700;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        border: 1px solid #e2e5f1;
        border-radius: 50%;
        padding-right: 12px;
        padding-left: 12px;
        outline: 1px dashed #000;
        width: 50px;
        height: 50px
    }

.colour_desc_hover {
    background-color: #000;
    padding: 2px;
    color: #fff;
    font-size: 10px;
    margin-top: 5px;
    border-radius: 8px;
    position: relative;
    visibility: hidden
}

    .colour_desc_hover::after {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        left: 20px;
        top: -5px;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #000
    }

.lormyf:hover .colour_desc_hover {
    visibility: visible !important;
    transition: all .4s ease-in-out;
    animation: fade .3s ease-in-out 0s 1 alternate
}

.active_button {
    opacity: .5;
}

/*End Product Colours*/



/*Start featured__filter*/
.featured__filter{
    justify-content:center 
}

/*End featured__filter*/