/* --------------------------------------------------
   TOUR GALLERY
-------------------------------------------------- */

.tour-gallery-wrap{
    min-width:0;
}

.tour-main-image{
    overflow:hidden;
    border-radius:22px;
    background:#f5f5f5;
    aspect-ratio:4/3;
}

.tour-main-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:opacity .18s ease;
}

.tour-main-image img.is-changing{
    opacity:.35;
}

.tour-thumbs{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:10px;
    margin-top:12px;
}

.tour-thumb{
    position:relative;
    overflow:hidden;
    padding:0;
    border:2px solid transparent;
    border-radius:11px;
    background:#f4f4f4;
    aspect-ratio:4/3;
    cursor:pointer;
    transition:border-color .18s ease, transform .18s ease;
}

.tour-thumb:hover{
    transform:translateY(-1px);
}

.tour-thumb.active{
    border-color:#11896f;
}

.tour-thumb img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

@media(max-width:900px){
    .tour-thumbs{
        grid-template-columns:repeat(6,minmax(0,1fr));
    }
}

@media(max-width:600px){
    .tour-thumbs{
        display:flex;
        gap:8px;
        overflow-x:auto;
        padding-bottom:4px;
        scrollbar-width:none;
    }

    .tour-thumbs::-webkit-scrollbar{
        display:none;
    }

    .tour-thumb{
        flex:0 0 78px;
        width:78px;
    }
}