/* ================== VERSION MOBILE ================== */
  .imgRetour {
            position: fixed;
            top: 15vh;
            left: 2vw;
            width: 6vw;
            height: auto;
            cursor: pointer;
            z-index: 1000;
  }



@media (max-width: 768px) {

  /* Conteneur global en colonne */
  .container {
    flex-direction: column;
    width: 95vw;
    gap: 4vw;
    margin: 2vw auto;
  }
  
  #title_details_vetement{
      padding-top  : 10vh;
  }

  /* Visuel plein écran (presque) */
  .visuel {
    flex: none;
    width: 100%;
    padding-bottom: 0;
  }

  .slideshow {
    width: 90%;
    max-width: none;
    margin: 0 auto;
    border-radius: 2vw;
  }

  /* Dots un peu plus gros pour le doigt */
  .dots {
    margin-top: 2vh;
    gap: 2vw;
  }
  .dot {
    width: 16px;
    height: 16px;
  }

  /* Infos produit en dessous */
  .info {
    flex: none;
    width: 90%;
    margin: 0 auto;
    gap: 4vw;
    font-size: 4vw;
    
    
  }

  .product-title {
    font-size: 6vw;
    text-align: center;
  }

  .price {
    font-size: 5vw;
    text-align: center;
  }

  .size-line {
    font-size: 4vw;
    text-align: center;
  }

  /* Sections toggle plus espacées et faciles à cliquer */
  .toggle-section {
    border-top: 2px solid #ccc;
    padding-top: 3vw;
  }
  .toggle-header {
    font-size: 4.5vw;
  }
  .toggle-content {
    font-size: 4vw;
  }
  
  .toggle-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
  
.toggle-section.open .toggle-content {
  max-height: 99999999px; /* une valeur grande, supérieure à la taille max possible */
  margin-bottom: 5vw;
}

  /* Bouton plein largeur */
  .add-to-cart {
    font-size: 4.5vw;
    width: 50vw;
    max-width : 80vw;

    border-radius: 1.5vw;
    margin-left : 18vw;
  }

  /* Bandeau haut avec flèche retour et titre */
  .imgRetour {
            position: fixed;
            top: 3vh;
            left: 20vw;
            width: 10vw;
            height: auto;
            cursor: pointer;
            z-index: 1000;
  }
  h1 {
    font-size: 5vw;
    text-align: center;
  }
  body > div:first-child {
    gap: 6vw;
  }
}