.product__info-wrapper{

  .quick-order-list__table{
    width: 100%;
    @media (width < 1024px) {
      
    }
    thead{
      tr{
        th{
          text-transform: initial;
          font-size: var(--text-sm);
          font-weight:  700;
          color: var(--color-text-brand);
          padding-right: 2rem;
          white-space: nowrap;
          &:last-of-type{
            padding-right: 0;
            opacity: 0;
          }

          @media (width < 1024px) {
            display: none;
          }
        }
      }
    }

    tbody{
      tr{
        td{
          font-size: var(--text-sm);

          &.variant-item__price .price{
            font-size: var(--text-sm);
          }

          .variant-item__name{
            font-family: var(--font-body-family);
          }

          &.variant-item__totals.right {
            text-align: right;
            @media (width < 1024px) {
              text-align: right;
              padding-right: 0;
              /* display: none; */
            }
          }
          &.variant-item__totals .price{
            font-weight: 700;
            font-size: var(--text-sm);

            @media (width < 1024px) {
              font-size: var(--text-xl);
            }
          }

          &.variant-item_inventory-quantity{
            text-align: center;
            font-size: var(--text-sm);
            padding-right: 2rem;
            @media (width < 1024px) {
              text-align: right !important;
              padding-right: 0;
            }
          }

          &.variant-item__details .price{
            color: var(--color-text-subtle);
            font-weight: 400;
            font-size: var(--text-sm);
          }
        }

        @media (width < 1024px) {
          display: grid;
          grid-template-areas: 
          "sku qtd"
          "sku stock"
          "sku total";
          padding: 16px 0;
          row-gap: 5px;
        }
      }
    }
  }
  .quantity-popover-container{
    justify-content: end;
  }
  .quantity-popover-container .quantity{
    width: 84px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    @media (width < 1024px) {
      grid-area: qtd;
      width: 124px !important;
    }
    @media (width < 400px){
      width: 100px !important;
    }
  }

  .quick-order-list-total__info{
    display: flex;
    flex-direction: column;

    & > .quick-order-list-total__column{
      order: 3;
      position: relative;
      & > .quick-order-list-buttons{
        display: flex;
        flex-direction: row;
        justify-content: center;

        .quick-order-list__button{
          width: 100%;
          background: var(--color-brand-nae-300);
          color: var(--color-brand-nae-100);

          &:hover{
            background: var(--color-brand-nae-400);
          }
          &:active,
          &:focus{
            background: var(--color-brand-nae-500);
          }
        }

        .variant-remove-total{
          & > button{
            width: 100%;
          }
        }
      }
    }



    & > .quick-order-list__total-items{
      display: flex;
      flex-direction: row-reverse;
      align-items: center;
      justify-content: end;
      gap: 10px;

      .h5{
        color: var(--color-text-subtle);
      }

      span{
        color: var(--color-text-brand);
      }
    }

    & > .quick-order-list-total__price{
      & > .totals__product-total{
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: end;
        gap: 10px;

        .totals__subtotal-value{
          color: var(--color-text-brand);
        }

        .totals__subtotal{
          color: var(--color-text-subtle);
        }
      }
    }
  }

  .quantity-popover-container--empty{
    margin-right: 0px;
  }

  .variant-item__quantity-wrapper{
    display: flex;
    position: relative;
    @media (width < 1024px) {
      justify-content: end;
    }

    .button--tertiary{
      scale: 0.3;
      position: absolute;
      top: -2rem;
      left: 5.4rem;

      @media (width < 1024px){
        scale: 0.2;
        top: -39px;
        left: -40px;
      }
      @media (width > 750px) and (width < 1000px) {
        scale: 0.3;
        top: 20px;
        left: -20px;
      }
      @media (width < 400px ){
        scale: 0.3;
        top: -24px;
      }
      @media (width < 340px ){
        top: 15px;
        left: -20px;
      }
    }
  }

  .quick-order-list-total__info .quick-order-list-total__column .quick-order-list-buttons .variant-remove-total .button--tertiary{
    white-space: nowrap;
    position: absolute;
    left: 0;
    top: -116px;
    border: 0px;
    width: max-content;
    padding: 0;
    @media (width < 1024px) {
      .text-body{
        font-size: var(--text-xs);
      }
    }
    svg{
      width: 20px;
    }
  }

  .quick-order-list__contents{
    width: 100%;
    overflow: scroll;
  }

  @media (width < 1024px){
    .variant-item{
      border-bottom: 1px solid #E9E8E7;
      display: block;
      width: 100%;
    }

    .variant-item__inner--no-sku{
      display: none;
    }

    .variant-item__quantity {
      grid-area: qtd;
      .variant-item__error{
        display: none;
      }
    }
    .variant-item_inventory-quantity{
      grid-area: stock;
    }
    .variant-item__totals{
      grid-area: total;
    }

    .variant-item__details{
      grid-area: sku;
      .product__inventory{
        display: none;
        font-weight: 700;
      }

      .variant-item__name{
        font-size: var(--text-2xl);
        font-family: var(--font-body-family);
        font-weight: 700;
      }

      .quick-order-list__button-cancel,
      .quick-order-list__button-confirm{
        width: 100%;
      }
    }
  }

  .quick-order-list__button-cancel,
  .quick-order-list__button-confirm{
    width: 100%;
  }

}
/* ------------------------QUICK ADD BULK--------------------  */

