/*
Compile-Minify: true
Compile-Area: listing
Compile-OutputGroup: headtag
Compile-Exports: sb-listing-griditemselector
Compile-Dependencies: bootstrap,site
*/

/* .product-option-container {
    position: relative;
    overflow: hidden;
    width: 100%;
}

    .product-option-container .sb-listing-thumb {
        margin-top: 0;
    } */

    /* .product-option-container:hover .product-option-overlay {
        height: 30%;
    } */

.sb-listing-item > a {
    position: relative;
}
.product-option-overlay-container {
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 0;
    left: 0;
}
.product-option-overlay-container:hover .product-option-overlay {
    height: 27%;
}
.product-option-overlay {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(12, 79, 127, 0.5);
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
    width: 100%;
    height: 0;
    transition: .5s ease;
    scrollbar-color: rgba(0,0,0,1) rgba(0,0,0,.6);
    scrollbar-width: thin;
}

    .product-option-overlay::-webkit-scrollbar {
        height: .5vw;
    }

    .product-option-overlay::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,1);
        box-shadow: inset 0 0 6px rgba(0,0,0,1);
    }

    .product-option-overlay::-webkit-scrollbar-thumb {
        background-color: rgba(0,0,0,1);
    }

.product-option-overlay-container p {
    color: white;
    font-weight: bold;
    font-size: 15px;
    padding-top: 15px;
}