html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  background-color: #111; /* Тъмен фон за празните зони отстрани */
}

/* Контейнер, който центрира видеото хоризонтално */
.wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100dvh; /* Заема точно височината на видимия екран */
  overflow: hidden;
}

/* Видеото фиксира височината си и поддържа пропорциите си */
.vertical-video {
  height: 100dvh; /* Изпълва точно 100% от височината */
  width: auto;    /* Ширината се нагажда автоматично спрямо пропорцията */
  max-width: none; /* Предотвратява свиване от подразбиращи се рамки */
}