.cis-slider-wrapper{
    position:relative;
    width:100%;
    overflow:hidden;
}

/* slider row */
.cis-slider{
    display:flex;
    transition:transform .5s ease-out;
}

/* individual slide */
.cis-slide{
    min-width:25%;          /* 4 on desktop */
    padding:0 10px;         /* <-- spacing between images */
    box-sizing:border-box;
}

.cis-slide-img{
    width:100%;
    height:250px;
    object-fit:cover;
    cursor:pointer;
    border-radius:4px;
}

/* Tablet: 3 images */
@media(max-width:1024px){
    .cis-slide{min-width:33.33%;}
}

/* Mobile: 1 image */
@media(max-width:600px){
    .cis-slide{min-width:100%;}
}

/* Nav buttons */
.cis-prev,.cis-next{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    background:#0008;
    color:#fff;
    border:0;
    padding:12px;
    cursor:pointer;
    z-index:10;
    border-radius:4px;
}
.cis-prev{left:10px;}
.cis-next{right:10px;}

/* Lightbox */
.cis-lightbox{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.9);
    display:none;
    justify-content:center;
    align-items:center;
}
.cis-lightbox img{
    max-width:90%;
    max-height:90%;
}
.cis-lightbox-close{
    position:absolute;
    top:20px;
    right:40px;
    font-size:40px;
    color:#fff;
    cursor:pointer;
}