.uc_card .uc_price,
.uc_card .uc_included,
.uc_card p,
.uc_card .uc_button{
  opacity: 0;
}

.uc_card {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.5s ease;
  overflow: hidden;
  max-height: 78px;
}

.uc_card--visible {
  opacity: 1;
  transform: translateY(0); 
  max-height: 1000px;
  transition: max-height 1s ease;
}

.uc_animate-header {
  animation: uc_flickerIn 0.5s ease forwards;
}

.uc_animate-fade-in, .uc_animate-fade-in p {
  opacity: 0;
  transform: scale(0.95);
  animation: uc_fadePop 0.4s ease forwards;
}

.uc_animate-button {
  animation: uc_buttonPop 0.4s ease-out forwards;
}


/* Ensure card is hidden initially */
.uc_card {
  opacity: 0;
  transform: translateY(20px);
  max-height: 78px;
  overflow: hidden;
  transition: max-height 1s ease, opacity 0.5s ease, transform 0.5s ease;
}

/* Card becomes visible with flicker */
.uc_card--visible {
  opacity: 1;
  animation: uc_flickerIn0 0.5s ease forwards;
}

/* Card expands open after flicker */
.uc_card--expanded {
  max-height: 1000px;
}

/* Flicker animation */
.uc_animate-header {
 }


/* Fade-pop content items */
.uc_price,
.uc_card p,
.uc_included {
  opacity: 0;
  transform: scale(0.95);
}

.uc_animate-fade-in {
  animation: uc_fadePop 0.4s ease forwards;
}


/* Button pop-up */
.uc_button {
  opacity: 0;
  transform: scaleY(0);
}


.uc_animate-header-0 { animation: uc_flickerIn0 0.5s ease forwards; }
.uc_animate-header-1 { animation: uc_flickerIn1 0.5s ease forwards; }
.uc_animate-header-2 { animation: uc_flickerIn2 0.5s ease forwards; }
.uc_animate-header-3 { animation: uc_flickerIn3 0.5s ease forwards; }
.uc_animate-header-4 { animation: uc_flickerIn4 0.5s ease forwards; }


@keyframes uc_fadePop {
  0% { opacity: 0; transform: scale(0.95); }
  100% { opacity: 1; transform: scale(1); }
}

@keyframes uc_buttonPop {
  0% { transform: scaleY(0); opacity: 0; }
  60% { transform: scaleY(1.1); opacity: 1; }
  100% { transform: scaleY(1); opacity: 1; }
}

@keyframes uc_flickerIn0 {
  0% { opacity: 0; transform: translate(2px, -10px); }
  30% { opacity: 0; transform: translate(6px, 50px); }
  60% { opacity: 0; transform: translate(-3px, -12px); }
  80% { opacity: 1; transform: translate(12px, 2px); }
  100% { opacity: 1; transform: translate(0, 0); }
}

@keyframes uc_flickerIn1 {
  0% { opacity: 0; transform: translate(12px, -1px); }
  30% { opacity: 0; transform: translate(-6px, 10px); }
  60% { opacity: 0; transform: translate(3px, 12px); }
  80% { opacity: 1; transform: translate(8px, -2px); }
  100% { opacity: 1; transform: translate(0, 0); }
}

@keyframes uc_flickerIn2 {
  0% { opacity: 0; transform: translate(1px, -4px); }
  30% { opacity: 0; transform: translate(6px, -5px); }
  60% { opacity: 0; transform: translate(7px, -10px); }
  80% { opacity: 1; transform: translate(-8px, 2px); }
  100% { opacity: 1; transform: translate(0, 0); }
}

@keyframes uc_flickerIn3 {
  0% { opacity: 0; transform: translate(10px, -1px); }
  30% { opacity: 0; transform: translate(1px, 2px); }
  60% { opacity: 0; transform: translate(-4px, -1px); }
  80% { opacity: 1; transform: translate(-8px, 2px); }
  100% { opacity: 1; transform: translate(0, 0); }
}

@keyframes uc_flickerIn4 {
  0% { opacity: 0; transform: translate(8px, 6px); }
  30% { opacity: 0; transform: translate(6px, -8px); }
  60% { opacity: 0; transform: translate(-2px, -2px); }
  80% { opacity: 1; transform: translate(-8px, 2px); }
  100% { opacity: 1; transform: translate(0, 0); }
}