@media (min-width: 1024px) {
    .nav__itemlvl1 {
        color: black;
    }
}

@media screen and (min-width: 1025px) {
  .prod-list__left {
    border: 3px solid black;
    padding: 10px;
    border-radius: 15px;
  }
}

@media (min-width: 1024px) {
    .prod-details__name {
        font-size: 2rem;
    }
}

@media screen and (min-width: 1025px) {
  .prod-list__right {
    background-color: white;
    margin: 0px 30px;
    padding: 40px;
    border-radius: 15px;
  }
}

.gallery__primary__wrapper {
    padding-top: 70%;
}

div#\33 3b83cea-fe2b-4aa5-8ac4-59a29083afc8 .wiziBtn__wrapper {
    justify-content: flex-start;
}

div#\34 e5be160-2122-4e39-b6f7-e2e69aa79833 .wiziblocks__item__maxWidth {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: transparent;
}

div#\34 e5be160-2122-4e39-b6f7-e2e69aa79833 {
    background-color: white;
    padding: 20px 0px;
    z-index: 4;
}

@media (min-width: 720px) {
    div#\35 d034399-207f-45cb-9df2-b1f7496d052e .wizi-wrapper--textOnImg.wizi-wrapper--small {
        min-height: 24vw;
    }
}

div#\38 e139532-3e76-4cfa-ba3b-e810b8e079e9 {
    border-top: 3px solid black;
}

div#\33 3b83cea-fe2b-4aa5-8ac4-59a29083afc8 {
    padding: 40px 0px !important;
}

div#\33 3b83cea-fe2b-4aa5-8ac4-59a29083afc8 {
    padding: 0;
    margin: 0 !important;
}

div#e5b0bac2-da65-455c-8db0-84b27f50ec9e .wizi-imgtxt__left {
    background-color: white;
    border-radius: 15px;
}

div#a4fdf60d-8737-4dc1-802e-32c94924f229 .wizi-txt__background {
    border-radius: 15px;
}

@media screen and (min-width: 1024px) {
  div#a4fdf60d-8737-4dc1-802e-32c94924f229 .wizi-txt.wizi-txt--withBg.wizi-txt--large {
    padding-right: 500px;
    margin-top: 230px;
  }
}

@media screen and (min-width: 1024px) {
  div#a4fdf60d-8737-4dc1-802e-32c94924f229 .wizi-txt__background {
    padding: 30px;
    padding-right: 130px;
  }
}

@media (min-width: 1024px) {
    .header__logo__a .picture--left {
        height: 90px !important;
    }
}

@media screen and (max-width: 1023px) {
  div#d998935b-d729-4557-84e1-190ed8540716 {
    display: none;
  }
}

@media (min-width: 720px) {
    div#\38 e139532-3e76-4cfa-ba3b-e810b8e079e9 .wizi-img--triple .wizi-img__content {
        width: calc(33.33% - 0px);
    }
}

a.nav__itemlvl1.nav__itemlvl1--with-subnav {
    color: black;
}

@media (min-width: 1024px) {
    .header__logo img {
        max-height: 90px !important;
    }
}

.reassurance__wrapper {
    background-color: white;
}

.footer__wrapper__bloc__logo img {
    max-height: 100px;
}

div#\31 4c61390-bf9a-4aa2-8695-11f48fdea00c {
    background-color: white;
    padding: 20px 0px;
}

div#\31 4c61390-bf9a-4aa2-8695-11f48fdea00c .wiziblocks__item__maxWidth {
    background-color: transparent;
}

@media screen and (min-width: 1024px) {
  nav.nav {
    position: absolute !important;
    z-index: 4;
    background-color: transparent;
    top: 90px !important;
  }
}

@media (min-width: 1024px) {
    .margin-top-wiziblocks #c1-body .body__wrapper--withoutPadding .wiziblocks__item.margin-top-small, .margin-top-wiziblocks #c1-body .wrapperPage__right .wiziblocks__item.margin-top-small {
        margin-top: -2px !important;
    }
}

@media (max-width: 719px) {
    .margin-top-wiziblocks #c1-body .body__wrapper--withoutPadding .wiziblocks__item.margin-top-small, .margin-top-wiziblocks #c1-body .wrapperPage__right .wiziblocks__item.margin-top-small {
        margin-top: 0px !important;
    }
}

