.custom-gallery {
    max-width:600px;
    margin:0 auto;
}

.custom-main img {
    width:100%;
    max-height:500px;
    object-fit:contain;
    display:block;
}

.custom-thumbs {
    position:relative;
    margin-top:10px;
}

.thumb-track {
    display:flex;
    gap:8px;
    overflow:hidden;
    scroll-behavior:smooth;
}

.thumb-track img {
    height:80px;
    cursor:pointer;
    border-radius:4px;
    object-fit:cover;
}

.thumb-track img.active {
    outline:2px solid #2F2F2F;
}

/* Navigation Buttons */
.thumb-nav {
    position:absolute;
    top:25px;
    background:#FFFEFE;
    border:1px solid #2F2F2F;
    border-radius:50%;
    width:32px;
    height:32px;
    cursor:pointer;
    z-index:10;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#2F2F2F; /* icon colour */
    transition:background 0.2s ease, color 0.2s ease;
}

.thumb-nav:hover {
    background:#E2473E;
    transform:scale(1.05);
}


.thumb-nav.prev { left:0; }
.thumb-nav.next { right:0; }