.cis-slider-wrapper{
    position:relative;
    width:100%;
    overflow:hidden;
    padding:20px 10px;
    box-sizing:border-box;
}

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

/* flex item */
.cis-slide{
    flex:0 0 auto;
}

/* inner card that we can size & color per settings */
.cis-slide-inner{
    width:100%;
    margin:0 auto;
    box-sizing:border-box;
}

/* image */
.cis-slide-img{
    width:100%;
    height:250px;
    object-fit:cover;
    cursor:pointer;
    display:block;
}

/* Nav buttons */
.cis-prev,.cis-next{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    background:rgba(0,0,0,.5);
    color:#fff;
    border:0;
    padding:10px 14px;
    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;
    z-index:9999;
}
.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;
}

/* Admin layout */
.cis-admin-wrap .cis-admin-main{
    display:flex;
    gap:30px;
    margin-top:20px;
}
.cis-admin-wrap .cis-admin-left{
    flex:3;
}
.cis-admin-wrap .cis-admin-right{
    flex:1;
}