/* Windows/Xbox 1.0.5: todas as telas respeitam a altura útil da janela. */
html.windows-store-app #catalogApp{
  position:fixed!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
}

html.windows-store-app #catalogApp .catalog-header{
  height:16vh!important;
}

html.windows-store-app #catalogApp .catalog-brand{
  left:4vw!important;
  top:2.5vh!important;
  width:min(9vw,15vh)!important;
  height:min(10vw,16vh)!important;
}

html.windows-store-app #catalogApp .catalog-status{
  left:18vw!important;
  top:3.5vh!important;
  width:66vw!important;
  height:11vh!important;
  font-size:clamp(13px,2.1vh,22px)!important;
}

html.windows-store-app #catalogApp .catalog-status strong{
  font-size:clamp(28px,5.2vh,56px)!important;
}

html.windows-store-app #catalogApp .catalog-status small{
  font-size:clamp(11px,1.8vh,18px)!important;
}

html.windows-store-app #catalogApp .provider-dashboard{
  left:2.2vw!important;
  right:2.2vw!important;
  top:16vh!important;
  bottom:2.5vh!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  grid-template-columns:minmax(210px,24.55fr) minmax(390px,41.15fr) minmax(320px,29.9fr)!important;
  gap:min(1.4vw,2.2vh)!important;
  overflow:hidden!important;
}

html.windows-store-app #catalogApp .provider-live{
  min-height:0!important;
  padding:8vh 1.4vw 5vh!important;
  border-radius:min(1.45vw,2.4vh)!important;
}

html.windows-store-app #catalogApp .provider-live-icon{
  width:min(12vw,24vh)!important;
  height:min(12vw,24vh)!important;
  margin:min(7vh,62px) 0 min(3vh,28px)!important;
}

html.windows-store-app #catalogApp .provider-live strong{
  font-size:clamp(28px,5vh,52px)!important;
}

html.windows-store-app #catalogApp .provider-live small{
  max-width:90%!important;
  margin-top:1.5vh!important;
  font-size:clamp(13px,2.2vh,22px)!important;
}

html.windows-store-app #catalogApp .provider-live b{
  bottom:2.5vh!important;
  font-size:clamp(11px,1.7vh,17px)!important;
}

html.windows-store-app #catalogApp .main-nav{
  min-height:0!important;
  grid-template-rows:1.35fr 1.3fr .82fr .62fr!important;
  gap:min(1.15vh,12px) min(.7vw,12px)!important;
  overflow:hidden!important;
}

html.windows-store-app #catalogApp .nav-item{
  min-height:0!important;
  padding:min(1.4vh,14px) min(1.2vw,22px)!important;
  gap:min(1vw,18px)!important;
  border-radius:min(1.25vw,2vh)!important;
}

html.windows-store-app #catalogApp .nav-item>i{
  width:min(5vw,9vh)!important;
  height:min(5vw,9vh)!important;
  flex-basis:min(5vw,9vh)!important;
  font-size:clamp(22px,4vh,42px)!important;
}

html.windows-store-app #catalogApp .nav-item strong{
  font-size:clamp(20px,4vh,42px)!important;
}

html.windows-store-app #catalogApp .nav-item small{
  font-size:clamp(12px,2.2vh,22px)!important;
}

html.windows-store-app #catalogApp .nav-item>b{
  font-size:clamp(11px,1.8vh,18px)!important;
  padding:.6vh .65vw!important;
}

html.windows-store-app #catalogApp .nav-half strong{font-size:clamp(17px,3.2vh,32px)!important}
html.windows-store-app #catalogApp .nav-half small{font-size:clamp(11px,1.9vh,19px)!important}
html.windows-store-app #catalogApp .nav-small strong{font-size:clamp(13px,2.2vh,22px)!important}
html.windows-store-app #catalogApp .nav-small>i{width:min(3vw,5.5vh)!important;height:min(3vw,5.5vh)!important;flex-basis:min(3vw,5.5vh)!important}

html.windows-store-app #catalogApp .catalog-hero{
  min-height:0!important;
  border-radius:min(1.45vw,2.4vh)!important;
}

html.windows-store-app #catalogApp .highlight-copy{
  left:min(1.7vw,3vh)!important;
  right:min(1.7vw,3vh)!important;
  bottom:2.4vh!important;
  max-height:48%!important;
  overflow:hidden!important;
}

html.windows-store-app #catalogApp .highlight-copy .kicker{font-size:clamp(10px,1.7vh,17px)!important}
html.windows-store-app #catalogApp .highlight-copy h1{font-size:clamp(23px,4.2vh,44px)!important}
html.windows-store-app #catalogApp .highlight-copy .highlight-meta,
html.windows-store-app #catalogApp .highlight-copy>p{font-size:clamp(11px,1.8vh,18px)!important}
html.windows-store-app #catalogApp .highlight-actions{margin-top:1.2vh!important}
html.windows-store-app #catalogApp .highlight-actions button{min-height:5vh!important;font-size:clamp(12px,2vh,20px)!important}

html.windows-store-app #catalogApp .provider-dashboard .featured-poster{
  width:min(8vw,14vh)!important;
  height:min(12vw,21vh)!important;
  right:min(1.35vw,2.2vh)!important;
  top:2.2vh!important;
}

/* Grades de filmes e séries: rolagem em vez de linhas cortadas. */
html.windows-store-app .browser-body.vod .items-column{min-height:0!important;overflow:hidden!important}
html.windows-store-app .poster-grid{
  height:calc(100% - clamp(38px,4.8vh,58px))!important;
  min-height:0!important;
  grid-template-columns:repeat(auto-fill,minmax(clamp(125px,9.5vw,185px),1fr))!important;
  grid-auto-rows:clamp(220px,34vh,350px)!important;
  gap:clamp(8px,1.2vh,15px) clamp(8px,.8vw,16px)!important;
  padding:8px 14px 32px!important;
  overflow-y:auto!important;
  align-content:start!important;
}

html.windows-store-app .poster-grid .media-card{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
}

html.windows-store-app .poster-grid .media-card img,
html.windows-store-app .poster-grid .fallback-art{
  height:calc(100% - clamp(42px,5vh,58px))!important;
}

/* Detalhes, temporadas e episódios nunca ficam inacessíveis em janelas baixas. */
html.windows-store-app .media-detail,
html.windows-store-app .seasons-view{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
}

html.windows-store-app .similar-block{bottom:2vh!important;top:auto!important;height:34vh!important}
html.windows-store-app .similar-block #similarMovies{height:29vh!important;overflow-x:auto!important;overflow-y:hidden!important}
html.windows-store-app .seasons-view aside,
html.windows-store-app .seasons-view>section{height:calc(100vh - 10vh)!important;min-height:0!important}
html.windows-store-app #seasonList,
html.windows-store-app #episodeList{overflow-y:auto!important;padding-bottom:28px!important}

@media (max-height:700px){
  html.windows-store-app #catalogApp .provider-dashboard{top:14vh!important;bottom:1.5vh!important}
  html.windows-store-app #catalogApp .catalog-status{top:2vh!important;height:10vh!important}
  html.windows-store-app #catalogApp .provider-live-icon{width:20vh!important;height:20vh!important;margin:4vh 0 2vh!important}
  html.windows-store-app #catalogApp .nav-item strong{font-size:3.7vh!important}
  html.windows-store-app #catalogApp .nav-item small{font-size:2vh!important}
  html.windows-store-app .poster-grid{grid-auto-rows:240px!important}
}
