/* Add custom CSS styles below */ 
.mm-spn.mm-spn--navbar.mm-spn--main:where([dir=rtl],[dir=rtl] *):after {
    background-color: #2c4933;
  color: #fafcf1;
}
div.product-card__content > div.product-card__mini-cart.mt-2 > salla-add-product-button > div > salla-button > button{
  
    background: linear-gradient(-45deg, #2c4933, #c1d677, #2c4933, #c1d677);
    background-size: 300% 300%;
    animation: gradientAnimation 5s ease infinite;
    color: #ffffff !important;
    border: none;
    transition: all 0.3s ease-in-out;
}

@keyframes gradientAnimation {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
}
.navbar-brand img {
    animation: logoFloat 3s ease-in-out infinite;
    transition: all 0.4s ease;
}

/* Smooth floating + slight scale */
@keyframes logoFloat {
    0% {
        transform: translateY(0px) scale(1);
    }
    50% {
        transform: translateY(-6px) scale(1.05);
    }
    100% {
        transform: translateY(0px) scale(1);
    }
}

.navbar-brand img {
    animation: logoFloat 3s ease-in-out infinite;
    transition: all 0.4s ease;
}

/* Smooth floating + slight scale */
@keyframes logoFloat {
    0% {
        transform: translateY(0px) scale(1);
    }
    50% {
        transform: translateY(-6px) scale(1.05);
    }
    100% {
        transform: translateY(0px) scale(1);