/* h3 LED 외곽선 효과 (하늘색 계열) - 테두리 빛번짐 */
@keyframes led-outline-blue {
    0%, 100% {
        -webkit-text-stroke: 1px rgba(176, 231, 255, 0.5);
        filter: drop-shadow(0 0 2px rgba(176, 231, 255, 0.4))
                drop-shadow(0 0 4px rgba(176, 231, 255, 0.2));
    }
    50% {
        -webkit-text-stroke: 2px rgba(229, 243, 254, 0.9);
        filter: drop-shadow(0 0 4px rgba(229, 243, 254, 0.8))
                drop-shadow(0 0 8px rgba(176, 231, 255, 0.5))
                drop-shadow(0 0 12px rgba(176, 231, 255, 0.3));
    }
}

/* span LED 외곽선 효과 (금색 계열) - 테두리 빛번짐 */
@keyframes led-outline-gold {
    0%, 100% {
        -webkit-text-stroke: 1px rgba(253, 212, 90, 0.5);
        filter: drop-shadow(0 0 2px rgba(253, 212, 90, 0.4))
                drop-shadow(0 0 4px rgba(253, 212, 90, 0.2));
    }
    50% {
        -webkit-text-stroke: 2px rgba(253, 249, 128, 0.9);
        filter: drop-shadow(0 0 4px rgba(253, 249, 128, 0.8))
                drop-shadow(0 0 8px rgba(253, 212, 90, 0.5))
                drop-shadow(0 0 12px rgba(253, 212, 90, 0.3));
    }
}

/* h3 LED 효과 - 느린 주기 */
.section-front .title-box .text-wrap h3 {
    animation: led-outline-blue 4s ease-in-out infinite;
}

/* span LED 효과 - 느린 주기, 약간 다른 타이밍 */
.section-front .title-box .text-wrap span {
    animation: led-outline-gold 5s ease-in-out infinite;
    animation-delay: 0.5s;
}

/* price-down 이미지 - 위아래 움직임 */
@keyframes float-up-down {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(15px);
    }
}

/* reward-max 이미지 - 스케일 변화 */
@keyframes scale-pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.92);
    }
}

/* price-down 애니메이션 적용 */
section.section-front .img-wrap.price-down {
    animation: float-up-down 3s ease-in-out infinite;
}

/* reward-max 애니메이션 적용 */
section.section-front .img-wrap.reward-max {
    animation: scale-pulse 3.5s ease-in-out infinite;
}

/* section-banding-2 이미지 - 불규칙 펄스 (커졌다가 원래크기 유지, 다시 커졌다가...) */
@keyframes irregular-pulse {
    0%, 8% {
        transform: scale(1);
    }
    10% {
        transform: scale(1.08);
    }
    12%, 35% {
        transform: scale(1);
    }
    38% {
        transform: scale(1.06);
    }
    41%, 55% {
        transform: scale(1);
    }
    58% {
        transform: scale(1.1);
    }
    62%, 80% {
        transform: scale(1);
    }
    83% {
        transform: scale(1.05);
    }
    86%, 100% {
        transform: scale(1);
    }
}

/* section-banding-2 이미지 애니메이션 적용 */
section.section-banding-2 .text-wrap img {
    animation: irregular-pulse 6s ease-in-out infinite;
}