/* استایل شمارنده فروش */
.discount-counts {
    margin: 10px 0;
}

.discount-count-item {
    text-align: center;
border: 1px solid #ccc;
  border-radius: 10px;
}




/* استایل تایمر دایره‌ای */
.discount-timer-extended {
    display: flex;
    gap: 15px;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}
:root {
    --timer-font-size: 14px;
    --timer-gray-color: #dcdcdc;
    --timer-progress-color: red;
}
.timer-circle {
    position: relative;
    width: 60px;
    height: 60px;
    text-align: center;
}
.timer-circle svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    transform: rotate(-90deg);
}
.timer-circle .circle-bg circle {
    stroke: var(--timer-gray-color);
    stroke-width: 4;
    fill: none;
}
.timer-circle .circle-fg circle {
    stroke: var(--timer-progress-color);
    stroke-width: 4;
    fill: none;
    stroke-dasharray: 175;
    stroke-dashoffset: 175;
    transition: stroke-dashoffset 1s linear, stroke 1s linear;
}
.timer-circle .timer-number {
    position: absolute;
    top: 16px;
    left: 0;
    width: 60px;
    text-align: center;
    font-size: var(--timer-font-size);
    font-weight: bold;
}
.timer-circle .timer-label {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 60px;
    text-align: center;
    font-size: var(--timer-font-size);
}