@charset "UTF-8";
/* PHOTO-VIDEO-1 (03.10.2026). Раскладка ВИДЕО в фотоотчёте: и на странице
   альбома, и в сетке правки альбома. Сам плеер и его пропорцию 16:9 рисует
   общий компонент видео, его таблица — assets/templates/clubber/video_embed.css
   (VIDEO-EMBED-1); здесь только место в сетке: строка альбома с внешней
   ссылкой (clubber_photos.ext_link) — не фотография, поэтому занимает всю
   ширину строки, а не клетку размером с плитку.

   Плиткой фото (.album-photos-item) этот блок СПЕЦИАЛЬНО не делаем: по таким
   плиткам просмотрщик считает кадры и строит переходы. */

.photoreport-album .album-photos-grid .album-photos-video,
.album-photos-video {
  flex: 0 0 100%;
  /* На телефоне та же сетка — уже НЕ flex, а grid из двух колонок
     (mobile_photos.css: .album-photos-grid { display: grid !important }).
     Тогда строку задаёт grid-column, а не flex-basis. */
  grid-column: 1 / -1;
  width: 100%;
  box-sizing: border-box;
}
.album-photos-video .cb-video { margin: 0 0 6px; }
.album-photos-video .cb-video-frame { max-width: 720px; }

/* Сетка правки альбома: клетка с видео — во всю ширину, кадр по пропорции.
   Селектор с .cbpgrid — нарочно длиннее, чем у клетки фото: на телефоне
   mobile_photos.css переопределяет .albedit-panel .cbpcell на две колонки, и
   при равной силе правил победил бы он. */
.albedit-panel .cbpgrid .cbpcell-video {
  flex: 0 0 100%;
  max-width: 100%;
}
.albedit-panel .cbpgrid .cbpcell-video .cbpimg {
  height: auto;
  overflow: visible;
  background: transparent;
}
.albedit-panel .cbpgrid .cbpcell-video .cbpvideo { height: auto; overflow: visible; }
.albedit-panel .cbpgrid .cbpcell-video .cb-video { margin: 0; }

@media (max-width: 768px) {
  .album-photos-video .cb-video { margin: 0 0 4px; }
}