/*
  Video page CSS.
*/

/* Video page selectors were not found automatically. Safe fallback only. */
body.page--video,
.page--video {
  overflow-x: clip;
}

body.page--video img,
body.page--video iframe,
.page--video img,
.page--video iframe {
  max-width: 100%;
}

/* Пять клипов в ряд на широких экранах. */
body.page--video .vk-clips-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
}

@media (max-width: 1280px) {
  body.page--video .vk-clips-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  body.page--video .vk-clips-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  body.page--video .vk-clips-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }
}