/* Season 1 episode cards (hover highlight) */
.tp-epgrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.tp-epcard{
  display:flex;
  gap:14px;
  align-items:center;

  border:1px solid rgba(201,162,74,0.55);
  border-radius:12px;
  padding:12px;

  /* richer panel depth (no layout changes) */
  background:
    radial-gradient(circle at 18% 18%, rgba(35,111,161,0.12) 0%, rgba(0,0,0,0) 55%),
    linear-gradient(180deg, rgba(255,255,255,0.04) 0%, rgba(0,0,0,0.30) 60%, rgba(0,0,0,0.55) 100%);

  box-shadow:
    0 14px 28px rgba(0,0,0,0.55),
    inset 0 1px 0 rgba(255,255,255,0.06),
    inset 0 -18px 26px rgba(0,0,0,0.55);

  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease, filter .18s ease;
  will-change: transform;
}

.tp-epcard:hover{
  transform: translateY(-4px);
  border-color: rgba(201,162,74,0.95);

  background:
    radial-gradient(circle at 18% 18%, rgba(35,111,161,0.18) 0%, rgba(0,0,0,0) 60%),
    linear-gradient(180deg, rgba(255,255,255,0.06) 0%, rgba(0,0,0,0.22) 55%, rgba(0,0,0,0.62) 100%);

  box-shadow:
    0 22px 52px rgba(0,0,0,0.72),
    0 0 18px rgba(35,111,161,0.18),
    0 0 18px rgba(201,162,74,0.18),
    inset 0 1px 0 rgba(255,255,255,0.08),
    inset 0 -18px 26px rgba(0,0,0,0.50);

  filter: brightness(1.03);
}

.tp-epthumb{
  width:70px;
  height:70px;
  object-fit:cover;
  border-radius:8px;
  flex:0 0 auto;
  border:1px solid rgba(201,162,74,0.25);
  box-shadow: 0 10px 18px rgba(0,0,0,0.55);
}

.tp-eplabel{
  color:#c9a24a;
  font-size:11px;
  letter-spacing:2px;
  font-weight:800;
  margin:0;
}

.tp-eptitle{
  font-weight:800;
  margin:4px 0 0 0;
  line-height:1.25;
}

.tp-epdesc{
  font-size:13px;
  color:rgba(255,255,255,0.75);
  margin:4px 0 0 0;
  line-height:1.35;
}

/* Mobile: one column */
@media (max-width: 760px){
  .tp-epgrid{ grid-template-columns:1fr; }
}