/* Self-contained video grid */
.video-grid-container {
    width: 1150px; /* Exact requested width */
    max-width: 100%; /* Prevent horizontal scroll */
    margin: 20px auto; /* Centered with margin */
    padding: 0;
    box-sizing: border-box;
}

.video-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.video-item {
    width: 272.5px; /* (1150px - 3*20px gap) / 4 = 272.5px */
    height: 153px; /* 16:9 aspect ratio (272.5 / 16 * 9) */
    background: #f0f0f0;
    border-radius: 6px;
    overflow: hidden;
    flex-shrink: 0;
}

.video-item iframe {
    width: 100%;
    height: 100%;
    border: none;
}

/* Responsive adjustments */
@media (max-width: 1180px) {
    .video-grid-container {
        width: 100%;
        padding: 0 20px;
    }
    .video-item {
        width: calc(25% - 15px); /* Maintain 4 per row with gap */
        height: calc((25vw - 20px) * 0.5625); /* 16:9 ratio */
    }
}

@media (max-width: 900px) {
    .video-item {
        width: calc(50% - 10px); /* 2 per row */
        height: calc((50vw - 25px) * 0.5625);
    }
}

@media (max-width: 600px) {
    .video-item {
        width: 100%; /* 1 per row */
        height: calc(100vw * 0.5625);
        max-height: 300px;
    }
}