/* Add custom CSS styles below */ 
@media (min-width: 1024px) {
    .lg\:grid-cols-6 {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}
/*----logo size---*/
@media (min-width: 480px) {
    .navbar-brand img {
        max-width: 84px !important;
        max-height: 100% !important;
    }
}

*/----product Hover Animation----*/
custom-salla-product-card{
    position: relative;
    border: 1px solid transparent;
    border-radius: 18px;
    transition:
        transform 0.45s cubic-bezier(0.16, 1, 0.3, 1),
        box-shadow 0.45s ease,
        border-color 0.35s ease;
}

custom-salla-product-card:hover {
    transform: translateY(-7px) scale(1.01);
    border-color: rgba(0, 0, 0, 0.12);
    box-shadow: 0 16px 35px rgba(0, 0, 0, 0.10);
}
/*----------Main menu---------------------*/
@media only screen and (min-width: 1024px) {
    .fixed-pinned .main-menu {
        padding-top: 10px !important;
    }
}