.recommendation-wrapper .carousel {
  position: relative; }

.recommendation-wrapper .carousel-indicators {
  bottom: -3rem; }
  .recommendation-wrapper .carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 10px;
    height: 10px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: var(--color-black);
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    transition: opacity 0.6s ease;
    border-radius: 50%; }

#pdpRecommendCarousel {
  position: relative;
  /* display 3 */ }
  @media (max-width: 768px) {
    #pdpRecommendCarousel .carousel-inner .carousel-item > div {
      display: none; }
    #pdpRecommendCarousel .carousel-inner .carousel-item > div:first-child {
      display: block; } }
  #pdpRecommendCarousel .carousel-inner .carousel-item.active,
  #pdpRecommendCarousel .carousel-inner .carousel-item-next,
  #pdpRecommendCarousel .carousel-inner .carousel-item-prev {
    display: -ms-flexbox;
    display: flex; }
  @media (min-width: 768px) {
    #pdpRecommendCarousel .carousel-inner .carousel-item-right.active,
    #pdpRecommendCarousel .carousel-inner .carousel-item-next {
      transform: translateX(33.333%); }
    #pdpRecommendCarousel .carousel-inner .carousel-item-left.active,
    #pdpRecommendCarousel .carousel-inner .carousel-item-prev {
      transform: translateX(-33.333%); } }
  #pdpRecommendCarousel .carousel-inner .carousel-item-right,
  #pdpRecommendCarousel .carousel-inner .carousel-item-left {
    transform: translateX(0); }
  #pdpRecommendCarousel .carousel-inner .carousel-item .product {
    height: 100%; }