@layer addon { .templateCollection.collectionPage { .splide { display: flex; flex-wrap: wrap; .splide__arrows { order: 3; margin-top: var(--padding); margin-left: var(--gutter); position: relative; display: flex; flex-direction: row; gap: calc(var(--gutter) / 2); width: fit-content; .splide__arrow { position: relative; top: unset; transform: unset; left: unset; right: unset; } } .splide__pagination { order: 2; } } } }