.mini_text1 {
  opacity: 0;
  position: absolute;
  transition: 0.4s ease;
  white-space: nowrap;
  font-size: clamp(12px, 14px, 14px);
  pointer-events: none;
}

.add_icone {
  transition: 0.4s ease;
  pointer-events: none;
}

/* ✅ Ouvert */
.button_open {
  width: 110px;
  border-radius: 10px;
}

/* ✅ Texte visible */
.appear_text {
  opacity: 1;
  transform: translateX(-10px);
}

/* ✅ Texte caché */
.disapear_text {
  opacity: 0;
  transform: translateX(0);
}

.icone_move{
    transform: translateX(200%);
}















.shadow_btn{
    box-shadow: 8px 8px 50px #595959;

}


.is_upper{
    text-transform: uppercase;
}
.is_capi{
    text-transform: capitalize;
}

.is_beige{
    color : #e2dacd;
}
.is_black{
    color: #494e43;
}
.is_black2{
    color: #5a6153;
}
.is_black3{
    color: #656d5c;
}
.is_green{
    color: #9da584;
}
.is_white{
    color:white;
}


h1, h2, h3, p{
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 999;
}
.no_bold{
    font-weight: normal;
}

.titre1{
    font-size: clamp(25px, 3vw, 120px);
}
.titre2{
    font-size: clamp(20px, 2vw, 120px);
}
.titre3{
    font-size: clamp(17px, 1.5vw, 120px);
}
.titre4{
    font-size: clamp(13px, 1.25vw, 120px);
}
.is_text{
    font-size: clamp(12px, 1.1vw, 120px);
}
.mini_text1{
    font-size: clamp(12px, 1vw, 120px);

}
.mini_text{
    font-size: clamp(11px, 0.8vw, 120px);

}





button {
  color: white;
  background-color: #9da584;
  font-weight: bold;
  border: none;
  padding: 15px 35px;
  cursor: pointer;
  z-index: 2;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: 0.3s ease;
  min-width: 220px;
  justify-content: start;
}
.btn_center{
  margin-top: 50px;
}


/* Flèche démarre en DEHORS à gauche */
.arrow {
  height: 30px;
  position: absolute;
  left: -40px; /* totalement à l'extérieur */
  transition: 0.4s ease;
}

/* Le texte partira à droite */
.text {
  margin: auto;
  transition: 0.4s ease;
  white-space: nowrap;
  font-weight: normal;
}

/* Hover : flèche au centre */
button:hover .arrow {
  left: 50%;
  transform: translateX(-50%);
}

/* Hover : texte part à droite */
button:hover .text {
  transform: translateX(150%);
}

















.pacifico-regular {
    font-family: "Pacifico", cursive;
    font-weight: 400;
    font-style: normal;
  }
  

.poppins-thin {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.poppins-extralight {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: normal;
}

.poppins-light {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.poppins-regular {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}






@media (max-width: 1366px) {
    .icone_move{
        transform: translateX(160%);
    }
    button{
        padding: 12px 30px;
    }
}

@media (max-width: 1280px) and (max-height: 768px){
    button{
        padding: 12px 25px;
    }
}


@media (max-width: 1176px){
    button{
        padding: 12px 25px;
    }
}


@media (max-width: 800px) {
    #add_card{
        width: 15px;
        height:15px;
    }
    #avis_fiexed{
    width: 100px;
    padding: 5px;
    padding-left: 0;
    padding-right: 0;  
    }
    .stars{
    width: 12px;
    }
    #contianer_avis_fiexed{
    font-size: 10px;
    }
    .container_start{
    margin-top: 5px;
    }
    button{
    padding: 8px 20px;
    min-width: fit-content;
    }
    .container_gar div{
        text-align: center;
    }
}



@media (max-width: 500px) {
    h1, h2, h3{
        line-height: 1.1;
    }
    #titre_mast2{
        margin-top: 10px;
    }
    button{
        padding: 10px 25px;
    }
  }