#header {
  top: 0px;
}
#header .logo img {
  max-height: 50px;
}

@media (max-width: 1024px) {
	#header .logo img {
	  max-height: 40px;
	}
}


/* Video gallery */
.video-gallery .video-card {
  display: block;
  text-decoration: none;
}

.video-gallery .video-thumb-wrap-16x9 {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 10px;
  background: #000;
}

.video-gallery .video-thumb-wrap-9x16 {
  position: relative;
  width: 100%;
  aspect-ratio: 9 / 16; /* <-- исправлено */
  overflow: hidden;
  border-radius: 10px;
  background: #000;
}

.video-gallery .video-thumb {
  width: 100%;
  height: 100%;
  object-fit: cover; /* заполняет блок без полей */
  transition: transform 0.35s ease;
}

.video-gallery .video-card:hover .video-thumb {
  transform: scale(1.06);
}

.video-gallery .play-btn {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.video-gallery .play-btn i {
  font-size: 64px;
  color: #fff;
  text-shadow: 0 4px 12px rgba(0, 0, 0, 0.45);
  line-height: 1;
}

/* ===== Вертикальное видео в GLightbox (кроп 16:9 -> 9:16) ===== */

/* центрируем контент слайда */
.glightbox-container .gslide.is-vertical-slide .gslide-inner-content,
.glightbox-container .gslide.is-vertical-slide .ginner-container {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
}

/* убираем inline max-width от glightbox */
.glightbox-container .gslide.is-vertical-slide .gslide-media.gslide-video {
  width: min(92vw, 460px) !important;
  max-width: min(92vw, 460px) !important;
  margin: 0 auto !important;
}

/* контейнер плеера 9:16 */
.glightbox-container .gslide.is-vertical-slide .gvideo-wrapper,
.glightbox-container .gslide.is-vertical-slide .plyr {
  position: relative !important;
  width: min(92vw, 460px) !important;
  height: min(88vh, 820px) !important;
  aspect-ratio: 9 / 16 !important;
  overflow: hidden !important;
  border-radius: 12px !important;
  background: #000 !important;
  margin: 0 auto !important;
}

/* ломаем дефолтную 16:9 обертку plyr */
.glightbox-container .gslide.is-vertical-slide .plyr__video-wrapper {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  padding-bottom: 0 !important; /* критично */
  overflow: hidden !important;
}

/* iframe на весь контейнер */
.glightbox-container .gslide.is-vertical-slide .plyr__video-wrapper iframe {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
}

/* постер тоже на весь контейнер */
.glightbox-container .gslide.is-vertical-slide .plyr__poster {
  background-size: cover !important;
  background-position: center !important;
}





#hero {
  position: relative;
  overflow: hidden;
  min-height: 100vh; /* или твоя высота */
}

.hero-video-wrapper {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}

.hero-video {
  width: 100%;
  height: 100%;
  object-fit: cover;      /* заполняет блок с обрезкой */
  object-position: center;/* обрезка от центра, а не слева */
  display: block;
}

.hero-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.45); /* затемнение */
}

#hero .container {
  position: relative;
  z-index: 2; /* контент поверх видео и оверлея */
}