.cartbox-alsobought {
   width: $cartbox-alsobought-width;
   position: absolute;
   left: -$cartbox-alsobought-width;
   top: 0;
   height: 100%;
   background: $white;
   padding: 20px 10px 20px 20px;

   .title-default {
      color: $text-dark;
      font-size: 14px;
      margin-bottom: 10px;
      font-weight: 600;
   }

   > div {
      height: calc(100% - 46px);
   }
}

.cartbox-alsobought-products {
   overflow: auto;
   padding-right: 10px;
   width: 100%;
   height: 100%;

   figure {
      position: relative;
      padding: 10px;

      &::before {
         content: "";
         display: block;
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         background-color: rgba(0, 0, 0, .02);
         opacity: 1;
         transition: opacity .3s ease;
         z-index: 2;
         pointer-events: none;
         border-radius: 10px;
      }
   }

   .delivery-0 {
      color: $green-price;
      font-size: 12px;
      font-weight: 600;
   }
}

.cartbox-alsobought-product {
   @include underline-never;

   background: $body-bg;
   display: block;
   margin-bottom: 10px;
   text-align: center;

   &:last-child {
      margin-bottom: 0;
   }

   figure {
      margin-bottom: 10px;
   }

   .title {
      color: $text-dark;
      display: block;
      display: -webkit-box;
      line-height: $line-height-sm;
      white-space: normal;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      margin-bottom: 5px;
   }

   .price {
      color: $text-dark;
      display: block;
   }
}
