/* ==================================================
   BLOC VIDÉOS PRODUIT (DESKTOP)
   ================================================== */

.wc-product-videos {
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

/* Conteneur vidéo desktop */
.wc-product-video-item {
    width: 100%;
    max-width: 1600px;
    aspect-ratio: 1 / 1; /* desktop : carré comme tes images */
    overflow: hidden;
}

/* Vidéo desktop */
.wc-product-video-player {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* ==================================================
   MOBILE : on cache le bloc vidéo séparé
   ================================================== */

@media (max-width: 767px) {
    .wc-product-videos {
        display: none;
    }
}

/* ==================================================
   GALERIE PRODUIT MOBILE (NEURON / SWIPER)
   RATIO GLOBAL VALIDÉ : 1.35 / 1.825
   ================================================== */

/* On ne touche PAS au slide lui-même */
.wcpv-video-slide {
    display: block;
}

/* On aligne STRICTEMENT le ratio sur celui des images */
.wcpv-video-slide .m-neuron-gallery__inner,
.wcpv-video-slide .m-neuron-gallery__thumbnail--link,
.wcpv-video-slide .m-neuron-gallery__thumbnail {
    width: 100%;
    aspect-ratio: 1.35 / 1.825; /* ✅ RATIO FINAL */
    overflow: hidden;
    display: block;
}

/* Vidéo = même comportement qu'une image */
.wcpv-video-slide video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}