/**
* Theme Name: Streamit Child
* Description: This is a child theme of Streamit, generated by iQonic Design.
* Author: <a href="https://iqonic.design/">Iqonic Design</a>
* Template: streamit
* Version: 4.3.3
*/
/* TelaFlix Home v1 */
:root{--tfx-red:#e50914;--tfx-bg:#070707;--tfx-panel:#111;--tfx-text:#f5f5f5;--tfx-muted:#a9a9ad}
body.home{background:var(--tfx-bg)}
.tfx-home{background:var(--tfx-bg);color:var(--tfx-text);overflow:hidden}
.tfx-shell{width:min(1460px,calc(100% - 8vw));margin-inline:auto}
.tfx-hero{min-height:76vh;position:relative;display:flex;align-items:flex-end;background-image:var(--tfx-hero);background-size:cover;background-position:center 28%}
.tfx-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.98) 0%,rgba(5,5,5,.82) 30%,rgba(5,5,5,.25) 68%,rgba(5,5,5,.08) 100%)}
.tfx-hero:after{content:"";position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(0deg,var(--tfx-bg),transparent)}
.tfx-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.2),transparent 30%)}
.tfx-hero-inner{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;padding:180px 0 90px}
.tfx-hero-copy{max-width:680px}
.tfx-kicker,.tfx-eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:.2em;color:#e8e8e8;margin-bottom:12px}
.tfx-kicker{color:#fff}
.tfx-hero h1{font-size:clamp(48px,6vw,92px);line-height:.92;letter-spacing:-.055em;margin:0 0 24px;color:#fff;max-width:820px}
.tfx-hero p{font-size:17px;line-height:1.65;color:#d3d3d5;max-width:620px;margin:0 0 32px}
.tfx-hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.tfx-btn{min-height:48px;padding:0 22px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:700;text-decoration:none!important;transition:.2s ease}
.tfx-btn-primary{background:#fff;color:#080808!important}.tfx-btn-primary:hover{background:#ddd;transform:translateY(-1px)}
.tfx-btn-ghost{background:rgba(90,90,90,.45);backdrop-filter:blur(12px);color:#fff!important}.tfx-btn-ghost:hover{background:rgba(110,110,110,.65)}
.tfx-hero-poster{display:none}
.tfx-section{padding:34px 0 24px}.tfx-first{position:relative;z-index:3;margin-top:-28px}
.tfx-section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}
.tfx-section-head h2,.tfx-live h2,.tfx-plan h2{font-size:clamp(25px,2.2vw,36px);letter-spacing:-.035em;margin:0;color:#fff}
.tfx-section-head .tfx-eyebrow{color:#777;margin-bottom:5px}
.tfx-section-head>a{color:#a7a7aa!important;font-size:13px;text-decoration:none!important}.tfx-section-head>a:hover{color:#fff!important}
.tfx-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(170px,1fr);grid-template-rows:1fr;gap:14px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;padding:2px 1px 12px}.tfx-row::-webkit-scrollbar{display:none}
.tfx-card{display:block;min-width:0;color:#fff!important;text-decoration:none!important}
.tfx-card-art{position:relative;display:block;aspect-ratio:2/3;border-radius:9px;overflow:hidden;background:#141414}
.tfx-card-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.5));opacity:0;transition:.25s}
.tfx-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.tfx-card-play{position:absolute;z-index:2;left:12px;bottom:12px;width:36px;height:36px;border-radius:50%;background:#fff;color:#050505;display:grid;place-items:center;font-size:11px;padding-left:2px;opacity:0;transform:translateY(6px);transition:.25s}
.tfx-card:hover img{transform:scale(1.035)}.tfx-card:hover .tfx-card-art:after,.tfx-card:hover .tfx-card-play{opacity:1}.tfx-card:hover .tfx-card-play{transform:none}
.tfx-card-title{display:block;font-size:14px;font-weight:700;line-height:1.25;margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tfx-card-meta{display:block;font-size:11px;color:#777;margin-top:4px}
.tfx-live{margin-top:54px;margin-bottom:70px;min-height:340px;border-radius:18px;background:radial-gradient(circle at 82% 50%,rgba(229,9,20,.26),transparent 28%),linear-gradient(120deg,#151515,#0b0b0b);display:flex;align-items:center;justify-content:space-between;padding:54px 6%;overflow:hidden;position:relative}
.tfx-live-copy{max-width:620px;position:relative;z-index:2}.tfx-live .tfx-eyebrow{display:inline-block;margin-left:9px;color:#aaa}.tfx-live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--tfx-red);box-shadow:0 0 0 5px rgba(229,9,20,.12)}
.tfx-live h2{font-size:clamp(34px,4vw,58px);line-height:1.03;margin:10px 0 18px}.tfx-live p{color:#999;max-width:500px;margin:0 0 28px}.tfx-btn-light{background:#fff;color:#080808!important}
.tfx-live-mark{font-size:80px;line-height:.8;font-weight:900;letter-spacing:-.08em;text-align:right;color:#282828;transform:rotate(-5deg);margin-right:3%}.tfx-live-mark span,.tfx-live-mark strong{display:block}.tfx-live-mark strong{color:var(--tfx-red)}
.tfx-plan{border-top:1px solid #1e1e1e;padding:54px 0 80px;display:flex;align-items:center;justify-content:space-between;gap:30px}.tfx-plan p{color:#777;margin:8px 0 0}
@media(min-width:1200px){.tfx-row{grid-auto-columns:calc((100% - 70px)/6)}}
@media(max-width:900px){.tfx-shell{width:min(100% - 36px,1460px)}.tfx-hero{min-height:68vh;background-position:62% center}.tfx-hero:before{background:linear-gradient(90deg,rgba(5,5,5,.96),rgba(5,5,5,.55) 70%,rgba(5,5,5,.3))}.tfx-hero-inner{padding:150px 0 65px}.tfx-row{grid-auto-columns:31%}.tfx-live-mark{font-size:55px}}
@media(max-width:600px){.tfx-shell{width:calc(100% - 28px)}.tfx-hero{min-height:70vh;background-position:68% center}.tfx-hero:before{background:linear-gradient(0deg,#070707 0%,rgba(7,7,7,.7) 50%,rgba(7,7,7,.18) 100%)}.tfx-hero-inner{padding:230px 0 54px;align-items:flex-end}.tfx-hero h1{font-size:43px;max-width:90%}.tfx-hero p{font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tfx-btn{min-height:45px;padding:0 17px}.tfx-first{margin-top:0}.tfx-section{padding:25px 0 14px}.tfx-section-head h2{font-size:25px}.tfx-row{grid-auto-columns:43%;gap:11px}.tfx-card-title{font-size:13px}.tfx-live{margin-top:36px;margin-bottom:45px;min-height:330px;padding:38px 26px}.tfx-live h2{font-size:38px}.tfx-live-mark{position:absolute;right:-20px;bottom:30px;opacity:.22;font-size:60px}.tfx-plan{padding:40px 0 60px;display:block}.tfx-plan .tfx-btn{margin-top:22px}}

/* TelaFlix Top 10 */
.tfx-top10-section{padding-top:42px}
.tfx-top10-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(285px,1fr);gap:22px;overflow-x:auto;scrollbar-width:none;padding:5px 2px 18px;counter-reset:tfx-rank}
.tfx-top10-row::-webkit-scrollbar{display:none}
.tfx-rank-card{height:245px;position:relative;display:flex;align-items:flex-end;text-decoration:none!important;color:#fff!important;overflow:visible}
.tfx-rank-number{width:46%;font-size:230px;line-height:.78;font-weight:900;letter-spacing:-.1em;color:#070707;-webkit-text-stroke:3px #4b4b4f;text-align:right;transform:translateX(8px);transition:.25s;user-select:none}
.tfx-rank-art{width:54%;height:100%;border-radius:9px;overflow:hidden;background:#151515;position:relative;z-index:2;box-shadow:-12px 0 30px rgba(0,0,0,.25)}
.tfx-rank-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.35),transparent 45%);opacity:0;transition:.25s}
.tfx-rank-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.tfx-rank-name{position:absolute;z-index:3;left:49%;right:8px;bottom:10px;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translateY(5px);transition:.25s}
.tfx-rank-card:hover .tfx-rank-number{-webkit-text-stroke-color:#777}.tfx-rank-card:hover .tfx-rank-art img{transform:scale(1.04)}.tfx-rank-card:hover .tfx-rank-art:after,.tfx-rank-card:hover .tfx-rank-name{opacity:1}.tfx-rank-card:hover .tfx-rank-name{transform:none}
@media(min-width:1200px){.tfx-top10-row{grid-auto-columns:calc((100% - 66px)/4)}}
@media(max-width:900px){.tfx-top10-row{grid-auto-columns:43%}.tfx-rank-card{height:220px}.tfx-rank-number{font-size:190px}}
@media(max-width:600px){.tfx-top10-section{padding-top:30px}.tfx-top10-row{grid-auto-columns:72%;gap:12px}.tfx-rank-card{height:205px}.tfx-rank-number{font-size:175px;-webkit-text-stroke-width:2px}}

/* Top 10 hover actions */
.tfx-rank-art{display:block}
.tfx-rank-image-link{position:absolute;inset:0;z-index:1;display:block}
.tfx-rank-image-link img{width:100%;height:100%;object-fit:cover}
.tfx-rank-overlay{position:absolute;z-index:4;inset:auto 0 0;padding:48px 10px 10px;background:linear-gradient(0deg,rgba(0,0,0,.94),rgba(0,0,0,.68) 55%,transparent);opacity:0;transform:translateY(5px);transition:.22s;pointer-events:none}
.tfx-rank-actions{display:flex;align-items:center;gap:7px;margin-bottom:8px;pointer-events:auto}
.tfx-rank-play{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border-radius:5px;background:#fff;color:#090909!important;font-size:10px;font-weight:800;text-decoration:none!important;white-space:nowrap}
.tfx-rank-play span{font-size:8px}
.tfx-rank-watch{display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px}
.tfx-rank-watch .watchlist-btn,.tfx-rank-watch button,.tfx-rank-watch a{margin:0!important}
.tfx-rank-genres{display:block;color:#c8c8ca;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tfx-rank-name{position:static;display:block;margin:9px 0 0 46%;padding-left:8px;width:54%;font-size:12px;font-weight:700;color:#fff!important;text-decoration:none!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:1;transform:none}
.tfx-rank-card:hover .tfx-rank-overlay{opacity:1;transform:none}
.tfx-rank-card:hover .tfx-rank-art:after{display:none}
@media(max-width:600px){.tfx-rank-overlay{opacity:1;transform:none;padding-top:42px}.tfx-rank-name{font-size:11px}.tfx-rank-play{font-size:9px;padding:0 8px}}

/* TelaFlix unified card hover + corrected Top 10 proportions */
.tfx-card{position:relative;display:block;min-width:0;color:#fff}
.tfx-card-art{position:relative;display:block;aspect-ratio:2/3;border-radius:9px;overflow:hidden;background:#141414}
.tfx-card-image-link{position:absolute;inset:0;z-index:1;display:block}
.tfx-card-image-link img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.tfx-card-overlay{position:absolute;z-index:3;left:0;right:0;bottom:0;padding:65px 10px 10px;background:linear-gradient(0deg,rgba(0,0,0,.96),rgba(0,0,0,.72) 48%,transparent);opacity:0;transform:translateY(6px);transition:.22s;pointer-events:none}
.tfx-card-actions{display:flex;align-items:center;gap:7px;margin-bottom:8px;pointer-events:auto}
.tfx-card-watch-now{display:inline-flex;align-items:center;gap:6px;min-height:33px;padding:0 10px;border-radius:5px;background:#fff;color:#080808!important;font-size:10px;font-weight:800;text-decoration:none!important;white-space:nowrap}
.tfx-card-watch-now span{font-size:8px}
.tfx-card-watchlist{display:flex;align-items:center;justify-content:center;min-width:33px;min-height:33px}
.tfx-card-watchlist .watchlist-btn,.tfx-card-watchlist button,.tfx-card-watchlist a{margin:0!important}
.tfx-card-genres{display:block;font-size:9px;color:#c8c8ca;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tfx-card:hover .tfx-card-overlay{opacity:1;transform:none}
.tfx-card:hover .tfx-card-image-link img{transform:scale(1.035)}
.tfx-card-title{color:#fff!important;text-decoration:none!important}

/* Number sits behind a full poster instead of squeezing it */
.tfx-top10-row{grid-auto-columns:320px;gap:26px}
.tfx-rank-card{height:auto;min-height:278px;display:grid;grid-template-columns:108px 1fr;grid-template-rows:250px auto;align-items:end}
.tfx-rank-number{grid-column:1/2;grid-row:1;width:auto;align-self:end;font-size:220px;line-height:.77;text-align:right;transform:translateX(20px);position:relative;z-index:1}
.tfx-rank-art{grid-column:2/3;grid-row:1;width:167px;height:250px;justify-self:start;z-index:2;box-shadow:-14px 0 30px rgba(0,0,0,.32)}
.tfx-rank-name{grid-column:2/3;grid-row:2;margin:9px 0 0;padding:0;width:167px;position:static;display:block}
@media(min-width:1200px){.tfx-top10-row{grid-auto-columns:320px}}
@media(max-width:900px){.tfx-top10-row{grid-auto-columns:290px}.tfx-rank-card{grid-template-columns:96px 1fr;grid-template-rows:225px auto;min-height:253px}.tfx-rank-number{font-size:195px}.tfx-rank-art{width:150px;height:225px}.tfx-rank-name{width:150px}}
@media(max-width:600px){.tfx-top10-row{grid-auto-columns:270px}.tfx-rank-card{grid-template-columns:90px 1fr;grid-template-rows:210px auto;min-height:238px}.tfx-rank-number{font-size:180px}.tfx-rank-art{width:140px;height:210px}.tfx-rank-name{width:140px}.tfx-card-overlay{opacity:0;transform:translateY(6px)}}

/* Home hover v3: bigger Top 10 + vertical actions */
.tfx-card-actions,.tfx-rank-actions{flex-direction:column;align-items:stretch;gap:6px}
.tfx-card-watchlist,.tfx-rank-watch{order:-1;width:100%;min-height:32px;display:block}
.tfx-card-watchlist .watch-list-btn,.tfx-rank-watch .watch-list-btn{width:100%!important;min-height:32px!important;padding:0 9px!important;border:0!important;border-radius:5px!important;background:#fff!important;color:#0a0a0a!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;font-size:10px!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important}
.tfx-card-watchlist .watch-list-btn>span,.tfx-rank-watch .watch-list-btn>span{font-size:0!important}
.tfx-card-watchlist .watch-list-btn>span:after,.tfx-rank-watch .watch-list-btn>span:after{content:"Assistir Depois";font-size:10px!important}
.tfx-card-watch-now,.tfx-rank-play{width:100%;min-height:34px;justify-content:center;background:#e50914!important;color:#fff!important;border-radius:5px}
.tfx-card-watch-now:hover,.tfx-rank-play:hover{background:#f6121d!important;color:#fff!important}
.tfx-card-overlay,.tfx-rank-overlay{padding-left:10px;padding-right:10px}

/* Top 10 is a hero-style shelf: larger poster, tighter rhythm */
.tfx-top10-row{grid-auto-columns:390px;gap:18px}
.tfx-rank-card{grid-template-columns:125px 1fr;grid-template-rows:315px auto;min-height:345px}
.tfx-rank-number{font-size:260px;transform:translateX(25px);-webkit-text-stroke-width:3px}
.tfx-rank-art{width:210px;height:315px;border-radius:10px}
.tfx-rank-name{width:210px;font-size:13px;margin-top:10px}
.tfx-rank-overlay{padding-top:80px}
@media(min-width:1200px){.tfx-top10-row{grid-auto-columns:390px}}
@media(max-width:900px){.tfx-top10-row{grid-auto-columns:345px}.tfx-rank-card{grid-template-columns:110px 1fr;grid-template-rows:285px auto;min-height:315px}.tfx-rank-number{font-size:225px}.tfx-rank-art{width:190px;height:285px}.tfx-rank-name{width:190px}}
@media(max-width:600px){.tfx-top10-row{grid-auto-columns:300px}.tfx-rank-card{grid-template-columns:96px 1fr;grid-template-rows:255px auto;min-height:285px}.tfx-rank-number{font-size:195px}.tfx-rank-art{width:170px;height:255px}.tfx-rank-name{width:170px}.tfx-card-watchlist .watch-list-btn>span:after,.tfx-rank-watch .watch-list-btn>span:after{font-size:9px!important}}

/* Keep Assistir Depois clearly white in every Streamit button state */
.tfx-card-watchlist .watch-list-btn,
.tfx-card-watchlist .watch-list-btn:hover,
.tfx-card-watchlist .watch-list-btn:focus,
.tfx-card-watchlist .watch-list-btn:active,
.tfx-card-watchlist .watch-list-btn.in-watchlist,
.tfx-rank-watch .watch-list-btn,
.tfx-rank-watch .watch-list-btn:hover,
.tfx-rank-watch .watch-list-btn:focus,
.tfx-rank-watch .watch-list-btn:active,
.tfx-rank-watch .watch-list-btn.in-watchlist{
    background:#fff!important;
    background-image:none!important;
    color:#0a0a0a!important;
    border-color:#fff!important;
    box-shadow:none!important;
    opacity:1!important;
    filter:none!important;
    text-shadow:none!important;
}
.tfx-card-watchlist .watch-list-btn:before,
.tfx-card-watchlist .watch-list-btn:after,
.tfx-rank-watch .watch-list-btn:before,
.tfx-rank-watch .watch-list-btn:after{
    box-shadow:none!important;
    background:transparent!important;
}
.tfx-card-watchlist .watch-list-btn i,
.tfx-rank-watch .watch-list-btn i{
    color:#0a0a0a!important;
    opacity:1!important;
}

/* TelaFlix episode cards: stable 16:9 frame with or without artwork */
.css_prefix-episodes-content .episode-card{
    position:relative;
    overflow:hidden;
}
.css_prefix-episodes-content .episode-image{
    position:relative!important;
    width:100%!important;
    aspect-ratio:16/9!important;
    height:auto!important;
    min-height:0!important;
    overflow:hidden!important;
    border-radius:9px!important;
    background:#101012!important;
}
.css_prefix-episodes-content .episode-image>img,
.css_prefix-episodes-content .episode-image picture,
.css_prefix-episodes-content .episode-image picture img{
    width:100%!important;
    height:100%!important;
}
.css_prefix-episodes-content .episode-image>img,
.css_prefix-episodes-content .episode-image picture img{
    object-fit:contain!important;
    object-position:center!important;
    background:#101012!important;
}

/* Old no-image markup becomes a proper TelaFlix placeholder */
.css_prefix-episodes-content .tfxui-episode-no-image{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    overflow:hidden!important;
    background:
      radial-gradient(circle at 72% 20%,rgba(229,9,20,.22),transparent 32%),
      linear-gradient(135deg,#18181b,#09090a 70%)!important;
    color:#fff!important;
    text-align:center!important;
}
.css_prefix-episodes-content .tfxui-episode-no-image:before{
    content:"TELAFLIX";
    position:absolute;
    right:-8px;
    bottom:-12px;
    font-size:38px;
    font-weight:900;
    letter-spacing:-.06em;
    color:rgba(255,255,255,.035);
}
.css_prefix-episodes-content .tfxui-episode-label{
    position:relative!important;
    z-index:1;
    font-size:17px!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:.08em!important;
    color:#fff!important;
}
.css_prefix-episodes-content .tfxui-episode-play{
    position:relative!important;
    z-index:1;
    width:36px!important;
    height:36px!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    padding-left:2px!important;
    background:#e50914!important;
    color:#fff!important;
    font-size:11px!important;
}
.css_prefix-episodes-content .tfxui-episode-watch{
    position:relative!important;
    z-index:1;
    font-size:10px!important;
    font-weight:700!important;
    color:#b8b8bb!important;
}

/* Keep Streamit's overlays inside the frame instead of letting them float */
.css_prefix-episodes-content .episode-card .episode-detail{
    position:absolute!important;
    inset:auto 0 0!important;
    z-index:4!important;
}
.css_prefix-episodes-content .episode-number-static{
    z-index:3!important;
}
@media(max-width:600px){
    .css_prefix-episodes-content .tfxui-episode-no-image:before{font-size:28px}
    .css_prefix-episodes-content .tfxui-episode-label{font-size:14px!important}
}

/* Episode artwork v2: clean art, soft shade, centered play, caption below */
.css_prefix-episodes-content .episode-image:after{
    content:none!important;
}
.css_prefix-episodes-content .episode-detail{
    display:none!important;
}
.css_prefix-episodes-content .tfx-episode-soft-shade{
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    background:rgba(0,0,0,.10);
    transition:background .2s ease;
}
.css_prefix-episodes-content .episode-card:hover .tfx-episode-soft-shade{
    background:rgba(0,0,0,.20);
}
.css_prefix-episodes-content .tfx-episode-center-play{
    position:absolute;
    left:50%;
    top:50%;
    z-index:5;
    width:48px;
    height:48px;
    margin:-24px 0 0 -24px;
    border-radius:50%;
    display:grid;
    place-items:center;
    padding-left:3px;
    background:#e50914;
    color:#fff;
    font-size:15px;
    line-height:1;
    box-shadow:0 8px 24px rgba(0,0,0,.28);
    pointer-events:none;
    opacity:.92;
    transform:scale(.94);
    transition:transform .2s ease,opacity .2s ease,background .2s ease;
}
.css_prefix-episodes-content .episode-card:hover .tfx-episode-center-play{
    opacity:1;
    transform:scale(1.08);
    background:#f6121d;
}
.css_prefix-episodes-content .tfxui-episode-no-image .tfxui-episode-label,
.css_prefix-episodes-content .tfxui-episode-no-image .tfxui-episode-play,
.css_prefix-episodes-content .tfxui-episode-no-image .tfxui-episode-watch{
    display:none!important;
}
.css_prefix-episodes-content .tfx-episode-caption{
    position:relative;
    z-index:6;
    padding:11px 2px 2px;
    text-align:left;
}
.css_prefix-episodes-content .tfx-episode-kicker{
    color:#b8b8bb;
    font-size:12px;
    font-weight:500;
    line-height:1.35;
}
.css_prefix-episodes-content .tfx-episode-title{
    margin-top:3px;
    color:#fff;
    font-size:14px;
    font-weight:700;
    line-height:1.35;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
@media(max-width:600px){
    .css_prefix-episodes-content .tfx-episode-center-play{width:42px;height:42px;margin:-21px 0 0 -21px}
    .css_prefix-episodes-content .tfx-episode-title{font-size:13px}
    .css_prefix-episodes-content .tfx-episode-kicker{font-size:11px}
}

/* Streamit applies mix-blend-mode:overlay to episode artwork; restore real image colors */
.css_prefix-episodes-content .episode-card .episode-image>img,
.css_prefix-episodes-content .episode-card .episode-image picture img{
    mix-blend-mode:normal!important;
    opacity:1!important;
    filter:none!important;
}
.css_prefix-episodes-content .episode-card:not(.watching){
    opacity:1!important;
}
.css_prefix-episodes-content .episode-card .episode-image{
    isolation:isolate!important;
}
.css_prefix-episodes-content .tfx-episode-soft-shade{
    background:rgba(0,0,0,.06)!important;
}
.css_prefix-episodes-content .episode-card:hover .tfx-episode-soft-shade{
    background:rgba(0,0,0,.14)!important;
}

/* TelaFlix authorized VOD player */
.tfx-vod-player{min-height:100vh;background:#000;display:flex;align-items:center;justify-content:center}
.tfx-vod-player .streamit-player-ctrl,.tfx-vod-player .ls-video-container{width:100%;height:100vh}
.tfx-vod-player video{width:100%;height:100%;background:#000}
.tfx-player-message{max-width:520px;padding:42px 28px;text-align:center;color:#fff}
.tfx-player-message h3{margin-bottom:10px;color:#fff}
.tfx-player-message p{color:#aaa;margin-bottom:22px}

/* TelaFlix cinema player experience */
.tfx-vod-player{
    position:relative!important;display:block!important;min-height:100vh!important;height:auto!important;
    overflow:hidden;background:#07080b!important;color:#fff;padding:0 24px 48px
}
.tfx-vod-player .tfx-player-bg{
    position:absolute;inset:0 0 auto;height:min(76vh,760px);pointer-events:none;
    background:
      linear-gradient(180deg,rgba(7,8,11,.34) 0%,rgba(7,8,11,.62) 48%,#07080b 96%),
      linear-gradient(90deg,rgba(7,8,11,.72),rgba(7,8,11,.14) 58%,rgba(7,8,11,.55)),
      var(--tfx-player-backdrop);
    background-size:cover;background-position:center 24%;filter:saturate(.92)
}
.tfx-vod-player .tfx-player-bg:after{content:"";position:absolute;inset:0;backdrop-filter:blur(1.5px)}
.tfx-player-shell{position:relative;z-index:2;width:min(1280px,100%);margin:0 auto;padding-top:34px}
.tfx-player-head{display:flex;align-items:center;gap:18px;min-height:100px;margin-bottom:22px}
.tfx-player-back{
    width:46px;height:46px;flex:0 0 46px;border-radius:50%;display:grid;place-items:center;
    color:#fff!important;text-decoration:none!important;font-size:40px;line-height:1;
    background:rgba(18,19,24,.66);border:1px solid rgba(255,255,255,.16);
    backdrop-filter:blur(12px);transition:.2s ease
}
.tfx-player-back:hover{transform:scale(1.06);background:rgba(255,255,255,.15)}
.tfx-player-heading{min-width:0;text-shadow:0 2px 18px rgba(0,0,0,.65)}
.tfx-player-eyebrow{font-size:13px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:#d5d5da;margin-bottom:3px}
.tfx-player-heading h1{color:#fff!important;font-size:clamp(24px,3vw,42px)!important;line-height:1.08!important;margin:0!important;font-weight:700!important}
.tfx-player-meta{font-size:14px;color:#c6c6ca;margin-top:8px}
.tfx-player-stage{position:relative}
.tfx-vod-player .streamit-player-ctrl{
    width:100%!important;height:auto!important;aspect-ratio:16/9;max-height:none!important;
    border-radius:14px;overflow:hidden;background:#000;
    box-shadow:0 24px 70px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.08)
}
.tfx-vod-player .ls-video-container{width:100%!important;height:100%!important;aspect-ratio:16/9}
.tfx-vod-player video,.tfx-vod-player .plyr,.tfx-vod-player .plyr__video-wrapper{width:100%!important;height:100%!important;background:#000}
.tfx-vod-player .plyr video{object-fit:contain}
.tfx-player-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 2px 0;color:#888b94;font-size:13px}
.tfx-player-foot a{color:#ddd!important;text-decoration:none!important}
.tfx-player-foot a:hover{color:#fff!important}
.tfx-vod-player .tfx-player-message,.tfx-vod-player .restricted-block{margin:80px auto;min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center}
@media(max-width:767px){
    .tfx-vod-player{padding:0 12px 30px}
    .tfx-player-shell{padding-top:16px}
    .tfx-player-head{min-height:76px;margin-bottom:14px;gap:12px}
    .tfx-player-back{width:40px;height:40px;flex-basis:40px;font-size:34px}
    .tfx-player-heading h1{font-size:22px!important}
    .tfx-player-meta{font-size:12px}
    .tfx-vod-player .streamit-player-ctrl{border-radius:9px}
    .tfx-player-foot{padding-top:16px}
}

/* TelaFlix light fullscreen player — final override */
html:has(.tfx-vod-player),body:has(.tfx-vod-player){margin:0!important;background:#000!important;overflow:hidden!important}
body:has(.tfx-vod-player) #masthead,
body:has(.tfx-vod-player) header.site-header,
body:has(.tfx-vod-player) footer,
body:has(.tfx-vod-player) .site-footer{display:none!important}

.tfx-vod-player{
    position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;min-height:0!important;
    padding:0!important;margin:0!important;background:#000!important;overflow:hidden!important;display:block!important
}
.tfx-vod-player .tfx-player-bg{display:none!important}
.tfx-player-shell,.tfx-player-stage{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.tfx-vod-player .streamit-player-ctrl,.tfx-vod-player .ls-video-container{
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important;
    aspect-ratio:auto!important;border-radius:0!important;box-shadow:none!important;background:#000!important
}
.tfx-vod-player video,.tfx-vod-player .plyr,.tfx-vod-player .plyr__video-wrapper{
    width:100%!important;height:100%!important;max-height:none!important;background:#000!important
}
.tfx-vod-player .plyr video{object-fit:contain!important}

/* Back button floats over the movie and disappears with Plyr controls */
.tfx-player-head{position:absolute!important;z-index:20;left:28px;top:24px;margin:0!important;min-height:0!important;pointer-events:none}
.tfx-player-back{
    pointer-events:auto;width:52px!important;height:52px!important;border:0!important;background:transparent!important;
    backdrop-filter:none!important;font-size:38px!important;font-weight:300!important;color:#fff!important;
    text-shadow:0 2px 12px rgba(0,0,0,.8);opacity:.92;transition:opacity .18s,transform .18s
}
.tfx-player-back:hover{background:transparent!important;opacity:1;transform:translateX(-3px)}

/* Minimal content label, sitting above the transport controls */
.tfx-player-context{
    position:absolute;z-index:18;left:50%;bottom:58px;transform:translateX(-50%);
    display:flex;align-items:center;gap:8px;max-width:48vw;white-space:nowrap;
    color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.9);pointer-events:none;font-size:13px
}
.tfx-player-context span,.tfx-player-context small{display:none}
.tfx-player-context strong{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis}

/* Make Plyr controls light, airy and Netflix-like */
.tfx-vod-player{
    --plyr-color-main:#e50914;
    --plyr-video-control-color:#fff;
    --plyr-video-control-color-hover:#fff;
    --plyr-video-control-background-hover:transparent;
    --plyr-range-fill-background:#e50914;
    --plyr-control-radius:0;
}
.tfx-vod-player .plyr--video .plyr__controls{
    padding:70px 26px 20px!important;
    background:linear-gradient(0deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.48) 38%,transparent 100%)!important;
    gap:8px!important
}
.tfx-vod-player .plyr__control{background:transparent!important;border-radius:0!important;padding:9px!important}
.tfx-vod-player .plyr__control:hover{background:transparent!important;transform:scale(1.08)}
.tfx-vod-player .plyr__control svg{width:27px!important;height:27px!important;filter:drop-shadow(0 2px 5px rgba(0,0,0,.65))}
.tfx-vod-player .plyr__controls .plyr__control[data-plyr="rewind"] svg,
.tfx-vod-player .plyr__controls .plyr__control[data-plyr="fast-forward"] svg{width:30px!important;height:30px!important}
.tfx-vod-player .plyr__progress input[type=range],
.tfx-vod-player .plyr__progress__buffer{height:4px!important}
.tfx-vod-player .plyr__progress__container{position:absolute!important;left:28px!important;right:28px!important;bottom:74px!important;width:auto!important}
.tfx-vod-player .plyr__time{font-size:12px!important;color:rgba(255,255,255,.82)!important;text-shadow:0 1px 5px #000}
.tfx-vod-player .plyr__volume{max-width:140px!important}
.tfx-vod-player .plyr__menu__container{background:rgba(20,20,22,.94)!important;color:#fff!important;border-radius:8px!important;backdrop-filter:blur(16px)}
.tfx-vod-player .plyr__tooltip{background:rgba(20,20,22,.9)!important;color:#fff!important}

/* Keep our overlays in sync with Plyr's hidden-controls state */
.tfx-vod-player:has(.plyr--hide-controls) .tfx-player-head,
.tfx-vod-player:has(.plyr--hide-controls) .tfx-player-context{opacity:0;transition:opacity .25s}
.tfx-vod-player:not(:has(.plyr--hide-controls)) .tfx-player-head,
.tfx-vod-player:not(:has(.plyr--hide-controls)) .tfx-player-context{opacity:1;transition:opacity .2s}

@media(max-width:767px){
    .tfx-player-head{left:10px;top:10px}
    .tfx-player-back{width:44px!important;height:44px!important;font-size:32px!important}
    .tfx-player-context{bottom:54px;max-width:56vw}
    .tfx-vod-player .plyr--video .plyr__controls{padding:58px 10px 12px!important;gap:2px!important}
    .tfx-vod-player .plyr__progress__container{left:14px!important;right:14px!important;bottom:62px!important}
    .tfx-vod-player .plyr__control{padding:7px!important}
    .tfx-vod-player .plyr__control svg{width:23px!important;height:23px!important}
}

/* TelaFlix player control corrections */
.tfx-player-head{z-index:2147483000!important;display:block!important;visibility:visible!important}
.tfx-player-back{display:grid!important;place-items:center!important;opacity:1!important;visibility:visible!important}
.tfx-player-back svg{width:38px;height:38px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 7px rgba(0,0,0,.85))}
.tfx-player-context{bottom:104px!important;z-index:2147482000!important}
.tfx-player-context strong{font-size:15px!important;font-weight:500!important}
.tfx-seek-controls{
    position:absolute;z-index:2147482000;left:82px;bottom:17px;
    display:flex;align-items:center;gap:2px;pointer-events:auto
}
.tfx-seek-btn{
    position:relative;width:44px;height:44px;padding:0;border:0;background:transparent!important;color:#fff!important;
    display:grid;place-items:center;cursor:pointer;transition:transform .16s ease;filter:drop-shadow(0 2px 5px rgba(0,0,0,.65))
}
.tfx-seek-btn:hover{transform:scale(1.09)}
.tfx-seek-btn span{font-size:34px;line-height:1;font-weight:300}
.tfx-seek-btn b{position:absolute;inset:0;display:grid;place-items:center;font-size:10px;font-weight:700;padding-top:1px}
.tfx-vod-player:has(.plyr--hide-controls) .tfx-seek-controls{opacity:0;pointer-events:none;transition:opacity .25s}
.tfx-vod-player:not(:has(.plyr--hide-controls)) .tfx-seek-controls{opacity:1;transition:opacity .2s}
@media(max-width:767px){
    .tfx-player-context{bottom:88px!important}
    .tfx-seek-controls{left:62px;bottom:9px}
    .tfx-seek-btn{width:38px;height:38px}
    .tfx-seek-btn span{font-size:30px}
}

/* TelaFlix player UI stability */
body:has(.tfx-vod-player) #wpadminbar{display:none!important}
html:has(.tfx-vod-player){margin-top:0!important}
body.admin-bar:has(.tfx-vod-player){margin-top:0!important}

.tfx-seek-btn svg{width:32px!important;height:32px!important;overflow:visible;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.tfx-seek-btn svg text{fill:#fff;stroke:none;font:700 10px Arial,sans-serif}
.tfx-seek-btn span,.tfx-seek-btn b{display:none!important}
.tfx-seek-controls{left:78px!important;bottom:15px!important;gap:7px!important}
.tfx-seek-btn{width:42px!important;height:42px!important}

/* Our visibility state wins over Plyr's transient hover state */
.tfx-vod-player .tfx-player-head,
.tfx-vod-player .tfx-player-context,
.tfx-vod-player .tfx-seek-controls{opacity:0!important;pointer-events:none!important;transition:opacity .22s ease!important}
.tfx-vod-player.tfx-ui-active .tfx-player-head,
.tfx-vod-player.tfx-ui-active .tfx-player-context,
.tfx-vod-player.tfx-ui-active .tfx-seek-controls{opacity:1!important}
.tfx-vod-player.tfx-ui-active .tfx-player-head,
.tfx-vod-player.tfx-ui-active .tfx-seek-controls{pointer-events:auto!important}

/* Do not let Plyr hide controls while the pointer/focus is actually on the UI */
.tfx-vod-player:hover .plyr__controls,
.tfx-vod-player:focus-within .plyr__controls{opacity:1!important;pointer-events:auto!important}
.tfx-vod-player .plyr__control:hover,
.tfx-vod-player .plyr__control:focus{opacity:1!important;visibility:visible!important}
@media(max-width:767px){
 .tfx-seek-controls{left:57px!important;bottom:7px!important;gap:3px!important}
 .tfx-seek-btn{width:37px!important;height:37px!important}
 .tfx-seek-btn svg{width:29px!important;height:29px!important}
}

/* Robust ±15s controls and exact Plyr visibility sync */
.tfx-seek-controls{left:82px!important;bottom:10px!important;gap:9px!important}
.tfx-seek-btn{width:58px!important;height:58px!important}
.tfx-seek-btn svg{width:48px!important;height:48px!important;stroke-width:3.2!important}
.tfx-seek-btn svg text{font:800 13px Arial,sans-serif!important}
.tfx-seek-btn:hover{transform:scale(1.1)!important}
.tfx-vod-player .tfx-player-head,
.tfx-vod-player .tfx-player-context,
.tfx-vod-player .tfx-seek-controls{transition:opacity .16s ease!important}
.tfx-vod-player:not(.tfx-ui-active) .tfx-player-head,
.tfx-vod-player:not(.tfx-ui-active) .tfx-player-context,
.tfx-vod-player:not(.tfx-ui-active) .tfx-seek-controls{opacity:0!important;pointer-events:none!important}
.tfx-vod-player.tfx-ui-active .tfx-player-head,
.tfx-vod-player.tfx-ui-active .tfx-player-context,
.tfx-vod-player.tfx-ui-active .tfx-seek-controls{opacity:1!important}
@media(max-width:767px){
 .tfx-seek-controls{left:55px!important;bottom:3px!important;gap:2px!important}
 .tfx-seek-btn{width:48px!important;height:48px!important}
 .tfx-seek-btn svg{width:40px!important;height:40px!important}
 .tfx-seek-btn svg text{font-size:11px!important}
}

/* Stable player interaction: TelaFlix owns overlay visibility */
.tfx-vod-player .tfx-player-head,
.tfx-vod-player .tfx-player-context,
.tfx-vod-player .tfx-seek-controls{
    opacity:0!important;pointer-events:none!important;visibility:hidden!important;
    transition:opacity .18s ease!important
}
.tfx-vod-player.tfx-ui-active .tfx-player-head,
.tfx-vod-player.tfx-ui-active .tfx-player-context,
.tfx-vod-player.tfx-ui-active .tfx-seek-controls{
    opacity:1!important;visibility:visible!important
}
.tfx-vod-player.tfx-ui-active .tfx-player-head,
.tfx-vod-player.tfx-ui-active .tfx-seek-controls{pointer-events:auto!important}
.tfx-vod-player .plyr__controls{pointer-events:auto!important}

/* Exact sync with Plyr: no delayed TelaFlix overlays */
.tfx-vod-player .tfx-player-head,
.tfx-vod-player .tfx-player-context,
.tfx-vod-player .tfx-seek-controls{transition:opacity .12s linear!important}

/* Unified TelaFlix player UI: bottom bar and custom controls hide together */
.tfx-vod-player .plyr--video .plyr__controls{
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;
    transform:translateY(8px);transition:opacity .18s ease,transform .18s ease,visibility .18s!important
}
.tfx-vod-player.tfx-ui-active .plyr--video .plyr__controls,
.tfx-vod-player .plyr.tfx-force-ui .plyr__controls{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important
}
.tfx-vod-player:not(.tfx-ui-active) .tfx-player-head,
.tfx-vod-player:not(.tfx-ui-active) .tfx-player-context,
.tfx-vod-player:not(.tfx-ui-active) .tfx-seek-controls{
    opacity:0!important;visibility:hidden!important;pointer-events:none!important
}
.tfx-vod-player.tfx-ui-active .tfx-player-head,
.tfx-vod-player.tfx-ui-active .tfx-player-context,
.tfx-vod-player.tfx-ui-active .tfx-seek-controls{
    opacity:1!important;visibility:visible!important
}
.tfx-vod-player.tfx-ui-active .tfx-player-head,
.tfx-vod-player.tfx-ui-active .tfx-seek-controls{pointer-events:auto!important}

/* Playback is controlled by clicking the video surface, not a central/bottom play button */
.tfx-vod-player .plyr__control--overlaid{display:none!important}
.tfx-vod-player video{cursor:pointer!important}

/* TelaFlix audio/subtitle selector */
.tfx-tracks-ui{position:absolute;right:76px;bottom:12px;z-index:10020}
.tfx-tracks-ui[hidden],.tfx-tracks-panel[hidden]{display:none!important}
.tfx-tracks-toggle{width:46px;height:46px;border:0;background:transparent;color:#fff;display:grid;place-items:center;padding:8px;cursor:pointer;opacity:.92}
.tfx-tracks-toggle:hover{opacity:1;transform:scale(1.08)}
.tfx-tracks-toggle svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tfx-tracks-panel{position:absolute;right:0;bottom:58px;min-width:360px;max-width:min(620px,90vw);display:flex;gap:34px;padding:22px 24px;background:rgba(18,18,18,.96);border-radius:8px;box-shadow:0 12px 40px rgba(0,0,0,.5);color:#fff}
.tfx-tracks-col{min-width:145px}.tfx-tracks-col strong{display:block;font-size:15px;margin-bottom:10px}
.tfx-track-option{display:block;width:100%;border:0;background:transparent;color:#bbb;text-align:left;padding:7px 0;font-size:14px;cursor:pointer}
.tfx-track-option:hover,.tfx-track-option.is-active{color:#fff}.tfx-track-option.is-active:before{content:'✓';display:inline-block;width:20px;color:#e50914}
.tfx-vod-player:not(.tfx-ui-active) .tfx-tracks-ui{opacity:0;visibility:hidden;pointer-events:none}
.tfx-vod-player.tfx-ui-active .tfx-tracks-ui{opacity:1;visibility:visible;pointer-events:auto}
@media(max-width:600px){.tfx-tracks-ui{right:54px;bottom:8px}.tfx-tracks-panel{min-width:300px;right:-42px;gap:20px;padding:18px}}

/* TelaFlix Live Hub v2 */
body.page-live{background:#070707}
.tfx-live-page{min-height:100vh;background:#070707;color:#fff;padding-bottom:72px}
.tfx-live-shell{width:min(100% - 72px,1460px);margin-inline:auto}
.tfx-live-hero{padding:155px 0 48px;background:radial-gradient(circle at 78% 20%,rgba(229,9,20,.16),transparent 31%),linear-gradient(180deg,#101010 0%,#070707 100%);border-bottom:1px solid rgba(255,255,255,.055)}
.tfx-live-kicker{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:.16em;color:#b8b8b8;margin-bottom:14px}.tfx-live-kicker span{width:8px;height:8px;border-radius:50%;background:#e50914;box-shadow:0 0 0 5px rgba(229,9,20,.12)}
.tfx-live-hero h1{font-size:clamp(42px,5vw,76px);line-height:.96;letter-spacing:-.055em;margin:0;max-width:760px;color:#fff;font-weight:800}.tfx-live-hero h1 em{font-style:normal;color:#777}
.tfx-live-hero p{font-size:16px;line-height:1.6;color:#919191;max-width:610px;margin:22px 0 28px}
.tfx-live-tabs{display:flex;gap:9px;overflow-x:auto;padding:4px 1px 10px;scrollbar-width:none}.tfx-live-tabs::-webkit-scrollbar{display:none}.tfx-live-tabs a{flex:none;display:flex;align-items:center;gap:10px;padding:11px 16px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:#121212;color:#e8e8e8!important;font-size:13px;font-weight:650;text-decoration:none!important;transition:.2s ease}.tfx-live-tabs a:hover{background:#fff;color:#080808!important;border-color:#fff}.tfx-live-tabs small{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:rgba(255,255,255,.09);font-size:10px;color:inherit}
.tfx-live-content{padding-top:24px}.tfx-live-group{padding:34px 0 24px;scroll-margin-top:110px}.tfx-live-group+.tfx-live-group{border-top:1px solid rgba(255,255,255,.055)}
.tfx-live-group-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:17px}.tfx-live-group-label{display:block;color:#e50914;font-size:10px;font-weight:900;letter-spacing:.18em;margin-bottom:5px}.tfx-live-group h2{margin:0;color:#fff;font-size:clamp(23px,2vw,30px);letter-spacing:-.035em;font-weight:750}
.tfx-live-nav{display:flex;gap:7px}.tfx-live-nav button{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.13);background:#121212;color:#fff;font-size:25px;line-height:1;display:grid;place-items:center;cursor:pointer;transition:.2s}.tfx-live-nav button:hover{background:#fff;color:#090909;border-color:#fff}
.tfx-live-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(235px,18.5%);gap:14px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding:3px 2px 10px}.tfx-live-track::-webkit-scrollbar{display:none}
.tfx-live-card{scroll-snap-align:start;min-width:0}.tfx-live-card>a{display:block;color:#fff!important;text-decoration:none!important}.tfx-live-art{position:relative;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:linear-gradient(145deg,#171717,#0d0d0d);border:1px solid rgba(255,255,255,.075);display:flex;align-items:center;justify-content:center;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.tfx-live-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.34));pointer-events:none}.tfx-live-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;padding:0;margin:0;background:#101010;transition:transform .28s ease}.tfx-live-card:hover .tfx-live-art{transform:translateY(-3px);border-color:rgba(255,255,255,.22);box-shadow:0 15px 32px rgba(0,0,0,.35)}.tfx-live-card:hover .tfx-live-art img{transform:scale(1.025)}
.tfx-live-badge{position:absolute;left:10px;top:10px;z-index:3;display:flex;align-items:center;gap:6px;height:25px;padding:0 9px;border-radius:6px;background:rgba(10,10,10,.82);backdrop-filter:blur(8px);font-size:9px;font-weight:900;letter-spacing:.08em;color:#fff}.tfx-live-badge i{width:6px;height:6px;border-radius:50%;background:#e50914;box-shadow:0 0 0 3px rgba(229,9,20,.16)}
.tfx-live-play{position:absolute;z-index:3;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;display:grid;place-items:center;padding-left:3px;background:rgba(255,255,255,.94);color:#080808;font-size:15px;opacity:0;transform:scale(.82);transition:.2s}.tfx-live-card:hover .tfx-live-play{opacity:1;transform:scale(1)}
.tfx-live-card h3{font-size:14px;line-height:1.25;font-weight:650;color:#e9e9e9;margin:11px 2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tfx-live-placeholder{font-size:34px;font-weight:900;letter-spacing:-.05em;color:#333}
.tfx-live-empty{margin:45px 0;padding:50px 28px;border:1px dashed rgba(255,255,255,.14);border-radius:14px;text-align:center;color:#aaa}.tfx-live-empty strong,.tfx-live-empty span{display:block}.tfx-live-empty strong{color:#fff;font-size:18px;margin-bottom:6px}
@media(max-width:1100px){.tfx-live-shell{width:min(100% - 42px,1460px)}.tfx-live-track{grid-auto-columns:minmax(220px,28%)}}
@media(max-width:720px){.tfx-live-shell{width:calc(100% - 28px)}.tfx-live-hero{padding:125px 0 34px}.tfx-live-hero h1{font-size:44px}.tfx-live-hero p{font-size:14px;margin:17px 0 22px}.tfx-live-group{padding:27px 0 18px}.tfx-live-track{grid-auto-columns:72%;gap:11px}.tfx-live-nav{display:none}.tfx-live-card h3{font-size:13px}.tfx-live-tabs a{padding:10px 13px;font-size:12px}}
@media(max-width:430px){.tfx-live-track{grid-auto-columns:82%}.tfx-live-hero h1{font-size:39px}}