/* Effect 1: Right to Left */
.iframe-incoming-effect1 {
  opacity: 1;
  visibility: visible;
  z-index: 2;
  transform: translateX(100%);
  animation: slide-in-right 1s ease forwards;
}

@keyframes slide-in-right {
  from { transform: translateX(100%); }
  to { transform: translateX(0); }
}

/* Effect 2: Top to Bottom */
.iframe-incoming-effect2 {
  opacity: 1;
  visibility: visible;
  z-index: 2;
  transform: translateY(-100%);
  animation: slide-in-top 1s ease forwards;
}

@keyframes slide-in-top {
  from { transform: translateY(-100%); }
  to { transform: translateY(0); }
}

/* Effect 3: Bottom to Top (Fixed) */
.iframe-incoming-effect3 {
  opacity: 1;
  visibility: visible;
  z-index: 2;
  transform: translateY(100%);
  animation: slide-in-bottom 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

@keyframes slide-in-bottom {
  0% { 
    transform: translateY(100%);
    opacity: 1;
  }
  100% { 
    transform: translateY(0);
    opacity: 1;
  }
}

/* Effect 4: Fade (Fixed) */
.iframe-incoming-effect4 {
  opacity: 0;
  visibility: visible;
  z-index: 2;
  animation: fade-in 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

@keyframes fade-in {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

/* Effect 5: TV Switch Off/On */
.iframe-incoming-effect5 {
  opacity: 1;
  visibility: visible;
  z-index: 2;
  animation: tv-switch 1s ease forwards;
}

@keyframes tv-switch {
  0% { transform: scaleY(0.01); opacity: 0; }
  50% { transform: scaleY(0.01); opacity: 1; }
  100% { transform: scaleY(1); opacity: 1; }
}

/* Effect 6: News Flash */
.iframe-incoming-effect6 {
  opacity: 1;
  visibility: visible;
  z-index: 2;
  animation: news-flash 1s ease forwards;
}

@keyframes news-flash {
  0% { transform: scale(0); opacity: 0; }
  50% { transform: scale(1.2); opacity: 0.8; }
  100% { transform: scale(1); opacity: 1; }
}

/* Effect 7: Channel Flip */
.iframe-incoming-effect7 {
  opacity: 1;
  visibility: visible;
  z-index: 2;
  animation: channel-flip 1s ease forwards;
}

@keyframes channel-flip {
  0% { transform: rotateY(90deg) scale(0.8); opacity: 0; }
  100% { transform: rotateY(0deg) scale(1); opacity: 1; }
}


/* Effect 8: Picture-in-Picture (Fixed) */
.iframe-incoming-effect8 {
  opacity: 1;
  visibility: visible;
  z-index: 2;
  transform: scale(0.3) translate(150%, 150%);
  animation: pip-expand 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

@keyframes pip-expand {
  0% {
    transform: scale(0.3) translate(150%, 150%);
    opacity: 1;
  }
  20% {
    transform: scale(0.3) translate(150%, 150%);
    opacity: 1;
  }
  100% {
    transform: scale(1) translate(0, 0);
    opacity: 1;
  }
}

/* Effect 9: Weather Map Sweep */
.iframe-incoming-effect9 {
  opacity: 1;
  visibility: visible;
  z-index: 2;
  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
  animation: weather-sweep 1s ease forwards;
}

@keyframes weather-sweep {
  0% { clip-path: polygon(0 0, 0 0, 0 100%, 0 100%); }
  100% { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
}

/* Effect 10: Sports Replay Zoom (Fixed) */
.iframe-incoming-effect10 {
  opacity: 0;
  visibility: visible;
  z-index: 2;
  transform: scale(1.5);
  filter: blur(10px);
  animation: sports-zoom 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

@keyframes sports-zoom {
  0% {
    transform: scale(1.5);
    filter: blur(10px);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    transform: scale(1);
    filter: blur(0);
    opacity: 1;
  }
}



.iframe-incoming-effect17 {
  opacity: 0;
  visibility: visible;
  z-index: 2;
  transform: scale(0.8);
  animation: shrink-expand 1s ease forwards;
}

@keyframes shrink-expand {
  0% { transform: scale(0.8); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}