/* === video-fix.css: гарантированная влезаемость видео без обрезки === */
:root {
  --video-bg: #000;
}

/* Общий случай */
video {
  max-width: 100%;
  width: 100%;
  height: auto !important;
  display: block;
  background: var(--video-bg);
  object-fit: contain !important; /* избегаем обрезки */
}

/* Частые именования обёрток */
.video, .video-item, .video-card, .video-wrapper, .video-frame, .videos, .video-grid {
  position: relative;
  background: var(--video-bg);
}

/* Если контейнеры задают фиксированную высоту — снимем её и избежим overflow-обрезки */
.video *, .video-item *, .video-card *, .video-wrapper *, .video-frame * {
  max-height: none !important;
  overflow: visible !important;
}

/* Удобная утилита, если нужно принудительно снять обрезку */
.fit-video, .no-crop video {
  object-fit: contain !important;
  width: 100% !important;
  height: auto !important;
}