/*

+----------------------+--------+----------+----------------+----------------+----------------+----------------+
|        Device        | Mobile |  Tablet  | Desktop        | Desktop        | Desktop        | Desktop        |
+----------------------+--------+----------+----------------+----------------+----------------+----------------+
| Syntax               | XS     | S        | M              | L              | XL             | XXL            |
| Min-Max              | 0-767  | 768-1150 | 1151-1280      | 1281-1366      | 1367-1536      | 1537+          |
| Navigation           | Mobile | Mobile   | Desktop        | Desktop        | Desktop        | Desktop        |
| Navigation Max Width | 100%   | 100%     | 100%           | 100%           | 100%           | 1422px         |
| Image Usage          | Mobile | Tablet   | Desktop        | Desktop        | Desktop        | Desktop        |
| Max Width            | 100%   | 100%     | 1204px         | 94%            | 94%            | 94%            |
+----------------------+--------+----------+----------------+----------------+----------------+----------------+

*/
.einstein-carousel.splide {
  height: auto;
}
.einstein-carousel.splide .splide__track {
  height: auto;
}
.einstein-carousel.splide .product-tile-pd .product-tile-component-image {
  width: 100%;
}
.einstein-carousel.splide .product-tile {
  min-height: unset;
  margin-bottom: 0;
}
.einstein-carousel.splide .product-tile__promotions {
  display: none;
}
.einstein-carousel.splide .product-tile_badges {
  display: none;
}
.einstein-carousel.splide .product-tile .tile-body {
  padding: 0;
  margin-top: 1rem;
}
.einstein-carousel.splide .product-tile .link {
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.einstein-carousel.splide .product-tile .price {
  color: #101010;
  margin-bottom: 0;
}

.experience-einstein-carousel {
  position: relative;
}
.experience-einstein-carousel .splide__arrow {
  opacity: 1;
  width: 2.75em;
  height: 2.75em;
}
.experience-einstein-carousel .splide__arrow svg {
  stroke: #FFF;
  fill: #101010;
  stroke-width: 3px;
}
.experience-einstein-carousel .splide__arrow:hover {
  opacity: 1;
}
.experience-einstein-carousel .splide__arrow:disabled {
  opacity: 0;
}
.experience-einstein-carousel .splide__arrow--prev,
.experience-einstein-carousel .splide__arrow--next {
  top: 34%;
  background-color: #FFF;
}
.experience-einstein-carousel .splide__arrow--prev:focus,
.experience-einstein-carousel .splide__arrow--next:focus {
  outline: none;
  border: 1px dashed #101010;
}
.experience-einstein-carousel .splide__arrow--prev {
  left: 10px;
}
.experience-einstein-carousel .splide__arrow--next {
  right: 10px;
}
