/* 
   HediCart Signature Motion — Minimal, Professional, Creative
   نسخهٔ کامل و نهایی
*/

/* Wrapper اصلی */
.hedicart-counter-wrapper {

    direction: rtl;
    font-family: IRANSansWEB;
    font-size: 10px;
    text-align: right;
    margin-right: 8%;

    
}

/* عدد اصلی */
.hedicart-counter {
    font-size: 25px;
    font-weight: 700;
    line-height: 1;
    display: inline-block;
    transition:
        transform 0.22s ease-out,
        opacity 0.22s ease-out,
        color 0.18s ease-out;
    will-change: transform, opacity;
}

/* Flow Motion — محو شدن عدد قبلی */
.hedicart-counter.morph-out {
    opacity: 0;
    transform: translateY(-20px);
}

/* Flow Motion — ظاهر شدن عدد جدید */
.hedicart-counter.morph-in {
    opacity: 1;
    transform: translateY(50px);
}

/* Precision Pulse — پالس اصلی برند */
.hedicart-counter.pulse {
    transform: scale(1.26);
}


/* ---------------------------------------------------------
   Idle Pulse — NEW
   پالس بسیار ظریف برای نشان دادن زنده بودن سیستم
   وقتی عدد تغییر نکرده باشد
--------------------------------------------------------- */
.hedicart-counter.idle-pulse {
    transform: scale(1.15);
    opacity: 0.96;
    transition: transform 0.18s ease-out, opacity 0.18s ease-out;
}

/* ---------------------------------------------------------
   Breathing Motion (اختیاری)
   اگر خواستی در حالت سکون هم یک نفس بسیار ظریف داشته باشد
--------------------------------------------------------- */
.hedicart-counter.breathing {
    animation: hedicart-breath 8s ease-in-out infinite;
}

@keyframes hedicart-breath {
    0%   { transform: scale(1); }
    40%  { transform: scale(1.01); }
    100% { transform: scale(1); }
}



/* Extra small Mobile */
@media (max-width: 575.98px) {

    .hedicart-counter {
        font-size: 26px;
    }
    .hedicart-counter-wrapper {
        margin-top: 40px;
        margin-bottom: 30px;

    }

}
/*  Mobile */
@media (min-width: 576px) and (max-width: 767.98px) {

    .hedicart-counter {
        font-size: 26px;
    }
    .hedicart-counter-wrapper {
        margin-top: 38px;
        margin-bottom: 25px;

    }

}
/* Tablet */
@media (min-width: 768px) and (max-width: 991.98px) {

    .hedicart-counter-wrapper {
        margin-top: 35px;
        margin-bottom: 25px;

    }
}
/* laptop */
@media (min-width: 992px) and (max-width: 1199.98px) {

    .hedicart-counter-wrapper {
        margin-top: 35px;
        margin-bottom: 25px;

    }
}
/* Desktop */
@media (min-width: 1200px) {

    .hedicart-counter-wrapper {
        margin-top: 35px;
        margin-bottom: 25px;

    }
}