/* Mini PiP Product Video — estilos (v1.2.0) */
.mv-mini{
  position: fixed;
  z-index: 9999;
  /* offsets dinâmicos */
  inset: auto var(--mv-x,24px) var(--mv-y,24px) auto;
  background: #000;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  /* relação de aspecto */
  aspect-ratio: var(--mv-ar, 16/9);
  transition: opacity .25s ease, transform .25s ease;
}

/* Modo largura fixa */
.mv-size-width{ width: var(--mv-w, 240px); height: auto; }
/* Modo altura fixa (recomendado p/ vídeos horizontais) */
.mv-size-height{ height: var(--mv-h, 180px); width: auto; }

/* Cantos com offsets X/Y */
.mv-corner-br{ right: var(--mv-x,24px); bottom: var(--mv-y,24px); left:auto; top:auto; }
.mv-corner-bl{ left: var(--mv-x,24px);  bottom: var(--mv-y,24px); right:auto; top:auto; }
.mv-corner-tr{ right: var(--mv-x,24px); top: var(--mv-y,24px);    bottom:auto; left:auto; }
.mv-corner-tl{ left: var(--mv-x,24px);  top: var(--mv-y,24px);    bottom:auto; right:auto; }

/* Estado oculto até rolagem */
.mv-hidden{
  opacity: 0;
  transform: translateY(6px);
  pointer-events: none;
}

/* Vídeo */
.mv-mini .mv-media{
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  object-fit: cover;
}

@media (max-width: 480px){
  .mv-size-height{ height: 160px; } /* ajuste opcional em mobile */
}