/* =========================================================
   QUANTITY — DECREASE / VALUE / INCREASE
   ========================================================= */

@media (max-width:768px){

  .product-quantity{
    grid-column:2!important;
    grid-row:3!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    margin:9px 0 0!important;
    padding:0!important;
    border:0!important;
  }

  .quantity{
    display:flex!important;
    align-items:center!important;
    width:max-content!important;
    height:36px!important;
    min-height:36px!important;
    margin:0!important;
    padding:2px!important;
    border:1px solid #dcdcdc!important;
    border-radius:8px!important;
    background:#fff!important;
    box-shadow:0 1px 2px rgba(0,0,0,.03)!important;
    box-sizing:border-box!important;
  }

  .sm-qty-btn{
    appearance:none!important;
    -webkit-appearance:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:30px!important;
    min-width:30px!important;
    height:30px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:6px!important;
    background:#f4f4f4!important;
    color:#111!important;
    font-size:17px!important;
    font-weight:450!important;
    line-height:1!important;
    cursor:pointer!important;
  }

  .sm-qty-minus{}
  .sm-qty-plus{}

  .sm-qty-btn:active{
    transform:scale(.9)!important;
    background:#e9e9e9!important;
  }

  .quantity .qty{
    appearance:textfield!important;
    -moz-appearance:textfield!important;
    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    height:30px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    color:#111!important;
    font-size:12px!important;
    font-weight:850!important;
    text-align:center!important;
    box-shadow:none!important;
  }

  .quantity .qty::-webkit-inner-spin-button,
  .quantity .qty::-webkit-outer-spin-button{
    -webkit-appearance:none!important;
    margin:0!important;
  }
}