#planning-page .parallax-item:nth-child(1) {
  min-height: 700px;
}

#planning-page .parallax-item:nth-child(2) {
  min-height: 500px;
  margin-bottom: 5vh;
}

.planning-bestof-shell {
  background:
    radial-gradient(460px 140px at 94% -18%, rgba(255, 74, 74, 0.28), transparent),
    radial-gradient(280px 140px at 8% 18%, rgba(255, 120, 95, 0.2), transparent),
    linear-gradient(160deg, #171a20 0%, #111418 100%);
  margin-bottom: 10rem !important;
  margin-top: 2rem !important;
}

[data-bs-theme="dark"] .planning-bestof-shell {
  background:
    radial-gradient(460px 140px at 94% -18%, rgba(255, 85, 85, 0.34), transparent),
    radial-gradient(280px 140px at 8% 18%, rgba(255, 125, 95, 0.24), transparent),
    linear-gradient(160deg, #13161d 0%, #0d0f14 100%);
}

#planning-page .planning-marquee-host {
  position: relative;
}

#planning-page .planning-marquee-anchor {
  position: relative;
  height: 0;
}

#planning-page .planning-marquee-bridge {
  position: absolute;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  top: -11.75rem;
  z-index: 1;
  pointer-events: none;
}

#planning-page .planning-marquee-content {
  position: relative;
  z-index: 2;
}

#planning-page .box_alert_text {
  position: relative;
  z-index: 1;
}

/*============================
  VODs Grid
============================*/

.vod-card {
  cursor: pointer;
  background: transparent;
  border: none;
  position: relative;
}

.vod-thumbnail-wrapper a img{
  border-radius: 15px;
  box-shadow: var(--xds-shadow);
  width: 100%;
  height: auto;
  display: block;
}

.vod-icon {
  display: contents;
}

.vod-icon img {
  width: 10%;
  height: auto;
  border-radius: 50%;
  margin-right: 10px;
}

.vod-title {
  font-size: 1.1rem;
  font-weight: 600;
}
.vod-videos-count {
  font-size: 0.9rem;
  font-style: italic;
}

.playlist-search-total {
  font-size: 0.9rem;
  opacity: 0.85;
}

.playlist-grid {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}

.playlist-grid .playlist-item {
  width: 50%;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  margin-bottom: 1.5rem;
}

.planning-vod-heading {
  width: 100%;
}

.playlist-search-shell {
  width: min(100%, 420px);
}

#planning-page #clearPlanningSearch {
  visibility: hidden;
}

@media (max-width: 767.98px) {
  .playlist-search-shell {
    width: 100%;
  }
}

@media (min-width: 992px) {
  .playlist-grid .playlist-item {
    width: 33.3333%;
  }
}

@media (min-width: 1200px) {
  .playlist-grid .playlist-item {
    width: 25%;
  }
}