.img-card{
    height: 200px !important;
}


.btn-primary{
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn-primary:focus{
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn-primary:hover{
    background-color: var(--color-primary-light);
    border-color: var(--color-primary-light);
}

.content-progressbar{
    width: 100%;
    height: 70px;
    display: flex;
    justify-content: start;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    border-radius: 0.5rem;
    overflow: hidden;

}
.content-progressbar .progress-bar{
    background-color: var(--color-primary);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.badge-primary{
    background-color: var(--color-primary) !important;
    color: white !important;
    padding: 0.5rem;
    justify-content: center;
    align-items: center;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.type-game{
    position: absolute;
    right: 1rem;
    margin-top: -6rem;
}



@media screen and (max-width: 500px) {
    .detail-gallery{
        height: 300px !important;
        max-height: 300px !important;
    }

    .product-image-slider.slick-slider .slick-track figure {
        min-height: 100px !important;
        max-height: 300px !important;
        object-fit: contain;
    }
    .product-image-slider .slick-slide img, .product-image-slider-2 .slick-slide img {
        min-height: 100px !important;
        height: 250px !important;
        max-height: 300px !important;
        object-fit: contain;
    }

    .slider-nav-thumbnails .slick-slide {
        max-height: 100px !important;
    }
    .slider-nav-thumbnails .slick-slide .item-thumb img, .slider-nav-thumbnails-2 .slick-slide .item-thumb img {
        height: 90px;
        max-height: 90%;
        object-fit: contain;
    }
}