.ss-wrapper { position: relative; overflow: hidden; width: 100%; }
.ss-track { display: flex; transition: transform 0.5s ease; }
.ss-slide { min-width: 100%; position: relative; }
.ss-slide img { display: block; width: 100%; height: auto; }
.ss-caption { position: absolute; left: 1rem; bottom: 1rem; padding: .5rem .75rem; background: rgba(0,0,0,.5); color: #fff; border-radius: .375rem; font-size: 1rem; }
.ss-nav { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0,0,0,.4); color: #fff; border: 0; padding: .5rem .75rem; cursor: pointer; z-index: 2; }
.ss-prev { left: .5rem; }
.ss-next { right: .5rem; }
.ss-dots { position: absolute; left: 50%; transform: translateX(-50%); bottom: .5rem; display: flex; gap: .5rem; }
.ss-dots button { width: .6rem; height: .6rem; border-radius: 50%; border: none; background: rgba(255,255,255,.6); cursor: pointer; }
.ss-dots button.active { background: rgba(255,255,255,1); }