.signal.viewers .viewer-count {
    display: inline-block;
    padding: 0 6px;
    border-radius: 4px;
    background-color: rgba(0,0,0,0.5); /* koyu arka plan */
    color: #fff;
    font-weight: bold;
    min-width: 24px;
    text-align: center;
    font-variant-numeric: tabular-nums; /* rakamların sabit genişlikte olması için */
}

.signal.viewers .digit {
    display: inline-block;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
/* Genel yapı */
.sales-signals{
    margin-top:8px;
    font-size:1rem;
    display:flex;
    flex-direction:column;
    gap:4px;
}

.signal{
    display:flex !important;
    align-items:center;
    gap:6px;
    padding:4px 8px;
    border-radius:6px;
    color:#fff;
    font-weight:500;
}

.signal.sold{ 
    background-color:#3498db; 
}
.signal.stock{ 
    background-color:#e67e22; 
}
.signal.viewers{ 
    background-color:#e74c3c; 
}

/* İkonlar ve animasyonlar */
.signal i{
    font-size:14px;
    display:inline-block;
}

/* Farklı animasyonlar */
.icon-1 { animation: bounce 1.5s infinite; }

.icon-3 { animation: pulse 1.3s infinite; 

	color: red;
	background: black;
	padding: 3px;
	border-radius: 4px;

}

/* Animasyon tanımları */
@keyframes bounce {
    0%, 50%, 100% { transform: translateY(0); }
    25% { transform: translateY(-4px); }
    75% { transform: translateY(-2px); }
}

@keyframes swing {
    0%, 100% { transform: rotate(0deg); }
    25% { transform: rotate(10deg); }
    50% { transform: rotate(-10deg); }
    75% { transform: rotate(5deg); }
}

@keyframes pulse {
    0%, 100% { transform: scale(1); opacity:1; }
    50% { transform: scale(1.2); opacity:0.7; }
}