.revealProduct {
  display: none !important;
}

/* Smooth fade-in animation for revealed content */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Only animate elements that are being revealed (have the revealed class added) */
.revealed {
  animation: fadeInUp 0.8s ease-out;
}

/* Remove gap between video section and next element */
#video-section {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

#video-section h6 {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Remove any gaps from video section children */
#video-section > *:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Ensure main and body have black background */
body {
  background: #000 !important;
  margin: 0 !important;
  padding: 0 !important;
}

main {
  margin: 0 !important;
  padding: 0 !important;
  background: #000 !important;
}

/* Remove top margin/padding from stats section */
.stats-section {
  margin-top: 0 !important;
  padding-top: 3rem !important;
}

/* Ensure stats-section shows when revealed */
.stats-section:not(.revealProduct) {
  display: block !important;
}

/* Offer reveal transition - only for the special offer banner */
#scrollReveal {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  background: #000;
  margin: 0;
  padding: 0;
  transition:
    opacity 0.6s ease-out,
    max-height 0.6s ease-out;
}

#scrollReveal:not(.revealProduct) {
  display: block !important;
  opacity: 1;
  max-height: 200px;
  background: #000;
  margin: 0;
  padding: 0;
}