/* PRANAYA_HOTFIX_COUNTDOWN_V1 (loaded last) */

/* Make the countdown look premium + FOMO */
.pranaya-chip--countdown{
  background: linear-gradient(90deg,
    rgba(15,23,42,.78),
    rgba(225,29,72,.92),
    rgba(249,115,22,.82)
  ) !important;
  background-size: 220% 100% !important;
  animation: pranayaCountdownGradient 3.0s ease-in-out infinite !important;

  border-color: rgba(255,255,255,.28) !important;
  box-shadow:
    0 18px 46px rgba(225,29,72,.22),
    0 10px 26px rgba(0,0,0,.25) !important;

  font-variant-numeric: tabular-nums !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;

  position: relative !important;
  overflow: hidden !important;
}

/* Pulse dot */
.pranaya-chip--countdown::before{
  background: rgba(255,255,255,.96) !important;
  box-shadow: 0 0 0 2px rgba(255,255,255,.18), 0 0 18px rgba(255,255,255,.35) !important;
  animation: pranayaCountdownPulse 1.05s ease-in-out infinite !important;
}

/* Subtle shine sweep */
.pranaya-chip--countdown::after{
  content:"";
  position:absolute;
  inset:-1px;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,.22), transparent);
  transform: translateX(-130%);
  animation: pranayaCountdownShine 2.6s ease-in-out infinite;
  pointer-events:none;
}

@keyframes pranayaCountdownGradient{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}
@keyframes pranayaCountdownPulse{
  0%,100%{transform:scale(1);opacity:.95}
  50%{transform:scale(1.75);opacity:.55}
}
@keyframes pranayaCountdownShine{
  0%,60%{transform:translateX(-130%)}
  100%{transform:translateX(130%)}
}

/* PRANAYA_COUNTDOWN_STYLE_V4 */
.pranaya-countdown{
  background: linear-gradient(90deg,
    rgba(15,23,42,.78),
    rgba(225,29,72,.94),
    rgba(249,115,22,.84)
  ) !important;
  background-size: 220% 100% !important;
  animation: pranayaCountdownGradient 3.0s ease-in-out infinite !important;

  border-color: rgba(255,255,255,.28) !important;
  box-shadow:
    0 18px 46px rgba(225,29,72,.22),
    0 10px 26px rgba(0,0,0,.25) !important;

  font-variant-numeric: tabular-nums !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;

  position: relative !important;
  overflow: hidden !important;
}

.pranaya-countdown::before{
  background: rgba(255,255,255,.96) !important;
  box-shadow: 0 0 0 2px rgba(255,255,255,.18), 0 0 18px rgba(255,255,255,.35) !important;
  animation: pranayaCountdownPulse 1.05s ease-in-out infinite !important;
}

.pranaya-countdown::after{
  content:"";
  position:absolute;
  inset:-1px;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,.22), transparent);
  transform: translateX(-130%);
  animation: pranayaCountdownShine 2.6s ease-in-out infinite;
  pointer-events:none;
}

@keyframes pranayaCountdownGradient{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}
@keyframes pranayaCountdownPulse{
  0%,100%{transform:scale(1);opacity:.95}
  50%{transform:scale(1.75);opacity:.55}
}
@keyframes pranayaCountdownShine{
  0%,60%{transform:translateX(-130%)}
  100%{transform:translateX(130%)}
}
