*{margin:0;padding:0;box-sizing:border-box}
html,body,.fullscreen-slider{width:100%;height:100%;background:#000}
body{overflow:hidden;font-family:Arial,sans-serif}
.fullscreen-slider{position:relative;overflow:hidden}
.slides-wrapper{position:relative;width:100%;height:100%}
.slide{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .8s}
.slide.active{opacity:1;visibility:visible}
.slide img{width:100%;height:100%;object-fit:contain;background:#000}
.caption{position:absolute;left:0;right:0;bottom:70px;padding:20px;background:rgba(0,0,0,.55);color:#fff;text-align:center}
.caption .title{font-size:34px;font-weight:bold}
.gallery{margin-top:8px;font-size:18px;color:#ddd}
.slider-controls{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:10}
.slider-controls button{padding:10px 18px;cursor:pointer}
.slide-counter{position:absolute;top:20px;right:20px;color:#fff;z-index:10}
.progress-container{position:absolute;left:0;right:0;bottom:0;height:5px;background:#222}
#progressBar{width:0;height:100%;background:#00d084}
#loader{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;color:#fff;background:#000;z-index:20}
.imagely-empty{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%;color:#fff}