:root{--bg:#080d16;--panel:#101824;--panel2:#141f2b;--border:#223241;--muted:#8d9cab;--muted2:#627785;--text:#f5fbff;--accent:#a78bfa;--accent2:#4bdce1;--red:#fe5576;--shadow:0 26px 90px rgba(0,0,0,.23);--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'Cairo',Tahoma,Arial,sans-serif;font-size:13px;-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}img{max-width:100%}.svg-defs{width:0;height:0;position:absolute;overflow:hidden}.ic{width:20px;height:20px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:middle}.ic.fill{fill:currentColor;stroke:none}.shell{min-height:100vh;display:flex;direction:rtl}.sidebar{position:sticky;top:0;height:100vh;width:245px;flex:none;background:linear-gradient(170deg,#111a26 0%,#0a111b 76%);border-left:1px solid rgba(148,177,194,.1);display:flex;flex-direction:column;z-index:30;padding:27px 17px 20px}.side-top{display:flex;justify-content:space-between;align-items:center;padding:3px 12px 31px}.logo{display:flex;gap:11px;align-items:center}.logo-mark{height:48px;width:48px;border-radius:15px;background:#152a36;box-shadow:inset 0 0 0 1px #2e565c,0 7px 25px #071a19;display:grid;place-items:center}.logo-mark svg{width:39px;height:39px}.brand-name strong{font-size:23px;font-weight:900;letter-spacing:-1.5px;line-height:1;display:block;direction:ltr;text-align:left}.brand-name strong span{color:var(--accent);margin-left:2px}.brand-name small{color:#69808f;letter-spacing:1.35px;display:block;font:bold 7px Arial;margin-top:6px;text-align:left}.side-caption{margin:0 14px 12px;color:#607689;font-size:10px;font-weight:800}.side-caption.extra{margin-top:38px}.nav-links{display:grid;gap:7px}.nav-item{display:flex;align-items:center;gap:13px;color:#9cabb8;background:transparent;border:1px solid transparent;border-radius:13px;width:100%;padding:13px 13px;text-align:right;font-weight:700;font-size:12px;position:relative;transition:.18s}.nav-item:hover{background:#172331;color:#fff}.nav-item .ic{color:#94aab5}.nav-item.active{background:linear-gradient(100deg,rgba(71,228,194,.16),rgba(71,228,194,.055));border-color:rgba(71,228,194,.1);color:#e9fffa}.nav-item.active .ic{color:var(--accent)}.nav-active-dot{width:5px;height:20px;position:absolute;right:-17px;top:12px;border-radius:0 4px 4px 0;background:var(--accent);opacity:0}.nav-item.active .nav-active-dot{opacity:1}.soon-chip{margin-right:auto;color:#e7b978;background:#5b472834;border:1px solid #76512a50;padding:2px 6px;border-radius:5px;font-size:9px}.side-feature{border:1px solid #2a3748;background:linear-gradient(145deg,#162638,#15212b);border-radius:18px;padding:18px 16px;position:relative;overflow:hidden}.side-feature::before{content:'';position:absolute;inset:auto -20px -70px;background:#24796c33;height:130px;filter:blur(26px)}.side-feature-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:12px;background:#2c796d3f;color:var(--accent);margin-bottom:12px}.side-feature b{position:relative;display:block;font-size:12px}.side-feature p{font-size:10px;line-height:2;color:#a3b4c0;position:relative;margin:5px 0 10px}.feature-line{height:3px;background:linear-gradient(90deg,transparent,var(--accent),transparent);width:50%;display:block;opacity:.65}.sidebar-footer{margin-top:auto;padding:15px 10px 0;border-top:1px solid #26333f;display:flex;align-items:center;gap:8px;color:#6e8698;font-size:10px}.sidebar-footer .ic{height:16px;color:#6d8b94}.live-dot,.status-light,.footer-orb{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #41d6b21d}.main-column{min-width:0;flex:1}.topbar{height:85px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,3.6vw,68px);border-bottom:1px solid rgba(167,196,214,.075);background:rgba(9,15,24,.75);position:sticky;top:0;z-index:20;backdrop-filter:blur(15px)}.crumb{display:flex;align-items:center;gap:12px;color:#677e91;font-size:12px}.crumb .ic{width:13px;height:13px}.crumb strong{color:#dbe9ef;font-weight:800}.topbar-actions,.topbar-leading{display:flex;align-items:center;gap:15px}.top-search{height:40px;width:260px;background:#131d29;border:1px solid #263443;border-radius:11px;display:flex;align-items:center;gap:9px;padding:0 12px;color:#6f8798}.top-search .ic{width:17px}.top-search input{background:none;border:0;outline:0;color:#efffff;min-width:0;flex:1;font-size:11px}.top-search input::placeholder{color:#657b8d}.top-search kbd{font:12px Arial;color:#768c9d;background:#243442;border-radius:5px;padding:3px 6px}.status-pill{height:36px;border:1px solid #29433e;border-radius:28px;background:#102721;color:#85eacb;padding:0 11px;display:flex;align-items:center;gap:10px;font-size:10px;font-weight:800;white-space:nowrap}.status-pill.stale{color:#e9c382;border-color:#55482e;background:#292418}.status-pill.offline{color:#ff8194;border-color:#5c3340;background:#291921}.status-pill.stale .status-light{background:#e9b865;box-shadow:0 0 0 4px #e9b86519}.status-pill.offline .status-light{background:#ff8194;box-shadow:none}.icon-button{background:#15212e;border:1px solid #2a3a49;color:#94aaba;width:39px;height:39px;border-radius:12px;display:grid;place-items:center}.icon-button:hover{color:white;border-color:#426174}.user-avatar{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#316b74,#17323f);font:900 19px Arial;color:#9df9e8;border:1px solid #447579}.menu-button,.mobile-close{display:none}
main{padding:34px clamp(20px,3.6vw,68px) 56px;min-height:calc(100vh - 145px)}.view{display:none}.view.active{display:block;animation:fadein .24s ease}@keyframes fadein{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.hero{height:365px;background:radial-gradient(ellipse at 85% -25%,#24234e 0,transparent 42%),linear-gradient(112deg,#171a3c 0%,#171c34 47%,#10192c 100%);border-radius:23px;position:relative;isolation:isolate;overflow:hidden;border:1px solid #383361;box-shadow:var(--shadow)}.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 52%,rgba(9,25,31,.3));pointer-events:none}.hero-noise{position:absolute;inset:0;background-image:radial-gradient(#ffffff1c 1px,transparent 1px);background-size:21px 21px;opacity:.14}.hero-body{position:relative;z-index:4;padding:43px 45px;max-width:610px}.hero-eyebrow{color:var(--accent);font-weight:800;font-size:10px;display:flex;align-items:center;gap:9px;letter-spacing:.2px}.hero-eyebrow .ic{width:16px}.hero h1{font-size:clamp(26px,3.2vw,46px);line-height:1.5;letter-spacing:-1px;margin:10px 0 5px;font-weight:900}.hero h1 span,.page-header h1 span,.section-header h2 span{color:var(--accent)}.hero p{font-size:11px;line-height:2.1;color:#b2c8d0;max-width:420px;margin:5px 0 20px}.hero-buttons{display:flex;gap:10px}.btn{display:inline-flex;gap:10px;align-items:center;justify-content:center;border:0;padding:10px 17px;border-radius:10px;font-weight:800;font-size:11px;white-space:nowrap}.btn .ic{width:15px;height:15px}.btn-primary{background:var(--accent);color:#082a27;box-shadow:0 8px 28px #3dd9bb27}.btn-primary:hover{background:#78f8d9}.btn-secondary{background:#ffffff10;border:1px solid #ffffff34;color:#f2fbff}.btn-secondary:hover{background:#ffffff1d}.btn-ghost{background:transparent;border:1px solid #355057;color:#b0e2d9}.hero-metrics{display:flex;gap:18px;margin-top:27px;align-items:center}.hero-metrics>div:not(.metric-split){display:flex;align-items:center;gap:8px}.hero-metrics strong{font:800 17px Arial;color:#f3fff9}.hero-metrics span{color:#a2b7bf;font-size:10px}.metric-split{height:20px;width:1px;background:#416064}.hero-metrics .signal{color:var(--accent);width:17px}.hero-art{position:absolute;z-index:2;width:480px;height:460px;left:30px;top:-55px;pointer-events:none}.orbit{position:absolute;border:1px solid #77eace30;border-radius:50%;transform:rotateX(56deg) rotateZ(-29deg)}.orbit-1{width:350px;height:350px;left:55px;top:55px}.orbit-2{width:470px;height:440px;left:-12px;top:11px}.orbit-3{width:550px;height:535px;left:-52px;top:-31px}.hero-glow{position:absolute;width:240px;height:240px;left:110px;top:120px;background:#25f9ba43;filter:blur(80px)}.art-screen{position:absolute;width:245px;height:203px;left:95px;top:116px;border:1px solid #5e968c80;border-radius:23px;background:linear-gradient(145deg,#24525b,#0b1925 70%);transform:perspective(600px) rotateY(-14deg) rotateX(7deg) rotateZ(-8deg);box-shadow:25px 35px 60px #04181f99,0 0 45px #42e5bb22;overflow:hidden}.art-screen::after{content:'';position:absolute;top:-100px;left:-100px;width:350px;height:160px;background:#fff1;transform:rotate(38deg)}.art-screen-top{display:flex;align-items:center;gap:8px;padding:16px;font:bold 12px Arial;color:#edfffd;letter-spacing:2px}.art-screen-dot{height:8px;width:8px;border-radius:50%;background:#4bf4d0}.art-screen-right{margin-left:auto;color:#5ef7c9;font-size:9px;letter-spacing:.4px}.art-play{width:65px;height:65px;border:1px solid #a2ffebb0;background:#65f4d144;color:#b4fff0;border-radius:50%;display:grid;place-items:center;margin:13px auto}.art-play .ic{width:27px;height:27px}.art-screen-bottom{padding:8px 20px}.art-line{width:75%;height:5px;border-radius:12px;background:#b8ece331;margin:9px 0}.art-line.short{width:44%}.floating-card{position:absolute;display:flex;align-items:center;gap:8px;border:1px solid #72d2bd66;background:#122a35eb;backdrop-filter:blur(6px);border-radius:10px;padding:9px 11px;color:#c7fff4;font-weight:800;font-size:10px;box-shadow:0 8px 28px #05151d88}.floating-card .ic{width:17px;height:17px;color:var(--accent)}.float-one{left:280px;top:130px;transform:rotate(8deg)}.float-two{left:12px;top:308px;transform:rotate(-7deg)}.section-header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:39px 0 16px}.section-kicker{font:bold 9px Arial;color:#60bfae;letter-spacing:2px;margin-bottom:7px;direction:ltr;text-align:right}.section-header h2{font-size:21px;margin:0;font-weight:900;line-height:1.6}.section-header.compact{margin:30px 0 17px}.section-header.compact h2{font-size:18px}.view-all{display:flex;align-items:center;gap:8px;background:none;color:#8ddfce;border:0;font-size:11px;font-weight:800}.view-all .ic{width:17px}.entertainment-home-header{margin-top:43px}.channel-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.channel-card{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(180deg,#15222f,#101a26);border:1px solid #253542;border-radius:16px;min-height:148px;padding:16px 10px;transition:transform .2s,border-color .2s,box-shadow .2s}.channel-card:hover{transform:translateY(-4px);border-color:#3c897d;box-shadow:0 13px 38px #071b1e66}.channel-media{width:75px;height:75px;display:flex;align-items:center;justify-content:center;margin-bottom:9px;position:relative}.channel-media img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 2px 6px #0005)}.channel-card .card-name{font-size:10.5px;font-weight:800;color:#d7e5ec;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.8}.channel-card .card-sub{color:#6e9b9a;font-size:9px;margin-top:1px}.badge-live{position:absolute;top:10px;left:10px;font:800 9px Arial;background:#38202e;color:#ff7896;padding:5px 6px;border-radius:5px;display:flex;align-items:center;gap:5px}.badge-live i{width:5px;height:5px;border-radius:50%;background:#ff5376;box-shadow:0 0 0 2px #ff537633}.fav-btn{position:absolute;top:8px;right:8px;border:0;background:#203342b3;color:#718f9f;border-radius:8px;display:grid;place-items:center;width:28px;height:28px;opacity:0;transition:.2s}.fav-btn .ic{height:15px;width:15px}.fav-btn.saved{color:#ff7598;opacity:1}.channel-card:hover .fav-btn,.poster-card:hover .fav-btn{opacity:1}.card-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-42%) scale(.8);width:42px;height:42px;border-radius:50%;background:var(--accent);color:#073329;display:grid;place-items:center;opacity:0;transition:.2s;box-shadow:0 8px 23px #18c7a94d}.channel-card:hover .card-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.card-play .ic{height:19px;width:19px}.poster-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}.poster-card{min-width:0;position:relative;cursor:pointer}.poster-media{aspect-ratio: .74;position:relative;background:linear-gradient(160deg,#273e49,#17232f);overflow:hidden;border-radius:12px;border:1px solid #263948}.poster-media img{display:block;width:100%;height:100%;object-fit:cover;transition:.3s}.poster-card:hover img{transform:scale(1.055)}.poster-media::after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#07101855)}.poster-card .fav-btn{z-index:2;top:9px;right:9px;opacity:0}.poster-card .badge-movie{position:absolute;z-index:1;bottom:12px;right:12px;font-size:9px;color:#dcfff5;background:#144f47bf;backdrop-filter:blur(4px);border-radius:5px;padding:3px 8px}.poster-play{position:absolute;z-index:1;top:45%;left:50%;transform:translate(-50%,-50%);width:43px;height:43px;border-radius:50%;background:#39e8c9e8;color:#103333;display:grid;place-items:center;opacity:0;transition:.2s}.poster-card:hover .poster-play{opacity:1}.poster-card .card-name{font-size:11px;font-weight:800;margin-top:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.poster-card .card-sub{font-size:9px;color:#758d9d;line-height:2}.assurance{display:flex;align-items:center;gap:15px;margin-top:44px;border:1px solid #254d50;background:linear-gradient(110deg,#102c32,#142332);border-radius:18px;padding:20px 23px}.assurance-icon{display:grid;place-items:center;width:48px;height:48px;background:#3b9b8a30;border-radius:13px;color:var(--accent)}.assurance-icon .ic{width:24px;height:24px}.assurance b{display:block;font-size:12px}.assurance p{margin:3px 0;color:#8eafb5;font-size:10px;line-height:2}.assurance .btn{margin-right:auto}.site-footer{height:59px;border-top:1px solid #192c38;padding:0 clamp(20px,3.6vw,68px);display:flex;align-items:center;gap:17px;color:#6c8293;font-size:10px}.site-footer div{margin-right:auto;display:flex;align-items:center;gap:9px}.site-footer .footer-orb{width:6px;height:6px}
.page-header{border:1px solid #2a4146;background:radial-gradient(ellipse at 10% 20%,#19534d38,transparent 40%),linear-gradient(115deg,#173039,#121f2e);border-radius:22px;padding:30px 34px;margin-bottom:29px;min-height:174px;position:relative;overflow:hidden}.page-header::after{content:'';position:absolute;width:280px;height:280px;border:1px solid #2f6b6460;border-radius:50%;left:-50px;top:-105px;box-shadow:0 0 0 35px #2f6b6420,0 0 0 75px #2f6b6411}.page-header.entertainment-head{background:radial-gradient(ellipse at 12% 25%,#345c7e42,transparent 43%),linear-gradient(115deg,#1b2939,#141e30)}.page-eyebrow{color:#b9a5ff;font-size:10px;font-weight:900;display:flex;align-items:center;gap:8px}.page-eyebrow .ic{width:17px}.page-header h1{font-size:30px;line-height:1.4;margin:7px 0;font-weight:900}.page-header p{margin:0;font-size:11px;color:#a0b9bf}.browse-bar{display:flex;justify-content:space-between;margin-bottom:12px}.browse-title{display:flex;align-items:center;gap:8px;font-weight:800;color:#e3f7f9}.browse-title .ic{width:17px;color:var(--accent)}.result-count{font-size:10px;color:#75909f}.chip-scroll{display:flex;align-items:center;gap:9px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#2c4752 transparent;padding:3px 0 10px;min-height:45px}.chip{border:1px solid #28404b;border-radius:10px;padding:8px 14px;background:#131f2b;color:#9cb4c1;font-size:10px;font-weight:800;white-space:nowrap;transition:.18s}.chip:hover{color:#d7fff8;border-color:#3f807b}.chip.selected{background:#1b4c46;color:#78f7d9;border-color:#39877b}.data-hint{font-size:10px;color:#ad9572}.loading-text{font-size:11px;color:#8ca8b6}.pagination{margin-top:27px;display:flex;gap:11px;justify-content:center}.pagination .btn{min-width:100px}.matches-empty{min-height:420px;position:relative;overflow:hidden;border:1px dashed #31505a;background:radial-gradient(circle at 50% 24%,#1b3c3f55,transparent 45%),#0e1823;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px 15px}.matches-empty::after{content:'';position:absolute;bottom:-160px;width:650px;height:290px;border:1px solid #26524a;border-radius:50%;box-shadow:0 0 0 33px #24504519,0 0 0 72px #24504513}.match-emblem{width:88px;height:88px;border:1px solid #387f74;background:#1d514944;color:#77edce;border-radius:26px;display:grid;place-items:center;margin-bottom:18px;z-index:1}.match-emblem .ic{width:43px;height:43px;stroke-width:1.3}.soon-overline{color:var(--accent);letter-spacing:2px;font:800 10px Arial;z-index:1}.matches-empty h2{font-size:24px;margin:13px 0 4px;z-index:1}.matches-empty p{font-size:11px;color:#849fad;max-width:440px;line-height:2;z-index:1}.not-live-label{z-index:1;display:flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid #314b4d;border-radius:20px;color:#a0bdbe;margin-top:20px;font-size:10px}.small-dot{width:6px;height:6px;background:#7b99a0;border-radius:50%}.skeleton-card,.skeleton-poster{background:linear-gradient(100deg,#14202c,#1e3240,#14202c);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:16px;height:150px}.skeleton-poster{height:auto;aspect-ratio:.74}@keyframes shimmer{to{background-position:-200% 0}}.empty-message{text-align:center;border:1px dashed #2f4752;border-radius:16px;color:#8da6b0;padding:35px 20px;grid-column:1/-1;line-height:2.2}.empty-message svg{display:block;margin:0 auto 9px;width:25px;height:25px}.state-alert{border:1px solid #5a4b2d;background:#2d261848;border-radius:12px;padding:11px 15px;color:#f0bf79;font-size:10px;margin-top:19px;display:flex;align-items:center;gap:10px}.state-alert .ic{height:16px;width:16px}.state-alert.success{border-color:#295e50;background:#17392e66;color:#8ddfc8}.toast-root{position:fixed;z-index:100;bottom:24px;left:26px;display:grid;gap:8px}.toast{background:#203441;color:#d4fef3;border:1px solid #36655c;box-shadow:var(--shadow);border-radius:12px;padding:12px 18px;font-size:11px;font-weight:700;max-width:320px}.modal-backdrop{position:fixed;z-index:60;inset:0;background:#02060bcc;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:18px}.modal{background:#121e2a;border:1px solid #34505b;border-radius:19px;width:min(850px,100%);max-height:92vh;overflow-y:auto;box-shadow:0 30px 120px #000b;position:relative}.modal-player{width:min(1000px,100%)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #2d3e4c;gap:10px}.modal-title{font-size:17px;font-weight:900;margin:0;max-width:calc(100% - 65px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-close{background:#243641;border:1px solid #36505c;width:32px;height:32px;color:#fff;border-radius:8px;display:grid;place-items:center}.modal-close .ic{width:17px}.modal-body{padding:20px}.video-wrap{background:#05090f;border-radius:12px;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #2e3d49;position:relative}.video-wrap video,.video-wrap iframe{display:block;width:100%;height:100%;border:0;object-fit:contain;background:#020307}.player-placeholder{text-align:center;color:#8da8b7;line-height:2.1}.player-placeholder .ic{width:45px;height:45px;color:var(--accent);display:block;margin:0 auto 8px}.server-heading{font-weight:800;margin-top:20px;margin-bottom:12px;display:flex;gap:9px;align-items:center}.server-heading .ic{color:var(--accent);width:18px}.server-list,.episodes-list{display:flex;flex-wrap:wrap;gap:9px}.server-tab{color:#b3c9d3;background:#1b2b38;border:1px solid #314857;border-radius:9px;padding:9px 14px;font-size:10px;font-weight:800}.server-tab.active,.server-tab:hover{background:#1c5249;border-color:#419a86;color:#83f0d4}.player-tips{color:#859da9;font-size:10px;line-height:2;margin-top:13px}.player-tips a{color:var(--accent);text-decoration:underline}.item-hero{display:flex;gap:20px;align-items:flex-start;margin-bottom:20px}.item-hero img{width:112px;aspect-ratio:.74;object-fit:cover;border-radius:12px;flex:none}.item-hero h3{margin:6px 0 8px;font-size:19px}.item-hero p{font-size:11px;color:#9fb6c2;line-height:2}.item-detail-meta{display:inline-flex;gap:8px;color:var(--accent);font-size:10px;font-weight:700}.status-details{display:grid;gap:12px}.status-row{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:10px 13px;border:1px solid #2f4551;border-radius:10px;color:#a4b9c5}.status-row b{color:#d8f9f0}.status-value{display:flex;gap:8px;align-items:center;color:#7ce5c9}.status-value.bad{color:#eeb276}.offline-banner{display:block;color:#eac88a;border:1px solid #6f56354d;background:#2e2617a8;border-radius:8px;padding:10px;margin:0 0 16px;font-size:10px}.mobile-overlay{display:none}
@media (min-width:1750px){.channel-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.poster-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.hero{height:390px}.hero-body{padding-top:53px}}
@media (max-width:1390px){.channel-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.poster-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.hero-art{left:-60px}.hero-body{padding-left:30px}}
@media (max-width:1100px){.sidebar{width:205px;padding-left:12px;padding-right:12px}.side-feature{padding:13px}.top-search{width:190px}.hero-art{opacity:.65;left:-125px}.hero-body{padding:42px 28px}.hero-body h1{font-size:33px}.channel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.poster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:860px){.sidebar{position:fixed;right:0;top:0;transform:translateX(105%);transition:.24s;width:260px;box-shadow:-15px 0 35px #0006}.shell.menu-open .sidebar{transform:translateX(0)}.mobile-overlay{display:none;position:fixed;inset:0;background:#01060bc2;z-index:29}.shell.menu-open .mobile-overlay{display:block}.mobile-close{display:grid;place-items:center;color:#b6cad4;width:30px;height:30px;border:0;border-radius:8px;background:#223441}.menu-button{display:grid}.topbar{height:71px}.hero-art{left:-50px}.hero-body{max-width:480px}.channel-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.poster-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (max-width:650px){.topbar{padding:0 16px}.crumb-main{display:none}.topbar-actions{gap:8px}.top-search{width:38px;height:38px;padding:0 9px;transition:width .2s}.top-search:focus-within{position:absolute;right:62px;left:110px;width:auto;z-index:3;box-shadow:0 0 0 50px #080d16}.top-search input{width:0}.top-search:focus-within input{width:100%}.top-search kbd,.user-avatar{display:none}.status-pill{padding:0 9px;font-size:9px}.favorites-toggle{width:35px;height:35px}.topbar-leading{gap:8px}.topbar-actions{gap:7px}.crumb{gap:4px}.crumb strong{font-size:10px}main{padding:20px 14px 35px}.hero{height:375px;border-radius:18px}.hero-body{padding:29px 22px}.hero h1{font-size:32px;position:relative;z-index:3}.hero p{position:relative;z-index:3;font-size:10px;max-width:300px}.hero-buttons{position:relative;z-index:4;flex-wrap:wrap}.hero-art{width:250px;height:200px;left:-64px;top:200px;opacity:.23;transform:scale(.6);transform-origin:top left}.hero-metrics{margin-top:22px;gap:10px}.hero-metrics span{font-size:8px}.hero-metrics strong{font-size:13px}.metric-split{height:15px}.btn{padding:10px 12px;font-size:10px}.section-header{margin-top:29px}.section-header h2{font-size:17px}.view-all{font-size:9px}.channel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.channel-card{min-height:129px;padding:16px 6px 9px;border-radius:12px}.channel-media{width:61px;height:61px;margin-bottom:8px}.channel-card .card-name{font-size:9px}.badge-live{top:7px;left:6px;font-size:8px}.channel-card .fav-btn,.poster-card .fav-btn{opacity:1}.poster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.poster-card .card-name{font-size:10px}.poster-media{border-radius:9px}.page-header{padding:25px 18px;min-height:150px;margin-bottom:23px}.page-header h1{font-size:25px}.page-header p{font-size:10px}.site-footer{padding:0 15px;gap:9px;font-size:9px}.site-footer>span:nth-child(2){display:none}.assurance{padding:13px;gap:10px;flex-wrap:wrap}.assurance-icon{width:39px;height:39px}.assurance .btn{margin-right:0}.assurance p{font-size:9px}.matches-empty{min-height:370px}.matches-empty h2{font-size:20px}.modal-backdrop{padding:7px}.modal{max-height:96vh}.modal-body{padding:12px}.modal-header{padding:11px 13px}.modal-title{font-size:13px}.server-tab{padding:8px 10px}.item-hero{gap:12px}.item-hero img{width:82px}.item-hero h3{font-size:15px}}
@media (max-width:365px){.channel-grid,.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:28px}.btn{font-size:9px}.topbar{padding:0 9px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* MatchFlix identity, language navigation, accessible locale-specific layout */
:root{color-scheme:dark}
body{background:radial-gradient(ellipse 45% 28% at 48% -7%,#241c3c 0%,transparent 100%),#080d16}
.logo-mark{filter:drop-shadow(0 4px 12px #9a80f44b)}
.logo .brand-name strong{font-family:Inter,Cairo,sans-serif;letter-spacing:-.5px}
.logo .brand-name strong span{color:#a78bfa}
.hero{box-shadow:0 24px 100px #6041a81b}
.language-switch{display:flex;align-items:center;flex-shrink:0;gap:3px;background:#101928;border:1px solid #2c3146;padding:4px;border-radius:11px}
.language-switch a{font:700 11px Inter,Cairo,sans-serif;line-height:22px;display:block;color:#a5adc4;padding:0 9px;border-radius:7px;white-space:nowrap;transition:background .2s,color .2s}
.language-switch a:hover{color:#fff;background:#2a2d4a}
.language-switch a.selected{color:#fff;background:linear-gradient(120deg,#634abd,#386d8e)}
.seo-intro{border:1px solid #2e334c;background:#111827bb;padding:13px 19px;border-radius:14px;margin:22px 0;color:#c0c6d6;line-height:1.95;font-size:12px}
.seo-intro p{margin:0}.seo-intro .seo-links{display:flex;gap:20px;margin-top:10px}.seo-intro .seo-links a{color:#bcaaf8;font-weight:700}
.seo-intro-section{margin:-13px 0 22px}
html[dir=ltr] body{font-family:Inter,Cairo,Arial,sans-serif}
html[dir=ltr] .shell{direction:ltr}
html[dir=ltr] .sidebar{border-left:0;border-right:1px solid #253343}
html[dir=ltr] .sidebar-footer .ic{margin-right:0!important;margin-left:auto}
html[dir=ltr] .crumb .ic, html[dir=ltr] .view-all .ic{transform:scaleX(-1)}
html[dir=ltr] .hero::after{transform:scaleX(-1)}
html[dir=ltr] .hero-body{padding-right:15px}
html[dir=ltr] .hero-art{left:auto;right:0}
html[dir=ltr] .badge-live{left:auto;right:12px}
html[dir=ltr] .page-header::after{left:auto;right:-50px}
@media(max-width:860px){html[dir=ltr] .sidebar{right:auto;left:0;transform:translateX(-105%)}html[dir=ltr] .shell.menu-open .sidebar{transform:translateX(0)}}
@media(max-width:650px){.language-switch{gap:1px;padding:3px}.language-switch a{padding:0 6px;font-size:10px}.seo-intro{padding:12px;font-size:11px}.topbar{gap:5px}.topbar-actions{gap:5px}.status-pill{display:none}html[dir=ltr] .top-search:focus-within{right:14px;left:14px}}
@media(max-width:405px){.language-switch a{padding:0 4px}.topbar{padding:0 8px}.topbar-actions{gap:3px}.crumb{display:none}}

/* MatchFlix 2.3: real, indexable channel detail links */
.channel-card{padding:0;display:block}
.channel-card-link{padding:16px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:148px;color:inherit;text-decoration:none;border-radius:inherit}
.channel-card-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.channel-card .fav-btn{z-index:3}
@media(max-width:650px){.channel-card-link{padding:16px 6px 9px;min-height:129px}}

/* Standalone indexed channel pages */
body.channel-detail{background:#0a0d19;color:#e9f3f5;min-height:100vh;overflow-x:hidden}
.detail-shell{min-height:100vh;background:radial-gradient(circle at 25% 0%,#2730583e,transparent 38%),#0a0d19}
.detail-header{height:80px;padding:0 max(20px,calc((100vw - 1230px)/2));display:flex;align-items:center;gap:35px;border-bottom:1px solid #2a3444;background:#111827d9;position:relative;z-index:2}
.detail-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:900 26px Inter,Arial;color:#fff;white-space:nowrap}.detail-brand strong span{color:#a78bfa}.detail-brand-icon{width:40px;height:40px;background:linear-gradient(140deg,#a78bfa,#1bbfae);border-radius:12px;display:grid;place-items:center;color:#fff;font:900 25px Inter}
.detail-header nav{display:flex;gap:22px;margin-inline-end:auto}.detail-header nav a,.detail-languages a{color:#a9bdcb;text-decoration:none;font-weight:700;font-size:13px}.detail-header a:hover,.detail-languages [aria-current]{color:#6cead3}
.detail-languages{display:flex;gap:12px}
.detail-main{max-width:1200px;margin:0 auto;padding:26px 20px 80px}
.detail-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:#849baa;font-size:13px;margin-bottom:22px}.detail-breadcrumb a{color:#9ed8d0;text-decoration:none}
.detail-hero{display:flex;align-items:center;gap:27px;border:1px solid #30475c;background:linear-gradient(115deg,#20253f,#122732);padding:26px 30px;border-radius:24px;margin-bottom:24px;min-height:190px}
.detail-poster{width:116px;height:116px;border-radius:16px;object-fit:contain;flex:none;background:#101825;padding:10px;border:1px solid #2b4755}
.detail-kicker{display:flex;gap:8px;align-items:center;color:#66cfbb;font:800 11px Inter,Arial;letter-spacing:1px}.detail-dot{background:#46dfad;width:7px;height:7px;border-radius:50%}
.detail-hero h1{font-size:clamp(27px,3vw,43px);line-height:1.45;margin:8px 0 5px}.detail-hero p{color:#a7bdc9;font-size:14px;margin:0 0 15px}.detail-return{color:#8ce9d0;font-weight:800;text-decoration:none}
.detail-columns{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:24px}
.detail-player-card,.detail-side,.detail-content{border:1px solid #2a4553;border-radius:20px;background:#111c2a;padding:22px}
.detail-video{background:#060a10;border:1px solid #31404e;border-radius:13px;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;overflow:hidden}
.detail-video video,.detail-video iframe{width:100%;height:100%;border:0;background:#000;object-fit:contain}
.detail-player-actions{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:18px}.detail-player-actions h2,.detail-side h2{font-size:20px;margin:0}
.detail-retry{border:1px solid #3f736c;border-radius:10px;background:#24463f;color:#b1ffeb;padding:9px 14px;font-weight:800;cursor:pointer}
.detail-server-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.detail-server-btn{border-radius:10px;border:1px solid #375064;background:#1b2b3b;padding:11px 15px;color:#c1d6e4;font-weight:800;cursor:pointer}.detail-server-btn.active,.detail-server-btn:hover{border-color:#61ddc7;background:#195046;color:#e9fff6}
.detail-player-note{color:#9aafbd;font-size:12px;line-height:1.9;overflow-wrap:anywhere}.detail-player-note a{color:#67e9d1}
.detail-side h2{margin:0 0 16px}.detail-side p,.detail-content p{line-height:2.05;color:#9eb4c1;font-size:14px}.detail-side .detail-muted{font:11px Inter,Arial;word-break:break-all;color:#718c9e}
.detail-content{margin-top:24px}.detail-content h2{font-size:24px}.detail-content h3{margin:18px 0 4px;font-size:17px}.detail-content p{margin:0}
.detail-footer{border-top:1px solid #223447;padding:23px;text-align:center;color:#809aa9;font-size:12px}
.detail-error{color:#efb7a5}
@media(max-width:770px){.detail-header{height:68px;padding:0 14px;gap:13px}.detail-brand{font-size:19px}.detail-brand-icon{width:31px;height:31px;font-size:20px}.detail-header nav{gap:8px}.detail-header nav a{font-size:11px}.detail-languages{gap:6px}.detail-languages a{font-size:10px}.detail-main{padding:18px 13px 45px}.detail-hero{padding:19px;gap:15px;min-height:155px}.detail-poster{width:76px;height:76px}.detail-hero p{font-size:11px}.detail-columns{grid-template-columns:1fr}.detail-player-card,.detail-side,.detail-content{padding:14px}.detail-player-actions h2{font-size:16px}.detail-server-btn{padding:10px 12px;font-size:11px}.detail-breadcrumb{font-size:11px}}
@media(max-width:390px){.detail-header nav{display:none}}