/* Browse / TV page critical CSS */
.tv-page-outer{max-width:var(--container-max);margin:0 auto;padding:10px 16px 40px}
.tv-filter-bar{background:#1a1a1f;border:1px solid #2a2a2f;border-radius:10px;padding:12px 14px;margin-bottom:16px}
.tv-filter-form{display:flex;flex-direction:column;gap:8px}
.tv-filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.tv-filter-select,.tv-search-input{background:#111;border:1px solid #2a2a2f;border-radius:7px;color:#ccc;font-size:12px;padding:8px 10px;outline:none}
.tv-filter-btn{background:#6c3ef4;color:#fff;border:none;border-radius:7px;padding:8px 20px;font-size:13px;font-weight:700;cursor:pointer;margin-left:auto}
.tv-body{display:grid;grid-template-columns:1fr 280px;gap:20px;align-items:start}
.film-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.film-card{position:relative;border-radius:6px;overflow:hidden;background:#1a1a1a;display:block}
.film-poster{position:relative;width:100%;padding-top:140%;overflow:hidden;background:#111}
.film-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.badge-hd{background:rgba(0,0,0,.72);color:#fff;font-size:9px;font-weight:800;padding:2px 5px;border-radius:3px}
.badge-ep-num{background:#7c3aed;color:#fff;font-size:9px;font-weight:700;padding:2px 5px;border-radius:3px}
.film-ep-row{position:absolute;bottom:5px;left:5px;right:5px;display:flex;justify-content:space-between;align-items:flex-end}
.tv-top-widget{background:#15151a;border:1px solid #2a2a2a;border-radius:10px;overflow:hidden;position:sticky;top:calc(var(--header-height) + 12px)}
