/* Layout comum para controles remotos e navegadores de Smart TV. */
.install-app-panel,.install-app-mobile{ display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; max-width:1280px; margin:22px auto; padding:16px 18px; border:1px solid var(--line,#2a3646); border-radius:14px; background:linear-gradient(135deg,rgba(79,184,172,.12),rgba(242,169,59,.08)); color:var(--text,#edeff2); }
.install-app-panel strong,.install-app-mobile strong{ display:block; color:var(--amber,#f2a93b); font-size:15px; }
.install-app-panel span,.install-app-mobile span{ display:block; margin-top:4px; color:var(--muted,#8a97a6); font-size:12px; }
.install-app-panel button,.install-app-mobile button{ min-height:40px; padding:9px 16px; border:0; border-radius:22px; background:var(--amber,#f2a93b); color:#101820; font-weight:800; cursor:pointer; }
.install-app-panel button:focus-visible,.install-app-mobile button:focus-visible{ outline:3px solid var(--teal,#4fb8ac); outline-offset:3px; }
.install-app-mobile{ margin:12px 18px 0; }
.tv-help{ position:fixed; inset:0; z-index:600; display:flex; align-items:center; justify-content:center; padding:20px; background:rgba(5,9,14,.84); }
.tv-help[hidden]{ display:none; }
.tv-help-card{ width:min(520px,100%); padding:24px; border:1px solid var(--amber,#f2a93b); border-radius:16px; background:var(--panel,#171f2b); color:var(--text,#edeff2); box-shadow:0 20px 60px rgba(0,0,0,.55); }
.tv-help-card h2{ margin:0 0 10px; font:800 25px/1 "Big Shoulders Display",sans-serif; text-transform:uppercase; }
.tv-help-card p{ margin:8px 0; color:var(--muted,#8a97a6); font-size:13px; line-height:1.5; }
.tv-help-card button{ margin-top:14px; padding:10px 16px; border:0; border-radius:22px; background:var(--amber,#f2a93b); color:#101820; font-weight:800; cursor:pointer; }

html.tv-mode,html.tv-mode body{ min-width:960px; }
body.tv-mode{ font-size:16px; }
body.tv-mode .ad-top-wrap,body.tv-mode .footer-ad-bar,body.tv-mode aside,.tv-mode .sidebar-ad-box{ display:none !important; }
body.tv-mode header{ padding:16px 28px; }
body.tv-mode .nav-links{ display:flex; gap:26px; overflow:visible; }
body.tv-mode .nav-links a{ font-size:13px; padding:7px 5px; }
body.tv-mode .nav-links a .ic{ font-size:20px; }
body.tv-mode .searchbox{ max-width:360px; min-height:46px; }
body.tv-mode main{ padding:28px 34px 80px; }
body.tv-mode .grid{ grid-template-columns:repeat(auto-fill,minmax(205px,1fr)); gap:18px; }
body.tv-mode .card,body.tv-mode .series-card,body.tv-mode .country-tile,body.tv-mode .browse-card{ min-height:150px; }
body.tv-mode .card{ padding:18px 14px; }
body.tv-mode .cname,body.tv-mode .series-title{ font-size:16px; }
body.tv-mode .cat-tab,body.tv-mode button,body.tv-mode a{ outline-offset:5px; }
body.tv-mode :focus-visible{ outline:4px solid var(--amber,#f2a93b) !important; outline-offset:4px; }
body.tv-mode .player-box{ max-width:1120px; }
body.tv-mode .detail-card,body.tv-mode .drawer{ max-width:1000px; }
@media(max-width:980px){
  html.tv-mode,html.tv-mode body{ min-width:0; }
  body.tv-mode .nav-links{ gap:14px; overflow-x:auto; }
}