.promo-bar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:8px 15px;
  flex-wrap:wrap;
  position: fixed;
  top:0;
  left:0;
  right:0;
  z-index:9999;
  transition: all 0.5s ease;
}

.promo-left{flex:1;}
.promo-center{flex:2;text-align:center;font-weight:bold;animation:fadeIn 1s;}
.promo-right{flex:1;text-align:right;}

#promo_timer{margin-left:10px;}
.urgency-text{color:#ffcc00;font-weight:bold;margin-left:8px;}
.promo-cta{color:#fff;padding:5px 12px;border-radius:4px;text-decoration:none;margin-left:10px;transition: transform 0.3s;}
.promo-cta:hover{transform:scale(1.05);}
.badge{font-weight:bold;margin-right:5px;}

@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}

@media(max-width:768px){
  .promo-bar{flex-direction:column;text-align:center;}
  .promo-left,.promo-center,.promo-right{width:100%;margin:2px 0;text-align:center;}
}