.embed-wrap{aspect-ratio:16/9;background:#111;overflow:hidden}
.embed-wrap iframe{width:100%;height:100%;border:0}
.channel-watch{display:inline-flex;align-items:center;gap:8px;margin-top:7px;font-size:12px;font-weight:700;border-bottom:1px solid #aaa;padding-bottom:5px}
.channel-watch .icon{width:15px}
.live-card h3{margin-bottom:4px}
.hero-bg{background-image:url('hero-v4.png')!important}
.channel-preview{aspect-ratio:16/9;position:relative;display:block;overflow:hidden;background:#111;color:#fff}
.channel-preview>img{width:100%;height:100%;object-fit:cover;transform:scale(1.03);transition:transform .5s ease}
.channel-preview:hover>img{transform:scale(1.1)}
.preview-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080808e8 0%,#0808089c 50%,transparent),linear-gradient(0deg,#0009,transparent)}
.preview-play{position:absolute;right:20px;bottom:20px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff}
.preview-copy{position:absolute;left:25px;bottom:24px;display:flex;flex-direction:column;gap:7px}
.preview-copy small{font:700 9px Manrope;letter-spacing:2px;color:#d9d4cc}
.preview-copy strong{font:700 20px Manrope}
.channel-icon{width:82px!important;height:82px!important;border:0!important;border-radius:50%;overflow:hidden;transform:none!important;background:#080808;box-shadow:0 10px 30px #0008}
.channel-icon img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.channel-card:hover .channel-icon img{transform:scale(1.08)}