/* GWATCH CATALOG UI CORRECTION V16
   Fixes oversized series artwork and normalizes catalog card sizing.
*/
:root{--gw16-card:220px;--gw16-gap:12px}

/* Never allow a catalog title to become a full-width hero by accident. */
.gw16-rail{
  display:flex!important;
  align-items:flex-start!important;
  gap:var(--gw16-gap)!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:0 24px 24px!important;
  width:100%!important;
  min-height:0!important;
  scroll-behavior:smooth;
}
.gw16-card{
  flex:0 0 var(--gw16-card)!important;
  width:var(--gw16-card)!important;
  min-width:var(--gw16-card)!important;
  max-width:var(--gw16-card)!important;
  height:auto!important;
  align-self:flex-start!important;
  position:relative!important;
  overflow:hidden!important;
  border:1px solid #1f2936!important;
  border-radius:11px!important;
  background:#0c121b!important;
  cursor:pointer!important;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease!important;
}
.gw16-card:hover{
  transform:translateY(-6px)!important;
  border-color:rgba(216,182,91,.38)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.35)!important;
}
.gw16-poster{
  display:block!important;
  width:100%!important;
  aspect-ratio:16 / 9!important;
  min-height:0!important;
  max-height:none!important;
  background:#111821 center/cover no-repeat!important;
  position:relative!important;
  border-radius:10px 10px 0 0!important;
}
.gw16-meta{padding:10px 10px 11px!important}
.gw16-meta b{
  display:block!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:1.25!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.gw16-meta p{
  margin:4px 0 0!important;
  color:#8e99a6!important;
  font-size:9px!important;
  line-height:1.3!important;
}
.gw16-badge,.gw16-count{
  position:absolute;z-index:3;top:8px;
  padding:4px 7px;border-radius:999px;
  background:rgba(5,9,20,.84);
  border:1px solid rgba(255,255,255,.14);
  color:#fff;font-size:7px;font-weight:950;letter-spacing:.09em;
  backdrop-filter:blur(8px)
}
.gw16-badge{left:8px}.gw16-count{right:8px}
.gw16-empty{padding:10px 24px;color:#76818e;font-size:11px}

/* If an older V14 series card remains during page load, constrain it immediately. */
.gw14-series-card{
  flex:0 0 var(--gw16-card)!important;
  width:var(--gw16-card)!important;
  min-width:var(--gw16-card)!important;
  max-width:var(--gw16-card)!important;
  height:auto!important;
}
.gw14-series-card .poster,.gw14-series-card .g3-poster{
  width:100%!important;
  aspect-ratio:16/9!important;
  height:auto!important;
  max-height:none!important;
  background-size:cover!important;
}

/* Undo accidental full-width image rules inside catalog rails only. */
.gw16-rail img,.gw16-rail .poster,.gw16-rail .g3-poster{
  max-width:100%!important;
}

/* Homepage sections should keep reasonable vertical rhythm. */
.gw16-section{
  margin:28px 0 8px!important;
  min-height:0!important;
}
.gw16-section-title{
  margin:0 24px 12px!important;
  font-size:20px!important;
  line-height:1.15!important;
}

/* Hide duplicate old episode cards in containers V16 owns while replacing them. */
.gw16-replacing{min-height:120px!important}

/* mobile */
@media(max-width:760px){
  :root{--gw16-card:174px;--gw16-gap:9px}
  .gw16-rail{padding:0 14px 18px!important}
  .gw16-section-title{margin:0 14px 10px!important;font-size:18px!important}
}