/* Layout the pagination nicely */
.kb-splide.kb-splide-labeled .splide__pagination{
  display:flex;
  flex-wrap:wrap;                 /* wrap on small screens */
  gap:.75rem;                     /* more space between pills */
  justify-content:space-evenly;   /* spread labels evenly across the row */
  align-items:center;
  list-style:none;
  padding:0 !important;
  margin-top:1rem;
  width:100%;
  bottom:620px !important;
}
.kb-splide .splide__pagination__page{
	width:auto !important;
}
@media (max-width: 767px) {
	.kb-splide.kb-splide-labeled .splide__pagination{
		width:100%;
		bottom:635px !important
	}
	.kb-splide .splide__pagination, .kb-splide ul.splide__pagination.splide__pagination{
		padding:0;
		justify-content: space-evenly;
		overflow-y: hidden;
	}
}

/* keep LIs from forcing vertical stacking */
.kb-splide.kb-splide-labeled .splide__pagination li{ display:contents; }

/* Pill appearance */
.kb-splide.kb-splide-labeled .splide__pagination__page{
  display:inline-flex;
  padding:.5rem .5rem;            /* bigger tap target + breathing room */
  border-radius:999px;
  font-size:1.2rem;
  font-weight:600;
  line-height:1.2;
  background:#f5f5f5;
  color:#000;
  border:1px solid rgba(0,0,0,.08);
  cursor:pointer;
  opacity:1;
  white-space:nowrap;             /* keep labels on one line */
  align-items: center;
  justify-content: center;
  text-indent: 0px;
  background-color: transparent !important;
  border: none !important;
}

/* Active state */
.kb-splide.kb-splide-labeled .splide__pagination__page.is-active,
.kb-splide.kb-splide-labeled .splide__pagination__page[aria-selected="true"]{
  background:#222;
  color:var(--global-palette7);
  border-color:#222;
}

/* Optional: single-row scroller for very narrow screens */
@media (max-width:480px){
  .kb-splide.kb-splide-labeled .splide__pagination{
	flex-wrap:nowrap;
	overflow-x:auto;
	justify-content:flex-start;
  }
}