/* Faixa de contagem do último dia de venda (Leo, 2026-09-25).
   Sticky no topo, acima do topbar: é a única posição que continua visível
   quando a pessoa rola até o preço, que é onde a urgência precisa estar.
   Zero deslocamento do hero: a faixa entra ANTES do header e empurra a
   página 44px, sem tocar na manchete nem no player. */
.tmr{
  position:sticky;top:0;z-index:60;
  background:linear-gradient(90deg,var(--oxblood),var(--red) 55%,var(--oxblood));
  border-bottom:1px solid rgba(238,217,189,.22);
  box-shadow:0 6px 24px rgba(0,0,0,.35);
}
.tmr__in{
  max-width:1180px;margin:0 auto;padding:9px 18px;
  display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;
}
.tmr__lb{
  font-family:var(--font-mono);font-size:10.5px;letter-spacing:.2em;
  text-transform:uppercase;color:rgba(255,255,255,.86);
}
.tmr__n{
  font-family:var(--font-display);font-weight:800;font-size:23px;line-height:1;
  color:#fff;letter-spacing:.01em;
  /* tabular: sem isso os dígitos dançam de largura a cada segundo */
  font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;
}
.tmr__sub{font-family:var(--font-body);font-size:12.5px;color:rgba(255,255,255,.9)}
.tmr__dot{
  width:7px;height:7px;border-radius:50%;background:var(--gold);
  display:inline-block;flex:none;animation:tmrPulse 1.6s ease-in-out infinite;
}
@keyframes tmrPulse{0%,100%{opacity:1}50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.tmr__dot{animation:none}}

/* Acabou o prazo: a faixa continua, o texto muda pelo JS e o pulso para. */
.tmr[data-fim="1"] .tmr__dot{animation:none;background:rgba(255,255,255,.5)}

@media (max-width:640px){
  .tmr__in{gap:9px;padding:8px 12px}
  .tmr__n{font-size:20px}
  .tmr__sub{font-size:11.5px;width:100%;text-align:center;order:3}
}