/* Grille responsive */
#custom-yt-wrapper {
    display: grid;
    /* Colonnes adaptatives */
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
    width: 100%;
    margin: 20px 0;
    align-items: start;
}

/* Le conteneur vidéo */
.yt-video-item {
    position: relative;
    width: 100%;
    background: #000;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
        /* Format Vertical 9:16  */
    /* (16 / 9) * 100 = 177.77... */
    padding-bottom: 177.77%; 
}

/* L'iframe prend toute la place du conteneur vertical */
.yt-video-item iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}