/*
 * Custom style goes here.
 * A template should always ship with an empty custom.css
 */
.real-stock-counter{
    position: relative;
    overflow: hidden;
    margin: 20px 0;
    padding: 18px 22px;
    border-radius: 18px;

    background: linear-gradient(135deg,#111,#1f1f1f);
    color: #fff;

    text-align: center;

    box-shadow:
        0 10px 30px rgba(0,0,0,0.12),
        inset 0 1px 0 rgba(255,255,255,0.08);

    animation: stockFade 0.4s ease;
}

.real-stock-counter::before{
    content:'';
    position:absolute;
    top:0;
    left:-120%;
    width:80%;
    height:100%;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,0.15),
        transparent
    );

    transform: skewX(-20deg);
    animation: shine 4s infinite;
}

.real-stock-counter strong{
    display:inline-block;
    margin:0 4px;

    font-size: 32px;
    font-weight: 800;
    color:#ffd54a;

    letter-spacing:1px;
}

.real-stock-counter{
    font-size:17px;
    line-height:1.5;
    font-weight:500;
}

@keyframes shine{
    0%{
        left:-120%;
    }
    100%{
        left:140%;
    }
}

@keyframes stockFade{
    from{
        opacity:0;
        transform:translateY(8px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

/* MOBILE */
@media(max-width:768px){

    .real-stock-counter{
        padding:16px;
        border-radius:14px;
        font-size:15px;
    }

    .real-stock-counter strong{
        font-size:26px;
    }

}





.stock-counter-box {
    border: 4px solid #313537; 
    background-color: transparent; 

    padding: 8px 45px; 

    display: inline-flex; 
    flex-direction: column; 
    align-items: center; 

    line-height: 1; 
}

.stock-counter-box .stock-qty-text {
    color: #E94E1B; 

    font-weight: 900; 

    font-size: 1.6rem; 

    letter-spacing: -0.5px; 

    display: block;
    margin-bottom: -2px; 
}

.stock-counter-box .stock-label-text {
    color: #313537; 

    font-weight: 900; 

    font-size: 1rem; 
    text-transform: uppercase;
    display: block;

    letter-spacing: -0.5px; 

    margin-top: 2px; 
}