.tvm-yt-box { --tvm-blue:#1155cc; --tvm-border:#e1e1e1; font-family:inherit; color:#111; width:100%; }
.tvm-yt-box *, .tvm-yt-box *::before, .tvm-yt-box *::after { box-sizing:border-box; }
.tvm-yt-box .tvm-yt-heading { display:flex; align-items:center; justify-content:center; gap:8px; margin:0; padding:13px 10px; border:1px solid var(--tvm-border); border-bottom:2px solid var(--tvm-blue); background:#fff; color:#111; font-size:18px; line-height:1.4; font-weight:600; }
.tvm-yt-heading svg { width:20px; height:20px; flex:none; fill:currentColor; }
.tvm-yt-heading svg path { fill:#fff; }
.tvm-yt-box .tvm-yt-list, .mg-sidebar .widget_tvm_youtube_playlist ul.tvm-yt-list { display:grid; gap:3px; list-style:none; margin:0; padding:0; background:#eee; }
.tvm-yt-box .tvm-yt-list .tvm-yt-item { margin:0; padding:0; list-style:none; border:0; }
.tvm-yt-box .tvm-yt-card { display:flex; align-items:flex-start; gap:16px; min-width:0; padding:0; background:#fff; color:#111; text-decoration:none; box-shadow:none; }
.tvm-yt-box .tvm-yt-thumb { display:block; width:104px; height:104px; flex:0 0 104px; margin:0; padding:0; border:0; border-radius:0; object-fit:contain; background:#fff; }
.tvm-yt-content { display:block; min-width:0; padding:0; }
.tvm-yt-box .tvm-yt-badge { display:table; margin:0 0 8px; padding:3px 6px; border-radius:2px; background:var(--tvm-blue); color:#fff; font-size:11px; line-height:1.2; font-weight:700; }
.tvm-yt-box .tvm-yt-title { display:block; color:#111; font-size:16px; line-height:1.45; font-weight:700; overflow-wrap:anywhere; }
.tvm-yt-box .tvm-yt-card:hover .tvm-yt-title { color:var(--tvm-blue); }
.tvm-yt-box a:focus-visible { outline:3px solid var(--tvm-blue); outline-offset:2px; }
.tvm-yt-box .tvm-yt-more { display:block; padding:10px; border:1px solid var(--tvm-border); background:#fff; color:var(--tvm-blue); font-size:13px; font-weight:600; text-align:right; text-decoration:none; }
.tvm-yt-box .tvm-yt-empty { padding:14px; margin:0; background:#fff; }
.widget_tvm_youtube_playlist.mg-widget, .mg-sidebar .mg-widget.widget_tvm_youtube_playlist { margin:0; padding:0; border:0; background:transparent; overflow:visible; }
.tvm-featured-stack > #custom_html-2 { margin-top:15px; margin-bottom:15px; }
#tvm_youtube_playlist-2 + #custom_html-2 { margin-top:16px; }
@media (max-width:400px) { .tvm-yt-box .tvm-yt-card { gap:12px; } .tvm-yt-box .tvm-yt-title { font-size:15px; } .tvm-yt-box .tvm-yt-thumb { width:88px; height:88px; flex-basis:88px; } }