.podcast-main-categories { padding: 140px 0; background: linear-gradient(90deg, #000 0%, #b10000 100%); position: relative; overflow: hidden; }
.podcast-cats-wrapper { position: relative; z-index: 20; display: flex; justify-content: center; gap: 24px; }
.podcast-item { flex: 1 1 0; max-width: 200px; min-width: 0; text-align: center; }
.podcast-item a { color: #fff; text-decoration: none; display: block; }
.podcast-item img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; }
.podcast-item h3 { font-size: 20px; line-height: 1.25; font-weight: 600; margin: 8px 0 0; }
@media (hover: hover) { .podcast-item a:hover h3 { color: red; } }
.podcast-item a:focus-visible { outline: 2px solid white; outline-offset: 4px; }
.podcast-main-categories:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 109px;
  background-image: url(/assets/static-engine/podcast-wave.974f4c8e5ea9ca767ebc9e8d2d4f6b9f.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  transform: translate(-50%, -50%);
  z-index: 10;
}
@media (max-width: 768px) {
.podcast-main-categories { padding: 100px 0; }
.podcast-cats-wrapper { overflow: auto; justify-content: flex-start; margin: 0 -20px; padding: 0 20px; }
.podcast-item { flex: 0 0 120px; max-width: 100%; padding-bottom: 6px; }
.podcast-item h3 { font-size: 20px; text-align: left; line-height: 1; margin: 4px; }
.podcast-main-categories:after { width: 400%; transform: translate(-50%, -50%) rotate(45deg); }
}