.shine-container {
    width: 200px;
    background: #A06519;
    position: relative;
    overflow: hidden;
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 20px;
}

.countdown-banner__heading {
    color: #fff;
    font-family: 'Fira Sans', sans-serif;
    font-size: 17.231px;
    font-weight: 500;
    text-align: center;
    margin: 0;
    line-height: normal;
}

.countdown {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}


.countdown-banner__heading-wrap {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
    padding: 0 0 5px;
    margin: 0 0 5px;
}

span.countdown__number {
    color: #fff;
    font-family: 'Fira Sans', sans-serif;
    font-size: 27px;
    font-weight: 700;
    min-width: 32px;
}

span.countdown__label {
    color: #fff;
    font-family: 'Fira Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
}

.countdown__item {
    display: flex;
    align-items: center;
    gap: 6px;
}

/* Shine Bar */
.shine {
    position: absolute;
    width: 16px;
    height: 200%;
    top: -50%;
    left: -120px;

    /* -45 degree angle */
    transform: rotate(-45deg);

    /* Sharp edges shine */
    background: linear-gradient(to bottom,
            rgba(255, 255, 255, .8) 0%,
            rgba(255, 255, 255, .8) 50%,
            rgba(255, 255, 255, 0) 100%);



    opacity: 0.8;

    animation: shineMove 8s infinite ease-in-out;
}

/* 2.5s move + 5s pause + 2.5s return */

@keyframes shineMove {

    /* Start Left */
    0% {
        left: -120px;
    }

    /* Move Left → Right */
    20% {
        left: 400px;
    }

    /* Pause Right */
    50% {
        left: 400px;
    }

    /* Move Right → Left */
    70% {
        left: -120px;
    }

    /* Pause Left */
    100% {
        left: -120px;
    }
}

/* responsive behavior */
@media screen and (max-width: 991px) {
    .countdown-banner {
        margin: auto;
        display: table;
        margin-top: 10px;
    }
}