/* V501 Smart TV mode - yalnizca JS/UA veya ?tv=1 ile etkinlesir. */
html.v501-tv-mode,
html.v501-tv-mode body{min-height:100%;overflow-x:hidden!important}

html.v501-tv-mode body{font-size:18px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
html.v501-tv-mode body *{scroll-margin:90px}
html.v501-tv-mode .mobile-app-nav{display:none!important}

html.v501-tv-mode a,
html.v501-tv-mode button,
html.v501-tv-mode input,
html.v501-tv-mode select,
html.v501-tv-mode textarea,
html.v501-tv-mode [role="button"]{
  outline:0!important;
  -webkit-tap-highlight-color:transparent;
}

html.v501-tv-mode .v501-tv-focus,
html.v501-tv-mode a:focus,
html.v501-tv-mode button:focus,
html.v501-tv-mode input:focus,
html.v501-tv-mode select:focus,
html.v501-tv-mode textarea:focus,
html.v501-tv-mode [role="button"]:focus{
  position:relative;
  z-index:2147482000!important;
  outline:5px solid #fff!important;
  outline-offset:4px!important;
  border-color:#22d3ee!important;
  box-shadow:0 0 0 9px rgba(34,211,238,.46),0 14px 42px rgba(0,0,0,.55)!important;
  transform:scale(1.035)!important;
}

html.v501-tv-mode .z401-shell{width:min(1600px,calc(100% - 64px))!important;max-width:1600px!important}
html.v501-tv-mode .z401-stage-wrap{grid-template-columns:minmax(0,2fr) minmax(330px,1fr)!important;gap:22px!important}
html.v501-tv-mode .z401-player-shell{min-height:0!important;height:auto!important;aspect-ratio:16/9!important}
html.v501-tv-mode .z401-player-controls{min-height:68px!important;height:auto!important;padding:10px 16px!important;gap:12px!important}
html.v501-tv-mode .z401-player-controls button,
html.v501-tv-mode .z401-source-pill{min-width:54px!important;min-height:48px!important;font-size:16px!important}
html.v501-tv-mode .z401-sidebar{min-height:0!important;max-height:calc(100vh - 90px)!important}
html.v501-tv-mode .z401-scroll-list{max-height:calc(100vh - 280px)!important;overflow-y:auto!important}
html.v501-tv-mode .z401-match-item,
html.v501-tv-mode .z401-channel-item{min-height:82px!important;padding:12px 14px!important}
html.v501-tv-mode .z401-channel-copy strong{font-size:19px!important}

html.v501-tv-mode .premium-watch-container,
html.v501-tv-mode .vize-container{width:min(1600px,calc(100% - 64px))!important;max-width:1600px!important}
html.v501-tv-mode .premium-watch-layout{grid-template-columns:minmax(0,1fr) minmax(300px,360px)!important;gap:24px!important}
html.v501-tv-mode #playerArea,
html.v501-tv-mode .premium-player-frame{min-height:0!important;height:auto!important}
html.v501-tv-mode #playerArea .player-shell{min-height:0!important;height:auto!important}
html.v501-tv-mode #playerArea .player-wrap,
html.v501-tv-mode #playerArea .hero-player-wrap{min-height:0!important;height:auto!important;aspect-ratio:16/9!important}
html.v501-tv-mode #playerArea video,
html.v501-tv-mode #playerArea iframe,
html.v501-tv-mode #playerArea .v390-embed-host{width:100%!important;height:100%!important;min-height:0!important}
html.v501-tv-mode .v92-player-toolbar button,
html.v501-tv-mode .v92-player-toolbar a,
html.v501-tv-mode .premium-head-actions button,
html.v501-tv-mode .premium-head-actions a{min-height:52px!important;padding:0 20px!important;font-size:16px!important}

.v501-tv-toolbar{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  width:100%!important;
  margin:12px 0 18px!important;
  padding:12px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:18px!important;
  background:rgba(4,8,20,.94)!important;
  box-shadow:0 14px 44px rgba(0,0,0,.36)!important;
}

.v501-tv-toolbar button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  min-width:180px!important;
  min-height:58px!important;
  padding:0 22px!important;
  border:1px solid rgba(255,255,255,.2)!important;
  border-radius:14px!important;
  background:#172033!important;
  color:#fff!important;
  font:800 17px/1.2 Arial,sans-serif!important;
  cursor:pointer!important;
}

.v501-tv-toolbar button:first-child{background:linear-gradient(135deg,#7c3aed,#db2777)!important}
.v501-tv-toolbar button span{font-size:24px!important;line-height:1!important;pointer-events:none!important}

.v501-tv-hint{
  position:fixed!important;
  left:50%!important;
  bottom:28px!important;
  transform:translateX(-50%)!important;
  z-index:2147483000!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  max-width:calc(100% - 64px)!important;
  padding:15px 22px!important;
  border:2px solid rgba(34,211,238,.62)!important;
  border-radius:16px!important;
  background:rgba(2,6,23,.96)!important;
  color:#fff!important;
  box-shadow:0 18px 60px rgba(0,0,0,.66)!important;
  font:800 17px/1.35 Arial,sans-serif!important;
  text-align:center!important;
  transition:opacity .25s ease!important;
}
.v501-tv-hint strong{color:#67e8f9!important}
.v501-tv-hint.v501-tv-hint-hide{opacity:0!important;pointer-events:none!important}

html.v501-tv-mode .z404-tap-play{
  min-width:260px!important;
  min-height:74px!important;
  padding:0 26px!important;
  border:3px solid #fff!important;
  font-size:20px!important;
}

html.v501-tv-mode .v501-tv-player-fullscreen{
  position:fixed!important;
  inset:0!important;
  z-index:2147481000!important;
  width:100vw!important;
  height:100vh!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  border-radius:0!important;
  background:#000!important;
}
html.v501-tv-mode .v501-tv-player-fullscreen video,
html.v501-tv-mode .v501-tv-player-fullscreen iframe,
html.v501-tv-mode .v501-tv-player-fullscreen .z401-player-mount,
html.v501-tv-mode .v501-tv-player-fullscreen .player-wrap{width:100%!important;height:100%!important;min-height:100%!important}

@media (max-width:1100px){
  html.v501-tv-mode .z401-stage-wrap,
  html.v501-tv-mode .premium-watch-layout{grid-template-columns:1fr!important}
  html.v501-tv-mode .z401-sidebar{max-height:none!important}
  html.v501-tv-mode .z401-scroll-list{max-height:440px!important}
}

@media (max-width:720px){
  html.v501-tv-mode .z401-shell,
  html.v501-tv-mode .premium-watch-container,
  html.v501-tv-mode .vize-container{width:calc(100% - 24px)!important}
  .v501-tv-toolbar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .v501-tv-toolbar button{min-width:0!important;width:100%!important}
}