.ytlv-videos {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.ytlv-video {
    flex: 1 1 calc(33.33% - 20px); /* 3 per row on desktop */
    box-sizing: border-box;
    margin-bottom: 20px;
}

.ytlv-video.ytlv-featured {
    flex: 0 0 80%; /* 80% width for tablet and desktop */
    margin-left: auto;
    margin-right: auto;
}

.ytlv-video iframe {
    max-width: 100%;
    height: auto;
    border: none;
}

.ytlv-pagination {
    margin-top: 20px;
    text-align: center;
    display: flex;
    justify-content: center;
}

.ytlv-pagination a, .ytlv-pagination span {
    margin: 0 5px;
    padding: 5px 10px;
    text-decoration: none;
    border: 1px solid #ddd;
    color: #0073aa;
}

.ytlv-pagination .current {
    background: #0073aa;
    color: white;
    border-color: #0073aa;
}

.ytlv-last-update {
    text-align: center;
    margin-top: 10px;
    font-size: 14px;
    color: #666;
}

/* Tablet: 2 videos per row (768px - 1023px) */
@media (max-width: 1023px) {
    .ytlv-video {
        flex: 1 1 calc(50% - 20px); /* 2 per row */
    }
}

/* Mobile: 1 video per row (767px and below) */
@media (max-width: 767px) {
    .ytlv-video {
        flex: 1 1 100%; /* 1 per row for all videos */
    }
    .ytlv-video.ytlv-featured {
        flex: 1 1 100%; /* Match other videos on mobile */
    }
}