:root{
  --bg:#070d14;--panel:#0d151f;--panel2:#111b27;--text:#f6f8fb;--muted:#9aa6b4;
  --gold:#f3a91a;--gold2:#ffbf3f;--red:#8f2527;--blue:#1f5c8f;--green:#176849;
  --border:#263241;--radius:22px;--focus:0 0 0 3px rgba(243,169,26,.98),0 0 28px rgba(243,169,26,.42)
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}button,input{font:inherit}button{color:inherit}body{min-height:100vh;background:radial-gradient(circle at 12% 15%,rgba(21,96,166,.14),transparent 34%),radial-gradient(circle at 86% 8%,rgba(153,34,29,.10),transparent 32%),linear-gradient(180deg,#060b11,#08101a 55%,#070c12)}
.ambient{position:fixed;width:45vw;height:45vw;border-radius:50%;filter:blur(130px);opacity:.18;pointer-events:none;z-index:0}.ambient-a{left:-18vw;top:15vh;background:#155b98}.ambient-b{right:-17vw;top:-10vh;background:#a53026}
.hidden{display:none!important}.screen,.app-shell,.modal{position:relative;z-index:1}.active-screen{display:block}.glass{background:linear-gradient(180deg,rgba(15,24,35,.96),rgba(9,16,24,.96));border:1px solid rgba(100,116,132,.25);box-shadow:0 22px 70px rgba(0,0,0,.35)}
.focusable{outline:none;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.focusable:focus,.focusable.tv-focus{box-shadow:var(--focus)!important;border-color:var(--gold)!important;transform:translateY(-1px);z-index:6}

/* login */
.login-screen{min-height:100vh;display:grid;place-items:center;padding:36px}.login-card{width:min(620px,94vw);padding:38px;border-radius:28px}.login-brand-row{display:flex;align-items:center;gap:16px}.login-logo{width:86px;height:86px;object-fit:contain}.login-brand{font-size:34px;font-weight:800}.login-sub{font-size:14px;color:var(--gold);font-weight:800;letter-spacing:2px}.login-card h1{font-size:48px;margin:24px 0 8px}.muted{color:var(--muted)}.login-card label{display:block;margin:20px 0 8px;color:#d4dae1;font-weight:700}.login-card input,.big-search{width:100%;background:#09111a;color:#fff;border:1px solid #334253;border-radius:15px;padding:16px 18px}.primary-btn,.ghost-btn{border-radius:15px;padding:14px 20px;border:1px solid transparent;font-weight:800;cursor:pointer}.primary-btn{background:linear-gradient(180deg,var(--gold2),var(--gold));color:#17120b}.ghost-btn{background:#101923;border-color:#344254;color:#f4f6f8}.login-card .primary-btn,.login-card .ghost-btn{width:100%;margin-top:14px}.login-note{margin-top:22px;color:#b5bec9;font-size:14px}.connection-line{display:block;margin-top:13px;color:#758395}.notice{margin:15px 0;padding:12px 14px;background:#43201f;border:1px solid #8b3932;border-radius:12px;color:#ffd9d6}

/* shell */
.app-shell{min-height:100vh;padding:20px 28px 72px}.topbar{height:116px;border-radius:24px;padding:14px 18px;display:grid;grid-template-columns:260px 1fr auto;align-items:center;gap:18px;position:sticky;top:10px;z-index:20}.brand{display:flex;align-items:center;gap:10px;background:transparent;border:1px solid transparent;border-radius:16px;padding:7px 10px}.brand img{width:58px;height:58px}.brand-word{font-size:26px;font-weight:800}.brand-sub{font-size:12px;color:var(--gold);font-weight:800;align-self:flex-end;margin:0 0 11px -4px}.main-nav{display:flex;justify-content:center;gap:8px;min-width:0;overflow:hidden}.nav-item,.search-btn,.icon-btn,.avatar,.filter-chip,.category-btn,.channel-item,.round-action,.close-btn,.play-circle,.player-back,.segmented button{border:1px solid transparent;background:transparent;border-radius:14px;padding:12px 16px;white-space:nowrap;cursor:pointer}.nav-item{color:#cbd2db;font-weight:700}.nav-item.active{background:var(--gold);color:#17120b}.top-actions{display:flex;align-items:center;gap:10px}.search-btn,.icon-btn{background:#0d1721;border-color:#2b3948}.clock-wrap{display:flex;flex-direction:column;min-width:92px;text-align:right}.clock-wrap b{font-size:21px}.clock-wrap small{color:#8d99a7}.avatar{width:46px;height:46px;border-radius:50%;background:var(--gold);color:#18130b;font-weight:900;padding:0}.icon-btn{width:46px;height:46px;padding:0}.search-btn span{display:inline}.remote-hints{position:fixed;left:28px;right:28px;bottom:10px;height:46px;border-radius:16px;background:rgba(6,12,19,.92);border:1px solid rgba(81,94,109,.45);backdrop-filter:blur(10px);display:flex;align-items:center;gap:28px;padding:0 18px;color:#aeb8c4;z-index:25}.remote-hints b{color:var(--gold)}.remote-hints em{margin-left:auto;font-style:normal;color:#778392}

main{max-width:1880px;margin:30px auto 0}.app-screen{display:none}.app-screen.active-screen{display:block}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin:0 4px 22px}.page-heading.compact{align-items:center}.page-heading h1{font-size:42px;margin:0 0 6px}.page-heading p{margin:0;color:var(--muted);font-size:18px}.web-badge,.quality-pill,.count-pill{border:1px solid #3a4654;background:#0d1721;border-radius:999px;padding:9px 14px;color:#c9d0d8;font-size:13px;font-weight:800}.quality-pill{border-color:#6f5722;color:var(--gold2)}
.hero-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.hero-card{height:190px;border-radius:24px;border:1px solid rgba(255,255,255,.14);text-align:left;padding:26px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;cursor:pointer}.hero-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.09),transparent 44%);pointer-events:none}.live-card{background:linear-gradient(145deg,#8f2d2a,#3a1718)}.movie-card{background:linear-gradient(145deg,#8e6a2f,#352816)}.series-card{background:linear-gradient(145deg,#2d6c9e,#172d42)}.sport-card{background:linear-gradient(145deg,#26805e,#15372c)}.tile-icon{position:absolute;top:24px;left:26px;font-size:34px}.tile-title{font-size:30px;font-weight:900}.tile-meta{margin-top:7px;color:#e7e9ec}.ok-chip{position:absolute;right:20px;top:20px;background:var(--gold);color:#17120b;border-radius:10px;padding:6px 10px;font-weight:900}.section-title{display:flex;align-items:center;gap:14px;margin:32px 2px 16px}.section-title h2{margin:0;font-size:27px}.section-title span{font-size:12px;color:#9ca7b3}.live-label{color:#ffb221!important}.media-row,.channel-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:16px;overflow-x:auto;padding:4px 4px 10px;scrollbar-width:none}.media-card,.channel-card{min-height:150px;border-radius:18px;background:#101923;border:1px solid #263340;overflow:hidden;text-align:left;padding:0;cursor:pointer}.media-card-art{height:105px;background:linear-gradient(145deg,#20405c,#452437);position:relative}.media-card-art:after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(transparent,rgba(0,0,0,.75))}.media-card-copy{padding:11px 13px}.media-card-copy b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-card-copy small{color:#8794a2}.channel-card{min-height:102px;padding:16px;display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:center}.channel-logo{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#315f86,#132739);font-weight:900}.channel-card small{color:#8794a2}

/* live */
.live-layout{display:grid;grid-template-columns:290px minmax(420px,1fr) 420px;gap:18px;min-height:670px}.category-panel,.channel-list-panel,.now-panel{border-radius:22px;overflow:hidden}.category-panel{padding:18px}.category-panel h3{margin:4px 4px 15px}.category-list{display:flex;flex-direction:column;gap:7px;max-height:605px;overflow:auto}.category-btn{text-align:left;border-color:transparent;background:#0b141e}.category-btn.selected{background:linear-gradient(90deg,#6f4c13,#2a2111);border-color:#967022;color:#ffd06d}.channel-list-panel{padding:16px}.list-head{display:flex;justify-content:space-between;padding:4px 4px 14px;color:#cdd4dc}.list-head span{color:#8e9aa7}.channel-list{display:flex;flex-direction:column;gap:7px;max-height:610px;overflow:auto}.channel-item{display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;text-align:left;background:#0b141d;border-color:#1f2b38;padding:10px}.channel-mini-logo{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#18344e;font-weight:900}.channel-copy b,.channel-copy small{display:block}.channel-copy small{color:#8995a3;margin-top:4px}.channel-now{font-size:12px;color:#e8b84b}.now-panel{padding:17px}.preview-video{height:230px;border-radius:18px;background:radial-gradient(circle at 50% 35%,#244d6b,#0b141d 65%);display:grid;place-items:center;position:relative;overflow:hidden}.preview-logo{font-size:64px;font-weight:900;letter-spacing:2px}.preview-shine{position:absolute;width:140%;height:50px;transform:rotate(-18deg);background:rgba(255,255,255,.07);filter:blur(7px)}.play-circle{position:absolute;bottom:18px;right:18px;width:58px;height:58px;border-radius:50%;background:var(--gold);color:#16120a;font-size:23px}.now-copy{padding:18px 4px}.eyebrow{color:var(--gold2);font-size:12px;font-weight:900;letter-spacing:1px}.now-copy h2{font-size:28px;margin:8px 0 5px}.now-copy p{margin:0 0 18px;color:#9aa6b2}.progress,.player-progress{height:7px;background:#2a3440;border-radius:999px;overflow:hidden}.progress i,.player-progress i{display:block;height:100%;background:var(--gold)}.time-row{display:flex;justify-content:space-between;margin-top:7px;color:#8995a3;font-size:12px}.now-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.now-actions .primary-btn,.now-actions .ghost-btn{width:100%}

/* content grids */
.filter-row{display:flex;gap:10px;overflow:auto;padding:2px 3px 15px}.filter-chip{background:#0d1721;border-color:#283545;color:#cbd3dc}.filter-chip.selected{background:var(--gold);color:#17120b;border-color:var(--gold)}.poster-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.poster-card{border:1px solid #263441;border-radius:18px;background:#0d1620;overflow:hidden;cursor:pointer;text-align:left;padding:0}.poster-art{aspect-ratio:2/3;background:linear-gradient(145deg,#234768,#4a2330);position:relative;overflow:hidden}.poster-art img{width:100%;height:100%;object-fit:cover}.poster-art .poster-gradient{position:absolute;inset:auto 0 0;height:55%;background:linear-gradient(transparent,rgba(0,0,0,.88))}.poster-rating{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.72);padding:5px 7px;border-radius:9px;color:#ffd06b;font-size:12px}.poster-copy{padding:12px}.poster-copy b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poster-copy small{display:block;color:#84919f;margin-top:5px}.epg-grid{display:grid;gap:10px}.epg-row{display:grid;grid-template-columns:220px repeat(3,minmax(0,1fr));gap:9px;background:#0c151f;border:1px solid #253240;border-radius:17px;padding:10px}.epg-station{display:flex;gap:12px;align-items:center}.epg-program{background:#111c28;border:1px solid #293746;border-radius:12px;padding:12px}.epg-program b,.epg-program small{display:block}.epg-program small{color:#8d99a6;margin-top:5px}.favorites-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}

/* details */
.details-hero{min-height:520px;border-radius:26px;padding:34px;display:grid;grid-template-columns:240px 1fr;gap:32px;align-items:end;position:relative;overflow:hidden}.details-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 25%,rgba(53,110,154,.25),transparent 35%),radial-gradient(circle at 80% 20%,rgba(143,37,39,.18),transparent 35%);pointer-events:none}.details-hero>*{position:relative;z-index:1}.details-poster{aspect-ratio:2/3;border-radius:18px;background:linear-gradient(145deg,#214667,#4b2636);border:1px solid #445366;box-shadow:0 20px 55px rgba(0,0,0,.4);align-self:end}.details-copy h1{font-size:54px;margin:10px 0}.details-meta{color:#d2d7dd}.details-plot{max-width:900px;color:#aeb8c3;font-size:18px;line-height:1.6}.details-actions{display:flex;gap:12px;margin-top:25px}.details-hero>.player-back{position:absolute;left:24px;top:24px}.episodes-section{margin-top:25px}.episode-list{display:grid;gap:10px}.episode-card{display:grid;grid-template-columns:180px 1fr auto;gap:18px;align-items:center;background:#0d1620;border:1px solid #263442;border-radius:16px;padding:12px;text-align:left}.episode-thumb{height:95px;border-radius:12px;background:linear-gradient(145deg,#24475f,#332038)}.episode-copy small{color:#8f9baa}.episode-play{color:var(--gold);font-weight:900}

/* player */
.player-screen{position:fixed;inset:0;z-index:50;background:#000}.player-stage{width:100%;height:100%;position:relative;background:#000;overflow:hidden}.player-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}.player-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(31,86,127,.22),rgba(0,0,0,.92));pointer-events:none}.player-top{position:absolute;left:32px;right:32px;top:28px;display:flex;align-items:center;gap:18px;background:linear-gradient(180deg,rgba(0,0,0,.7),transparent);padding-bottom:70px;pointer-events:none}.player-top>*{pointer-events:auto}.player-top>div{display:flex;flex-direction:column}.player-top span{color:var(--gold);font-size:12px;margin-top:4px}.player-back{background:rgba(12,18,24,.84);border:1px solid #46525d;border-radius:12px}.player-center{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:15px}.spinner{width:54px;height:54px;border:5px solid rgba(255,255,255,.15);border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.player-error{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:12px;align-items:center;background:rgba(9,15,21,.92);border:1px solid #5d3230;border-radius:18px;padding:24px;min-width:320px}.player-error span{color:#b5bec8}.player-bottom{position:absolute;left:0;right:0;bottom:0;padding:80px 36px 30px;background:linear-gradient(transparent,rgba(0,0,0,.88));display:grid;grid-template-columns:1fr auto;gap:18px}.program-copy span{color:var(--gold);font-size:12px;font-weight:900}.program-copy h2{margin:5px 0;font-size:34px}.program-copy p{margin:0;color:#abb4bf}.player-progress{grid-column:1/-1}.player-actions{display:flex;align-items:end;gap:10px}.round-action{width:50px;height:50px;border-radius:50%;background:#111a23;border-color:#394652;padding:0}.controls-hidden .player-top,.controls-hidden .player-bottom{opacity:0;pointer-events:none;transition:opacity .3s}

/* modals */
.modal{position:fixed;inset:0;background:rgba(0,0,0,.72);display:grid;place-items:center;padding:26px;z-index:70}.modal-card{width:min(760px,94vw);max-height:88vh;overflow:auto;border-radius:24px;padding:24px}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head h2{font-size:30px;margin:0}.close-btn{width:46px;height:46px;background:#111b25;border-color:#32404e;font-size:27px;padding:0}.big-search{font-size:23px;margin-top:18px}.search-results{display:grid;gap:9px;margin-top:18px}.search-result{display:grid;grid-template-columns:54px 1fr auto;gap:12px;align-items:center;background:#0c151f;border:1px solid #273543;border-radius:14px;padding:10px;text-align:left}.search-result .result-icon{width:50px;height:50px;border-radius:10px;background:#183850;display:grid;place-items:center}.profile-status{display:flex;align-items:center;gap:14px;margin:22px 0}.avatar.large{width:64px;height:64px}.profile-status span{display:block;color:#8d99a7;margin-top:5px}.profile-lines p{display:flex;justify-content:space-between;border-bottom:1px solid #26313d;padding:13px 0}.profile-lines span{color:#8c98a5}.profile-card>.ghost-btn{width:100%;margin-top:10px}.setting-block{padding:18px 0;border-bottom:1px solid #26313d}.setting-block h3{margin:0 0 8px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.segmented button{background:#0b141d;border-color:#2c3a49}.segmented button.selected{background:var(--gold);color:#17120b;border-color:var(--gold)}.toggle-row{display:flex;justify-content:space-between;gap:20px;align-items:center}.settings-card>.primary-btn{width:100%;margin-top:18px}.toast{position:fixed;left:50%;bottom:80px;transform:translateX(-50%);z-index:100;background:#111b24;border:1px solid #465463;border-radius:14px;padding:12px 18px;box-shadow:0 10px 30px rgba(0,0,0,.4)}

/* adaptive layouts */
@media (max-width:1500px){.topbar{grid-template-columns:220px 1fr auto}.brand-word{font-size:22px}.brand img{width:50px;height:50px}.nav-item{padding:10px 12px}.search-btn span{display:none}.live-layout{grid-template-columns:250px 1fr 360px}.poster-grid{grid-template-columns:repeat(5,1fr)}}
@media (max-width:1180px){.app-shell{padding:14px 16px 70px}.topbar{height:auto;grid-template-columns:1fr auto;grid-template-areas:"brand actions" "nav nav";gap:10px}.brand{grid-area:brand}.main-nav{grid-area:nav;justify-content:flex-start;overflow-x:auto;padding-bottom:2px}.top-actions{grid-area:actions}.clock-wrap{display:none}.hero-cards{grid-template-columns:repeat(2,1fr)}.live-layout{grid-template-columns:220px 1fr}.now-panel{grid-column:1/-1;display:grid;grid-template-columns:260px 1fr 260px;gap:16px;align-items:center}.preview-video{height:180px}.now-actions{display:flex}.poster-grid{grid-template-columns:repeat(4,1fr)}.favorites-grid{grid-template-columns:repeat(4,1fr)}.remote-hints{left:16px;right:16px}.remote-hints span:nth-child(3){display:none}}
@media (max-width:760px){body{min-width:0}.app-shell{padding:8px 8px 20px}.topbar{position:relative;top:0;border-radius:16px;padding:8px}.brand img{width:42px;height:42px}.brand-word{font-size:19px}.brand-sub{display:none}.top-actions{gap:5px}.search-btn,.icon-btn,.avatar{width:42px;height:42px;padding:0}.search-btn{font-size:0}.search-btn:first-letter{font-size:22px}.main-nav{gap:4px}.nav-item{font-size:13px;padding:9px 10px}.page-heading{align-items:flex-start;flex-direction:column;margin-top:18px}.page-heading h1{font-size:34px}.page-heading p{font-size:15px}.hero-cards{grid-template-columns:1fr 1fr;gap:10px}.hero-card{height:140px;padding:17px}.tile-icon{font-size:25px;top:16px;left:18px}.tile-title{font-size:22px}.tile-meta{font-size:12px}.ok-chip{display:none}.media-row,.channel-strip{grid-auto-columns:76vw}.live-layout{display:block}.category-panel{margin-bottom:10px}.category-list{flex-direction:row;overflow:auto;max-height:none}.category-btn{flex:0 0 auto}.channel-list-panel{margin-bottom:10px}.channel-list{max-height:none}.now-panel{display:block}.poster-grid{grid-template-columns:repeat(2,1fr);gap:10px}.favorites-grid{grid-template-columns:repeat(2,1fr)}.epg-row{grid-template-columns:1fr}.details-hero{grid-template-columns:1fr;padding:20px;min-height:0}.details-poster{width:170px;margin:45px auto 0}.details-copy h1{font-size:34px}.episode-card{grid-template-columns:100px 1fr}.episode-play{display:none}.remote-hints{display:none}.modal{padding:8px}.segmented{grid-template-columns:1fr}.player-bottom{padding:60px 16px 18px}.program-copy h2{font-size:25px}.player-actions{grid-column:1/-1;justify-content:flex-end}.login-screen{padding:12px}.login-card{padding:24px}.login-card h1{font-size:40px}}

/* TV 1080p refinement */
@media (min-width:1600px) and (min-height:850px){.app-shell{padding:22px 34px 74px}.topbar{height:122px}.hero-card{height:205px}.poster-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.live-layout{min-height:710px}.category-list,.channel-list{max-height:645px}}

/* v1.1 - Visszanézhetőség / Catch-up */
.catchup-btn{grid-column:1/-1;border:1px solid rgba(242,174,42,.58);background:linear-gradient(90deg,rgba(116,75,14,.78),rgba(48,35,14,.78));color:#ffd36f;border-radius:14px;padding:12px 16px;font-weight:900;cursor:pointer}.catchup-btn:hover{border-color:#f2ae2a}.catchup-epg-btn{margin-top:7px;border:1px solid rgba(242,174,42,.45);background:#241b0d;color:#ffd06a;border-radius:10px;padding:7px 10px;font-size:12px;font-weight:800;cursor:pointer}.archive-badge{display:inline-flex;align-items:center;gap:5px;color:#ffc64b;font-size:11px;font-weight:900;margin-top:4px}.catchup-modal-card{width:min(900px,95vw)}.catchup-meta{margin:8px 0 18px}.catchup-programs{display:grid;gap:9px;max-height:62vh;overflow:auto;padding-right:3px}.catchup-program{display:grid;grid-template-columns:150px 1fr auto;gap:14px;align-items:center;text-align:left;background:#0b151f;border:1px solid #273645;border-radius:15px;padding:12px 14px;color:#eef3f8;cursor:pointer}.catchup-program .catchup-time{display:flex;flex-direction:column;gap:3px;color:#f2b53c;font-weight:900}.catchup-program .catchup-time small{color:#8795a4;font-weight:600}.catchup-program .catchup-copy b,.catchup-program .catchup-copy small{display:block}.catchup-program .catchup-copy small{color:#8b98a6;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catchup-program .catchup-play{color:#ffd269;font-weight:900;white-space:nowrap}.epg-station{position:relative}.epg-station-copy{min-width:0}.epg-station-copy b{display:block}.player-catchup-badge{color:#ffd26b}
@media (max-width:760px){.catchup-program{grid-template-columns:92px 1fr}.catchup-program .catchup-play{grid-column:1/-1}.catchup-modal-card{padding:18px}}

.exit-modal-card{width:min(560px,94vw)}
.exit-copy{font-size:20px;margin:12px 0 6px}
.exit-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.exit-actions .primary-btn,.exit-actions .ghost-btn{width:100%}
@media (max-width:760px){.exit-actions{grid-template-columns:1fr}}


/* Valódi PufaMix tartalomképek */
.channel-logo,
.channel-mini-logo,
.result-icon,
.preview-logo,
.details-poster{
  position:relative;
  overflow:hidden;
}

.channel-logo-img,
.channel-mini-img,
.result-icon-img,
.preview-logo-img,
.details-poster-img{
  width:100%;
  height:100%;
  object-fit:contain;
  position:absolute;
  inset:0;
  z-index:2;
}

.details-poster-img{
  object-fit:cover;
}

.preview-logo-img{
  object-fit:contain;
  padding:18px;
}

.fallback-initials{
  position:relative;
  z-index:1;
}

.channel-logo img:not([style*="display: none"]) + .fallback-initials,
.channel-mini-logo img:not([style*="display: none"]) + .fallback-initials,
.result-icon img:not([style*="display: none"]) + .fallback-initials,
.preview-logo img:not([style*="display: none"]) + .fallback-initials{
  visibility:hidden;
}

.media-card-art img,
.poster-art img{
  display:block;
}


/* =========================================================
   PufaMix mini élő előnézet
   ========================================================= */

.preview-video{
    position:relative;
    overflow:hidden;
}

.preview-player{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:contain;
    background:#05070b;
    opacity:0;
    z-index:1;
    pointer-events:none;
    transition:opacity .18s ease;
}

.preview-video.preview-playing .preview-player{
    opacity:1;
}

.preview-video.preview-playing .preview-logo,
.preview-video.preview-playing .preview-shine{
    opacity:0;
    visibility:hidden;
}

.preview-video.preview-playing .play-circle{
    opacity:0;
    pointer-events:none;
}



/* Mini TV kép láthatósági javítás */
#previewBox{
    position:relative !important;
    overflow:hidden !important;
}

#previewPlayer{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    background:#000 !important;
    z-index:20 !important;
    opacity:0;
    visibility:hidden;
    display:block !important;
}

#previewBox.preview-playing #previewPlayer,
#previewBox.preview-loading #previewPlayer{
    opacity:1 !important;
    visibility:visible !important;
}

#previewBox.preview-playing .preview-logo,
#previewBox.preview-loading .preview-logo,
#previewBox.preview-playing .preview-shine,
#previewBox.preview-loading .preview-shine,
#previewBox.preview-playing .play-circle,
#previewBox.preview-loading .play-circle{
    opacity:0 !important;
    visibility:hidden !important;
}



/* Mini TV stabil 16:9 megjelenítés */
#previewBox {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    min-height: 180px !important;
    overflow: hidden !important;
    background: #05070b !important;
}

#previewPlayer {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    z-index: 50 !important;
}

#previewBox.preview-playing #previewPlayer {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}


/* ======================================================
   PufaMix ONE PLAYER - ugyanaz a video kis és nagy nézetben
   ====================================================== */

#previewBox{
    position:relative !important;
    overflow:hidden !important;
    background:#000 !important;
}

#previewBox > #videoPlayer{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    object-fit:contain !important;
    background:#000 !important;
    z-index:100 !important;
}

#previewBox.pm-video-active .preview-logo,
#previewBox.pm-video-active .preview-shine,
#previewBox.pm-video-active .play-circle{
    display:none !important;
}