/* swiper */
.slider { position: relative; }
.slider .swiper-wrapper { align-items: stretch; /* restore equal-height */ }
.slider .swiper-slide { height: auto; display: flex; }

/* navigation buttons */
.slider .swiper-button-prev,
.slider .swiper-button-next { top: 50%; transform: translateY(-50%); z-index: 9999; }
/* move out of the container to viewport edges */
.slider .swiper-button-prev { left: calc(-1 * ((100vw - 100%) / 2) + 12px); }
.slider .swiper-button-next { right: calc(-1 * ((100vw - 100%) / 2) + 12px); }

/* pagination */
.slider[data-swiper="cards"] .swiper-pagination { 
    position: static; /* put it in normal flow */ margin-top: 16px; text-align: center; }