/* Mobile cart qty — horizontal stepper + press feedback */
@media (max-width: 767px) {
  body#cart .cart-item .product-line-grid-right > .row.ift-cart-line__actions-row {
    grid-template-columns: calc(36px + 20px) max-content minmax(0, 1fr) max-content;
  }

  body#cart .cart-overview .ift-cart-line__qty .bootstrap-touchspin.input-group {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: auto !important;
    height: 36px !important;
    min-height: 36px !important;
  }

  body#cart .cart-overview .ift-cart-line__qty .bootstrap-touchspin .input-group-btn-vertical {
    display: contents !important;
  }

  body#cart .cart-overview .ift-cart-line__qty .bootstrap-touchspin .input-group-btn-vertical > .btn,
  body#cart .cart-overview .ift-cart-line__qty .bootstrap-touchspin .btn-touchspin {
    display: inline-flex !important;
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    float: none !important;
  }

  body#cart .cart-overview .ift-cart-line__qty .bootstrap-touchspin .form-control {
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 36px !important;
    min-height: 36px !important;
    order: 2 !important;
  }

  body#cart .cart-overview .ift-cart-line__qty .bootstrap-touchspin .bootstrap-touchspin-down {
    order: 1 !important;
    margin-top: 0 !important;
  }

  body#cart .cart-overview .ift-cart-line__qty .bootstrap-touchspin .bootstrap-touchspin-up {
    order: 3 !important;
  }

  body#cart .cart-overview .ift-cart-line__qty .bootstrap-touchspin .input-group-btn-vertical i,
  body#cart .cart-overview .ift-cart-line__qty .bootstrap-touchspin .btn-touchspin .fa {
    position: static !important;
    top: auto !important;
    left: auto !important;
  }

  body#cart .cart-overview .bootstrap-touchspin .btn-touchspin {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    user-select: none;
    transition: background-color 0.08s ease, transform 0.08s ease;
  }

  body#cart .cart-overview .bootstrap-touchspin .bootstrap-touchspin-up:active {
    background: #047857 !important;
    color: #fff !important;
    transform: scale(0.92);
  }

  body#cart .cart-overview .bootstrap-touchspin .bootstrap-touchspin-down:active {
    background: #1d4ed8 !important;
    color: #fff !important;
    transform: scale(0.92);
  }

  body#cart .cart-overview .bootstrap-touchspin .btn-touchspin:active .fa {
    color: #fff !important;
  }
}