/* GWATCH V19.1 — parent art + anchor spacing correction */
:root{--v191-card:220px;--v191-gap:12px}

/* Sticky-header anchor correction. Clicking TV Show / Movie / Animation / Most Watched
   should leave proper breathing room below the header. */
#g4Hero,
.g3-discover,
.g3-row[id],
#memberArea{
  scroll-margin-top:86px!important;
}
.g3-row:target{
  padding-top:18px!important;
  margin-top:-18px!important;
}

/* Stronger spacing so one row never visually sits on top of the next one. */
.g3-discover{margin-bottom:42px!important}
.g3-row{margin-bottom:48px!important}
.g3-row+.g3-row{margin-top:10px!important}
.g3-section-head{margin-top:0!important;margin-bottom:14px!important}
.g3-row .g3-section-head h2{line-height:1.15!important}

/* V19.1 cards */
.v191-card{
  flex:0 0 var(--v191-card)!important;
  width:var(--v191-card)!important;
  min-width:var(--v191-card)!important;
  max-width:var(--v191-card)!important;
  display:block!important;
  overflow:hidden!important;
  border:1px solid #202a37!important;
  border-radius:11px!important;
  background:#0d141e!important;
  color:#fff!important;
  text-decoration:none!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  position:relative!important;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease!important;
}
.v191-card:hover{
  transform:translateY(-6px)!important;
  border-color:rgba(216,182,91,.42)!important;
  box-shadow:0 20px 54px rgba(0,0,0,.36)!important;
}
.v191-art{
  width:100%!important;
  aspect-ratio:16/9!important;
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 30% 25%,rgba(216,182,91,.09),transparent 30%),
    linear-gradient(145deg,#17202b,#0b1119)!important;
}
.v191-art img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  opacity:1!important;
  visibility:visible!important;
}
.v191-art.no-art:after{
  content:"GWATCH SERIES";
  position:absolute;left:50%;top:50%;
  transform:translate(-50%,-50%);
  color:rgba(255,255,255,.28);
  font-size:9px;font-weight:950;letter-spacing:.15em;white-space:nowrap;
}
.v191-meta{padding:10px 10px 12px!important}
.v191-meta b{
  display:block!important;
  font-size:12px!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.v191-meta p{margin:4px 0 0!important;color:#8f99a6!important;font-size:9px!important}
.v191-badge,.v191-count{
  position:absolute;top:8px;z-index:5;
  padding:4px 7px;border-radius:999px;
  background:rgba(5,9,20,.86);
  border:1px solid rgba(255,255,255,.14);
  color:#fff;font-size:7px;font-weight:950;letter-spacing:.09em;
  backdrop-filter:blur(8px);
}
.v191-badge{left:8px}.v191-count{right:8px}

/* The public parent series must remain one normal catalog card. */
#trendingRail .v191-card,
#latestRail .v191-card,
#seriesRail .v191-card,
#allGrid .v191-card{
  width:var(--v191-card)!important;
  max-width:var(--v191-card)!important;
}

/* Browse All is a grid, but cards keep the same sane dimensions. */
#allGrid{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-start!important;
  gap:12px!important;
}

/* The "More" controls stay aligned and clickable. */
.g3-section-head button{
  position:relative!important;
  z-index:12!important;
  pointer-events:auto!important;
}

@media(max-width:760px){
  :root{--v191-card:174px;--v191-gap:9px}
  #g4Hero,.g3-discover,.g3-row[id],#memberArea{scroll-margin-top:68px!important}
  .g3-discover{margin-bottom:32px!important}
  .g3-row{margin-bottom:38px!important}
  .g3-row:target{padding-top:12px!important;margin-top:-12px!important}
}