/* GWATCH SERIES PUBLIC CATALOG FIX V17 */
:root{--gw17-card:220px;--gw17-gap:12px}

/* Correct vertical spacing between homepage sections */
.gw17-section{
  margin-top:42px!important;
  margin-bottom:16px!important;
  position:relative!important;
  min-height:0!important;
}
.gw17-section:first-of-type{margin-top:30px!important}
.gw17-section h2,.gw17-heading{
  margin:0 24px 14px!important;
  line-height:1.15!important;
}
.gw17-rail{
  display:flex!important;
  gap:var(--gw17-gap)!important;
  align-items:flex-start!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:0 24px 26px!important;
  scroll-behavior:smooth!important;
  min-height:0!important;
  width:100%!important;
}

/* General catalog card */
.gw17-card{
  display:block!important;
  flex:0 0 var(--gw17-card)!important;
  width:var(--gw17-card)!important;
  min-width:var(--gw17-card)!important;
  max-width:var(--gw17-card)!important;
  height:auto!important;
  color:#fff!important;
  text-decoration:none!important;
  background:#0c121b!important;
  border:1px solid #202a36!important;
  border-radius:11px!important;
  overflow:hidden!important;
  position:relative!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  z-index:2!important;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease!important;
}
.gw17-card:hover{
  transform:translateY(-6px)!important;
  border-color:rgba(216,182,91,.42)!important;
  box-shadow:0 20px 52px rgba(0,0,0,.34)!important;
}
.gw17-poster{
  width:100%!important;
  aspect-ratio:16/9!important;
  min-height:0!important;
  height:auto!important;
  background:#111821 center/cover no-repeat!important;
  position:relative!important;
}
.gw17-series-card .gw17-poster.gw17-no-art{
  background:
    radial-gradient(circle at 35% 35%,rgba(216,182,91,.08),transparent 32%),
    linear-gradient(145deg,#151d28,#0b1017)!important;
}
.gw17-meta{padding:10px 10px 12px!important}
.gw17-meta b{
  display:block!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.gw17-meta p{
  margin:4px 0 0!important;
  color:#8e99a6!important;
  font-size:9px!important;
  line-height:1.35!important;
}
.gw17-badge,.gw17-count{
  position:absolute;top:8px;z-index:3;
  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)
}
.gw17-badge{left:8px}.gw17-count{right:8px}
.gw17-empty{padding:8px 24px 22px;color:#76818e;font-size:11px}

/* The parent series card must never inherit hero sizing. */
#seriesRail .gw17-card,
#trending .gw17-card,
#latest .gw17-card,
#all .gw17-card{
  flex-basis:var(--gw17-card)!important;
  width:var(--gw17-card)!important;
  max-width:var(--gw17-card)!important;
}
#seriesRail .gw17-poster,
#trending .gw17-poster,
#latest .gw17-poster,
#all .gw17-poster{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
}

/* Series detail page */
.gw17-series-page{
  max-width:1400px;
  margin:0 auto;
  padding:32px 4vw 90px;
}
.gw17-series-hero{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);
  gap:28px;
  align-items:end;
  min-height:360px;
  border:1px solid #202a36;
  border-radius:20px;
  overflow:hidden;
  padding:32px;
  position:relative;
  background:#0b1119 center/cover no-repeat;
  isolation:isolate;
}
.gw17-series-hero:before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(5,9,20,.94),rgba(5,9,20,.64) 50%,rgba(5,9,20,.18));
}
.gw17-series-hero small{color:#d8b65b;font-size:9px;font-weight:900;letter-spacing:.16em}
.gw17-series-hero h1{margin:8px 0 12px;font-size:clamp(36px,5vw,72px);line-height:.95;letter-spacing:-.05em}
.gw17-series-hero p{color:#b1bbc7;font-size:12px;line-height:1.65;max-width:760px}
.gw17-series-hero .gw17-series-poster{
  justify-self:end;
  width:min(300px,100%);
  aspect-ratio:16/9;
  background:#111821 center/cover no-repeat;
  border-radius:13px;
  border:1px solid rgba(255,255,255,.1);
  box-shadow:0 24px 70px rgba(0,0,0,.34)
}
.gw17-detail-head{
  margin-top:34px;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:18px;
}
.gw17-detail-head small{color:#d8b65b;font-size:9px;font-weight:900;letter-spacing:.15em}
.gw17-detail-head h2{margin:5px 0 0;font-size:28px}
.gw17-detail-head select{
  background:#111824;color:#fff;border:1px solid #303a48;border-radius:9px;padding:9px 12px
}
.gw17-episodes{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:16px;
}
.gw17-episode{
  display:block;color:#fff;text-decoration:none;
  border:1px solid #232d39;background:#0b111a;border-radius:12px;overflow:hidden;transition:.28s
}
.gw17-episode:hover{transform:translateY(-5px);border-color:rgba(216,182,91,.4);box-shadow:0 18px 50px rgba(0,0,0,.3)}
.gw17-ep-img{aspect-ratio:16/9;background:#111 center/cover no-repeat}
.gw17-ep-meta{padding:11px}
.gw17-ep-meta small{color:#8e99a6;font-size:8px;font-weight:900;letter-spacing:.08em}
.gw17-ep-meta b{display:block;margin-top:5px;font-size:12px}
.gw17-ep-meta p{margin:6px 0 0;color:#8e99a6;font-size:9px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

@media(max-width:900px){
  .gw17-episodes{grid-template-columns:repeat(2,1fr)}
  .gw17-series-hero{grid-template-columns:1fr}
  .gw17-series-hero .gw17-series-poster{justify-self:start}
}
@media(max-width:760px){
  :root{--gw17-card:174px;--gw17-gap:9px}
  .gw17-section{margin-top:34px!important}
  .gw17-section h2,.gw17-heading{margin:0 14px 11px!important}
  .gw17-rail{padding:0 14px 20px!important}
  .gw17-series-page{padding:20px 14px 80px}
  .gw17-series-hero{padding:22px;min-height:330px}
}