#media-grid .card {
    transition: transform 0.2s;
}

#media-grid .card:hover {
    transform: translateY(-5px);
}

#loading {
    text-align: center;
    padding: 2rem;
}

.card-img-container {
    background-color: #000;
}

.opacity-50 {
    opacity: 0.5;
}

#modal-content-container {
    background-color: #000;
    border-radius: 8px;
    overflow: hidden;
    min-height: 200px;
}

.card-img-container video, .card-img-container img {
    height: 100%;
    object-fit: cover;
}

.modal-media {
    max-height: 80vh;
}

.pagination .page-link {
    transition: all 0.2s;
}

.pagination .page-link:hover {
    filter: brightness(1.2);
}