.flash-sale-banners { margin-bottom: 1rem; }

.flash-sale-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    padding: 0.85rem 1rem;
    border-radius: 8px;
    color: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    margin-bottom: 0.5rem;
}

.flash-sale-banner .fsb-info { display: flex; align-items: center; gap: 0.6rem; min-width: 0; flex: 1 1 60%; }
.flash-sale-banner .fsb-icon { font-size: 1.5rem; }
.flash-sale-banner .fsb-text { display: flex; flex-direction: column; line-height: 1.2; }
.flash-sale-banner .fsb-title { font-weight: 700; font-size: 1rem; }
.flash-sale-banner .fsb-sub { font-size: 0.85rem; opacity: 0.95; }
.flash-sale-banner .fsb-countdown {
    font-family: 'Courier New', monospace;
    font-weight: 700;
    font-size: 1.15rem;
    background: rgba(0, 0, 0, 0.2);
    padding: 0.3rem 0.75rem;
    border-radius: 6px;
    white-space: nowrap;
}

/* Live: warning (amber), faster, more urgent pulse */
.flash-sale-banner--live {
    background: linear-gradient(90deg, #cc9a06 0%, #ffc107 100%);
    color: #1f1300;
    animation: fsb-pulse-live 1s ease-in-out infinite;
}
.flash-sale-banner--live .fsb-countdown { background: rgba(0, 0, 0, 0.15); color: #1f1300; }

/* Upcoming: soft red, calmer breathing pulse */
.flash-sale-banner--upcoming {
    background: linear-gradient(90deg, #b8464f 0%, #d15761 100%);
    animation: fsb-pulse-upcoming 2.4s ease-in-out infinite;
}

@keyframes fsb-pulse-live {
    0%, 100% { box-shadow: 0 4px 12px rgba(255, 193, 7, 0.40); transform: scale(1); }
    50%      { box-shadow: 0 6px 22px rgba(255, 193, 7, 0.85); transform: scale(1.01); }
}

@keyframes fsb-pulse-upcoming {
    0%, 100% { box-shadow: 0 4px 12px rgba(209, 87, 97, 0.30); }
    50%      { box-shadow: 0 4px 20px rgba(209, 87, 97, 0.70); }
}

@media (prefers-reduced-motion: reduce) {
    .flash-sale-banner--live,
    .flash-sale-banner--upcoming { animation: none; }
}