/* ============================================================
   THEDEEPVERSE — VIDEOS PAGE
   ============================================================ */

.videos-page {
  padding-top: calc(var(--nav-height-mobile) + var(--space-8));
  padding-bottom: var(--space-16);
}

@media (min-width: 768px) {
  .videos-page {
    padding-top: calc(var(--nav-height) + var(--space-12));
  }
}

.videos-header {
  text-align: center;
  margin-bottom: var(--space-8);
}

.videos-header__title {
  margin-bottom: var(--space-3);
}

.videos-header__desc {
  font-size: var(--text-lg);
  color: var(--text-muted);
  max-width: 600px;
  margin: 0 auto var(--space-8);
}

.videos-controls {
  display: flex;
  justify-content: center;
  margin-bottom: var(--space-10);
}

.videos-page-grid {
  display: grid;
  gap: var(--space-6);
  grid-template-columns: 1fr;
  margin-bottom: var(--space-16);
}

@media (min-width: 640px) {
  .videos-page-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .videos-page-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Additional gradient thumbnails */
.video-thumb-placeholder--7 {
  background: linear-gradient(145deg, #0f080a 0%, #080506 60%, #0a0608 100%);
}
.video-thumb-placeholder--8 {
  background: linear-gradient(145deg, #0a0a10 0%, #06060a 60%, #080810 100%);
}
.video-thumb-placeholder--9 {
  background: linear-gradient(145deg, #0c0a08 0%, #080605 60%, #0a0806 100%);
}

/* YouTube Subscribe CTA */
.yt-cta {
  text-align: center;
  padding: var(--space-16) 0;
}

.yt-cta__title {
  font-size: var(--text-2xl);
  margin-bottom: var(--space-3);
}

@media (min-width: 768px) {
  .yt-cta__title {
    font-size: var(--text-3xl);
  }
}

.yt-cta__desc {
  color: var(--text-muted);
  margin-bottom: var(--space-8);
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}