.rutube-container {
    margin: 20px;
}

/* Основной плеер */
#player iframe {
    width: 100%;
    height: 400px; /* можно 350px если хочется компактнее */
    border: none;
}

/* Контейнер плиток */
.rutube-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

/* Плитка видео */
.change-video {
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    border: 4px solid #BFE2FF;
    cursor: pointer;
    background: #BFE2FF;
    transition: 0.3s;

    width: calc(25% - 10px); /* 4 плитки в строку */
    box-sizing: border-box;
}

/* Превью */
.change-video img {
    width: 100%;
    display: block;
}

/* Текст */
.change-video span {
    display: block;
    padding: 6px;
    font-size: 14px;
}

/* Эффект наведения */
.change-video:hover {
    transform: scale(1.05);
}

/* Активное видео */
.change-video.active {
    border-color: #00b3ff;
    background: #00b3ff;
    color: #fff;
}

/* Планшеты */
@media (max-width: 768px) {
    .change-video {
        width: calc(50% - 10px);
    }
}

/* Телефоны */
@media (max-width: 480px) {
    .change-video {
        width: 100%;
    }

    #player iframe {
        height: 250px;
    }
}