/* =========================================================
   COUPON + UPDATE CART
   ========================================================= */

@media (max-width:768px){

  .cart_totals .sm-cart-actions{
    margin:18px 0 0!important;
    padding:16px 0 0!important;
    border-top:1px solid #e1e1e1!important;
  }

  .cart_totals .sm-cart-actions::before{
    content:"PROMO CODE"!important;
    display:block!important;
    margin:0 0 4px!important;
    color:#111!important;
    font-size:12px!important;
    font-weight:900!important;
    letter-spacing:-.02em!important;
  }

  .cart_totals .sm-cart-actions::after{
    content:"Apply a discount code to your order."!important;
    display:block!important;
    margin:0 0 13px!important;
    color:#888!important;
    font-size:9px!important;
    line-height:1.4!important;
  }

  .cart_totals .sm-cart-actions .coupon{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:7px!important;
    width:100%!important;
    margin:0!important;
  }

  .cart_totals .sm-cart-actions .coupon label{
    display:none!important;
  }

  .cart_totals .sm-cart-actions .coupon .input-text{
    width:100%!important;
    min-width:0!important;
    height:42px!important;
    margin:0!important;
    padding:0 12px!important;
    border:1px solid #d4d4d4!important;
    border-radius:8px!important;
    background:#fff!important;
    color:#111!important;
    font-size:11px!important;
    box-sizing:border-box!important;
    box-shadow:none!important;
  }

  .cart_totals .sm-cart-actions .coupon .input-text:focus{
    border-color:#111!important;
    box-shadow:0 0 0 2px rgba(17,17,17,.06)!important;
  }

  .cart_totals .sm-cart-actions .coupon .button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:82px!important;
    height:42px!important;
    margin:0!important;
    padding:0 13px!important;
    border:0!important;
    border-radius:8px!important;
    background:#111!important;
    color:#fff!important;
    font-size:9px!important;
    font-weight:850!important;
    letter-spacing:.05em!important;
    text-transform:uppercase!important;
  }

  .cart_totals .sm-cart-actions .coupon .button:hover{
    background:#c49a1a!important;
    color:#111!important;
  }

  .cart_totals .sm-cart-actions > [name="update_cart"]{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:38px!important;
    margin:9px 0 0!important;
    padding:0!important;
    border:1px solid #d6d6d6!important;
    border-radius:8px!important;
    background:#fff!important;
    color:#111!important;
    font-size:8px!important;
    font-weight:850!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
    box-sizing:border-box!important;
    opacity:1!important;
  }

  .cart_totals .sm-cart-actions > [name="update_cart"]:disabled{
    color:#aaa!important;
    background:#f5f5f5!important;
    border-color:#e5e5e5!important;
  }

  .cart_totals .sm-cart-actions > [name="update_cart"]:not(:disabled):hover{
    background:#111!important;
    border-color:#111!important;
    color:#fff!important;
  }
}