/*
|--------------------------------------------------------------------------
| MV Collector Gallery
| Frontend Gallery
|--------------------------------------------------------------------------
*/

.mvcg-gallery-wrapper{
    width:100%;
    margin:20px 0;
}

.mvcg-thumbnail-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
    gap:16px;
}

.mvcg-thumbnail{
    background:#fff;
    border:1px solid #ddd;
    border-radius:6px;
    overflow:hidden;
    cursor:pointer;
    transition:transform .15s ease, box-shadow .15s ease;
}

.mvcg-thumbnail:hover{
    transform:translateY(-2px);
    box-shadow:0 6px 18px rgba(0,0,0,.18);
}

.mvcg-thumbnail img{
    display:block;
    width:100%;
    aspect-ratio:4 / 3;
    object-fit:cover;
}

.mvcg-thumbnail-empty{
    padding:30px;
    text-align:center;
}

@media (max-width:900px){

    .mvcg-thumbnail-grid{
        grid-template-columns:repeat(auto-fill,minmax(180px,1fr));
    }

}

@media (max-width:600px){

    .mvcg-thumbnail-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
    }

}