.tv-channel{padding:30px 32px 52px;background:#141518;color:#e6e8ed;scroll-margin-top:calc(var(--header-height,72px) + 18px)}
.tv-channel button{color:inherit}
.tv-channel button:focus-visible,.tv-card:focus-visible{outline:2px solid #55d5f5;outline-offset:4px}
.tv-filters{display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px;margin-bottom:34px;padding:20px 22px;background:#202024}
.tv-filter-group{min-width:0;padding:0}
.tv-filter-label{margin:0 0 9px;color:#9299a8;font-size:18px;line-height:1.4;font-weight:400;letter-spacing:.2px}
.tv-filter-options{display:flex;align-items:center;flex-wrap:wrap;gap:5px 13px}
.tv-filter-option{min-height:30px;padding:4px 0;background:transparent;color:#b4b4be!important;font-size:13px;line-height:1.6;white-space:nowrap;transition:color .18s ease}
.tv-filter-option:hover,.tv-filter-option[aria-pressed="true"]{color:#55d5f5!important}
.tv-filter-option[aria-pressed="true"]{font-weight:650}
.tv-results-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-10px 0 26px;padding-bottom:14px;border-bottom:1px solid #292b31;color:#a1a6b0;font-size:13px}
.tv-results-toolbar p{margin:0;line-height:1.7}
.tv-reset{padding:7px 11px;border-radius:5px;background:#252b31;font-size:12px;white-space:nowrap;transition:background .18s,color .18s}
.tv-reset:hover{background:#263a43;color:#55d5f5}
.tv-section+.tv-section{margin-top:35px}
.tv-section-head{display:flex;align-items:center;gap:16px;min-height:32px;margin-bottom:18px}
.tv-section-head h2{flex:none;margin:0;font-size:22px;font-weight:650;line-height:1.4;letter-spacing:.2px}
.tv-more{display:inline-flex;align-items:center;gap:5px;flex:none;padding:5px 16px;border-radius:20px;background:#2a2c33;color:#9fa3ae!important;font-size:12px;white-space:nowrap;transition:color .18s}
.tv-more:hover{color:#55d5f5!important}
.tv-topics{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-left:7px;min-width:0}
.tv-topics button{padding:0 9px 0 0;border-right:1px solid #42454d;background:transparent;color:#a9a9b3;font-size:12px;line-height:1.4;white-space:nowrap;transition:background .18s,color .18s}
.tv-topics button:last-child{border-right:0}
.tv-topics button:hover,.tv-topics button[aria-pressed="true"]{background:#25343b;color:#55d5f5}
.tv-refresh{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none;min-height:30px;margin-left:auto;padding:6px 14px;border-radius:20px;background:#292c32;color:#d5d7dd!important;font-size:12px;white-space:nowrap;transition:color .18s}
.tv-refresh svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s}
.tv-refresh:hover{color:#55d5f5!important}
.tv-refresh:hover svg{transform:rotate(75deg)}
.tv-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:24px 16px;align-items:start}
.tv-card{display:block;min-width:0;width:100%;padding:0;background:transparent;color:inherit;text-align:left;text-decoration:none;border-radius:7px}
.tv-cover{position:relative;display:block;isolation:isolate;width:100%;aspect-ratio:384/560;overflow:hidden;border-radius:7px;background:#25262e}
.tv-cover>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease,filter .3s ease}
.tv-cover:after{position:absolute;z-index:0;inset:55% 0 0;content:"";background:linear-gradient(transparent,rgba(8,9,14,.13) 30%,rgba(8,9,14,.82));pointer-events:none}
.tv-badges{position:absolute;z-index:2;left:0;top:0;display:flex;align-items:flex-start;gap:0;max-width:calc(100% - 32px);font-size:10px;line-height:18px;font-weight:600;white-space:nowrap;overflow:hidden;border-bottom-right-radius:5px}
.tv-quality,.tv-latest{display:block;padding:0 5px}
.tv-quality{background:#27a8df;color:#fff}
.tv-latest{background:#f48247;color:#fff}
.tv-score{position:absolute;z-index:2;right:6px;top:5px;color:#ff6569;font-size:13px;line-height:1.4;font-weight:700;text-shadow:0 1px 4px #08090ed9}
.tv-card-bottom{position:absolute;z-index:2;left:8px;right:8px;bottom:9px;display:flex;align-items:center;justify-content:space-between;gap:5px;color:#fff;line-height:1.35;font-size:11px;text-shadow:0 1px 4px #0008}
.tv-heat{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eae9ed}
.tv-status{flex:none;max-width:58%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}
.tv-poster-fallback{position:absolute;inset:0;display:grid;place-items:center;padding:20px;color:#9fa8bb;font-size:18px;text-align:center;background:linear-gradient(150deg,#344359,#24252e)}
.tv-card-play{position:absolute;z-index:3;left:50%;top:50%;display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffffb3;border-radius:50%;background:#12161b77;opacity:0;transform:translate(-50%,-40%);transition:opacity .2s ease,transform .2s ease;pointer-events:none}
.tv-card-play:before{display:block;content:"";margin-left:4px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid #fff}
.tv-card-play>svg{width:20px;height:20px}
.tv-card-play:has(>svg):before{display:none}
.tv-card-title{display:block;overflow:hidden;margin-top:10px;color:#f0f0f3;font-size:16px;font-weight:650;line-height:1.6;text-overflow:ellipsis;white-space:nowrap;transition:color .18s}
.tv-card-actors{display:block;overflow:hidden;margin-top:2px;color:#85858f;font-size:12px;line-height:1.7;text-overflow:ellipsis;white-space:nowrap}
.tv-card:hover .tv-cover>img,.tv-card:focus-visible .tv-cover>img{transform:scale(1.035);filter:brightness(.86)}
.tv-card:hover .tv-card-title,.tv-card:focus-visible .tv-card-title{color:#55d5f5}
.tv-card:hover .tv-card-play,.tv-card:focus-visible .tv-card-play{opacity:1;transform:translate(-50%,-50%)}
.tv-empty{grid-column:1/-1;display:grid;place-content:center;min-height:235px;padding:30px 18px;border:1px dashed #32343c;border-radius:8px;color:#92939e;text-align:center;font-size:14px;line-height:1.9}
.tv-empty h2,.tv-empty h3,.tv-empty strong{display:block;margin:0 0 8px;color:#d9dae1;font-size:18px;font-weight:550}
.tv-empty p{margin:0}
.tv-empty button{justify-self:center;margin-top:17px}
@media(min-width:1600px){.tv-card-title{font-size:15px}.tv-card-bottom{font-size:12px}.tv-filter-options{gap:6px 20px}.tv-filter-group{padding:20px 24px}}
@media(max-width:1200px){.tv-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.tv-filters{gap:12px;grid-template-columns:1fr 1fr 1fr}.tv-filter-group{padding:16px}.tv-filter-options{gap:3px 12px}.tv-topics{gap:7px;margin-left:0}.tv-section-head{gap:12px}}
@media(max-width:1100px){.tv-channel{padding-inline:26px}.tv-section-head h2{font-size:21px}.tv-topics button{padding-inline:9px}.tv-card-bottom{left:6px;right:6px;font-size:10px}}
@media(max-width:900px){.tv-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tv-filters{grid-template-columns:1fr;margin-bottom:28px;gap:9px}.tv-filter-group{display:flex;align-items:baseline;gap:20px;padding:13px 17px}.tv-filter-label{flex:none;margin:0;font-size:14px}.tv-filter-options{gap:2px 15px}.tv-filter-option{font-size:12px;min-height:28px}.tv-section-head{flex-wrap:wrap;gap:10px 12px}.tv-topics{order:3;flex-basis:100%;margin-top:2px}.tv-section-head h2{font-size:22px}.tv-card-bottom{font-size:11px}.tv-section+.tv-section{margin-top:29px}}
@media(max-width:640px){.tv-channel{padding:23px 16px 35px;scroll-margin-top:176px}.tv-filters{margin-bottom:27px}.tv-filter-group{gap:14px;padding:12px 14px}.tv-filter-label{font-size:13px;line-height:1.7}.tv-filter-options{gap:2px 13px}.tv-filter-option{font-size:12px;line-height:1.65}.tv-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px}.tv-section-head{margin-bottom:15px}.tv-section-head h2{font-size:20px}.tv-topics{gap:7px}.tv-topics button{padding:5px 9px;font-size:11px}.tv-refresh,.tv-more{font-size:11px}.tv-card-title{margin-top:7px;font-size:13px}.tv-card-actors{margin-top:1px;font-size:11px}.tv-card-bottom{left:5px;right:5px;bottom:7px;gap:3px;font-size:9px}.tv-badges{font-size:9px;line-height:17px;max-width:calc(100% - 27px)}.tv-quality,.tv-latest{padding-inline:4px}.tv-score{right:5px;top:4px;font-size:12px}.tv-results-toolbar{margin-top:-8px;font-size:12px}.tv-reset{font-size:11px}}
@media(max-width:400px){.tv-channel{padding-inline:14px}.tv-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.tv-filter-group{gap:11px;padding-inline:12px}.tv-filter-options{gap:2px 11px}.tv-filter-label{font-size:12px}.tv-card-bottom{font-size:10px}}
@media(prefers-reduced-motion:reduce){.tv-channel *,.tv-channel *:before,.tv-channel *:after{transition:none!important;animation:none!important}.tv-card:hover .tv-cover>img,.tv-card:focus-visible .tv-cover>img{transform:none}.tv-refresh:hover svg{transform:none}}
