/* pagina inicial */
.loading .car-card > *::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        #2c2c2c 25%,
        #3c3c3c 37%,
        #2c2c2c 63%
    );
    background-size: 400% 100%;
    left: 0;
    top: 0;
    border-radius:5px;
    animation: shimmer 2s ease-in-out infinite;
    will-change: background-position;
    transition: all .5s ease;
    opacity: 1;
}

.loading.loaded .car-card > *::after{
    opacity: 0;
}

/* pagina de carros */
.car-item h3, .car-item p, .details-button, .car-item .card-image {
    position: relative;
    /* margin-bottom: 5px; */
}

/* .loading .car-info > *::after, */
.loading .car-item::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        #2c2c2c 25%,
        #3c3c3c 37%,
        #2c2c2c 63%
    );
    background-size: 400% 100%;
    left: 0;
    top: 0;
    border-radius:5px;
    animation: shimmer 2s ease-in-out infinite;
    will-change: background-position;
    transition: all .5s ease;
    opacity: 1;
    z-index: 10;
}

/* .loading.loaded .car-info > *::after, */
.loading.loaded .car-item::after{
    opacity: 0;
}

/* pagina de detalhes do carro */
.loading .product-info > * {
    position: relative;
    /* margin-bottom: 5px; */
}

.loading .product-info > *::after,
.loading .product-images::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        #2c2c2c 25%,
        #3c3c3c 37%,
        #2c2c2c 63%
    );
    background-size: 400% 100%;
    left: 0;
    top: 0;
    border-radius:10px;
    animation: shimmer 2s ease-in-out infinite;
    will-change: background-position;
    transition: all .5s ease;
    opacity: 1;
}

.loading.loaded .product-info > *::after,
.loading.loaded .product-images::after{
    opacity: 0;
}

@keyframes shimmer {
    0% {
        background-position: -400% 0;
    }
    100% {
        background-position: 400% 0;
    }
}