.header-menu .cart-item {
  * {
    box-sizing: border-box;
  }

  svg circle, svg path {
    stroke: #fff;
  }

  .cart-main-link {
    color: $white;
    display: block;
  }

  .item-count {
    background: $red;
    border-radius: 10px;
    padding: 2px 7px;
    margin-left: 5px;
    @include font-size($base-font-size - 2);
  }

  .btn {
    @include margin(0 0 5px 0);
  }


  .cart-buttons {
  display: flex;
  }

  .flyout-menu {
    display: none;
    width: 400px;
    @include font-size(12px);
  }

  .flyout-item.menu-item.cart-items {
    max-height: 190px;
    overflow-x: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .cart-items.shadow {
    box-shadow: inset 0px -11px 8px -10px $gray-light;
  }

  .flyout-title {
    font-weight: bold;
    color: $black;
    @include font-size(14px);
    @include margin(10px 5px);
    @include padding(2px);
  }

  .flyout-item.menu-item {
    @include padding(6px);
    border: 0;

    &.shipping-info {
      border-bottom: 1px solid $gray-light;
      .link-style.btn {
        padding-left: 0;
        @include font-size($base-font-size - 2);
      }
    }

    &.subtotal-info {
      padding: 0;
      @include margin(0 15px 15px);
    }
  }

  &:hover .flyout-menu {
    display: block;
  }

  .menu-arrow {
    margin-top: 3px;

    &:after {
      top: 5px;
    }
  }

  .flyout-item {
    color: $black;
    &.menu-item {
      color: $black;
    }

    &.empty-cart-message {
      margin-bottom: 12px;
    }

    .cart-item-entry {
      border-bottom: 1px solid $gray-light;
      @include padding(10px 4px);

      a {
        color: black;
      }

      &:last-child {
        border: none;
      }
    }

    .mov-msg {
      @include padding(6px);
    }
  }

  &.cart-empty {
    .arrow-box {
      &:after {
        margin-left: 41px;
      }

      &:before {
        margin-left: 40px;
      }
    }
  }
}

@media (max-width: $screen-xs-max) {
  .header-menu .cart-item {
    .item-count {
      @include font-size(11px);
      position: relative;
      top: -8px;
      margin-left: 3px;
    }

    .menu-arrow:after {
      display: none;
    }
  }
}