.section-decouverte .decouverte-item {align-items: stretch; min-height: 21rem; color: #fff; height: 100%; padding: 2rem; position: relative; column-gap: 1.5rem; flex-direction: column; border-radius: 2rem; overflow: hidden;  transition: var(--transition);  margin: 3rem 0;
    --bg-dark: color-mix(in srgb, var(--bg) 85%, black 20%);
    --ombre: color-mix(in srgb, var(--bg) 10%, var(--bg-dark) 100%);}
.section-decouverte .decouverte-item .carte-decouverte-contenu {flex-direction: column; align-items: stretch; text-align: left;}
.section-decouverte .decouverte-item h3 {margin: 0; line-height: 1.1; text-transform: uppercase; color: #fff; font-weight: 600;}
.section-decouverte .decouverte-item .btn-decouverte {display: inline-block; padding: 0.5rem 1rem; margin: 2rem auto 0;  align-self: flex-start; color: #fff; background-color: var(--couleur-principale);  text-transform: uppercase;  border-radius: .4rem; transition: var(--transition);}
.section-decouverte .decouverte-item .carte-decouverte-image {width: 100%; height: 28rem; object-position: bottom center;  display: block; filter: drop-shadow(10px 10px 0 var(--ombre)); margin-bottom: 2rem; transition: var(--transition); position: relative;  z-index: 1; position: relative;}
.section-decouverte .decouverte-item .carte-decouverte-image img {height: 100%; margin: auto;}
.section-decouverte .decouverte-item .carte-decouverte-description p {color: #fff;}
.section-decouverte .decouverte-item .carte-decouverte-description p b {font-weight: inherit;}
.section-decouverte .decouverte-item .etiquette-cat {font-size: 1.6rem; font-weight: 400; margin-top: .3rem; display: block;}
.section-decouverte .decouverte-item .carte-produit-illustration {display: none; }

@media (hover: hover) {
    .section-decouverte .decouverte-item:hover { transform: translateY(-5px);}
    .section-decouverte .decouverte-item:nth-child(2n + 1):hover {box-shadow: var(--ombre) 8px 8px; transform: scale(1.02);}  
    .section-decouverte .decouverte-item:nth-child(2n):hover {box-shadow: var(--ombre) -8px 8px; transform: scale(1.02);}
    .section-decouverte .decouverte-item:hover .btn-decouverte {transform: translateY(-.3rem) scale(1.05); background-color: var(--ombre); }
    .section-decouverte .decouverte-item:hover .carte-decouverte-image { filter: drop-shadow(15px 15px 0 var(--ombre));}
    .section-decouverte .decouverte-item:nth-child(2n + 1):hover .carte-decouverte-image { transform: scale(1.05) rotate(5deg);  }
    .section-decouverte .decouverte-item:nth-child(2n):hover .carte-decouverte-image { transform: scale(1.05) rotate(-5deg); }
    .section-decouverte .decouverte-item:hover .carte-decouverte-image .produit-motif-bl span:first-of-type {animation: 5s 150ms infinite ease-out alternate motif_bl1;}
    .section-decouverte .decouverte-item:hover .carte-decouverte-image .produit-motif-bl span:last-of-type {animation: 5s 150ms infinite ease-out alternate motif_bl2;}
    .section-decouverte .decouverte-item:hover .carte-decouverte-image .produit-motif-tr span:first-of-type {animation: 5s infinite ease-out alternate motif_tr1;}
    .section-decouverte .decouverte-item:hover .carte-decouverte-image .produit-motif-tr span:last-of-type {animation: 5s infinite ease-out alternate motif_tr2;}
    
}

@media (min-width: 768px) {
}

@media (min-width: 1025px) {
    .section-decouverte .decouverte-item {flex-direction: row; width: 100rem; margin-left: auto; margin-right: auto;  column-gap: 3rem; padding: 4rem;}
    .section-decouverte .decouverte-item .carte-decouverte-image {width: 40%; margin-bottom: 0;}
    .section-decouverte .decouverte-item:nth-child(odd) {flex-direction: row-reverse;}
    .section-decouverte .decouverte-item .carte-decouverte-contenu {flex: 1;}
}

@media (min-width: 1400px) {
    .section-decouverte .decouverte-item {padding: 5rem 8rem; margin: 6rem auto;}
    .section-decouverte .decouverte-item .carte-decouverte-image { flex: 0 0 38%; height: 35rem; width: auto;}
    .section-decouverte .decouverte-item .btn-decouverte {margin: auto 0 0;}
    .section-decouverte .decouverte-item .carte-decouverte-image .produit-motif-tr {display: block; position: absolute; right: -1rem; top: 1rem;  transform: rotate(-30deg); transform-origin: left;}
    .section-decouverte .decouverte-item:nth-child(even) .carte-decouverte-image .produit-motif-tr {transform: rotate(20deg) scaleX(-1); right: auto; left: 4rem; top: 1.5rem;}
    .section-decouverte .decouverte-item .carte-decouverte-image .produit-motif-tr span {background-color: #fff; height: .4rem; display: block; border-radius: 99px; margin-bottom: 1rem;  transform-origin: left;}
    .section-decouverte .decouverte-item .carte-decouverte-image .produit-motif-tr span:first-of-type {transform: rotate(-35deg); width: 2.5rem;}
    .section-decouverte .decouverte-item .carte-decouverte-image .produit-motif-tr span:nth-child(2) {transform: translateX(1rem);  width: 4rem; }
    .section-decouverte .decouverte-item .carte-decouverte-image .produit-motif-tr span:last-of-type {transform: rotate(22deg); width: 3.5rem;}
    .section-decouverte .decouverte-item .carte-decouverte-image .produit-motif-bl {display: block;  position: absolute; left: 0; bottom: 1rem;  transform-origin: right;  transform: rotate(-20deg);}
    .section-decouverte .decouverte-item:nth-child(even) .carte-decouverte-image .produit-motif-bl { transform: rotate(30deg) scaleX(-1); right: 5rem; bottom: 0; left: auto; }
    .section-decouverte .decouverte-item .carte-decouverte-image .produit-motif-bl span {background-color: #fff; height: .5rem; display: block; border-radius: 99px; margin-bottom: 1.5rem;  transform-origin: right;}
    .section-decouverte .decouverte-item .carte-decouverte-image .produit-motif-bl span:first-of-type { margin-left: auto; width: 2.5rem; }
    .section-decouverte .decouverte-item .carte-decouverte-image .produit-motif-bl span:last-of-type { width: 4rem; transform: rotate(-25deg); }
}