/*
Product-box
===============================
Defines the element styles of the Shopware product boxes.
*/

.listing {
  display: flex;
  flex-wrap: wrap;

}

//  Product box
.product--box {
  .box--content {
    .unitize-padding(30, 10);
  }
  .product--title {
    height: inherit;
    .unitize-min-height(40);
  }
  float:none;
}

.product--title {
  font-family: @font-headline-stack;
  font-weight: @font-bold-weight;

}

.product--suppliernumber {
  .unitize(font-size,12)
}

.related--content {

  .toggler--less {
    display: inherit;
  }
  .toggler--more {
    display: none;
  }
  &.is--small {
    .toggler--less {
      display: none;
    }
    .toggler--more {
      display: inherit;
    }
  }
}


.product--related-list {

  display: flex;
  flex-wrap: wrap;

  .product-slider--item {
    width: 100%;
    display: block;
    padding: 0;
  }


}
.product--related-item {
  flex: 0 0 (100%/2);

  @media (max-width: @phoneLandscapeViewportWidth) {
    .is--small &:nth-child(n+5) {
      display: none;
    }
  }
  @media (min-width: @phoneLandscapeViewportWidth) and (max-width: @tabletViewportWidth) {
    flex: 0 0 (100%/3);
    .is--small &:nth-child(n+7)  {
      display: none;
    }
  }
  @media (min-width: @tabletViewportWidth) and (max-width: @tabletLandscapeViewportWidth) {
    flex: 0 0 (100%/5);
    .is--small &:nth-child(n+11)  {
      display: none;
    }
  }
  @media (min-width: @tabletLandscapeViewportWidth) and (max-width: @desktopViewportWidth) {
    flex: 0 0 (100%/6);
    .is--small &:nth-child(n+13)  {
      display: none;
    }
  }
  @media (min-width: @desktopViewportWidth) {
    flex: 0 0 (100%/7);
    .is--small &:nth-child(n+15) {
      display: none;
    }
  }


}
