/* Icônes (lecture/fermeture) */
.vpc-play,
.vpc-close{
  position:absolute; z-index:5;
  border:0; line-height:1; cursor:pointer; opacity:.95;
  display:inline-flex; align-items:center; justify-content:center;
  box-shadow:0 2px 6px rgba(0,0,0,.25);
}
.vpc-play{
  bottom:10px; right:10px;
  width:42px; height:42px; border-radius:50%;
  background:#000; color:#fff; font-size:18px;
}
.vpc-close{
  top:6px; right:6px;
  width:30px; height:30px; border-radius:50%;
  background:#fff; color:#000; font-size:16px;
}

/* Positionnement du conteneur vignettes */
.product-miniature .thumbnail-top,
.product-miniature .thumbnail-container{
  position: relative;
}

/* Player plein cadre + fade-in quand prêt */
.vpc-player-wrap{
  position:absolute; inset:0; z-index:2;
  background:#000; border-radius:inherit;
  overflow:hidden;
  opacity:0;                    /* invisible avant "ready" */
  transition:opacity .25s ease; /* fondu à l’apparition */
}
.product-miniature.vpc-ready .vpc-player-wrap{
  opacity:1;
}

/* Iframe cover */
.vpc-video-box{ position:absolute; inset:0; overflow:hidden; border-radius:inherit; background:#000; }
.vpc-video-box iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; max-width:none; }

/* Masquer l'image uniquement quand prêt */
.product-miniature.vpc-ready.has-vpc-video .thumbnail-container img,
.product-miniature.vpc-ready.has-vpc-video .product-thumbnail img{
  visibility:hidden !important;
}

/* Autoplay : on cache les boutons */
.product-miniature.vpc-autoplay .vpc-play,
.product-miniature.vpc-autoplay .vpc-close{ display:none !important; }
.vpc-video-box iframe{
  width: 104%;
  height: 104%;
  left: -2%;
  top: -2%;
}