.ds-header-viewed-button .badge.rounded-pill.position-absolute,
.ds-header-wishlist-button .badge.rounded-pill.position-absolute,
.ds-header-compare-button .badge.rounded-pill.position-absolute,
.ds-header-cart-button .badge.rounded-pill.position-absolute {
    transition: background-color 0.35s ease, transform 0.35s ease, box-shadow 0.35s ease;
    transform-origin: center;
}

.ds-header-viewed-button .badge.rounded-pill.position-absolute.counter-changed,
.ds-header-wishlist-button .badge.rounded-pill.position-absolute.counter-changed,
.ds-header-compare-button .badge.rounded-pill.position-absolute.counter-changed,
.ds-header-cart-button .badge.rounded-pill.position-absolute.counter-changed {
    background-color: #ff8a00 !important;
    color: #fff !important;
    animation: dsCounterPulse 1.4s ease;
    box-shadow: 0 0 0 6px rgba(255, 138, 0, 0.18);
}

.ds-header-viewed-button .badge.rounded-pill.position-absolute.counter-changed::after,
.ds-header-wishlist-button .badge.rounded-pill.position-absolute.counter-changed::after,
.ds-header-compare-button .badge.rounded-pill.position-absolute.counter-changed::after,
.ds-header-cart-button .badge.rounded-pill.position-absolute.counter-changed::after {
    content: "";
    position: absolute;
    inset: -4px;
    border-radius: 999px;
    border: 2px solid rgba(255, 138, 0, 0.45);
    animation: dsCounterRing 1s ease forwards;
    pointer-events: none;
}

@keyframes dsCounterPulse {
    0% {
        transform: scale(1);
    }
    20% {
        transform: scale(1.25);
    }
    45% {
        transform: scale(0.92);
    }
    65% {
        transform: scale(1.08);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes dsCounterRing {
    0% {
        opacity: 0.9;
        transform: scale(0.9);
    }
    100% {
        opacity: 0;
        transform: scale(1.5);
    }
}