body {
    font-family: 'Inter', sans-serif;
}

#main-image {
    max-height: 70vh;
}

#thumbnails {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

#thumbnails::-webkit-scrollbar {
    display: none; /* Chrome, Safari, and Opera */
}

.thumbnail {
    width: 100px;
    height: 75px;
    object-fit: cover;
    cursor: pointer;
    border-radius: 0.375rem; /* rounded-md */
    border: 2px solid transparent;
    transition: border-color 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.thumbnail:hover {
    transform: scale(1.05);
}

.thumbnail.active {
    border-color: #256632; /* A nice green to match your theme */
}