/* === 538 clean responsive swipe carousel, pixel-perfect, no flinter === */
/* Outer column */
selector {
overflow: hidden !important;
position: relative !important;
padding: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
}
/* Swipe wrapper: strak links */
selector .ue-swiper-wrapper {
justify-content: flex-start !important;
margin-left: 0 !important;
transform: none !important;
box-sizing: border-box !important;
}
/* 📱 Mobiel: 12px peek, slide iets kleiner */
@media (max-width: 599px) {
selector .ue-swiper-slide {
width: calc(100vw – 15px) !important; /* extra 1px marge */
flex: 0 0 calc(100vw – 15px) !important;
max-width: calc(100vw – 15px) !important;
margin-left: 0 !important;
box-sizing: border-box !important;
}
}
/* 💊 Tablet: 20px peek, slide iets kleiner */
@media (min-width: 600px) and (max-width: 1024px) {
selector .ue-swiper-slide {
width: calc(100vw – 23px) !important; /* extra 1px marge */
flex: 0 0 calc(100vw – 23px) !important;
max-width: calc(100vw – 23px) !important;
margin-left: 0 !important;
box-sizing: border-box !important;
}
}
/* Volgende slide gewoon zichtbaar, geen effecten */
selector .ue-swiper-slide-next,
selector .ue-swiper-slide-prev {
transform: none !important;
opacity: 1 !important;
filter: none !important;
}
%%%%%%%%%%%JS HTML