@keyframes waveWizi {
  0% {
    background-position-x: 0;
  }
  100% {
    background-position-x: -1600px;
  }
}

@keyframes swellWizi {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

@media (min-width: 1024px) {
  .header__triggerSearch .icon {
    background: transparent 50% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.059 11.965a.835.835 0 01-.115.971l-4.5 4.5a1.5 1.5 0 102.121 2.121l4.5-4.5a.84.84 0 01.977-.113 3.491 3.491 0 00.457.252 8 8 0 10-3.688-3.684 3.48 3.48 0 00.248.453zM12 13a5 5 0 115-5 5 5 0 01-5 5z' fill='%23000'/%3E%3C/svg%3E");
  }
}

@media (min-width: 1024px) {
  .header__account__span {
    background: transparent 50% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.999' height='20.002'%3E%3Cpath d='M12.058 20.001H5.94c-3.279 0-5.939.177-5.939-3.1a5.928 5.928 0 015.392-5.9c.025 1.079 1.63 1.951 3.606 1.951s3.582-.872 3.606-1.951a5.93 5.93 0 015.394 5.9c0 2.953-2.167 3.1-5 3.1zM4.047 4.945A4.948 4.948 0 018.997.001a4.948 4.948 0 014.953 4.944c0 2.728-2.217 6.833-4.953 6.833s-4.95-4.106-4.95-6.834z' fill='%23000'/%3E%3C/svg%3E");
  }
}

.header__cart__a {
  background: transparent 50% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='20'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23000%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M1.149 20h13.68a1.1 1.1 0 001.167-1.116l-1.167-12.82a1.114 1.114 0 00-1.144-.947h-.834v2.316a1.657 1.657 0 01-3.288 0V5.115h-3.1v2.316a1.657 1.657 0 01-3.288 0V5.115h-.834a1.121 1.121 0 00-1.167.947L.007 18.884A1.055 1.055 0 001.149 20z'/%3E%3Cpath class='a' d='M4.796 8.168a.761.761 0 00.81-.715V3.537a2.377 2.377 0 014.718 0v3.894a.816.816 0 001.62 0V3.536A3.713 3.713 0 007.986 0a3.786 3.786 0 00-4 3.537v3.894a.778.778 0 00.811.737z'/%3E%3C/svg%3E");
}

.footer__wrapper {
    background-color: white;
}

.powered {
    background: black;
}

.powered__p {
    color: white;
}

.powered__p a, .powered__p span {
    color: white;
}

@media screen and (min-width: 1024px) {
  div#d998935b-d729-4557-84e1-190ed8540716 {
    margin-top: -360px !important;
    z-index: 4;
    background-color: transparent;
    margin-bottom: -46px !important;
  }
}

/* ANIMATED */
div#\34 30f072b-ba9a-46ff-b85a-de59a65cab9a {
    z-index: 3;
    margin: 0px !important;
    padding: 0px !important;
}

body > div#\34 30f072b-ba9a-46ff-b85a-de59a65cab9a div {
  position: fixed !important;
  width: 100% !important;
  height: 10px !important;
  left: 0px !important;
  top: 50% !important;
  transform: translatey(-50%) !important;
  background: white !important;
  box-shadow: 0px 5px 10px white, 0px -5px 10px white !important;
}

div#\34 30f072b-ba9a-46ff-b85a-de59a65cab9a div > div {
  width: 40px;
  height: 40px;
  background: white;
  border-radius: 50%;
  box-shadow: 0px 5px 10px white, 0px -5px 10px white, 5px 0px 10px white,
    -5px 0px 10px white, 10px 0px 20px white, -10px 0px 20px white,
    20px 0px 30px white, -20px 0px 30px white, 10px 10px 30px white,
    -10px -10px 30px white, -10px 10px 30px white, 10px -10px 30px white;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translatey(-50%);
  transition: 0.3s;
  animation-name: light;
  animation-duration:20s;
  animation-iteration-count:infinite;
}

