/* TV-only overrides. Phone/desktop appearance is unchanged without TV mode. */
html.tv-mode{font-size:18px;scroll-padding:5vh 4vw;color-scheme:dark}
html.tv-mode body{font-size:18px}
html.tv-mode main{padding-inline:4vw!important}
html.tv-mode .site-header{padding-inline:4vw;min-height:86px}
html.tv-mode .desktop-nav{display:flex;gap:24px}
html.tv-mode .desktop-nav a{font-size:18px;padding:14px 10px}
html.tv-mode :is(a,button,input,select,textarea,summary,[tabindex]):focus{outline:4px solid #ff408c!important;outline-offset:5px;box-shadow:0 0 0 8px #ff408c25;scroll-margin:32px;z-index:5}
html.tv-mode :is(button,.button,input,select,summary){min-height:48px;font-size:17px}
html.tv-mode .catalog-grid,html.tv-mode .poster-grid,html.tv-mode .home-all-grid,html.tv-mode .explore-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}
html.tv-mode :is(.poster-title,.drama-title,.catalog-card-title){font-size:18px;line-height:1.5}
html.tv-mode .watch-main{max-width:1920px;padding-top:24px}
html.tv-mode .watch-layout{grid-template-columns:minmax(0,3fr) minmax(280px,1fr);gap:30px}
html.tv-mode .watch-player{width:100%;aspect-ratio:16/9;max-height:74vh;min-height:300px;border-radius:12px}
html.tv-mode .watch-player video{object-fit:contain}
html.tv-mode .watch-player:fullscreen{width:100vw;height:100vh;max-height:none;aspect-ratio:auto;border:0;border-radius:0}
html.tv-mode .watch-player:focus-within .cinema-controls{opacity:1;visibility:visible;pointer-events:auto}
html.tv-mode .cinema-toolbar{gap:16px}
html.tv-mode .cinema-buttons button{min-width:48px;min-height:48px}
html.tv-mode .watch-sidebar :is(button,a){min-width:48px;min-height:48px;font-size:17px}
html.tv-mode .cinema-seek{min-height:30px}
html.tv-mode .mobile-bottom-nav,html.tv-mode .mobile-home-profile,html.tv-mode .watch-mobile-topbar{display:none!important}
html.tv-mode .tv-remote-hint{position:fixed;bottom:22px;left:4vw;right:4vw;z-index:9999;margin:0;padding:13px 20px;background:#090e18ed;border:1px solid #ffffff30;border-radius:10px;color:#eef4ff;text-align:center;font-size:16px;pointer-events:none}
@media(min-width:1920px){html.tv-mode .catalog-grid,html.tv-mode .poster-grid,html.tv-mode .home-all-grid,html.tv-mode .explore-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1000px){html.tv-mode .catalog-grid,html.tv-mode .poster-grid,html.tv-mode .home-all-grid,html.tv-mode .explore-grid{grid-template-columns:repeat(4,minmax(0,1fr))}html.tv-mode .watch-layout{grid-template-columns:minmax(0,1fr)}html.tv-mode .watch-player{min-height:240px}}

/* Explicit spacing also works on Android-box browsers without flex-gap support. */
html.tv-mode .site-header.dracinmax-header{position:relative;display:flex;height:auto;min-height:84px;padding:14px 4vw;align-items:center;justify-content:space-between;box-sizing:border-box}
html.tv-mode .site-header.dracinmax-header .brand{margin-right:30px;flex:0 0 auto}
html.tv-mode .site-header.dracinmax-header .desktop-nav{display:flex;align-items:center;align-self:center;gap:0;flex:0 0 auto}
html.tv-mode .site-header.dracinmax-header .desktop-nav a{display:block;white-space:nowrap;font-size:18px;line-height:1.5;padding:12px 10px}
html.tv-mode .site-header.dracinmax-header .desktop-nav a+a{margin-left:20px}
html.tv-mode .site-header.dracinmax-header .header-actions{margin-left:auto;padding-left:28px;gap:0}
html.tv-mode .site-header.dracinmax-header .header-actions>*+*{margin-left:18px}
html.tv-mode .site-header.dracinmax-header .search-box{min-width:210px;max-width:320px}
html.tv-mode .hero.hero-featured{display:flex;align-items:center;min-height:440px;max-height:none;padding:36px 4vw;box-sizing:border-box;isolation:auto;background:#101018}
html.tv-mode .hero .hero-content{position:relative;z-index:2;width:62%;max-width:760px;margin:0;padding:10px 0}
html.tv-mode .hero .hero-art{z-index:0;opacity:.45}
html.tv-mode .hero:after{z-index:1}
html.tv-mode .hero h1{font-family:Arial,sans-serif;font-size:42px;font-style:normal;font-weight:700;line-height:1.2;letter-spacing:0;overflow-wrap:break-word;margin:18px 0}
html.tv-mode .hero h1 span{display:inline;margin:0}
html.tv-mode .hero .hero-meta{font-size:18px;line-height:1.6;flex-wrap:wrap}
html.tv-mode .hero .hero-description{font-size:17px;line-height:1.7;max-width:620px}
html.tv-mode .hero .hero-actions{display:flex;flex-wrap:wrap;gap:0}
html.tv-mode .hero-actions .button{display:inline-flex;min-height:52px;font-size:18px;padding:13px 22px;margin:0 16px 12px 0;text-decoration:none}
html.tv-mode .hero .hero-poster{position:relative;z-index:2;display:block;flex:0 0 24%;width:24%;height:310px;min-height:310px;max-width:240px;margin:0 0 0 auto;top:auto;right:auto;bottom:auto;left:auto;transform:none;background-size:cover;background-position:center;border-radius:12px}
html.tv-mode .hero-poster-label,html.tv-mode .hero-poster-link{font-size:14px}
html.tv-mode a:focus,html.tv-mode button:focus,html.tv-mode input:focus,html.tv-mode select:focus,html.tv-mode summary:focus,html.tv-mode [tabindex]:focus{outline:4px solid #ff408c!important;outline-offset:5px;box-shadow:0 0 0 8px #ff408c25}
@media(max-width:1100px){html.tv-mode .site-header.dracinmax-header .search-box{display:none}html.tv-mode .hero h1{font-size:34px}html.tv-mode .site-header.dracinmax-header .brand{margin-right:12px}html.tv-mode .site-header.dracinmax-header .desktop-nav a+a{margin-left:10px}}
html.tv-mode .tv-native-player .cinema-top,html.tv-mode .tv-native-player .cinema-controls,html.tv-mode .tv-native-player .cinema-center,html.tv-mode .tv-native-player .cinema-status,html.tv-mode .tv-native-player .watch-preview-label{display:none!important}
html.tv-mode .tv-native-play{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);z-index:30;min-height:52px;padding:12px 24px;border:2px solid #fff;border-radius:8px;background:#ed0060;color:#fff;font-size:18px}
html.tv-mode .tv-native-info{position:absolute;bottom:64px;left:20px;right:20px;z-index:30;margin:0;background:#080b14dd;border-radius:8px;color:#fff;text-align:center;font-size:16px;line-height:1.6;pointer-events:none}
html.tv-mode .tv-native-info:empty{display:none}
html.tv-mode .tv-native-info a{display:block;pointer-events:auto;margin:8px auto;padding:10px}