/* Keep the pre-initialization layout independent of Bootstrap transitions. */
.id-1 #carousel:not(.slick-ready) .carousel-inner>.item{
 position:relative!important;float:none!important;left:auto!important;
 transform:none!important;opacity:1!important;visibility:visible!important;
 transition:none!important;box-sizing:border-box;
}

/* Compact mobile gap above the main banners; desktop stays unchanged. */
@media(max-width:767px){body.id-1 #carousel{margin-top:8px!important}}