/* 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%)}
}

/* PRANAYA_SALE_OOS_LUX_V1 */

/* SALE: premium animated gradient + soft glow + shine */
.pranaya-chip--sale{
  background: linear-gradient(90deg,
    rgba(15,23,42,.72),
    rgba(16,185,129,.62),
    rgba(170,146,88,.52)
  ) !important;
  background-size: 220% 100% !important;
  animation: pranayaSaleGradient 4.4s ease-in-out infinite !important;
  border-color: rgba(255,255,255,.26) !important;
  box-shadow: 0 16px 40px rgba(16,185,129,.16), 0 10px 24px rgba(0,0,0,.22) !important;
  position: relative !important;
  overflow: hidden !important;
}
.pranaya-chip--sale::before{
  background: rgba(16,185,129,.98) !important;
  box-shadow: 0 0 0 2px rgba(255,255,255,.14), 0 0 16px rgba(16,185,129,.22) !important;
  animation: pranayaSalePulse 1.4s ease-in-out infinite !important;
}
.pranaya-chip--sale::after{
  content:"";
  position:absolute;
  inset:-1px;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,.18), transparent);
  transform: translateX(-140%);
  animation: pranayaSaleShine 3.2s ease-in-out infinite;
  pointer-events:none;
}
@keyframes pranayaSaleGradient{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}
@keyframes pranayaSalePulse{
  0%,100%{transform:scale(1);opacity:.95}
  50%{transform:scale(1.55);opacity:.55}
}
@keyframes pranayaSaleShine{
  0%,60%{transform:translateX(-140%)}
  100%{transform:translateX(140%)}
}

/* MADE TO ORDER: warm “atelier” gradient (subtle motion, less urgent than countdown) */
.pranaya-chip--oos{
  background: linear-gradient(90deg,
    rgba(15,23,42,.72),
    rgba(245,158,11,.58),
    rgba(120,53,15,.46)
  ) !important;
  background-size: 210% 100% !important;
  animation: pranayaOOSGradient 6.0s ease-in-out infinite !important;
  border-color: rgba(255,255,255,.22) !important;
  box-shadow: 0 14px 34px rgba(245,158,11,.14), 0 10px 24px rgba(0,0,0,.22) !important;
  position: relative !important;
  overflow: hidden !important;
}
.pranaya-chip--oos::before{
  background: rgba(245,158,11,.98) !important;
  box-shadow: 0 0 0 2px rgba(255,255,255,.12) !important;
}
.pranaya-chip--oos::after{
  content:"";
  position:absolute;
  inset:-1px;
  background: radial-gradient(400px 60px at 20% 30%, rgba(255,255,255,.14), transparent 60%);
  pointer-events:none;
  opacity:.9;
}
@keyframes pranayaOOSGradient{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}