/* Core wrapper widths */
.acn-slick-carousel-wrapper,
.acn-slick-carousel {
	width: 100%;
}

/* give every slide its gap as *padding* */
.acn-slick-item{
	box-sizing:border-box;
	padding-inline:15px;   /* ← gap */
}

/* pull those pads back so the first/last slide line up */
.acn-slick-carousel .slick-list{
	margin-inline:-15px;
}



/* default gap on desktop is handled inline; just tidy up arrows/dots */
.acn-slick-carousel .slick-prev { left: -50px; }
.acn-slick-carousel .slick-next { right: -50px; }
.acn-slick-carousel .slick-dots { display: none; }

/* tighter spacing on very small screens */
@media (max-width: 480px) {
	.acn-slick-carousel .slick-list{margin-inline:-3px}
	.acn-slick-item {
		padding: 3px !important;
    padding-inline:3px;
		margin-inline: 3px !important;
	}
}