.thumbnail {
    transition: all 0.3s ease;
    opacity: 0.7;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

    .thumbnail:hover, .thumbnail.active {
        opacity: 1;
        transform: scale(1.05);
        box-shadow: 0 8px 15px rgba(0,0,0,0.2);
    }

.main-image-container {
    position: relative;
    overflow: hidden;
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
    border-radius: 8px;
}

    .main-image-container img {
        transition: transform 0.3s ease;
    }

        .main-image-container img:hover {
            transform: scale(1.02);
        }

#modalImage {
    width: 100%;
    height: auto;
    max-height: 80vh;
    object-fit: contain;
}

.text-primary {
    color: #4154f1 !important;
}

.btn-outline-primary {
    border-color: #4154f1;
    color: #4154f1;
}

    .btn-outline-primary:hover {
        background-color: #4154f1;
        color: white;
    }

.list-unstyled li {
    padding: 8px 0;
    border-bottom: 1px solid #eee;
}

    .list-unstyled li:last-child {
        border-bottom: none;
    }