.productheading {
  opacity: 0;
  transform: translateY(15px);
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
  transition: 
    opacity 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    transform 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    clip-path 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.heading-group.animate .productheading {
  opacity: 1;
  transform: translateY(0);
  clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
}