/* ============================
   Main Carousel (Commerce Layouts)
   ============================ */
.experience-commerce_layouts-carousel {
  /* Shared control styles */
  /* Dots indicators */
}
.experience-commerce_layouts-carousel .carousel {
  /* When product tiles exist */
}
.experience-commerce_layouts-carousel .carousel .rotate-left {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.experience-commerce_layouts-carousel .carousel .carousel-control-icon {
  background-color: var(--arrow-bg);
}
.experience-commerce_layouts-carousel .carousel:has(.product-tile) {
  padding-inline: 0.625rem;
}
.experience-commerce_layouts-carousel .carousel:has(.product-tile) .carousel-control-next {
  right: -42px;
}
@media (min-width: 1024px) {
  .experience-commerce_layouts-carousel .carousel:has(.product-tile) .carousel-control-next {
    right: -38px;
  }
}
.experience-commerce_layouts-carousel .carousel:has(.product-tile) .carousel-control-prev {
  left: -42px;
}
@media (min-width: 1024px) {
  .experience-commerce_layouts-carousel .carousel:has(.product-tile) .carousel-control-prev {
    left: -38px;
  }
}
.experience-commerce_layouts-carousel .carousel:has(.product-tile) .carousel-control-icon {
  width: 25px;
  height: 56px;
}
@media (min-width: 1024px) {
  .experience-commerce_layouts-carousel .carousel:has(.product-tile) .carousel-control-icon {
    width: 32px;
  }
}
.experience-commerce_layouts-carousel a.carousel-control-prev, .experience-commerce_layouts-carousel a.carousel-control-next {
  background-color: unset;
  top: 50% !important;
  -webkit-transform: translateY(-80%) !important;
          transform: translateY(-80%) !important;
}
.experience-commerce_layouts-carousel ol.pd-carousel-indicators {
  bottom: 10px;
}
@media (min-width: 768px) {
  .experience-commerce_layouts-carousel ol.pd-carousel-indicators {
    bottom: 0;
  }
}
.experience-commerce_layouts-carousel ol.pd-carousel-indicators li {
  width: 10px;
  height: 10px;
  border: 1px solid #727272;
  border-radius: 2.0625rem;
  background-color: transparent;
}
.experience-commerce_layouts-carousel ol.pd-carousel-indicators li.active {
  margin: 0 0.1875rem;
  height: 10px;
  background-color: #727272;
}

/* ============================
   Region spacing
   ============================ */
@media (min-width: 768px) {
  .region.region-left:has(.experience-commerce_layouts-carousel) {
    padding-left: 50px !important;
  }
}

/* ============================
   Einstein Carousel
   ============================ */
.experience-einstein-carouselProduct {
  padding-inline: 0.9375rem;
}
.experience-einstein-carouselProduct .rotate-left {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.experience-einstein-carouselProduct a.carousel-control {
  display: none;
}
@media (min-width: 768px) {
  .experience-einstein-carouselProduct a.carousel-control {
    display: block;
  }
  .experience-einstein-carouselProduct a.carousel-control-next {
    right: -50px;
  }
  .experience-einstein-carouselProduct a.carousel-control-prev {
    left: -38px;
  }
}
@media (min-width: 1024px) {
  .experience-einstein-carouselProduct a.carousel-control-next {
    right: -40px;
  }
  .experience-einstein-carouselProduct a.carousel-control-prev {
    left: -40px;
  }
}
@media (min-width: 1220px) {
  .experience-einstein-carouselProduct a.carousel-control-next {
    right: -50px;
  }
  .experience-einstein-carouselProduct a.carousel-control-prev {
    left: -50px;
  }
}
.experience-einstein-carouselProduct a.carousel-control-prev, .experience-einstein-carouselProduct a.carousel-control-next {
  background-color: unset;
  top: 50% !important;
  -webkit-transform: translateY(-80%) !important;
          transform: translateY(-80%) !important;
}
.experience-einstein-carouselProduct a.carousel-control .carousel-control-icon {
  background-color: #E6E6E6;
  width: 25px;
  height: 56px;
}
@media (min-width: 1024px) {
  .experience-einstein-carouselProduct a.carousel-control .carousel-control-icon {
    width: 32px;
  }
}