.panel-products {
  margin-bottom: 0;
  overflow: hidden;
  padding: 0;

  @include themes-border(color-new-border);

  > div > div:first-child .panel-products-item {
    border-top-width: 0;
  }

  .panel-heading {
    padding: $panel-padding-y $panel-padding-x;

    @include themes-border-bottom(panel-border-inner);

    & + div > div:first-child > div:first-child {
      .panel-products-item {
        @include themes-value(border-top-width, 0);
      }
    }
  }

  &-container {
    margin-top: -1px;
  }

  &-max-height {
    max-height: 458px;
    overflow-y: auto;
    overflow-x: hidden;

    @include styled-scroll-vert();
  }

  &-item {
    display: flex;
    align-items: center;
    position: relative;
    padding: $panel-padding-y $panel-padding-x;

    @include themes-border-top(panel-border-inner);

    &-description {
      margin-left: $grid-unit-x * 2;
      font-size: $font-size-base;
      line-height: $grid-unit-y * 3;
      flex-grow: 1;

      @include themes(color, color-new-body-light);
    }

    &-title {
      margin-bottom: $padding-xs-vertical;
      font-size: $font-size-large;

      @include themes(color, color-new-heading);
    }

    &-sku {
      margin-bottom: $padding-xs-vertical;
    }

    &-meta {
      display: flex;
    }

    &-cost {
      width: $grid-unit-x * 14;
    }

    &-quantity {
      text-align: right;
      margin-left: auto;
    }

    &-arrow {
      position: absolute;
      right: $panel-padding-x;
      top: $panel-padding-y;
      font-size: 14px;

      a {
        height: $grid-unit-y * 3;
        width: $grid-unit-y * 3;
        display: block;
        text-align: center;

        @include themes(color, color-text-default);

        &:hover,
        &:focus {
          color: $brand-primary;
        }
      }
    }
  }

  &-in-panel-left {
    border-bottom-left-radius: $panel-border-radius;

    @include themes-value(border-left-width, 0);
    @include themes-value(border-bottom-width, 0);
  }
}