.eaog-gallery { position: relative; }

/* Main */
.eaog-main .eaog-item { position: relative; }
/* Контейнер кадра (как было) */
.eaog-main .eaog-media{
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  border-radius: 8px;
}

/* Blurred background filler (covers empty fields) */
.eaog-main .eaog-media > .eaog-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-size: cover;
  background-position: center;
  filter: blur(18px);
  transform: scale(1.1);         /* чтобы края блюра не подсекались */
  opacity: 0.9;                  /* мягче */
  will-change: transform, filter;
}

/* ЕСЛИ включён лайтбокс: ссылка должна занять весь кадр */
.eaog-main .eaog-media > a.eaog-lightbox-link{
  position: absolute;
  inset: 0;          /* top:0; right:0; bottom:0; left:0 */
  display: block;
  z-index: 1;        /* ниже нав-стрелок */
}

/* Картинка должна заполнять кадр
   — поддерживаем оба случая: с обёрткой и без неё */
.eaog-main .eaog-media > a.eaog-lightbox-link > img,
.eaog-main .eaog-media > img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
  z-index: 1;                    /* над фоном */
  background: transparent;
}

/* Навигация поверх */
.eaog-main .owl-nav {
	position:absolute;
	top:50%;
	height:0;
	width:100%
}
.eaog-main .owl-nav [class*='owl-'] {
	transform:translateY(-50%);
	position:absolute;
	font-size:40px!important
}
.eaog-main .owl-nav .owl-prev {
	left:10px
}
.eaog-main .owl-nav .owl-next {
	right:10px
}

/* Aspect ratios */
.eaog-ratio-16-9 { padding-top: 56.25%; }
.eaog-ratio-4-3  { padding-top: 75%; }
.eaog-ratio-1-1  { padding-top: 100%; }
.eaog-ratio-21-9 { padding-top: 42.8571428571%; }

/* Caption */
.eaog-caption { margin-top: 8px; font-size: .9rem; opacity: .85; }

/* Thumbs */
.eaog-thumbs { margin-top: 12px; }
.eaog-thumbs .owl-item { cursor: pointer; opacity: .7; }
.eaog-thumbs .owl-item.current { opacity: 1; }
.eaog-thumbs .owl-item img { display: block; width: 100%; height: auto; }
