.navigation {

    --_bg-clr: var(--black, #000000);
    background-color: var(--_bg-clr);

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;

    height: 6rem;

}

.navigation__list {
    display: none;
    flex-direction: row;

    margin-right: 40rem;
}

.navigation__link {
    display: none;

    color: var(--white);
    font-family: var(--ff-poppins);
    margin: 0 1.5rem;
}


.navigation__menu {
    width: 7rem;
}

.navigation__logo {
    width: 15rem;
    margin: 0 3rem;
}

.navigation__shop {
    width: 7rem;
}


.navigation__shop2 {
    display: none;
    width: 7rem;
}

.navigation__menu path,
.navigation__shop path,
.navigation__logo path,
.navigation__shop2 path {
    color: var(--white);
}

@media (min-width: 40rem) {
    .navigation__link {
        display: flex;
    }

    .navigation__menu {
        display: none;
    }

    .navigation__shop {
        display: none;
    }

    .navigation__shop2 {
        display: flex;
        margin-left: 18rem;
    }

    .navigation__list {
    display: flex;
   
}
}


/* css bonBonbon */

.navigation--bg-nav {
    --_bg-clr: var(--pink, #DB4D9A);
}