.promo-timer{
       --bg: linear-gradient(135deg, #000000 0%, #000000 60%, #52595c 120%);
    --text:#fff;
    --accent: rgba(255,255,255,.14);
    --ring: rgba(255,255,255,.25);
    --shadow: 0 10px 25px rgba(2,6,23,.35);
    margin:16px auto;
    border-radius:18px;
    background:var(--bg);
    color:var(--text);
    box-shadow:var(--shadow);
    overflow:hidden;
        max-width: 540px;
        position: absolute;
            left: 45px;
  }
  .promo-timer__inner{
    display:flex; gap:20px; align-items:center; justify-content:space-between;
    padding:18px 22px; position:relative;
  }
  .promo-timer__text{
    font-size: clamp(16px,2vw,20px);
    line-height:1.35;
  }
  .promo-timer__text strong{
    font-weight:800;
    letter-spacing:.2px;
  }
  .promo-timer__countdown{
    display:flex; align-items:center; gap:10px;
    background:var(--accent); border:1px solid var(--ring);
    padding:10px 14px; border-radius:14px;
  }
  .promo-timer__unit{
    text-align:center; min-width:64px;
  }
  .promo-timer__value{
    display:block;
    font-weight:800;
    font-variant-numeric: tabular-nums;
    font-size: clamp(20px,4vw,32px);
    line-height:1;
  }
  .promo-timer__label{
    display:block; font-size:12px; opacity:.85; margin-top:4px;
  }
  .promo-timer__sep{
    font-size: clamp(20px,4vw,28px);
    opacity:.7; transform: translateY(-2px);
  }

  .ds-product-main-cart-button.pulse {
    position: relative;
    animation: pulse 1.8s infinite;
}
 
  /* Mobile stacking */
  @media (max-width: 560px){
    .promo-timer__inner{flex-direction:column; align-items:stretch; gap:12px;}
    .promo-timer__countdown{justify-content:center;}
    .promo-timer{
      position: relative;
          left: 0px;
          margin: 0px auto;
    border-radius: 0px;
    }
  }

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgb(150, 2, 2, 0.6);;
    }
    70% {
        box-shadow: 0 0 0 14px rgb(150, 2, 2, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgb(150, 2, 2, 0);
    }
}