.efx-st5-wrap {
  --efx-accent: #D3239A;
  --efx-warm:   #FF6A00;
  --efx-br: 16px;
  --efx-bg: linear-gradient(90deg, rgba(211,35,154,.06), rgba(255,106,0,.06));
  display: grid;
  gap: 14px;
}
.efx-st5-wrap[data-variant="compact"] .efx-st5-card { padding: .75rem .9rem; }

.efx-st5-card {
  border: 1px solid rgba(211,35,154,.22);
  border-radius: var(--efx-br);
  padding: 1rem 1.25rem 1.25rem;
  background: var(--efx-bg);
  box-shadow: 0 4px 18px rgba(0,0,0,.06);
}

.efx-st5-header {
  display: flex; align-items: center; gap: .5rem; margin-bottom: .35rem;
}
.efx-st5-dot {
  width: .6rem; height: .6rem; border-radius: 999px;
  background: radial-gradient(circle at 30% 30%, var(--efx-accent), var(--efx-warm));
  box-shadow: 0 0 0 3px rgba(211,35,154,.18), 0 0 10px rgba(255,106,0,.25) inset;
}
.efx-st5-title { margin: 0; font-size: 1.05rem; font-weight: 700; letter-spacing: .2px; }
.efx-st5-iso { margin-left: auto; font-size: .8rem; opacity: .66; }

.efx-st5-countdown {
  display: flex; align-items: center; gap: .6rem;
  margin: .35rem 0 .75rem;
  font-variant-numeric: tabular-nums;
}
.efx-st5-unit { display: grid; place-items: center; min-width: 62px; }
.efx-st5-unit .num { font-size: 1.4rem; font-weight: 800; line-height: 1; }
.efx-st5-unit .lab { font-size: .72rem; opacity: .7; margin-top: .22rem; }
.efx-st5-sep { font-weight: 800; opacity: .65; }

.efx-st5-cta {
  display: inline-flex; align-items: center; justify-content: center;
  padding: .55rem .9rem; border-radius: 12px; text-decoration: none;
  background: linear-gradient(90deg, var(--efx-accent), var(--efx-warm));
  color: #fff; font-weight: 700; box-shadow: 0 6px 14px rgba(0,0,0,.12);
}
.efx-st5-cta[aria-disabled="true"] { pointer-events: none; opacity: .6; }

@media (max-width: 520px) {
  .efx-st5-unit { min-width: 52px; }
  .efx-st5-title { font-size: .98rem; }
  .efx-st5-iso { display: none; }
}