.lc-recprod { background-color: rgba(0, 0, 0, .05); border-radius: 4px; display: block; padding: 1rem; text-align: center; height: 100%; display: flex; flex-direction: column; transition: all 400ms; } .lc-recprod:hover { text-decoration: none; } .lc-recprod__thumbnail img { width: 100px; height: 100px; object-fit: cover; } .lc-recprod__body { flex-grow: 1; display: flex; flex-direction: column; } .lc-recprod__name { color: var(--heading-color); } .lc-recprod__price { font-weight: 400; margin-top: auto; } /* splide custom css */ .splide { padding: 0 4rem 4rem 4rem; } .splide__pagination__page.is-active { background: #000; } /* lc-recprod-static is applied when there are fewer recs than the page size */ .lc-recprod-static .splide { visibility: visible; padding: 0; } .lc-recprod-static .splide__list { gap: 1rem; } .lc-recprod-static .splide__slide { width: calc(25% - (3rem / 4)); }

Get Started > test

test