.discounted-price{
  color:#ED1C26;
  text-decoration:line-through;
  font-size:90%;
  font-weight:600;
}

#view-all-button{
  background:none;
  border:none;
  outline:none;
  cursor:pointer;
  font-size:16px;
  font-weight:600;
  color:#F6F5E8;
  text-align:center;
  margin:20px auto 0;
  display:block;
  animation:glowText 2.5s ease-in-out infinite alternate;
}

@keyframes glowText{
  0%{
    text-shadow:0 0 8px rgba(246,245,232,0.5),0 0 12px rgba(246,245,232,0.6);
    transform:scale(1);
  }
  100%{
    text-shadow:0 0 14px rgba(246,245,232,0.8),0 0 22px rgba(246,245,232,1);
    transform:scale(1.02);
  }
}

.custom-alert-overlay{
  display:none;
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:rgba(0,0,0,0.7);
  z-index:9999;
  align-items:center;
  justify-content:center;
}

.custom-alert-box{
  background:#F6F5E8;
  color:#1A1A1A;
  font-weight:600;
  max-width:280px;
  padding:16px 20px;
  border-radius:12px;
  text-align:center;
  font-size:14px;
  line-height:1.4;
  box-shadow:0 4px 20px rgba(0,0,0,0.4);
  transform:translateY(-20px);
  opacity:0;
  transition:opacity 0.3s ease,transform 0.3s ease;
}

.custom-alert-overlay.active .custom-alert-box{
  opacity:1;
  transform:translateY(0);
}

.custom-alert-close{
  display:none;
}

#lightning-effect{
  clip-path:polygon(50% 0%,60% 40%,45% 40%,55% 100%,40% 60%,55% 60%);
  box-shadow:0 0 30px #ED1C26;
  border-radius:4px;
  animation:pulse 1.5s infinite ease-in-out;
}

.charge-bar-fill{
  transition:width 2s ease-out;
}

@keyframes pulse{
  0%{box-shadow:0 0 20px #ED1C26}
  50%{box-shadow:0 0 50px #ED1C26}
  100%{box-shadow:0 0 20px #ED1C26}
}

#voucher-message.helper-text{
  min-height:18px;
  display:block;
}