.evs-container { width:100%; max-width:1300px; margin:0 auto; }
.evs-slider-container { position:relative; height:var(--evs-height,600px); perspective:5000px; }
.evs-slider { position:relative; width:100%; height:100%; transform-style:preserve-3d; z-index:10; }

.evs-slide {
  position:absolute; width:100%; border-radius:20px; overflow:hidden;
  transition:transform .8s cubic-bezier(.175,.885,.32,1.275), z-index .3s ease;
  cursor:pointer; display:flex; flex-direction:column;
  left:50%; transform:translateX(-50%); bottom:0; background:#fff;
}

.evs-video-container { height:65%; position:relative; background:#000; }
.evs-video-wrapper { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; }
.evs-video-wrapper iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

.evs-click-area {
  position:absolute; top:0; left:0; width:100%; height:70px;
  background:rgba(255,255,255,.1); z-index:5;
  display:flex; align-items:center; justify-content:center;
  color:#fff; font-size:12px; opacity:0; transition:opacity .3s ease;
  pointer-events:auto;
}
.evs-slide:hover .evs-click-area { opacity:1; }

.evs-slide-tag {
  position:absolute; top:20px; left:0; background:rgba(0,0,0,.7); color:#fff;
  padding:8px 20px; font-size:.9rem; border-radius:0 30px 30px 0; z-index:6;
}

/* Position states (class-based only) */
.evs-slide.active           { transform:translateX(-50%) translateZ(0) translateY(0) scale(1);       z-index:10 !important; }
.evs-slide.inactive-middle  {transform: translateX(-50%) translateZ(-75px)  translateY(-130px) scale(.90);z-index:2  !important;}
.evs-slide.inactive-behind  {transform: translateX(-50%) translateZ(-150px) translateY(-255px) scale(.82);z-index:1  !important;}

/* Controls + indicators */
.evs-controls { margin-top:30px; display:flex; justify-content:center; gap:15px; position:relative; z-index:20; pointer-events:auto; }
.evs-btn {
  background:rgba(255,255,255,.2); border:2px solid #fff; color:#fff;
  width:50px; height:50px; border-radius:50%; font-size:1.2rem; cursor:pointer;
  transition:all .3s ease; display:flex; align-items:center; justify-content:center; backdrop-filter:blur(10px);
  pointer-events:auto;
}
.evs-btn:hover { background:rgba(255,255,255,.3); transform:translateY(-5px); }

.evs-indicators { display:flex; justify-content:center; gap:15px; margin-top:30px; position:relative; z-index:20; pointer-events:auto; }
.evs-indicator { width:14px; height:14px; border-radius:50%; background:rgba(255,255,255,.5); cursor:pointer; transition:all .3s ease; pointer-events:auto; }
.evs-indicator.active { background:#fff; transform:scale(1.3); }

/* Defensive clickability */
.evs-container, .evs-container * { pointer-events:auto; }
.elementor-editor-active .evs-container * { pointer-events:auto !important; }

/* Responsive */
@media (max-width:767px){
  .evs-slider-container{ height:500px; }
  .evs-slide{ max-width:440px; }
}


/* === Custom thumbnail overlay (lazy) === */
.evs-video-wrapper { position: relative; padding-bottom:47.25%; height:0; overflow:hidden; }
.evs-thumb {
  position:absolute; inset:0;
  display:flex; align-items:center; justify-content:center;
  border:0; background:transparent; padding:0;
  cursor:pointer; z-index:3;
}
.evs-thumb-img { width:100%; height:100%; object-fit:cover; display:block; }
.evs-thumb-play-icon {
  position:absolute; top:50%; left:50%;
  transform:translate(-50%,-50%);
  height:64px; width:auto; pointer-events:none;
}



/* Ensure thumbnail image displayed with custom play icon centered */
.evs-thumb { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; }
.evs-thumb-img { width:100%; height:100%; object-fit:cover; display:block; }
.evs-thumb-play-icon { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); height:64px; width:auto; pointer-events:none; }