.product-items li {
  display: flex;
}

product-component {
  flex: 1 0 100%;
}

.carousel--alpha {
  product-component,
  .product-component {
    height: 100%;
  }
}

product-component,
.product-component {
  padding-bottom: 16px;
  display: flex;
  width: 100%;

  .product-item-info {
    background: @white;
    width: 100%;
    flex: 1 0 100%;
    text-align: center;
    padding: 16px 0;

    > a {
      display: block;
    }

    .beyer-badge-wrapper {
      text-align: right;
    }

    .product-item-photo {
      padding: 0 16px;
    }

    .product-item-name {
      padding: 10px @gutter--width;
    }

    .product-item-inner {
      display: none;
    }

    .product-item-footer-default {
      color: @champagne;
      height: 50px;
      margin-bottom: 0;
      
      &:hover {
        text-decoration: none !important;
      }

      .price-box {

        .special-price {
          vertical-align: middle;
        }

        .old-price {
          color: @champagne;
          text-decoration: line-through;
          text-decoration-color: darken(@champagne, 30%);
          font-size: small;
          margin-left: 8px;

          .price {
            &::after {
              display: none;
            }
          }
        }

        .price {
          &::after {
            content: '*';
            left: @default--space / 4;
            position: relative;
            top: -(@default--space / 4);
          }
        }

        .price-from {
          .h6;

          margin-bottom: 0;

          .price-label {
            .h8;

            text-transform: none;
          }
        }

        .price-to {
          display: none;
        }
      }
    }

    beyer-icon {
      svg {
        * {
          fill: @champagne !important;
        }
      }
    }

    .product-image-photo {
      .easeInOutSine(opacity);
      opacity: 0;

      &.lazyloaded {
        opacity: 1;
      }


    }

    .product-item-description {
      padding: 0 16px;
      color: @black-60;
      margin-bottom: 10px;
      max-height: 48px;
      overflow: hidden;

      p {
        .p5;
      }
    }
  }

  &.no-action {
    .product-item-footer-default {
      padding: 0 @gutter--width;
    }
  }

  &:hover:not(.no-action),
  &:active:not(.no-action),
  &.selected:not(.no-action) {
    .product-item-inner {
      display: block;
    }

    .product-item-footer-default {
      display: none;
    }
  }
}

.products.list.items.product-items {
  .product-item {
    .product-component;
  }
}
