.video-card {
    transition: transform 0.2s, box-shadow 0.2s;
}
.video-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg);
}
.video-card:hover div[style*="background: rgba(0,0,0,0.3)"] {
    background: rgba(0,0,0,0.5) !important;
}
a[style*="background: var(--color-gray-100)"]:hover {
    background: var(--color-gray-200) !important;
    transform: translateY(-2px);
}

@media (max-width: 992px) {
    .section > .container > div[style*="grid-template-columns: 1fr 1fr"] {
        grid-template-columns: 1fr !important;
    }
    .section > .container > div[style*="grid-template-columns: repeat(4, 1fr)"] {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 768px) {
    .section > .container > div[style*="grid-template-columns: repeat(3, 1fr)"],
    .section > .container > div[style*="grid-template-columns: repeat(2, 1fr)"] {
        grid-template-columns: 1fr !important;
    }
}