.egvc-swiper { position: relative; width: 100%; }
.egvc-swiper .swiper-wrapper { align-items: stretch; }
.egvc-slide { display: flex; flex-direction: column; gap: .5rem; cursor: pointer; }
.egvc-thumb { position: relative; overflow: hidden; border-radius: 12px; }
.egvc-thumb img { display:block; width:100%; height:auto; }
.egvc-play { position:absolute; inset:auto auto 12px 12px; font-size: 28px; line-height:1; background:#ffffffcc; padding:6px 10px; border-radius:999px; }
.egvc-slide-title { font-weight: 600; font-size: 16px; }

/* NAV: centered left/right, large and noticeable */
.egvc-nav .egvc-button-prev, .egvc-nav .egvc-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 64px;
  height: 64px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,0.96);
  color: #111;
  font-size: 34px;
  font-weight: 700;
  box-shadow: 0 8px 24px rgba(0,0,0,.25);
  z-index: 10;
  cursor: pointer;
  transition: transform .15s ease, background .15s ease, box-shadow .15s ease;
  user-select: none;
}
.egvc-nav .egvc-button-prev { left: 12px; }
.egvc-nav .egvc-button-next { right: 12px; }

.egvc-nav .egvc-button-prev::before { content: '\2039'; } /* ‹ */
.egvc-nav .egvc-button-next::before { content: '\203A'; } /* › */
.egvc-nav .egvc-button-prev::after, .egvc-nav .egvc-button-next::after { content: none !important; }

.egvc-nav .egvc-button-prev:hover, .egvc-nav .egvc-button-next:hover {
  transform: translateY(-50%) scale(1.05);
  background: #fff;
  box-shadow: 0 10px 32px rgba(0,0,0,.32);
}

.egvc-pagination { position:absolute; left:0; right:0; bottom: 8px; text-align:center; }

/* Modal */
.egvc-modal { position: fixed; inset:0; z-index: 99999; }
.egvc-modal__overlay { position:absolute; inset:0; background: rgba(0,0,0,.65); }
.egvc-modal__content { position:absolute; inset: 5% 8%; background:#000; border-radius:12px; display:flex; flex-direction:column; }
.egvc-modal__close { position:absolute; top:8px; right:10px; background:#fff; border:0; border-radius:6px; padding:6px 10px; cursor:pointer; font-size:18px; }
.egvc-modal__frame { flex:1; display:flex; align-items:center; justify-content:center; padding: 48px 24px 24px; }
.egvc-modal__frame iframe, .egvc-modal__frame video { width:100%; height:100%; border:0; border-radius:8px; background:#000; }

@media (max-width: 1024px) {
  .egvc-nav .egvc-button-prev, .egvc-nav .egvc-button-next { width: 56px; height: 56px; font-size: 30px; }
}
@media (max-width: 767px) {
  .egvc-modal__content { inset: 8% 4%; }
  .egvc-nav .egvc-button-prev, .egvc-nav .egvc-button-next { width: 48px; height: 48px; font-size: 26px; }
}