@keyframes light {
  0% {
    left:0;
    box-shadow: 0px 5px 10px white, 0px -5px 10px white, 5px 0px 10px white,
      -5px 0px 10px white, 10px 0px 20px white, -10px 0px 20px white,
      20px 0px 30px white, -20px 0px 30px white, 10px 10px 30px white,
      -10px -10px 30px white, -10px 10px 30px white, 10px -10px 30px white;
  } 10%{
    0px 5px 10px white, 0px -5px 10px white, 5px 0px 10px white,
    -5px 0px 10px white, 10px 0px 20px white, -10px 0px 20px white,
    20px 0px 30px white, -20px 0px 30px white, 10px 10px 30px white,
    -10px -10px 30px white, -10px 10px 30px white, 10px -10px 30px white,0px 0px 100px white;
  }
  20%{
    box-shadow:0px 5px 10px white, 0px -5px 10px white, 5px 0px 10px white,
    -5px 0px 10px white, 10px 0px 20px white, -10px 0px 20px white,
    20px 0px 30px white, -20px 0px 30px white, 10px 10px 30px white,
    -10px -10px 30px white, -10px 10px 30px white, 10px -10px 30px white,0px 0px 50px white;
  }
  30%{
    0px 5px 10px white, 0px -5px 10px white, 5px 0px 10px white,
    -5px 0px 10px white, 10px 0px 20px white, -10px 0px 20px white,
    20px 0px 30px white, -20px 0px 30px white, 10px 10px 30px white,
    -10px -10px 30px white, -10px 10px 30px white, 10px -10px 30px white,0px 0px 150px white;
  }
  50%{
    box-shadow:0px 5px 10px white, 0px -5px 10px white, 5px 0px 10px white,
    -5px 0px 10px white, 10px 0px 20px white, -10px 0px 20px white,
    20px 0px 30px white, -20px 0px 30px white, 10px 10px 30px white,
    -10px -10px 30px white, -10px 10px 30px white, 10px -10px 30px white,0px 0px 100px white;
     left:100%;
  }75%{
    box-shadow:0px 5px 10px white, 0px -5px 10px white, 5px 0px 10px white,
    -5px 0px 10px white, 10px 0px 20px white, -10px 0px 20px white,
    20px 0px 30px white, -20px 0px 30px white, 10px 10px 30px white,
    -10px -10px 30px white, -10px 10px 30px white, 10px -10px 30px white ,0px 0px 50px white;
   
  },100%{
    box-shadow:0px 5px 10px white, 0px -5px 10px white, 5px 0px 10px white,
    -5px 0px 10px white, 10px 0px 20px white, -10px 0px 20px white,
    20px 0px 30px white, -20px 0px 30px white, 10px 10px 30px white,
    -10px -10px 30px white, -10px 10px 30px white, 10px -10px 30px white;
    left:0;
  }
}

/* BTN */
.wiziBtn {
  padding: 1em 2em !important;
  text-decoration: none !important;
  text-align: center !important;
  font: inherit !important;
  cursor: pointer !important;
  margin: 0.5em !important;
  display: inline-block !important;
  border-radius: 4px !important;
}

.wiziBtn {
  --color: black !important;
  --hover: black !important;
  display: inline-block !important;
  margin: 0.5em !important;
  padding: 1em 2em !important;
  background: none !important;
  border: 2px solid var(--color) !important;
  font: inherit !important;
  text-decoration: none !important;
  text-align: center !important;
  color: var(--color) !important;
  transition: 0.25s !important;
  position: relative !important;
  cursor: pointer !important;
}
.wiziBtn:hover,
.wiziBtn:focus {
  color: #fff !important;
  border-color: var(--hover) !important;
  box-shadow:
    inset -4.2em 0 0 0 var(--hover),
    inset 4.2em 0 0 0 var(--hover) !important;
}
/* SCROLLING */
@media (max-width: 2100px) and (min-width: 1200px) {
      div#e5b0bac2-da65-455c-8db0-84b27f50ec9e .wizi-imgtxt__right {
        animation: slide1 linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 30%;
    }
}

@media (max-width: 2100px) and (min-width: 1200px) {
      div#\33 3b83cea-fe2b-4aa5-8ac4-59a29083afc8 .wizi-imgtxt__left {
        animation: slide2 linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 30%;
    }
}

