/* Showcase (Commercial Refrigerator) Animation Container */
.showcase-anim-wrapper {
    position: relative;
    width: 100%;
    max-width: 160px;
    margin: 20px auto;
    overflow: hidden;
}

/* تصویر پس‌زمینه یخچال فروشگاهی */
.showcase-bg {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
}

/* تصویر دیسپلی نئونی (لایه رویی) */
.showcase-display {
    position: absolute;
    top: 2%;   
    left: 59%;  
    transform: translateX(-50%);
    width: 68%;
    height: auto;
    z-index: 2;
    pointer-events: none;
    
    opacity: 0;
    filter: brightness(0) contrast(0);
    
    animation: 
        showcaseNeonFlashInitial 2s ease-in-out forwards,
        showcaseNeonFlicker 4s ease-in-out infinite 2s;
}

/* Keyframes - پرش سریع اولیه */
@keyframes showcaseNeonFlashInitial {
    0% {
        opacity: 0;
        filter: brightness(0) contrast(0);
    }
    10% {
        opacity: 1;
        filter: brightness(2) contrast(1.5);
    }
    15% {
        opacity: 0.2;
        filter: brightness(0.5);
    }
    20% {
        opacity: 1;
        filter: brightness(1.8) contrast(1.4);
    }
    25% {
        opacity: 0.1;
        filter: brightness(0.3);
    }
    30%, 70% {
        opacity: 1;
        filter: brightness(1.3) contrast(1.2);
    }
    100% {
        opacity: 0;
        filter: brightness(0) contrast(0);
    }
}

/* Keyframes - ریتم عادی نئون */
@keyframes showcaseNeonFlicker {
    0%, 5% {
        opacity: 0;
        filter: brightness(0) contrast(0);
    }
    8% {
        opacity: 0.9;
        filter: brightness(1.8) contrast(1.4);
    }
    12%, 85% {
        opacity: 1;
        filter: brightness(1.3) contrast(1.2);
    }
    88% {
        opacity: 0.7;
        filter: brightness(1) contrast(1.1);
    }
    90%, 92% {
        opacity: 1;
        filter: brightness(1.3) contrast(1.2);
    }
    95% {
        opacity: 0.2;
        filter: brightness(0.4);
    }
    100% {
        opacity: 0;
        filter: brightness(0);
    }
}

/* Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {
    .showcase-display { 
        animation: none !important; 
        opacity: 1 !important; 
        filter: brightness(1.2) contrast(1.1) !important;
    }
}