.hls-slider-wrapper { position: relative; width: 100%; overflow: hidden; }
.hls-slides { display: flex; flex-wrap: nowrap; transition: transform 0.5s ease-in-out; }
.hls-slide, .hls-hero-slide { flex: 0 0 100%; position: relative; min-height: 500px; display: flex; justify-content: center; align-items: center; }
.hls-slide img, .hls-hero-slide img { width: 100%; height: auto; object-fit: cover; }
.hls-slide.loaded { opacity: 1; }