div#d998935b-d729-4557-84e1-190ed8540716 .wizi-imgtxt__right.wizi-imgtxt__right--small {
    animation: fadeZoom 1.2s ease-out both;
}

@keyframes fadeZoom {
  0% {
    opacity: 0;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

 @keyframes slide1 {
  from{
  transform: translateX(100%);
  opacity:0;
  }
  to {
  transform: translateX(0%);
  opacity:1;
  }
}

 @keyframes slide2 {
  from{
  transform: translateX(-100%);
  opacity:0;
  }
  to {
  transform: translateX(0%);
  opacity:1;
  }
}

/* ============================
   MODERN PRODUCT CARD STYLES
   ============================ */

/* Conteneur global */
.prod__article {
  border-radius: 15px !important;
  background: #fff !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

/* Hover effect */
.prod__article:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1) !important;
}

/* Image */
.prod__top__wrapper {
  border-bottom: 1px solid #eee !important;
  position: relative !important;
  overflow: hidden !important;
  background: #f8f8f8 !important;
}

.prod__img {
  transition: transform 0.3s ease !important;
}

/* Prix */
.prod__price__cur {
  color: #f1018c !important;
  font-weight: bold !important;
  font-size: 15px !important;
  text-align: center !important;
  display: block !important;
  margin-bottom: 10px !important;
}

/* Étiquette promo / nouveau */
.prod__state {
  background-color: #f1018c !important;
  color: #fff !important;
  font-size: 12px !important;
  padding: 5px 10px !important;
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  border-radius: 20px !important;
  z-index: 5 !important;
}

/* Responsive padding */
@media (max-width: 768px) {
  .prod__name {
    font-size: 15px !important;
  }

  .prod__price__cur {
    font-size: 14px !important;
  }
}

/* MAJ 21.08.2025 */
footer#footer {
    background-color: white;
}
div#shopping-area img {
    border-radius: 15px !important;
}

/* ====== Police calligraphique ====== */
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');

/* Classe appliquée au titre */
.aq-calli {
  font-family: "Great Vibes", cursive;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.2px;
  font-size: clamp(28px, 5vw, 56px);
}

@media (min-width: 1024px) {
    .nav, .nav__wrapper {
        max-width: inherit;
    }
}

/* SCROLLING */
    /* Structure pour imiter un bloc triple image */
    .wizi-img {
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .wizi-img__content {
      flex: 1;
      overflow: hidden; /* masque le débordement lors de l'animation */
      display: flex;
      justify-content: center;
    }

    .wizi-img__item {
      max-width: 100%;
      height: auto;
      display: block;
    }

    /* Animation fadeInUp personnalisée */
    @keyframes fadeInUp {
      0% {
        opacity: 0;
        transform: translateY(100px); /* démarre en bas */
      }
      100% {
        opacity: 1;
        transform: translateY(0); /* position finale */
      }
    }

    /* Applique l'animation uniquement à l'image du milieu */
    .wizi-img__content:nth-child(3) {
      animation: fadeInUp 1s ease-out forwards;
    }
    /* Structure pour imiter un bloc triple image */
    .wizi-img {
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .wizi-img__content {
      flex: 1;
      overflow: hidden; /* masque le débordement lors de l'animation */
      display: flex;
      justify-content: center;
    }

    .wizi-img__item {
      max-width: 100%;
      height: auto;
      display: block;
    }

    /* Animation fadeInUp personnalisée */
    @keyframes fadeInUp {
      0% {
        opacity: 0;
        transform: translateY(100px); /* démarre en bas */
      }
      100% {
        opacity: 1;
        transform: translateY(0); /* position finale */
      }
    }

    /* Applique l'animation uniquement à l'image du milieu */
    .wizi-img__content:nth-child(1) {
      animation: fadeInUp 1s ease-out forwards;
    }

/* */
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-100px); /* démarre en haut */
  }
  100% {
    opacity: 1;
    transform: translateY(0); /* revient en place */
  }
}

/* Applique l'animation uniquement à l'image du milieu */
.wizi-img__content:nth-child(2) {
  animation: fadeInDown 1s ease-out forwards;
}