/* ONYX LIVE — isolated channel surface, keeping cinema/VOD UI intact. */
.onyxLiveNav{display:flex!important;align-items:center;gap:10px}
.onyxLiveNavDot{display:inline-block;width:7px;height:7px;flex:none;border-radius:100%;background:#d9ff38;box-shadow:0 0 14px #d9ff3870}
.onyxLiveNav>small{margin-inline-start:auto;color:#d9ff38!important;font-size:9px!important;letter-spacing:.12em}
.onyxLiveMiniClickable{cursor:pointer;transition:border-color .2s,transform .2s,background .2s}
.onyxLiveMiniClickable:hover{border-color:rgba(217,255,56,.58);background:rgba(27,31,19,.94);transform:translateY(-1px)}
.onyxLiveMiniClickable:focus-visible{outline:2px solid #d9ff38;outline-offset:3px}
.onyxLivePanel{display:none;position:fixed;inset:0;z-index:6000;overflow-y:auto;overscroll-behavior:contain;color:#f5f7f0;background:#080a08;font-family:inherit;direction:rtl}
.onyxLivePanel.on{display:block}
html[dir=ltr] .onyxLivePanel{direction:ltr}
.onyxLiveCanvas{max-width:1380px;min-height:100dvh;padding:clamp(24px,4vw,55px) clamp(16px,4vw,50px) 80px;margin:auto;box-sizing:border-box}
.onyxLivePanel:before{content:"";pointer-events:none;position:fixed;z-index:0;top:-35vw;right:-30vw;width:80vw;height:70vw;background:radial-gradient(ellipse,rgba(194,255,57,.055),transparent 68%)}
.onyxLiveCanvas>*{position:relative;z-index:1}
.onyxLiveTop{display:flex;align-items:start;justify-content:space-between;gap:22px;margin-bottom:25px}
.onyxLiveTitle small{font-weight:900;letter-spacing:.2em;font-size:11px;color:#f0f0e8;direction:ltr;display:inline-block}
.onyxLiveTitle small span{color:#d9ff38}
.onyxLiveTitle h1{font-size:clamp(30px,4vw,54px);margin:10px 0 7px;line-height:1.16;font-weight:900;letter-spacing:-.04em;color:#fff}
.onyxLiveTitle p{margin:0;color:#a5aca0;font-size:13px;line-height:1.7}
.onyxLiveClose{appearance:none;display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:50%;background:#20241d;color:#fff;border:1px solid #ffffff21;font-size:29px;cursor:pointer}
.onyxLiveClose:hover{border-color:#d9ff38;color:#d9ff38}
.onyxLiveGroups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:25px 0}
.onyxLiveGroups button{position:relative;display:flex;align-items:center;gap:15px;min-width:0;min-height:95px;cursor:pointer;padding:19px;background:linear-gradient(130deg,#171b15,#111410);border:1px solid #ffffff19;border-radius:17px;color:#f5f6ee;text-align:start;transition:background .2s,border-color .2s,transform .2s;overflow:hidden}
.onyxLiveGroups button:hover{transform:translateY(-2px);border-color:#d9ff3866}
.onyxLiveGroups button.active{border-color:#d9ff387a;background:linear-gradient(110deg,rgba(212,255,56,.12),#111410 70%);box-shadow:inset 0 1px 0 #d9ff3825}
.onyxLiveGroups button.active:before{content:"";position:absolute;inset:auto 18px 0;height:2px;background:#d9ff38;border-radius:2px}
.onyxLiveBrandLogo{width:90px;height:56px;object-fit:contain;flex:none;max-width:35%}
.onyxLiveGroups button span{font-size:14px;line-height:1.4;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.onyxLiveGroups button small{margin-inline-start:auto;font-size:11px;font-weight:800;opacity:.65}
.onyxLiveToolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:12px 0 24px}
.onyxLiveQuality{display:flex;flex-wrap:wrap;gap:7px}
.onyxLiveQuality button{cursor:pointer;font:inherit;font-size:11px;font-weight:850;padding:9px 15px;border:1px solid #ffffff24;color:#b8c1b3;background:#161a15;border-radius:99px}
.onyxLiveQuality button.active{background:#d9ff38;color:#161c09;border-color:#d9ff38}
#onyxLiveSearch{box-sizing:border-box;min-width:160px;width:min(255px,100%);padding:11px 15px;border-radius:12px;border:1px solid #ffffff25;background:#181d16;color:#fff;font:inherit;font-size:13px}
#onyxLiveSearch:focus{outline:1px solid #c7fa39}
.onyxLiveQualityBlock{margin:0 0 27px}
.onyxLiveSubhead{display:flex;align-items:center;gap:12px;margin-bottom:11px}
.onyxLiveSubhead strong{font-size:16px;color:#eef5dc;font-weight:900}
.onyxLiveSubhead span{font-size:10px;color:#a9aea4;letter-spacing:.06em}
.onyxLiveGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.onyxLiveCard{min-width:0;display:flex;align-items:center;gap:13px;cursor:pointer;text-align:start;padding:12px 13px;color:#f1f3e9;border:1px solid #ffffff18;border-radius:14px;background:linear-gradient(120deg,#161a15,#10130f);transition:border-color .2s,transform .2s}
.onyxLiveCard:hover{border-color:#d9ff3880;transform:translateY(-2px);background:linear-gradient(120deg,#222a1b,#121711)}
.onyxLiveCardLogo{display:grid;place-items:center;width:76px;height:58px;border-radius:10px;background:#ffffff0a;flex:none;overflow:hidden;padding:7px;box-sizing:border-box}
.onyxLiveCardLogo img{display:block;max-width:100%;width:100%;height:100%;object-fit:contain}
.onyxLiveCardInfo{flex:1;min-width:0}
.onyxLiveCardInfo strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:850;color:#fafdf7}
.onyxLiveCardInfo small{display:block;margin-top:7px;color:#9fa99b;font-size:10px}
.onyxLiveCardBadge{flex:none;font-size:10px;font-weight:900;color:#d9ff38;border:1px solid #d9ff3840;border-radius:7px;padding:4px 6px;background:#d9ff3811}
.onyxLiveCardArrow{font-size:17px;color:#98a68f}
.onyxLiveEmpty{margin:35px auto;max-width:570px;text-align:center;padding:30px 20px;color:#a9b0a4;border:1px dashed #ffffff25;border-radius:15px;font-size:13px}
.onyxLiveEmpty button{background:none;border:none;color:#d9ff38;cursor:pointer;font-weight:900}
.onyxLiveWatch{display:none;position:fixed;inset:0;z-index:2;background:rgba(5,7,5,.98);overflow:auto}
.onyxLiveWatch.on{display:grid;place-items:center}
.onyxLiveWatchInner{width:min(1200px,96vw);padding:30px 0 20px}
.onyxLiveWatchTop{display:flex;align-items:center;gap:17px;margin-bottom:20px}
.onyxLiveWatchTop>button{display:grid;place-items:center;flex:none;width:42px;height:42px;background:#22291c;color:#f5f7f1;border:1px solid #ffffff24;border-radius:100%;cursor:pointer;font-size:20px}
.onyxLiveWatchTop>div{flex:1;min-width:0}
.onyxLiveWatchTop strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(14px,2vw,20px)}
.onyxLiveWatchTop small{display:block;margin-top:4px;font-size:11px;color:#b4bead}
.onyxLiveOnAir{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:900;color:#d9ff38;direction:ltr}
.onyxLiveOnAir i{display:block;width:7px;height:7px;border-radius:100%;background:#d9ff38;box-shadow:0 0 12px #d9ff38}
#onyxLiveVideo{display:block;width:100%;height:auto;max-height:calc(100dvh - 160px);aspect-ratio:16/9;background:#000;object-fit:contain;border:1px solid #ffffff18;border-radius:9px}
.onyxLiveStatus{font-size:12px;color:#c6cbbe;text-align:center;padding:11px}
@media(max-width:980px){.onyxLiveGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.onyxLiveBrandLogo{width:65px}.onyxLiveGroups button{gap:9px;padding:13px;min-height:82px}.onyxLiveGroups button span{font-size:12px}}
@media(max-width:600px){
 .onyxLiveCanvas{padding:23px 12px 75px}
 .onyxLiveTop{margin-bottom:18px}
 .onyxLiveTitle h1{font-size:30px}
 .onyxLiveTitle p{font-size:11px}
 .onyxLiveGroups{gap:6px;margin:18px 0}
 .onyxLiveGroups button{padding:10px 7px;flex-direction:column;justify-content:center;gap:3px;text-align:center;min-height:91px;border-radius:12px}
 .onyxLiveBrandLogo{height:34px;width:72px;max-width:92%}
 .onyxLiveGroups button span{font-size:10px}
 .onyxLiveGroups button small{margin:0;font-size:9px}
 .onyxLiveToolbar{flex-direction:column-reverse;align-items:stretch;gap:12px}
 #onyxLiveSearch{width:100%}
 .onyxLiveQuality{justify-content:center;gap:5px}
 .onyxLiveQuality button{font-size:10px;padding:8px 11px}
 .onyxLiveGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .onyxLiveCard{gap:6px;min-width:0;flex-direction:column;align-items:stretch;padding:10px 9px;border-radius:12px}
 .onyxLiveCardLogo{width:100%;height:75px}
 .onyxLiveCardInfo strong{font-size:11px;margin-top:4px}
 .onyxLiveCardInfo small{margin-top:3px;font-size:9px}
 .onyxLiveCardBadge{align-self:start;font-size:9px;margin-top:3px}
 .onyxLiveCardArrow{display:none}
 .onyxLiveWatchInner{width:100%;padding:15px 10px}
 #onyxLiveVideo{border-radius:3px}
 .onyxLiveWatchTop{margin-bottom:13px}
}
@media(prefers-reduced-motion:reduce){.onyxLiveCard,.onyxLiveGroups button,.onyxLiveMiniClickable{transition:none}}


/* Live channel catalog advertisement — never shown over a running stream. */
.onyxLiveAdPlacement{
 display:block;
 direction:ltr;
 text-align:center;
 max-width:100%;
 margin:4px auto 28px;
 padding:9px 12px 12px;
 border-radius:14px;
 border:1px solid rgba(255,255,255,.075);
 background:linear-gradient(120deg,rgba(255,255,255,.024),rgba(190,235,45,.025));
 box-sizing:border-box;
}
.onyxLiveAdPlacement.ready{display:block}
.onyxLiveAdPlacement[hidden]{display:none!important}
.onyxLiveAdPlacement>small{display:block;font-size:10px;color:#92998d;margin:0 0 8px;line-height:1}
.onyxLiveAdPlacement iframe{max-width:100%;border:0}
@media(max-width:600px){
 .onyxLiveAdPlacement{padding:8px 4px 10px;margin:0 auto 20px;border-radius:10px}
}

/* Only ONYX LIVE playback status and retry control. */
.onyxLiveStatus.failed{
  color:#f0eee5;
  line-height:1.8;
}
.onyxLiveRetry{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-inline-start:10px;
  padding:7px 14px;
  border-radius:9px;
  border:1px solid rgba(217,255,56,.5);
  background:#d9ff38;
  color:#10130c;
  font:inherit;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.onyxLiveRetry:hover{filter:brightness(1.07)}

.onyxLiveRetry:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.35)}