.yt-scroller{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 4px 24px;-webkit-overflow-scrolling:touch}.yt-scroller::-webkit-scrollbar{height:8px}.yt-scroller::-webkit-scrollbar-thumb{background:#555;border-radius:8px}.yt-scroller::-webkit-scrollbar-track{background:transparent}.yt-pop{position:relative;flex:0 0 320px;width:320px;aspect-ratio:16/9;cursor:pointer;overflow:hidden;border-radius:12px;line-height:0;scroll-snap-align:start;background:#111}.yt-pop img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.yt-pop:hover img{transform:scale(1.05)}.yt-play{position:absolute;top:50%;left:50%;width:68px;height:48px;transform:translate(-50%,-50%);background:#f00;border-radius:14px;opacity:.9;transition:.3s;pointer-events:none}.yt-pop:hover .yt-play{opacity:1}.yt-play::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-40%,-50%);border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent #fff}.yt-overlay{display:none;position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.85);justify-content:center;align-items:center;padding:20px}.yt-overlay.open{display:flex}.yt-box{position:relative;width:100%;max-width:900px;aspect-ratio:16/9;z-index:2}.yt-box iframe{width:100%;height:100%;border:0;border-radius:8px;pointer-events:auto!important;position:relative;z-index:2}.yt-close{position:absolute;top:20px;right:30px;color:#fff;font-size:40px;cursor:pointer;line-height:1;z-index:3}@media(max-width:767px){.yt-pop{flex:0 0 80%;width:80%}}