.catalog-listing.site-main{max-width:none;padding:40px 3.2% 86px}
.catalog-listing .catalog-toolbar{align-items:end;margin:0 0 25px}
.catalog-eyebrow{display:block;margin-bottom:8px;color:#70b9ff;font-size:11px;font-weight:850;letter-spacing:.19em}
.catalog-listing .page-title{font-size:clamp(30px,3vw,46px);letter-spacing:-.035em}
.catalog-listing .page-intro{margin:8px 0 0;color:#9aaabe;font-size:14px}
.catalog-listing .filter-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:7px 11px;background:#102239;border:1px solid #356087;border-radius:999px;color:#e6f3ff;font-size:12px;font-weight:700;box-shadow:inset 0 1px #ffffff19;transition:background .18s,border-color .18s}
.catalog-listing .filter-button:hover,.catalog-listing .filter-button[aria-expanded=true]{background:#163b62;border-color:#4a9ce5}
.catalog-listing .filter-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.catalog-listing .filter-button b{min-width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:#278dec;color:white;font-size:11px}
.catalog-listing .filters{display:block;margin:0 0 17px;padding:12px 14px;border:1px solid #2b4a68;border-radius:11px;background:#0d1928;box-shadow:inset 0 1px #ffffff0d}
.catalog-listing .filters[hidden]{display:none}
.filter-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}
.filter-heading strong{font-size:12px;letter-spacing:.01em}
.filter-heading a{color:#83c5ff;font-size:12px;font-weight:700}
.filter-heading a:hover{text-decoration:underline}
.filter-controls{display:flex;gap:8px;align-items:end;flex-wrap:wrap}
.catalog-listing .filters label{flex:1 1 140px;min-width:115px;gap:5px;color:#aebed0;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.06em}
.catalog-listing .filters select{width:100%;min-width:0;height:34px;padding:0 9px;background:#101f31;border:1px solid #354f69;border-radius:7px;color:#f4f8ff;font-size:12px;font-weight:650;letter-spacing:0;text-transform:none;outline:none;transition:border-color .18s,box-shadow .18s}
.catalog-listing .filters select:hover{border-color:#639bc8}
.catalog-listing .filters select:focus-visible{border-color:#79bfff;box-shadow:0 0 0 3px #278dec42}
.catalog-listing .filters .primary{min-height:34px;white-space:nowrap;padding:0 12px;border-radius:7px;font-size:12px}
.catalog-listing .filters .primary span{font-size:18px;font-weight:400}
.catalog-listing .listing-count{margin:0 0 15px;color:#9fb0c2;font-size:13px}
.catalog-listing .listing-count strong{color:#e6f3ff;font-weight:800}
.catalog-listing #catalog-list .grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:24px 12px}
.catalog-listing #catalog-list .card-poster{border-radius:9px}
.catalog-listing #catalog-list .card h3{font-size:12px;line-height:1.35;margin-top:8px}
.catalog-listing #catalog-list .badge{font-size:9px;padding:4px 5px}
@media(max-width:1180px){.catalog-listing #catalog-list .grid{grid-template-columns:repeat(8,minmax(0,1fr))}}
@media(max-width:920px){.catalog-listing #catalog-list .grid{grid-template-columns:repeat(8,minmax(0,1fr))}.catalog-listing .filters .primary{flex:1 1 100%}}
@media(max-width:700px){.catalog-listing.site-main{padding:29px 5% 65px}.catalog-listing .catalog-toolbar{align-items:start;gap:15px}.catalog-listing .filter-button{padding:7px 10px}.catalog-listing .filter-button span{display:none}.catalog-listing .filters{padding:12px}.catalog-listing #catalog-list .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:19px 10px}}
@media(max-width:470px){.catalog-listing #catalog-list .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-listing .filters label{flex-basis:calc(50% - 8px);min-width:0}}
@media(max-width:350px){.catalog-listing #catalog-list .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.player-shell{position:relative}
.player-shell iframe,.player-shell video{flex:none}
.watch-heading .watch-title{min-width:0}
.watch-heading .watch-title h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.player-switcher{display:flex;flex:none;flex-direction:column;align-items:flex-end;gap:5px;margin-left:auto}
.player-switcher[hidden]{display:none}
.server-switcher-note{color:#9aaec4;font-size:11px;font-weight:600;line-height:1.25;text-align:right}
.server-switcher-options{display:flex;gap:7px}
.player-switcher .server-choice{min-width:84px;min-height:34px;padding:7px 13px;border:1px solid #253952;border-radius:6px;background:#0c1522;color:#aabbd0;font-size:12px;font-weight:750;letter-spacing:.02em;cursor:pointer;transition:background .18s,border-color .18s,color .18s}
.player-switcher .server-choice:hover{border-color:#4386c7;background:#152b45;color:#fff}
.player-switcher .server-choice[aria-pressed="true"]{border-color:#3e8ddd;background:#153b65;color:#fff}
.player-switcher .server-choice:focus-visible{outline:2px solid #94ceff;outline-offset:2px}
.player-assistance{display:flex;justify-content:flex-end;margin:8px 0 0}
.player-assistance:empty{display:none}
.player-assistance .player-fallback{position:static;margin:0;padding:8px 11px;border:1px solid #64748b99;border-radius:7px;background:#111827;color:#f8fafc;font:600 11px Arial,sans-serif;cursor:pointer}
.player-assistance .player-fallback:hover,.player-assistance .player-fallback:focus-visible{background:#1d4ed8}
@media(max-width:700px){.watch-heading{flex-wrap:wrap}.watch-heading .watch-title{flex:1;min-width:0}.player-switcher{width:100%;align-items:flex-end;margin:2px 0 0}.player-switcher .server-choice{min-width:84px;min-height:34px}}
