/* START HEADER */
@media (min-width: 1024px) {
    .header__logo img {
        max-height: 120px !important;
    }
}
@media (min-width: 1024px) {
    .header__logo__a .picture--left {
        height: 120px !important;
    }
}
@media only screen and (max-width: 768px) {
    #b519acaf-aa13-4e9b-8e95-fe70e0b203a8 .wizi-img__item {
        width: 100%;
        height: auto;
        object-fit: cover;
        object-position: calc(100% - -110px) center;
    }
}
/* END HEADER */
@media only screen and (max-width: 768px) {
    .bloc8 .wiziblocks__item__maxWidth {
        padding: 40px !important;
    }
}

div#eec699fb-c2c1-4712-85c2-8875088863f0 {
    padding: 40px 0 !important;
}
.filter {
    background: #3E2723 !important;
    border-radius: 15px;
}
@media (min-width: 1024px) {
    .prod-details__name {
        font-size: 2rem;
    }
}
.wiziBtn__wrapper {
    justify-content: flex-start;
}
.wiziBtn {
    color: #37231F !important;
    background-color: #ffffff !important;
}
.wiziBtn:hover {
    color: white !important;
}
@media (min-width: 1024px) {
    .prod-list__title {
        font-size: 2rem;
    }
}
.bloc3 {
  background-color: #3E2723;
}
.bloc7 .wizi-wrapper {
    background-color: #3E2723;
}
.bloc4 .wizi-wrapper {
    background-color: #3E2723;
}
.bloc8 {
    background-color: transparent !important;
    z-index: 3 !important;
}
.bloc8 .wiziblocks__item__maxWidth {
    margin-left: auto;
    margin-right: auto;
}
@media only screen and (min-width: 1024px) {
    .bloc8 .wiziblocks__item__maxWidth {
        width: 50%;
    }
}
.bloc8 .wiziblocks__item__maxWidth {
    background-color: white;
    padding: 100px;
    margin-top: -20px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
}

/* SCROLLING */
@media (max-width: 2100px) and (min-width: 1200px) {
      .bloc4 .wizi-imgtxt__left {
        animation: slide2 linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 30%;
    }
}
 @keyframes slide2 {
  from{
  transform: translateX(-100%);
  opacity:0;
  }
  to {
  transform: translateX(0%);
  opacity:1;
  }
}
@media (max-width: 2100px) and (min-width: 1200px) {
      .bloc7 .wizi-imgtxt__right {
        animation: slide3 linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 30%;
    }
}
 @keyframes slide3 {
  from{
  transform: translateX(100%);
  opacity:0;
  }
  to {
  transform: translateX(0%);
  opacity:1;
  }
}

/* BANNER MOBILE */
@media (max-width: 768px) {
  #b519acaf-aa13-4e9b-8e95-fe70e0b203a8 .wizi-wrapper picture,
  #b519acaf-aa13-4e9b-8e95-fe70e0b203a8 .wizi-wrapper img {
    display: none;
  }
  #b519acaf-aa13-4e9b-8e95-fe70e0b203a8 .wizi-wrapper {
    background-image: url('https://media.cdnws.com/_i/391664/111/2528/12/crea-sl-supply-paris-banniere-mobile.jpeg');
    background-size: cover;
    background-position: center;
  }
}