.spc-slider-block {
  --spc-arrow-size: 2.5rem;
  position: relative;
  margin-block: 2rem;
}

.spc-slider-block__title {
  margin-block-end: 1rem;
}

.spc-slider-block__description {
  margin-block: -0.5rem 1.25rem;
}

.spc-slider:not(.slick-initialized) {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(14rem, 80%);
  gap: 1rem;
  overflow-x: auto;
}

@media (min-width: 576px) {
  .spc-slider:not(.slick-initialized) {
    grid-auto-columns: minmax(14rem, 50%);
  }
}

@media (min-width: 992px) {
  .spc-slider:not(.slick-initialized) {
    grid-auto-columns: minmax(14rem, 25%);
  }
}

.spc-slider__slide {
  min-width: 0;
  padding-inline: 0.5rem;
}

.spc-slider__slide > .product-miniature,
.spc-slider__slide > article {
  width: 100%;
}

.spc-slider-block .slick-prev,
.spc-slider-block .slick-next {
  z-index: 2;
  width: var(--spc-arrow-size);
  height: var(--spc-arrow-size);
}

.spc-slider-block .slick-prev {
  left: 0;
}

.spc-slider-block .slick-next {
  right: 0;
}

.spc-slider-block .slick-dots {
  position: static;
  margin-block-start: 0.75rem;
}

.spc-arrows--circle .slick-prev,
.spc-arrows--circle .slick-next {
  border: 1px solid currentColor;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 8px rgb(0 0 0 / 18%);
  color: inherit;
}

.spc-arrows--circle .slick-prev::before,
.spc-arrows--circle .slick-next::before {
  color: currentColor;
  opacity: 0.85;
}

.spc-arrows--minimal .slick-prev,
.spc-arrows--minimal .slick-next {
  width: 3rem;
  height: 3rem;
  background: transparent;
  color: inherit;
}

.spc-arrows--minimal .slick-prev::before,
.spc-arrows--minimal .slick-next::before {
  color: currentColor;
  font-size: 2.25rem;
  font-weight: 300;
  opacity: 0.7;
}

.spc-dots--pills .slick-dots li,
.spc-dots--pills .slick-dots li button {
  width: 1.75rem;
  height: 0.75rem;
}

.spc-dots--pills .slick-dots li button::before {
  top: 0.2rem;
  left: 0.125rem;
  width: 1.5rem;
  height: 0.4rem;
  border-radius: 999px;
  background: currentColor;
  color: inherit;
  content: '';
  opacity: 0.25;
}

.spc-dots--pills .slick-dots li.slick-active button::before {
  opacity: 0.85;
}

.spc-dots--lines .slick-dots li,
.spc-dots--lines .slick-dots li button {
  width: 2rem;
  height: 0.65rem;
}

.spc-dots--lines .slick-dots li button::before {
  top: 0.3rem;
  left: 0.125rem;
  width: 1.75rem;
  height: 2px;
  border-radius: 0;
  background: currentColor;
  color: inherit;
  content: '';
  opacity: 0.25;
}

.spc-dots--lines .slick-dots li.slick-active button::before {
  opacity: 0.9;
}

@media (prefers-reduced-motion: reduce) {
  .spc-slider-block .slick-track {
    transition-duration: 0.01ms !important;
  }
}