/* === HERO SECTION ENTRANCE ANIMATION === */

/* 1. "Беспроводные" — fade in first */
.text--u-igs1vld56 {
  animation: heroFadeIn 0.8s ease-out 0.3s both !important;
}

/* 2. "LED табло" — fade in + slide up, then glow and STAY */
.text--u-iueg3nsm1 {
  animation: heroSlideUpGlow 1.2s ease-out 0.8s both !important;
}

/* Hide the duplicate "LED табло" (mobile/alt version) */
.text--u-iaaf7oti3 {
  display: none !important;
}

/* 3. Clock box — appears below, slides up to position */
.div--u-iq1z75uid {
  animation: heroClockSlideUp 1s ease-out 1.8s both !important;
}

/* 4. "Кастомизировать" button — appears at 2.8s */
.button--u-irgjthtic {
  animation: heroFadeIn 0.5s ease-out 2.8s both !important;
}

/* 5. "которые впишутся в любой интерьер" — starts same time 2.8s, reveals over 2s */
.text--u-ix40u3mdb {
  animation: heroSubtitleReveal 1.4s ease-out 3s both !important;
}

@keyframes heroSubtitleReveal {
  from { clip-path: inset(0 100% 0 0); }
  to { clip-path: inset(0 0% 0 0); }
}

/* === KEYFRAMES === */

@keyframes heroFadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes heroSlideUpGlow {
  0% {
    opacity: 0;
    transform: translateY(40px);
    text-shadow: none;
  }
  50% {
    opacity: 1;
    transform: translateY(0px);
    text-shadow: none;
  }
  70% {
    opacity: 1;
    text-shadow: 0 0 40px rgba(255, 255, 255, 0.9), 0 0 80px rgba(255, 255, 255, 0.5);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
    text-shadow: 0 0 20px rgba(255, 255, 255, 0.6), 0 0 50px rgba(255, 255, 255, 0.3);
  }
}

@keyframes heroClockSlideUp {
  0% {
    opacity: 0;
    transform: translateY(80px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}