@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600&display=swap');
span.stock.stock-ko {    color: #cd8c07;    font-size: 1rem !important;}
span.icon.icon-stock-ko.icon__dot {    background: #facc6f;}
h1.we-align-center {
    font-family: 'Poppins', sans-serif;
}
h2 {
    font-family: 'Poppins', sans-serif;
}

.header.new-menu {
    background: url(https://media.cdnws.com/_i/351952/145/3704/46/ruchers-du-renard-bg.png) fixed;
}

footer#footer {
    background: url(https://media.cdnws.com/_i/351952/145/3704/46/ruchers-du-renard-bg.png) fixed, #2b2b2b;
}
h3 {
    font-family: 'Poppins', sans-serif;
}
.bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 60px 10px !important;
}
.bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 60px 10px !important;
}
.bloc2 {
    background: url(https://media.cdnws.com/_i/351952/RAW-54/113/54/0fichier-41.png) right top no-repeat;
    background-size: auto !important;

}

nav.nav {
    background-color: #facc6f;
    width: 100%;
    max-width: inherit;
}

.nav__maxWidth {}

a.nav__a.nav__itemlvl1 {color: #c67114;font-weight: 600;font-family: 'Poppins', sans-serif;}

.vign {
    /*background: url(https://media.cdnws.com/_i/351952/RAW-58/2863/58/0fichier-800.png) center center no-repeat !important;*/
    background-size: 91% !important;
    padding: 5px 130px !important;
}

.vign img.wizi-img__item.lazyloaded {
    opacity: 0 !important;
}

.vign .wizi-img__content:first-child {
    top: 0;
    background: url(https://media.cdnws.com/_i/351952/RAW-43/3706/43/nos-miels.png)center center no-repeat !important;
    background-size: 100%!important;
    /* transition: transform .5s !important; */
}


.vign .wizi-img__content:first-child:hover {
    top: 0;
    background: url(https://media.cdnws.com/_i/351952/RAW-64/3968/64/hover1.png)center center no-repeat !important;
    background-size: 75% !important;
}
.vign .wizi-img__content {
    transition: transform .5s !important;
}
.vign .wizi-img__content {
      top: 0;
      background: url(https://media.cdnws.com/_i/351952/RAW-91/3190/91/nos-p.png)center center no-repeat !important;
      background-size: 100% !important;
      /* transition: transform .5s !important; */
}
.vign .wizi-img__content:hover {
    top: 0;
    background: url(https://media.cdnws.com/_i/351952/RAW-92/737/92/nos2.png)center center no-repeat !important;
    background-size: 100% !important;
}

.vign .wizi-img__content:last-child {
    top: 0;
    background: url(https://media.cdnws.com/_i/351952/RAW-42/2859/42/coffrets.png)center center no-repeat !important;
    background-size: 100% !important;
    /* transition: transform .5s !important; */
}

.vign .wizi-img__content:last-child:hover {
    top: 0;
    background: url(https://media.cdnws.com/_i/351952/RAW-66/2972/66/vign3.png)center center no-repeat !important;
    background-size: 75% !important;
}

.vign {
    padding: 5px 40px !important;
}

header#header {
    /*background: url(https://media.cdnws.com/_i/351952/118/2682/19/ruchers-du-renard-header.png);*/
    background-position: center;
}

.header__relative {
    background-color: transparent!important;
}

.prod__relative {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.wizi-txt__background {
    min-width: 60%!important;
}

.prod-details__onglets {
    margin-top: 0px!important;
}

.prod-infos__wrapper {
    background-color: #FACC6F!important;
}

.header__triggerSearch .icon {
    background-image: url('https://media.cdnws.com/_i/351952/140/3599/41/ruchers-du-renard-loupe.png'); /* Remplace par l'URL de ton image */
    background-size: 20px 20px; /* Ajuste la taille de l'image */
    background-repeat: no-repeat;
    background-position: center;
    background-color: white; /* Fond blanc derrière l'image */
    display: inline-block; /* Assurer que l'élément est en ligne */
}

.header__cart__a {
    background-image: url('https://media.cdnws.com/_i/351952/139/1528/40/entete-panier.png') !important;!i;!; /* Remplacer par l'URL de votre image */
    background-size: 20px 20px; /* Ajuster la taille de l'image selon vos besoins */
    background-repeat: no-repeat;
    background-position: left center; /* Placer l'icône à gauche et centrer verticalement */
    padding-left: 30px; /* Ajouter de l'espace pour le texte à côté de l'image */
    display: inline-block; /* Assurer que l'élément reste en ligne */
    background-color: white;
    background-position: 5px center;
    height: 40px;
    background-size: auto;
    width: 50px;
}

/* TEST */
/* Ajouter l'image de fond à l'élément */
.header__account__a {
    background-image: url('https://media.cdnws.com/_i/351952/138/1497/39/entete-compte.png') !important;!i;!; /* URL de votre image */
    background-size: 20px 20px; /* Ajuster la taille de l'image */
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block; /* Assurer que l'élément reste en ligne */
    background-color: white; /* Optionnel, définir une couleur de fond */
    transition: background-image 0.3s ease; /* Transition douce pour l'effet */
    background-size: auto;
    height: 40px;
}

@media (min-width: 1024px) {
    .header__account__span {
        display: block;
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        -moz-align-items: flex-end;
        align-items: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end;
        min-width: 0;
        height: 26px;
        color: var(--text-on-body);
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        font-size: 1rem;
        line-height: 1.375rem;
        font-weight: 700;
        text-align: left;
        padding-right: 29px;
        background-image: none;
        -webkit-transition: .3s ease;
        -o-transition: .3s ease;
        transition: .3s ease;
    }
}

.header__account__a:hover {
    background-size: 70% !important;!importan;!importany;!importanyt;!i;!; /* L'image de fond disparaît au survol */
    transition: 0.05s ease-out;
}
@media (min-width: 1024px) and (max-width: 1460px) {
    .header {
        padding: 0 40px;
    }
}
@media (max-width: 1023px) {
    nav.nav {width: calc(100% - 58px);}
}