/* SHELEG TV — viewer UI. Canonical palette matches DESIGN.md */
:root{
  color-scheme:dark;
  --ink:#0A0B10;--base:#101117;--panel:#171820;--panel-high:#20202A;
  --outline:#35343E;--outline-strong:#58505A;
  --red:#BE1836;--red-bright:#E43E59;--gold:#C9A568;--ivory:#F4F1EC;
  --muted:#B1B0BB;--subtle:#888995;--focus:#E3BC7C;
  --space:clamp(18px,3vw,40px);--radius:18px;--name-w:190px;
  font-family:"Manrope","Heebo",system-ui,sans-serif;background:var(--ink);color:var(--ivory)
}
*{box-sizing:border-box}html{scrollbar-color:#62535c var(--ink);scroll-behavior:smooth;scrollbar-width:thin}
body{margin:0;min-width:320px;background:radial-gradient(circle at 80% 0,#22121a 0%,transparent 35%),var(--ink)}
button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}
a{color:inherit;text-decoration:none}a:hover{color:var(--ivory)}button:focus-visible,input:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
::selection{background:var(--red);color:var(--ivory)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;z-index:999;top:-100px;left:14px;background:var(--red);padding:12px;border-radius:10px}.skip-link:focus{top:8px}
.icon{width:19px;height:19px;display:inline-block;vertical-align:middle;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.btn{border-radius:10px;border:1px solid var(--outline-strong);background:rgba(255,255,255,.045);color:var(--ivory);display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:45px;padding:0 19px;font-weight:700;font-size:13px;transition:background .18s,border-color .18s,transform .18s;white-space:nowrap}
.btn:hover:not(:disabled){background:#34303A;border-color:var(--gold);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}
.btn-primary{background:var(--red);border-color:var(--red);box-shadow:0 6px 35px #be18362b}.btn-primary:hover:not(:disabled){background:#d12644;border-color:#d12644}
.btn-subtle{background:#ffffff0d;border-color:#ffffff1a}.btn-clear{padding:0 12px;min-height:38px;background:transparent;border-color:transparent;color:var(--muted)}
.icon-button{width:44px;height:44px;border-radius:11px;border:1px solid var(--outline);background:#ffffff09;color:var(--ivory);display:grid;place-items:center;flex:none}
.icon-button:hover{background:#ffffff18;border-color:var(--gold)}.icon-button.active,.icon-button[aria-pressed="true"]{color:var(--red-bright);border-color:#a7455a}
.icon-button .icon{width:20px;height:20px}.eyebrow{letter-spacing:.19em;text-transform:uppercase;color:var(--gold);font-size:10px;font-weight:800}
.status-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--red-bright);box-shadow:0 0 0 3px #be18362e}
.demo-banner{min-height:31px;display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(90deg,#281119,#23141d,#281119);font-size:10px;letter-spacing:.09em;font-weight:800;color:#d6c7cb;padding:6px 12px;text-align:center}
.banner-separator{color:var(--gold)}
.topbar{position:sticky;top:0;z-index:40;border-bottom:1px solid #39313a;background:#0a0b10ed;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.topbar-inner{max-width:1480px;margin:auto;padding:0 var(--space);min-height:78px;display:flex;align-items:center;gap:29px}
.wordmark{display:inline-flex;align-items:baseline;position:relative;font-weight:800;letter-spacing:.12em;font-size:22px;white-space:nowrap;gap:5px}.wordmark strong{color:var(--gold);font-size:18px}.wordmark i{position:absolute;bottom:-8px;left:0;width:42px;height:2px;background:var(--red)}
.desktop-nav{display:flex;align-items:center;gap:4px;min-width:0;margin-left:14px}.nav-link{min-height:42px;padding:0 13px;display:flex;align-items:center;gap:8px;color:#a5a2ad;border:1px solid transparent;border-radius:10px;font-size:12px;font-weight:700;white-space:nowrap}
.nav-link:hover{color:var(--ivory);background:#ffffff0b}.nav-link.active{color:var(--ivory);background:#ffffff0d;border-color:#46404a}.nav-link.active:before{content:"";width:5px;height:5px;background:var(--gold);border-radius:50%}
.header-controls{display:flex;align-items:center;gap:10px;margin-inline-start:auto}.header-control{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;font-weight:700;white-space:nowrap}.header-control select{min-height:40px;min-width:62px;padding:0 8px;border:1px solid var(--outline);border-radius:9px;background:var(--panel);color:var(--ivory);font-size:12px;max-width:82px}
.avatar-trigger{width:39px;height:39px;display:grid;place-items:center;border:1px solid #94734d;border-radius:50%;background:linear-gradient(135deg,#4a2f25,#141218);color:var(--gold);font-size:15px;font-weight:800}
main{min-height:60vh}.container{max-width:1480px;margin:0 auto;padding:0 var(--space)}.page{padding-top:30px;padding-bottom:72px}
.hero-frame{margin:28px auto 0;position:relative;overflow:hidden;min-height:480px;border:1px solid #51323b;border-radius:22px;isolation:isolate;background:linear-gradient(106deg,#171019 0%,#321522 56%,#151521 100%)}
.hero-frame:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101016dd 0%,#1010167a 54%,transparent 78%),radial-gradient(ellipse at 73% 44%,#a83145a0 0,transparent 42%)}
.hero-copy{position:relative;z-index:2;max-width:700px;padding:clamp(35px,6vw,85px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:480px}
.hero-title{font-size:clamp(40px,5vw,76px);line-height:1.08;letter-spacing:-.065em;max-width:610px;margin:17px 0 16px;font-weight:800}
.hero-text{max-width:520px;color:#d3c9cd;line-height:1.75;font-size:clamp(12px,1.15vw,15px);font-weight:500;margin:0 0 27px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-visual{position:absolute;inset:0 0 0 45%;z-index:-2;overflow:hidden;background:radial-gradient(circle at 62% 45%,#c13a50 0%,#4c182b 28%,transparent 59%)}
.orbit{position:absolute;display:block;border:1px solid #d58b8792;border-radius:50%;aspect-ratio:1;transform:rotate(-25deg)}
.orbit-one{width:520px;right:-40px;top:-42px;box-shadow:0 0 0 36px #db7c7840,0 0 0 90px #dd79751c,0 0 0 146px #d8786710}
.orbit-two{width:710px;right:-135px;top:-126px;opacity:.23}
.hero-wave{position:absolute;right:-60px;bottom:-20px;width:76%;height:38%;background:repeating-linear-gradient(90deg,transparent 0 11px,#f6b1a32c 12px 14px);mask-image:linear-gradient(0deg,transparent,black 60%,transparent);transform:skewX(-14deg)}
.hero-big-letter{position:absolute;right:14%;top:8%;font-size:340px;line-height:1;font-weight:800;letter-spacing:-.11em;color:#ffffff14;user-select:none}.hero-visual .signal{position:absolute;bottom:40px;right:55px;color:#f5dcbd;font-size:10px;letter-spacing:.24em;font-weight:800}
.hero-frame .hero-bottom{position:absolute;left:28px;right:28px;bottom:13px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.3}
.section{margin-top:41px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:20px}.section-title{font-weight:800;letter-spacing:-.035em;font-size:clamp(21px,2.25vw,31px);margin:0}.section-sub{font-size:12px;color:var(--muted);margin:5px 0 0;line-height:1.7}.section-end{display:flex;gap:9px;align-items:center}.muted{color:var(--muted)}.sm{font-size:12px}.gold{color:var(--gold)}
.channel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.channel-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:214px;border:1px solid #413a45;border-radius:16px;overflow:hidden;background:#1a1a25;transition:transform .2s,border-color .2s}
.channel-card:before{content:"";position:absolute;inset:0 0 auto 0;height:145px;background:radial-gradient(ellipse at 75% 20%,color-mix(in srgb,var(--channel-accent),transparent 35%),transparent 65%),linear-gradient(130deg,#1c1924,#15151b)}
.channel-card:after{content:"";position:absolute;top:13px;right:7px;width:130px;height:130px;border:1px solid #ffffff1a;border-radius:50%;box-shadow:0 0 0 18px #ffffff04;pointer-events:none}
.channel-card:hover{transform:translateY(-3px);border-color:#987354}.channel-top{position:relative;z-index:2;padding:13px;display:flex;justify-content:space-between;align-items:flex-start}.channel-num{color:#ded2d7;font-size:10px;letter-spacing:.09em;font-weight:800;border:1px solid #ffffff29;padding:5px 7px;border-radius:6px;background:#00000024}.channel-symbol{position:absolute;top:30px;left:24px;font-size:clamp(30px,3vw,58px);font-weight:800;letter-spacing:-.05em;color:#f3eeeeD4}
.channel-body{position:relative;z-index:1;margin-top:auto;padding:38px 15px 15px;background:linear-gradient(0deg,#171820 48%,#171820d6 72%,transparent)}
.channel-name{display:block;font-size:15px;font-weight:800;line-height:1.3}.channel-detail{margin-top:4px;display:block;font-size:11px;color:#aca8b4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.channel-actions{display:flex;justify-content:space-between;align-items:center;margin-top:11px}.channel-open{border:1px solid #ffffff29;border-radius:8px;min-height:34px;padding:0 11px;background:#ffffff10;color:var(--ivory);font-size:11px;font-weight:700}
.channel-open:hover{border-color:var(--gold);background:#ffffff20}.channel-actions .icon-button{height:34px;width:34px;border-radius:8px}.channel-actions .icon{height:16px;width:16px}
.availability{display:inline-flex;gap:6px;align-items:center;padding:4px 8px;border:1px solid #ffffff1a;background:#171820a1;border-radius:100px;font-size:9px;letter-spacing:.025em;color:#ded4d8}
.availability.active{color:#d8b6a2;border-color:#8b4050}.availability.active:before{content:"";width:6px;height:6px;background:var(--red-bright);border-radius:50%}
.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:13px;flex-wrap:wrap;margin:26px 0 16px}
.search-wrap{position:relative;display:flex;align-items:center;width:min(450px,100%);min-width:220px;flex:1}.search-wrap .icon{position:absolute;left:15px;color:#aba8b1}.search{min-height:48px;width:100%;border:1px solid var(--outline);border-radius:11px;background:#171720;color:var(--ivory);padding:0 54px 0 47px;outline:0;font-size:13px}.search:focus{border-color:var(--gold)}.search::placeholder{color:#928d9a}.search-clear{position:absolute;right:5px;min-height:37px;padding:0 10px;background:none;color:var(--gold);border:0;font-size:11px;font-weight:700}
.filter-row{display:flex;gap:7px;overflow:auto;scrollbar-width:thin;padding:4px 0 12px}.filter-chip{border:1px solid var(--outline);border-radius:100px;background:#16161c;color:#bab4bf;min-height:38px;padding:0 15px;white-space:nowrap;font-size:11px;font-weight:800}.filter-chip:hover{border-color:var(--gold);color:var(--ivory)}.filter-chip[aria-pressed="true"]{border-color:#a64b58;color:#fff;background:#451d2d}.filter-count{font-size:11px;color:var(--gold);margin:0 0 13px}
.empty-state{border:1px dashed var(--outline-strong);border-radius:14px;text-align:center;padding:55px 20px;background:#13131a}.empty-state h3{margin:0 0 9px}.empty-state p{color:var(--muted);font-size:13px;line-height:1.65}
.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}.page-title{font-size:clamp(26px,3.4vw,42px);font-weight:800;line-height:1.15;letter-spacing:-.04em;margin:0}.page-sub{font-size:12px;color:var(--muted);line-height:1.7;margin:7px 0 0}
.region-notice{display:flex;align-items:center;gap:10px;background:#28201d;border:1px solid #5e4432;border-radius:10px;color:#dec5a7;padding:12px 15px;font-size:11px;line-height:1.55}
.region-notice .icon{flex:none}
.guide-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:18px 0}.guide-date{display:flex;gap:9px;align-items:center}.guide-date-label{font-size:13px;color:var(--ivory);font-weight:700;min-width:120px;text-align:center}.date-btn{min-height:42px;min-width:42px;border:1px solid var(--outline);border-radius:9px;background:#191920;color:var(--ivory)}
.date-btn:disabled{opacity:.32}.guide-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.guide-scroll{overflow-x:auto;overscroll-behavior-x:contain;border:1px solid #3f3540;border-radius:15px;background:#111119;scrollbar-color:#a5865b #1c1c23;scrollbar-width:thin;direction:ltr;scroll-behavior:smooth;position:relative}
.guide-inner{width:max-content;min-width:100%;--name-w:184px}
.guide-header{display:flex;height:52px;position:sticky;top:0;z-index:10;background:#231d25}
.guide-heading{width:var(--name-w);flex:none;position:sticky;left:0;z-index:20;background:#261c25;border-right:1px solid #4b3b47;padding:18px 13px;font-size:10px;color:#d7c1c5;letter-spacing:.1em;font-weight:800}
.guide-times{position:relative;height:52px;flex:none}.guide-time{position:absolute;top:0;height:100%;border-left:1px solid #5e465260;padding:10px 12px;display:flex;align-items:center;font-size:11px;font-weight:800;color:#d6c4c8}
.guide-row{display:flex;border-top:1px solid #37303b;min-height:91px}
.guide-channel{width:var(--name-w);flex:none;position:sticky;left:0;z-index:8;background:#16161f;border-right:1px solid #453844;display:flex;align-items:center;gap:11px;padding:12px}
.guide-logo{width:43px;height:43px;border-radius:10px;display:grid;place-items:center;font-weight:800;background:color-mix(in srgb,var(--channel-accent),#1c1820 65%);border:1px solid #ffffff23;color:#f9e5df;font-size:14px;flex:none}
.guide-channel-name{font-size:11px;font-weight:800;max-width:106px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.guide-channel-number{font-size:10px;color:var(--gold);margin-top:4px}
.guide-track{position:relative;flex:none;height:91px;background:repeating-linear-gradient(90deg,#30303e6e 0 1px,transparent 1px 90px)}
.guide-program{position:absolute;top:6px;bottom:6px;border:1px solid #383340;background:#24242e;border-radius:8px;padding:12px 11px;text-align:left;color:#eee5e8;overflow:hidden;display:flex;flex-direction:column;gap:5px}
.guide-program:hover{background:#39303c;border-color:#a77474}.guide-program.current{background:linear-gradient(125deg,#61243a,#382330);border-color:#a34962}
.guide-program:focus-visible{z-index:6}.program-title{font-size:11px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.program-time{font-size:10px;color:#b8abb6;white-space:nowrap}.guide-program .progress{position:absolute;bottom:0;left:0;height:3px;background:var(--gold);border-radius:4px}
.guide-now-line{position:absolute;top:0;bottom:0;width:2px;z-index:5;background:var(--gold);box-shadow:0 0 7px #c9a568aa;pointer-events:none}
.guide-now-line:before{content:"";position:absolute;top:0;left:-4px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid var(--gold)}
.guide-hint{margin:10px 0 0;color:#a9a2ac;font-size:11px}
.favorites-intro{background:linear-gradient(110deg,#22141e,#15151c);padding:35px;border:1px solid #4b343e;border-radius:16px}
.player-page{padding-top:18px}.player-header{display:flex;align-items:center;justify-content:space-between;margin:8px 0 16px;gap:12px}
.player-frame{background:#020204;border-radius:16px;overflow:hidden;aspect-ratio:16/9;max-height:68vh;border:1px solid #41333f;position:relative;display:flex;justify-content:center;align-items:center}
.player-video{display:block;width:100%;height:100%;object-fit:contain;background:#000;aspect-ratio:16/9}
.player-overlay{position:absolute;top:18px;left:18px;display:flex;align-items:center;gap:8px;z-index:2;pointer-events:none}
.player-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#181820;border:1px solid #37323e;padding:14px;border-radius:12px;margin-top:12px}
.player-controls .btn{min-width:52px}.volume-control{display:flex;align-items:center;gap:9px;padding:0 8px;font-size:12px;color:var(--muted)}
.volume-control input{width:100px;accent-color:var(--gold)}.player-time{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;margin-inline-start:auto}
.player-status{min-height:22px;font-size:12px;margin-top:11px;color:#d7b994}.player-description{margin-top:12px;font-size:12px;color:#a9a0aa;line-height:1.7}
.blocked-player{aspect-ratio:16/9;max-height:65vh;min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:30px;text-align:center;background:radial-gradient(circle at 50% 36%,#42212c,#121319 70%);border:1px dashed #6b4c54;border-radius:17px}.blocked-player .icon{width:34px;height:34px;color:var(--gold)}
.blocked-player p{max-width:530px;color:var(--muted);font-size:13px;line-height:1.75}
.vod-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.vod-card{position:relative;display:flex;flex-direction:column;aspect-ratio:2/3;min-height:235px;border:1px solid #55404b;border-radius:14px;overflow:hidden;background:radial-gradient(circle at 68% 32%,color-mix(in srgb,var(--art),transparent 32%),transparent 49%),linear-gradient(137deg,#271e2c,#10121b);padding:0;text-align:start;color:var(--ivory)}
.vod-art{flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.vod-art:before{content:"";position:absolute;width:150%;height:44%;border:1px solid #ffffff25;border-radius:50%;transform:rotate(-36deg);box-shadow:0 0 0 24px #ffffff08,0 0 0 55px #ffffff04}.vod-art span{font-size:clamp(26px,5vw,75px);font-weight:800;color:#ffffff72}
.vod-text{padding:13px 14px;background:linear-gradient(0deg,#111117,#16141ce5)}.vod-title{display:block;font-weight:800;font-size:12px;line-height:1.4}.vod-sub{display:block;color:#a59cab;font-size:10px;margin-top:6px}.vod-card:hover{border-color:var(--gold)}
.info-panel{padding:35px;border:1px solid #514151;border-radius:17px;background:linear-gradient(135deg,#1e1a23,#13131c);max-width:900px}.info-panel h2{font-size:28px;margin:0 0 15px}.info-panel p{line-height:1.8;font-size:14px;color:#c7bec9}.info-panel .tag-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:21px}.info-tag{border:1px solid #5c4f52;border-radius:100px;padding:8px 12px;color:#d8c2cc;font-size:10px}
.footer{border-top:1px solid #3b333c;background:#101015}.footer-inner{max-width:1480px;padding:28px var(--space);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-mark{font-size:17px;flex:none}.footer-mark strong{font-size:14px}.footer p{font-size:11px;color:#aca4ae;line-height:1.7;max-width:700px}.footer a:not(.wordmark){font-size:11px;font-weight:800;color:var(--gold);white-space:nowrap}
.mobile-nav{display:none}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:120;border:1px solid var(--gold);background:#27202a;color:var(--ivory);border-radius:12px;box-shadow:0 20px 60px #0009;padding:15px 22px;max-width:min(400px,90vw);font-size:12px}.toast[hidden]{display:none}
.modal-scrim{position:fixed;inset:0;z-index:80;background:#050509cc;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(7px)}
.modal-panel{width:min(500px,100%);background:linear-gradient(155deg,#2b1d28,#14151e);border:1px solid #74515c;border-radius:20px;box-shadow:0 25px 80px #000c;padding:27px;max-height:90dvh;overflow:auto}.modal-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.modal-title{font-size:26px;font-weight:800;line-height:1.2;letter-spacing:-.035em;margin:8px 0}.modal-panel p{font-size:13px;color:var(--muted);line-height:1.65}.modal-info{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin:18px 0;padding:19px;background:#0003;border-radius:12px}.modal-info div{display:grid;gap:4px}.modal-info small{font-size:10px;color:#a79da9}.modal-info strong{font-size:13px}.modal-actions{display:flex;gap:9px;flex-wrap:wrap}
html[dir=rtl] .hero-copy{align-items:flex-start}html[dir=rtl] .search-wrap .icon{left:auto;right:15px}html[dir=rtl] .search{padding:0 47px 0 54px}html[dir=rtl] .search-clear{right:auto;left:5px}
html[dir=rtl] .hero-wave{transform:skewX(14deg)}html[dir=rtl] .hero-visual{inset:0 45% 0 0}html[dir=rtl] .hero-visual .hero-big-letter{right:10%}
@media(max-width:1240px){.desktop-nav{gap:0;margin-left:0}.nav-link{padding:0 8px;font-size:11px}.topbar-inner{gap:13px}.channel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vod-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:980px){.desktop-nav{display:none}.topbar-inner{min-height:67px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:50;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#101016f5;backdrop-filter:blur(18px);border-top:1px solid #463540;min-height:65px;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav a{color:#a8a0ac;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:8px 2px;text-align:center;min-height:60px}.mobile-nav a .icon{width:21px;height:21px}.mobile-nav a.active{color:var(--gold)}.footer{padding-bottom:74px}.channel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vod-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:660px){:root{--space:15px;--name-w:125px}.demo-banner{font-size:9px;gap:7px}.topbar-inner{padding:0 14px;gap:9px;min-height:61px}.wordmark{font-size:18px;letter-spacing:.09em}.wordmark strong{font-size:14px}.header-control>span{display:none}.header-controls{gap:5px}.header-control select{min-width:45px;padding:0 3px;font-size:10px;max-width:65px;min-height:36px}.avatar-trigger{width:35px;height:35px}.page{padding-top:16px}.hero-frame{margin-top:14px;min-height:510px;border-radius:17px}.hero-copy{min-height:510px;padding:34px 23px;justify-content:flex-end;position:relative}.hero-frame:after{background:linear-gradient(0deg,#120e15 3%,#130e15c9 50%,#2b152399)}.hero-visual{inset:0;transform:none}.hero-big-letter{right:12%;top:9%;font-size:210px}.orbit-one{width:380px;right:-90px;top:-75px}.orbit-two{width:460px}.hero-wave{width:100%;height:47%}.hero-title{font-size:41px}.hero-actions{display:flex;gap:9px;width:100%}.hero-actions .btn{flex:1;padding:0 11px}.section{margin-top:29px}.section-head{align-items:flex-start}.section-title{font-size:23px}.section-end .btn{padding:0 10px;font-size:11px}.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.channel-card{min-height:196px;border-radius:12px}.channel-symbol{top:38px;left:16px;font-size:38px}.channel-name{font-size:12px}.channel-detail{font-size:10px}.channel-body{padding:25px 11px 11px}.channel-top{padding:10px}.availability{font-size:8px;padding:4px 6px}.channel-open{font-size:10px}.catalog-toolbar{margin:19px 0 13px}.search-wrap{width:100%}.guide-toolbar{align-items:stretch}.guide-date{justify-content:space-between;width:100%}.guide-controls{justify-content:space-between;width:100%}.guide-inner{--name-w:125px}.guide-channel{padding:7px;gap:5px}.guide-logo{width:34px;height:34px;font-size:11px}.guide-channel-name{font-size:9px;max-width:76px}.guide-heading{padding:15px 8px}.guide-program{padding:9px 6px}.vod-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vod-card{min-height:205px}.player-header{align-items:flex-start}.player-controls{gap:7px;padding:10px}.volume-control input{width:75px}.player-time{margin-inline-start:0}.page-heading{align-items:flex-start}.footer-inner{flex-direction:column;align-items:flex-start;gap:10px}.modal-panel{padding:22px}html[dir=rtl] .hero-visual{inset:0}}
@media(max-width:360px){.channel-grid{grid-template-columns:1fr 1fr}.channel-name{font-size:11px}.avatar-trigger{display:none}.hero-title{font-size:37px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.guide-program{border:1px solid ButtonText}.nav-link.active{outline:1px solid Highlight}.status-dot{border:1px solid Highlight}}

.topbar{top:0}.demo-banner{display:none!important}

/* SHELEG TV — editorial broadcast direction: deeper typography, subdued channel rails */
.hero-frame{min-height:540px;border-color:#55303a;border-radius:14px;background:linear-gradient(112deg,#0e0c13,#24111d 62%,#0c0d14)}
.hero-copy{min-height:540px;max-width:780px}
.hero-title{font-size:clamp(48px,6.15vw,94px);line-height:1.02;letter-spacing:-.073em}
.hero-visual{background:radial-gradient(ellipse at 70% 42%,#ac243fbb 0%,#461327 31%,transparent 65%)}
.hero-big-letter{font-size:420px;top:-6%;right:8%;color:#e4b9b322;letter-spacing:-.1em}
.hero-visual .signal{bottom:38px;right:48px;letter-spacing:.3em}
.wordmark{letter-spacing:.16em}
.channel-card{border-radius:12px;min-height:220px}
.channel-card:after{border-radius:0;transform:rotate(-30deg);height:1px;top:70px;width:230px;right:-35px;border:0;background:linear-gradient(90deg,transparent,#ffffff38,transparent);box-shadow:0 35px 0 #ffffff08,0 70px 0 #ffffff08}
.channel-symbol{font-weight:800;letter-spacing:-.075em;opacity:.86}
.section-title,.page-title{letter-spacing:-.055em}
.availability:not(.active){color:#b6a6af}
@media(max-width:660px){.hero-frame,.hero-copy{min-height:510px}.hero-title{font-size:clamp(40px,10vw,54px)}.hero-big-letter{font-size:260px;top:4%}.hero-frame{border-radius:12px}}

.official-embed{width:100%;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden;margin:16px 0}.official-embed iframe{width:100%;height:100%;border:0}.modal-panel:has(.official-embed){width:min(960px,96vw)}

.official-full-player iframe{height:100%;width:100%;border:0;display:block}.official-full-player{background:#020204}.channel-card:has([data-open="france24en"]),.channel-card:has([data-open="dwnews"]),.channel-card:has([data-open="euronews"]){border-color:#674454}

.membership-intro{padding:50px 40px;background:linear-gradient(110deg,#16131b,#492030 74%,#18151e);border:1px solid #634453;border-radius:16px;margin:22px 0}
.membership-intro h2{font-size:clamp(31px,4vw,55px);letter-spacing:-.05em;max-width:740px;line-height:1.12;margin:14px 0}
.membership-intro p{max-width:670px;color:#dbccd3;font-size:14px;line-height:1.75}
.membership-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0}
.membership-card{min-height:320px;border:1px solid #4c414b;background:#191921;border-radius:16px;padding:27px;display:flex;flex-direction:column;justify-content:space-between;gap:35px}
.membership-card.elevated{border-color:#99647b;background:linear-gradient(155deg,#391f2b,#181920)}
.membership-card h3{font-size:26px;margin:13px 0 7px;letter-spacing:-.04em}
.membership-card p{font-size:12px;color:#bbb2c0;line-height:1.65}
.membership-price{font-size:27px;letter-spacing:-.04em;color:#e9d4af;display:block}
.membership-card .btn{margin-top:10px;width:100%}
.membership-teaser{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px;border:1px solid #483743;border-radius:14px;background:linear-gradient(100deg,#251922,#15151d)}
.pricing-disclaimer{color:#aca4b0;font-size:12px;line-height:1.7}
@media(max-width:760px){.membership-grid{grid-template-columns:1fr}.membership-card{min-height:250px}.membership-intro{padding:30px 22px}.membership-teaser{flex-direction:column;align-items:flex-start}.membership-teaser .btn{width:100%}}


/* SHELEG TV premium editorial upgrade — crisp TV-native surfaces */
:root{--panel:#14151d;--red:#b81538;--gold:#d9b374;--outline:#32313a}
.hero-frame{background:linear-gradient(112deg,#110d15,#2e1223 60%,#101018);border-radius:18px;min-height:580px}
.hero-copy{min-height:580px;padding:clamp(28px,5.5vw,88px)}
.hero-title{font-size:clamp(44px,6.5vw,94px);max-width:800px;line-height:.99;letter-spacing:-.075em}
.hero-text{font-size:clamp(14px,1.2vw,17px);color:#e4d6de;max-width:510px}
.hero-visual{background:radial-gradient(ellipse at 66% 45%,#8b2944 0%,#3f1529 30%,#151019 64%);inset:0 0 0 43%}
.orbit-one{width:650px;right:-120px;top:-80px;box-shadow:0 0 0 35px #b44c5540,0 0 0 90px #ba46401b,0 0 0 145px #bc595b0e}
.hero-big-letter{font-size:410px;right:9%;top:0;color:#ffffff18}
.section-title{font-size:clamp(24px,2.6vw,36px)}
.channel-grid{gap:16px}
.channel-card{border-radius:12px;min-height:235px}
.channel-card:before{height:165px}
.channel-name{font-size:17px}
.channel-open{min-height:40px;padding:0 14px}
.btn-primary{background:#bb153a;border-color:#bb153a}
.membership-card,.info-panel{border-radius:12px}
.mobile-nav a{font-size:11px}
#search{font-size:16px}
@media(max-width:660px){.hero-frame,.hero-copy{min-height:540px}.hero-copy{padding:30px 22px}.hero-title{font-size:45px}.hero-visual{inset:0}.hero-big-letter{font-size:235px;right:8%;top:5%}.channel-grid{gap:10px}.channel-card{min-height:206px}.channel-name{font-size:13px}.channel-open{min-height:38px;padding:0 12px}.hero-actions{gap:10px}}

/* CINEMA EDITION — editorial home, grounded film imagery, calm horizontal rhythm */
.home-v4{max-width:1536px;padding-bottom:60px}
.cinema-hero{position:relative;min-height:clamp(580px,54vw,750px);margin:20px 0 0;overflow:hidden;border-radius:8px;background:#0e1117;isolation:isolate}
.cinema-picture{position:absolute;inset:0;background-image:url('/assets/media/bunny.jpg');background-repeat:no-repeat;background-size:cover;background-position:65% 43%;z-index:-3;filter:saturate(.8) contrast(1.13) brightness(.77);transform:scale(1.015)}
.cinema-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#080a0ff7 0%,#080a0fef 22%,#080a0fba 46%,#080a0f33 78%),linear-gradient(0deg,#06070ace,transparent 27%);pointer-events:none}
.cinema-copy{position:relative;padding:clamp(32px,5.3vw,84px);max-width:770px;min-height:clamp(580px,54vw,750px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.cinema-overline,.cinema-eyebrow{font:700 11px/1.4 Manrope,Heebo,system-ui,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#d9b477}
.cinema-overline{display:flex;align-items:center;gap:10px;color:#eadbc9}.cinema-dot{height:7px;width:7px;border-radius:50%;background:#d42149;box-shadow:0 0 0 4px #d421492c}
.cinema-copy h1{font-weight:800;font-size:clamp(48px,6.2vw,94px);line-height:1.02;letter-spacing:-.068em;margin:23px 0 23px;max-width:760px}
.cinema-copy>p:not(.cinema-credit){font-size:clamp(14px,1.23vw,17px);font-weight:500;line-height:1.8;color:#e1dce2;max-width:480px;margin:0 0 32px}
.cinema-actions{display:flex;gap:12px;flex-wrap:wrap}.cinema-actions .btn{min-height:52px;padding:0 26px}
.cinema-outline{background:#12131a9c;border:1px solid #a29b9e88;backdrop-filter:blur(8px)}
.cinema-credit{color:#b6abb3;font-size:10px;margin:26px 0 0;opacity:.85}
.cinema-film-index{position:absolute;bottom:25px;right:32px;display:flex;align-items:center;gap:13px;color:#d3c3c4;font:700 10px Manrope,system-ui;letter-spacing:.12em;opacity:.8}
.cinema-line{height:1px;width:75px;background:#d6a97b}
.cinema-section{padding-top:48px}.cinema-section-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:20px}
.cinema-section-heading h2{font-size:clamp(26px,3vw,38px);letter-spacing:-.05em;font-weight:800;margin:9px 0 3px}
.cinema-section-heading p{color:#ada7b0;font-size:13px;line-height:1.6;margin:6px 0}
.cinema-more{display:inline-flex;align-items:center;gap:15px;color:#e3c599;font-size:13px;font-weight:700;padding:10px 0;white-space:nowrap}
.cinema-more:hover{color:white}
.cinema-stations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cinema-station{min-height:114px;display:flex;align-items:center;gap:18px;padding:18px 22px;background:#16161e;border:1px solid #38333b;color:#f4f1ec;text-align:start;border-radius:10px;transition:border-color .16s,background .16s}
.cinema-station:hover{border-color:#ba8991;background:#20202a}
.cinema-station-sign{width:62px;height:62px;border-radius:9px;flex:none;display:grid;place-items:center;background:linear-gradient(130deg,var(--channel-accent),#222332);font-size:22px;font-weight:800;letter-spacing:-.05em;border:1px solid #ffffff25}
.cinema-station-title{font-size:15px;font-weight:800;flex:1;min-width:0}.cinema-station-action{font-size:20px;color:#c9a568}
.cinema-films{display:grid;grid-template-columns:1.35fr 1fr;gap:16px}
.cinema-film{position:relative;min-height:290px;overflow:hidden;border-radius:10px;border:1px solid #3b3740;background:#1d1e24;text-align:start;padding:0;color:white;display:flex;flex-direction:column;justify-content:flex-end}
.cinema-film-art{position:absolute;inset:0;background:linear-gradient(0deg,#08090fe8 0%,transparent 90%),url('/assets/media/bunny.jpg') center 47%/cover}
.coming-film .cinema-film-art{background:linear-gradient(0deg,#08090fe8 0%,transparent 90%),url('/assets/media/sintel.jpg') center 45%/cover;filter:saturate(.75)}
.cinema-film-content{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:29px}
.cinema-film-meta{font:700 10px Manrope,sans-serif;letter-spacing:.11em;color:#e0c399}
.cinema-film-content strong{font-size:clamp(24px,2.9vw,38px);letter-spacing:-.04em;line-height:1.1}
.cinema-film-content>span:last-child{font-size:12px;color:#e2d8de}
.cinema-membership{margin-top:52px;border:1px solid #584049;border-radius:10px;background:linear-gradient(115deg,#331b27,#18151c 73%);padding:38px 45px;display:flex;justify-content:space-between;gap:25px;align-items:center}
.cinema-membership h2{font-size:clamp(24px,3vw,39px);letter-spacing:-.05em;margin:10px 0 5px}
.cinema-membership p{color:#cfc1ca;font-size:13px;margin:0;line-height:1.7}
html[dir=rtl] .cinema-shade{background:linear-gradient(270deg,#080a0ff7 0%,#080a0fef 22%,#080a0fba 46%,#080a0f33 78%),linear-gradient(0deg,#06070ace,transparent 27%)}
html[dir=rtl] .cinema-picture{transform:scaleX(-1)}
@media(max-width:900px){.cinema-stations{grid-template-columns:1fr 1fr}.cinema-film-index{display:none}.cinema-hero,.cinema-copy{min-height:590px}.cinema-picture{background-position:55% center}}
@media(max-width:650px){.home-v4{padding:0 12px 66px}.cinema-hero,.cinema-copy{min-height:620px}.cinema-hero{margin:10px 0 0;border-radius:9px}.cinema-picture{background-position:56% top;filter:brightness(.74)}.cinema-shade{background:linear-gradient(0deg,#08090ff7 5%,#08090fe8 34%,#090a107d 67%,#090a1045 100%)}html[dir=rtl] .cinema-shade{background:linear-gradient(0deg,#08090ff7 5%,#08090fe8 34%,#090a107d 67%,#090a1045 100%)}.cinema-copy{padding:28px 23px 34px;justify-content:flex-end}.cinema-copy h1{font-size:clamp(39px,10vw,53px);margin:15px 0}.cinema-copy>p:not(.cinema-credit){font-size:14px;line-height:1.65;margin-bottom:23px}.cinema-actions{width:100%}.cinema-actions .btn{min-height:48px;padding:0 14px;flex:1}.cinema-credit{font-size:9px;margin-top:20px}.cinema-section{padding-top:35px}.cinema-section-heading{align-items:flex-start}.cinema-section-heading h2{font-size:26px}.cinema-section-heading p{font-size:11px}.cinema-stations{grid-template-columns:1fr;gap:9px}.cinema-station{min-height:90px;padding:14px 16px}.cinema-station-sign{width:51px;height:51px}.cinema-films{grid-template-columns:1fr;gap:12px}.cinema-film{min-height:240px}.cinema-membership{padding:26px;flex-direction:column;align-items:stretch;margin-top:35px}.cinema-membership .btn{width:100%}}

.quick-search-button{height:40px;width:40px;border-radius:9px;display:grid;place-items:center;background:#1c1b23;color:#e9e6e5;border:1px solid #4d444c;font-size:23px;line-height:1}
.quick-search-button:hover{background:#30252f;border-color:#cfaa74}
.cinema-resume{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:35px;padding:25px 30px;background:#1c1820;border:1px solid #544151;border-inline-start:3px solid #bb2044;border-radius:9px}
.cinema-resume h2{font-size:25px;margin:7px 0 3px;letter-spacing:-.04em}
.cinema-resume p{margin:0;color:#b9afbb;font-size:13px}
@media(max-width:650px){.cinema-resume{padding:20px;align-items:flex-start;flex-direction:column}.cinema-resume .btn{width:100%}.quick-search-button{width:35px;height:35px}}

/* TV remote ergonomics and unified interior surfaces */
:root{--panel:#17171e;--muted:#bcb7c1}
:focus-visible{outline:3px solid #f1c77e!important;outline-offset:4px!important;box-shadow:0 0 0 7px #1c101ca8}
body{background:#090a0f}
.page{padding-top:44px}
.page-heading{padding-bottom:24px;border-bottom:1px solid #3b3340;margin-bottom:28px}
.page-title{font-size:clamp(32px,3.8vw,49px);font-weight:800;letter-spacing:-.062em}
.page-sub{font-size:14px;max-width:760px}
.catalog-toolbar{padding:12px 0}
.channel-card{min-height:230px}
.channel-symbol{font-size:clamp(30px,3vw,52px);top:43px}
.guide-scroll{border-radius:10px}
.guide-channel{background:#17171e}
.guide-heading{background:#231b27}
.player-frame{border-radius:10px}
.vod-card{border-radius:10px}
.info-panel{max-width:none}
.membership-grid{gap:20px}
.membership-card{border-radius:10px}
@media(min-width:1700px){.container{max-width:1680px}.channel-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.topbar-inner{max-width:1680px}}
@media(max-width:660px){.page{padding-top:19px}.page-heading{padding-bottom:16px;margin-bottom:18px}.page-title{font-size:31px}.page-sub{font-size:12px}.channel-card{min-height:201px}}

.auth-card{max-width:620px}.auth-card form{display:grid;gap:18px}.auth-card form label{display:grid;gap:9px;font-weight:700;font-size:13px}.auth-card input{width:100%;border:1px solid #5d505a;background:#101117;color:#f4f1ec;border-radius:9px;padding:14px;font-size:16px;min-height:48px}.auth-actions{display:flex;gap:12px;flex-wrap:wrap}.auth-card form p[role=status]{min-height:20px;color:#e4c18f;font-size:13px}