/* Podcast directory — lifted from the podcasts mockup (.shows-sec / .show-card / .show-cv). */
.shows-sec { padding: 64px 0; }

.show-card {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 36px;
  padding: 36px 0;
  border-top: 1px solid var(--line);
  align-items: start;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.18s;
}
.show-card:last-child { border-bottom: 1px solid var(--line); }
.show-card:hover { background: rgba(74, 149, 172, 0.03); }
.show-card .show-cv {
  aspect-ratio: 1 / 1;
  border-radius: 14px;
  overflow: hidden;
  background: var(--paper-2);
  position: relative;
  box-shadow: 0 12px 28px rgba(20, 57, 69, 0.14), 0 3px 8px rgba(20, 57, 69, 0.08);
  transition: transform 0.25s, box-shadow 0.25s;
}
.show-card:hover .show-cv { transform: translateY(-2px); box-shadow: 0 16px 36px rgba(20, 57, 69, 0.18), 0 4px 10px rgba(20, 57, 69, 0.10); }
.show-card .show-cv img { width: 100%; height: 100%; object-fit: cover; display: block; }
.show-card h3 { font-family: var(--serif-fa); font-weight: 400; font-size: 32px; margin: 0 0 14px; letter-spacing: -0.8px; line-height: 1.12; color: var(--ink); }
.show-card .desc { font-family: var(--serif-fa); font-size: 16.5px; line-height: 1.65; color: var(--ink-2); margin: 0 0 18px; font-style: italic; }
.show-card .all-eps { display: inline-flex; align-items: center; gap: 6px; font-size: 13.5px; font-weight: 600; color: var(--accent); }
.show-card:hover .all-eps { gap: 10px; }
[dir="rtl"] .show-card .all-eps > svg { transform: scaleX(-1); }

/* Fallback cover when a podcast has no serie image. */
.show-cv--fallback { display: flex; align-items: center; justify-content: center; }
.show-cv--fallback .show-cv-initial { font-family: var(--serif-fa); font-size: 64px; font-weight: 500; color: #fff; opacity: 0.92; }
.show-cv--fallback[data-cover="0"] { background: linear-gradient(150deg, #4a95ac, #2c6a7e); }
.show-cv--fallback[data-cover="1"] { background: linear-gradient(150deg, #3f7c8a, #234c58); }
.show-cv--fallback[data-cover="2"] { background: linear-gradient(150deg, #6a5acd, #3f2f9c); }
.show-cv--fallback[data-cover="3"] { background: linear-gradient(150deg, #2e8b57, #1c5c39); }
.show-cv--fallback[data-cover="4"] { background: linear-gradient(150deg, #ba3885, #7c2057); }
.show-cv--fallback[data-cover="5"] { background: linear-gradient(150deg, #e89a3c, #b0701f); }

@media (max-width: 720px) {
  .show-card { grid-template-columns: 120px 1fr; gap: 20px; padding: 24px 0; }
  .show-card h3 { font-size: 24px; }
}