.custom-carousel-wrapper:has(.glider-dot) {
  margin-bottom: 64px;
}
@-moz-document url-prefix() {
  .custom-carousel-wrapper {
    margin-bottom: 64px;
  }
  .glider-track {
    margin-bottom: 17px !important;
  }
  .custom-carousel {
    overflow: hidden;
  }
}
.glider-track {
  margin: 0 auto;
  scrollbar-width: none;
}
.custom-carousel .glider-slide {
  margin-inline: 8px;
}
.glider-next, .glider-prev {
  top: calc(50% - 24px);
  border-radius: 100px;
  border: 1px solid rgba(16, 16, 20, 0.2);
  width: 48px;
  height: 48px;
  background: url("/wp-content/uploads/2023/08/arrow-down-black.svg") center center no-repeat;
  transition: 0.3s;
}
.glider-next:hover, .glider-prev:hover {
  border: 1px solid var(--primary);
  background: url("/wp-content/uploads/2023/03/arrow-down-primary.svg") center center no-repeat;
}
.glider-next.disabled, .glider-prev.disabled {
  opacity: 0;
}
@media (max-width: 1315px) {
  .glider-next, .glider-prev {
    display: none;
  }
}
.glider-next {
  right: -76px;
  left: auto;
  transform: rotate(-90deg);
}
.glider-prev {
  left: -76px;
  transform: rotate(90deg);
}
.custom-carousel__dots {
  margin-top: 32px;
  position: absolute;
  bottom: -64px;
}
.custom-carousel__dots .glider-dot {
  display: block;
  cursor: pointer;
  border-radius: 999px;
  color: var(--base-trans-20);
  background: var(--base-trans-20);
  width: 8px;
  height: 8px;
  margin: 12px var(--p12);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}
.custom-carousel__dots .glider-dot:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  border: 0px solid var(--primary);
  transition: 0.2s;
  width: 24px;
  height: 24px;
}
.custom-carousel__dots .glider-dot.active {
  background: var(--primary);
}
.custom-carousel__dots .glider-dot.active:after {
  border: 1px solid var(--primary);
}
/* Arrows and Dots if on a dark background */
.bg--base .glider-next, .bg--base .glider-prev {
  border: 1px solid var(--white-trans-20);
  background: url("/wp-content/uploads/2023/09/arrow-down-fullwhite.svg") center center no-repeat;
}
.bg--base .glider-next:hover, .bg--base .glider-prev:hover {
  border: 1px solid var(--primary);
  background: url("/wp-content/uploads/2023/03/arrow-down-primary.svg") center center no-repeat;
}
.bg--base .glider-dot {
  color: var(--white-trans-20);
  background: var(--white-trans-20);
}
/* Product Cards inside Carousel */
.custom-carousel.glider .product-card {
  flex-direction: column !important;
}