.cvs-slider {
position: relative;
overflow: hidden;
width: 100%;
user-select: none;
}

.cvs-slider-track {
display: flex;
gap: 10px;
overflow-x: auto;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
padding-bottom: 6px;
margin-left: -15px;
}

.cvs-slider-track::-webkit-scrollbar { 
display: none; 
}

.cvs-slide {
flex: 0 0 auto;
width: calc(60% / var(--slides-per-view, 3));
box-sizing: border-box;
scroll-snap-align: center;
text-align: center;
padding: 6px;
}

.cvs-video-thumb {
display: block;
position: relative;
border-radius: 20px;
overflow: hidden;
cursor: pointer;
height: 500px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}

.video-info {
position: absolute;
bottom: 0px;
background-image: linear-gradient(180deg, #3a4b5700 0%, var(--e-global-color-primary) 100%);
width: 100%;
padding: 60px 20px;
text-align: center;
}

.video-info h4 {
margin: 0px;
color: #ffffff !important;
font-size: 28px !important;
}

.cvs-video-thumb img {
width: 100%;
height: auto;
display: block;
height: 500px !important;
object-fit: cover;
}

.cvs-play-btn {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
color: #f87462 !important;
background: #ffffff !important;
width: 75px;
height: 75px;
border-radius: 50% !important;
display: flex;
align-items: center;
justify-content: center;
font-size: 25px !important;
border: none !important;
}

.cvs-play-btn:hover {
background: #f87462 !important;
color: #ffffff !important;
}

.cvs-lightbox-content {
width: fit-content;
border-radius: 20px;
margin: 40px auto;
}

/* Lightbox */
#cvs-lightbox {
display: none;
position: fixed;
inset: 0;
z-index: 2147483647;
background: rgb(0, 0, 0, 0.85);
overflow: hidden;
}

#cvs-lightbox .cvs-lightbox-bg {
position: absolute;
inset: 0;
background: rgba(0,0,0,0.85);
}

#cvs-lightbox .cvs-lightbox-wrap {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 90%;
max-width: 1000px;
background: transparent;
}

#cvs-lightbox iframe {
width: 700px;
height: calc(37vw * 0.56);
border: 3px solid #4A6572;
border-radius: 20px;
}

.cvs-close {
position: absolute;
top: 25px;
right: 20px !important;
font-size: 40px !important;
color: #ffffff !important;
cursor: pointer !important;
padding: 0px !important;
background: transparent !important;
border: none !important;
}

/* Cursor styles */
.cvs-slider-cursor {
position: fixed;
top: 0;
left: 0;
width: 40px;
height: 40px;
border: 2px solid #f87462;
border-radius: 50%;
pointer-events: none;
z-index: 9999;
transform: translate(-50%, -50%) scale(0);
transition: transform 0.2s ease, background-color 0.3s ease, border-color 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
}

.cvs-slider-cursor.active {
transform: translate(-50%, -50%) scale(1);
}

.cvs-slider-cursor svg {
width: 60px;
height: 60px;
fill: #f87462;
transition: transform 0.2s ease;
}

/* When on the right side */
.cvs-slider-cursor.right svg {
transform: rotate(0deg);
}

/* When on the left side */
.cvs-slider-cursor.left svg {
transform: rotate(180deg);
}