.quick-add-modal__content-info--bulk{
  gap: 10rem;

  @media (width < 1024px) {
    gap: 2rem;
  }
  
  .quick-add-modal__content-info--bulk-details{
    padding: 0;
  }

  .quick-add-modal{
    .product__view-details {
      white-space: nowrap;
    }
  }

  .quick-order-list-total__confirmation{
    display: flex;
    flex-direction: column;
    gap: 1rem;

    .quick-order-list__button-confirm{
      background-color: var(--color-brand-nae-300);
      color: var(--color-brand-nae-100);

      &:hover{
        background-color: var(--color-brand-nae-400);
      }
    }

    .quick-order-list__button-cancel{
      &:hover{
        background-color: var(--color-brand-nae-400);
        color: var(--color-brand-nae-100);
      }
    }
  }
  
  .quick-order-list__table{
    width: 100%;
    @media (width < 1024px) {
      
    }
    thead{
      tr{
        th{
          text-transform: initial;
          font-size: var(--text-sm);
          font-weight:  700;
          color: var(--color-text-brand);
          padding-right: 2rem;
          white-space: nowrap;
          &:last-of-type{
            padding-right: 0;
            opacity: 0;
          }
          
          @media (width < 1024px) {
            display: none;
          }
          
          &.caption-with-letter-spacing{
            text-align: left;
          }
          
          &.quickorder_table_header{
            padding-right:0 ;
          }
          
          &.quick-order-list__table-heading--wide{
            text-align: center;
            padding-right: 0;
          }
        }
      }
    }
    
    tbody{
      tr{
        td{
          font-size: var(--text-sm);
          
          &.variant-item__price .price{
            font-size: var(--text-sm);
          }
          &.variant-item__totals.right {
            text-align: right;
            
            @media (width < 1024px) {
              text-align: right;
              /* display: none; */
            }
          }
          &.variant-item__totals .price{
            font-weight: 700;
            font-size: var(--text-sm);
            
            @media (width < 1024px) {
              font-size: var(--text-xl);
            }
          }
          
          &.variant-item_inventory-quantity{
            text-align: center;
            font-size: var(--text-sm);
            @media (width < 1024px) {
              text-align: right !important;
            }
          }
          
          &.variant-item__details .price{
            color: var(--color-text-subtle);
            font-weight: 400;
            font-size: var(--text-sm);
          }
          
          &.variant-item__details .variant-item__info .variant-item__sku{
            display: none;
          }
          
          &.variant-item__quantity{
            .variant-item__quantity-wrapper{
              justify-content: center;
              @media (width < 1024px) {
                justify-content: right;
              }
              
              .button--tertiary{
                display: none;
              }
            }
            
          }
          
          &.variant-item__price{
            .price{
              display: flex;
              justify-content: center;
            }
          }
          
          &.variant-item__inner{
            .small-hide.medium-hide{
              display: flex;
              gap: 2rem;
              .variant-item__name,
              .variant-item__sku{
                font-family: var(--font-body-family);
                color: var(--color-brand-nae-500);
              }
            }
          }
        }
        
        @media (width < 1024px) {
          display: grid;
          grid-template-areas: 
          "sku qtd"
          "sku stock"
          "sku total";
          padding: 16px 0;
          row-gap: 5px;
        }
      }
    }
  }
  .quantity-popover-container{
    justify-content: end;
  }
  .quantity-popover-container .quantity{
    width: 84px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    @media (width < 1024px) {
      grid-area: qtd;
      width: 124px !important;
    }
    @media (width < 400px){
      width: 100px !important;
    }
  }
  
  .quick-order-list-total__info{
    display: flex;
    flex-direction: column;
    
    & > .quick-order-list-total__column{
      order: 3;
      position: relative;
      & > .quick-order-list-buttons{
        display: flex;
        flex-direction: row;
        justify-content: center;
        
        .quick-order-list__button{
          width: 100%;
          background: var(--color-brand-nae-300);
          color: var(--color-brand-nae-100);
          
          &:hover{
            background: var(--color-brand-nae-400);
          }
          &:active,
          &:focus{
            background: var(--color-brand-nae-500);
          }
        }
        
        .variant-remove-total{
          & > button{
            width: 100%;
          }
        }
      }
    }
    
    
    
    & > .quick-order-list__total-items{
      display: flex;
      flex-direction: row-reverse;
      align-items: center;
      justify-content: end;
      gap: 10px;
      
      .h5{
        color: var(--color-text-subtle);
      }
      
      span{
        color: var(--color-text-brand);
      }
    }
    
    & > .quick-order-list-total__price{
      & > .totals__product-total{
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: end;
        gap: 10px;
        
        .totals__subtotal-value{
        color: var(--color-text-brand);
      }

      .totals__subtotal{
        color: var(--color-text-subtle);
      }
    }
  }
}

.quantity-popover-container--empty{
  margin-right: 0px;
}

.variant-item__quantity-wrapper{
  display: flex;
  position: relative;
  @media (width < 1024px) {
    justify-content: end;
  }

  .button--tertiary{
    scale: 0.3;
    position: absolute;
    top: -2rem;
    left: 5.4rem;

    @media (width < 1024px){
      scale: 0.2;
      top: -39px;
      left: -40px;
    }
    @media (width > 750px) and (width < 1000px) {
      scale: 0.3;
      top: 20px;
      left: -20px;
    }
    @media (width < 400px ){
      scale: 0.3;
      top: -24px;
    }
    @media (width < 340px ){
      top: 15px;
      left: -20px;
    }
  }
}

.quick-order-list-total__info .quick-order-list-total__column .quick-order-list-buttons .variant-remove-total .button--tertiary{
  white-space: nowrap;
  position: absolute;
  left: 0;
  top: -116px;
  border: 0px;
  width: max-content;
  padding: 0;
  @media (width < 1024px) {
    .text-body{
      font-size: var(--text-xs);
    }
  }
  svg{
    width: 20px;
  }
}

.quick-order-list__contents{
  width: 100%;
  overflow: scroll;
}

@media (width < 1024px){
  .variant-item{
    border-bottom: 1px solid #E9E8E7;
    display: block;
    width: 100%;
  }

  .variant-item__inner--no-sku{
    display: none;
  }

  .variant-item__quantity {
    grid-area: qtd;
    .variant-item__error{
      display: none;
    }
  }
  .variant-item_inventory-quantity{
    grid-area: stock;
  }
  .variant-item__totals{
    grid-area: total;
  }

  .variant-item__details{
    grid-area: sku;
    .product__inventory{
      display: none;
      font-weight: 700;
    }

    .variant-item__name{
      font-size: var(--text-2xl);
      font-family: var(--font-body-family);
      font-weight: 700;
    }

    .quick-order-list__button-cancel,
    .quick-order-list__button-confirm{
      width: 100%;
    }
  }
}

.quick-order-list__button-cancel,
.quick-order-list__button-confirm{
  width: 100%;
}

}

.card__inner .card__content .quick-add-bulk{
  display: none;
}

.card__content .quantity{
  z-index: 2;
  justify-content: space-between;
  width: 100%;
  height: 48px;
}

.card__content .quick-add__submit{
  display: flex;
  align-items: center;
}
.quick-add-bulk [name="minus"],
.quick-add-bulk [name="plus"]{
  svg{
    width: 20px;
  }
}

.quick-add-bulk .progress-bar-container {
  width: 90%;
}

.quick-add__content-info__media .product__view-details{
  white-space: nowrap !important;
}