.playlists-player {
    background: #0b0f17;
    color: #fff;
    padding: 0;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
}

/* VIDEO AREA */
.playlists-iframe {
    background: #000;
    margin-bottom: 0;
}

.playlists-iframe iframe {
    width: 100%;
    position: relative;
    z-index: 1;
}

/* LIST WRAPPER */
.playlists-items {
    position: relative;
    background: #0f1624;
}

/* UL — сохраняем карусель */
.playlists-items ul {
    list-style: none;
    margin: 0;
    padding: 6px 40px; /* место под стрелки */
    font-size: 0;
    white-space: nowrap;
    overflow: hidden;
}

/* ITEMS */
.playlists-items li {
    width: 140px;
    height: 40px;
    margin: 5px 4px;
    display: inline-block;

    background: rgba(255,255,255,0.06);
    color: #d7dde8;

    font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial;
    font-size: 13px;

    line-height: 40px;
    text-align: center;

    border-radius: 8px;

    cursor: pointer;
    transition: 0.2s ease;
}

/* hover */
.playlists-items li:hover {
    background: rgba(255,255,255,0.12);
    color: #fff;
    transform: translateY(-1px);
}

/* active */
.playlists-items li.active {
    background: linear-gradient(135deg, #ffb347, #ff7a18);
    color: #111;
    font-weight: 600;
}

/* ПРИЛИП К ЛЕВОМУ КРАЮ */
.playlists-items ul li:first-child {
    margin-left: -27px;
}

/* VIDEOS MODE */
.playlists-videos .playlists-items li {
    width: 180px !important;
    text-align: left;
    padding: 0 40px 0 15px;
}

/* VIEW ICON */
.playlists-view {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 40px;

    background-position: center;
    background-repeat: no-repeat;

    opacity: 0.3;
    transition: 0.2s ease;
}

.playlists-view:hover {
    opacity: 0.7;
}

.playlists-view.watched {
    opacity: 1;
}

/* =========================
   ARROWS
========================= */

.playlists-prev,
.playlists-next {
    width: 40px;
    height: 100%;

    position: absolute;
    top: 0;
    bottom: 0;

    z-index: 999999;

    cursor: pointer;

    background-color: rgba(0,0,0,0.25);
    backdrop-filter: blur(6px);

    background-repeat: no-repeat;
    background-position: center;

    opacity: 0.85;
    transition: 0.2s ease;
}

/* LEFT */
.playlists-prev {
    left: 0;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAeElEQVQ4jd3UzQ1AQBCG4Y2DhGqcNIBoQSuKUYm+uHkdrMTBZM0a2cR3n2ezmR/nfhMgBwagssBKYObIBvRW2JnJEluA2gpbgSY5VghYq8Y8ON5g3dP6LOpVTcy/7FGpKZ+g+k4H0LjBDqBxqyeg747DBbU7X0mzAymuSWfKXk8JAAAAAElFTkSuQmCC');
}

/* RIGHT */
.playlists-next {
    right: 0;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAbUlEQVQ4jdWUsQ2AMAwEI6RIjANVJqBhAFZhmuwRGIySo4CGiCr+SORq6yzLfjvXNMAILIBXyGbg5CYBvVUYeWOTAgE4MulmlU5NS/ca0jWv64o7WJCOLF2KWvZ12OVpoUL0tM/hkQ6o3tdvuABsDUk5DyWdywAAAABJRU5ErkJggg==');
}

.playlists-prev:hover,
.playlists-next:hover {
    opacity: 1;
}

/* disabled */
.playlists-prev.disabled,
.playlists-next.disabled {
    display: none;
}