/* Page spacing matches your Sneat look */
.card.card--pad {
    padding: .75rem;
}

/* Make thumbnails look clean and clickable */
.gallery-card {
    transition: transform .15s ease, box-shadow .15s ease;
}

    .gallery-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 18px rgba(15,23,42,.08);
    }

.gallery-thumb {
    position: relative;
    background: #f8fafc;
    border-bottom: 1px solid rgba(15,23,42,.06);
    overflow: hidden;
}

.gallery-img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* keep grid tidy */
    display: block;
}

/* Floating “view” button over image */
.gallery-view {
    position: absolute;
    right: .5rem;
    bottom: .5rem;
    opacity: 0;
    transition: opacity .15s ease, transform .15s ease;
    transform: translateY(4px);
    padding: .25rem .5rem;
}

.gallery-thumb:hover .gallery-view {
    opacity: 1;
    transform: translateY(0);
}

/* Make modal image contain nicely in the 16x9 frame */
.object-fit-contain {
    object-fit: contain;
}