/* Animacje dla systemu szablonów */

/* Animacja wave dla cyfr ceny */
@keyframes digit-wave {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.3);
    }
}

.price-counter {
    display: inline-flex;
    gap: 1px;
}

.price-digit {
    display: inline-block;
}

.price-digit.animate {
    animation: digit-wave 0.6s ease-in-out;
}

/* Opóźnienia dla kolejnych cyfr */
.price-digit.delay-0 { animation-delay: 0s; }
.price-digit.delay-1 { animation-delay: 0.1s; }
.price-digit.delay-2 { animation-delay: 0.2s; }
.price-digit.delay-3 { animation-delay: 0.3s; }
.price-digit.delay-4 { animation-delay: 0.4s; }
.price-digit.delay-5 { animation-delay: 0.5s; }
.price-digit.delay-6 { animation-delay: 0.6s; }
.price-digit.delay-7 { animation-delay: 0.7s; }
.price-digit.delay-8 { animation-delay: 0.8s; }
.price-digit.delay-9 { animation-delay: 0.9s; }
.price-digit.delay-10 { animation-delay: 1.0s; }
