/* Scorrimento nativo anche prima del caricamento di Splide. */
.dd-carousel > .dd-carousel__track {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
}
.dd-carousel .dd-carousel__item {
  position: relative;
  flex: 0 0 100%;
  min-width: 0;
  scroll-snap-align: start;
}
.dd-carousel .dd-carousel__image {
  display: block;
  width: 100%;
  height: auto;
}
.dd-carousel .dd-carousel__caption {
  position: absolute;
  inset: auto 10% 1rem;
  text-align: center;
  color: white;
  text-shadow: 0 1px 3px #222;
}
.dd-carousel .splide__track {
  overflow: hidden;
  border-radius: 8px;
}
.dd-carousel .splide__arrow {
  width: 44px;
  height: 44px;
  opacity: 1;
  background: #fff;
  box-shadow: 0 1px 6px #0004;
}
.dd-carousel .splide__arrow:disabled {
  opacity: .45;
}
.dd-carousel .ec-slider-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 44px;
  font: 600 14px/1.4 system-ui, sans-serif;
  font-variant-numeric: tabular-nums;
}
.dd-carousel .splide__toggle {
  min-height: 44px;
  padding: 0 12px;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-decoration: underline;
  cursor: pointer;
}