/* Products Vertical Gallery (Elementor) - v1.0.6 */
.pvge-wrap { position: relative; margin: 0 auto; width:100%; }
.pvge-inner { position: relative; display: grid; grid-template-columns: 1fr auto; gap: 24px; align-items: center; }

/* Main slider */
.pvge-main { width: 100%; position: relative; padding-left: 20px; padding-right: calc(var(--pvge-thumb) + 35px); }
.pvge-main .swiper-slide { display: flex; align-items: center; justify-content: center; }
.pvge-main img { max-width: 100%; max-height: 80vh; height: auto; width: auto; object-fit: contain; display: block; }

/* Right vertical thumbs */
.pvge-thumbs { width: calc(var(--pvge-thumb) + 4px); }
.pvge-thumbs .swiper-slide {
  width: var(--pvge-thumb);
  height: var(--pvge-thumb);
  opacity: .6;
  box-sizing: border-box;
  border: 2px solid #1e3363;
  border-radius: 8px;
  overflow: hidden;
  background: rgba(255,255,255,.04);
  cursor: pointer;
}
.pvge-thumbs .swiper-slide img { width: 100%; height: 100%; object-fit: cover; display: block; pointer-events: none; }
.pvge-thumbs .swiper-slide + .swiper-slide { margin-top: var(--pvge-gap); }
.pvge-thumbs .swiper-slide.swiper-slide-thumb-active { opacity: 1; }

/* Arrows - sağda thumbnails'ten 5px boşluk */
.pvge-arrow{
  display:flex; align-items:center; justify-content:center;
  position:absolute; z-index:50;
  width:48px; height:48px; border-radius:999px;
  border:2px solid rgba(255,255,255,.85);
  background: rgba(0,0,0,.15);
  backdrop-filter: blur(2px);
  cursor:pointer;
  pointer-events:auto;
}
.pvge-prev { left:20px; top:50%; transform:translateY(-50%); }
.pvge-next { top:50%; transform:translateY(-50%); right: calc(var(--pvge-thumb) + 5px); }

.pvge-arrow:after{
  content:''; width:12px; height:12px;
  border-top:2px solid #fff; border-right:2px solid #fff;
}
.pvge-prev:after{ transform: rotate(-135deg); }
.pvge-next:after{ transform: rotate(45deg); }

/* Mobile */
@media (max-width: 767px) {
  .pvge-inner { grid-template-columns: 1fr; gap: 12px; }
  .pvge-main { padding: 0; }
  .pvge-thumbs { width: 100%; }
  .pvge-thumbs .swiper-slide { height: var(--pvge-thumb); width: var(--pvge-thumb); }
  .pvge-thumbs .swiper-slide + .swiper-slide { margin-top: 0; margin-left: var(--pvge-gap); }
  .pvge-arrow { display:none; }
}
