.offcanvas-title span{
      color: var(--text-color);
      font-size:14px;
    }
    
    .cartproductlistitems{
      border-bottom:var(--border);
      font-size: 12px;
      font-weight: bold;
      padding: 5px;
      padding-bottom: 15px;
      margin-bottom: 10px;
    }
    
    .cartdeleteicon{
      background-color: var(--light-gray-bg);
      padding:5px;
      border-radius: 10px;
    }
    .cartdeleteicon a img{
      width: 20px;
      height: 20px;
    }
    .cartfooter{
      background: var(--light-gray-bg);
      border:var(--border);
      border-radius:20px 20px 0px 0px;
      
      padding: 20px;
      padding-top: 0px;
    }
    .have-a-code{
      font-weight: bold;
      font-size: 12px;
      padding: 10px 0;
      color: var(--text-color);
      text-align: center;
    }
    .have-a-code a{
      color: #000;
      text-decoration: underline
    }
    .cartCoupon{
      background: #fff;
      border: var(--border);
      border-radius:50px;
      padding: 3px 20px;
      margin: 10px 0;
    }
    .cartCouponInput{
      border: none;
      background: transparent;
    }
    .cartCouponInput::placeholder{
color: slategray;
    }
    
    .couponBtn{
      color: slategray;

    }
  
    .carCheckout{
      width: 50%;
      padding: 10px;
      background: #000;
      color: var(--light-gray-bg);
      font-size: 16px;
      border-radius: 50px;
      margin-bottom: -5px;
    }
    .catTotalP{
      font-weight: bold;
      font-size:18px;
      margin-bottom: 5px;
      color:#000 ;
    }
    .texsline{
      cursor: pointer;
      position: absolute;
      margin-top: -15px;
      font-size: 10px;
      color: var(--text-color);
    }
    .catTotalLabel p{
      color: #3D3D3D;
      margin: 0;
     padding: 0;
    }
    .catTotalLabel span{
      color: var(--text-color);
    }
    
    
    .cartproductimg img{
      width: 90px;
      height: auto;
    }
    
    .cartproductquality{
      border: var(--border);
      border-radius: 10px;
    }
        .quantity-btn {
            background-color: var(--light-gray-bg);
           
            border: none;
            padding: 0;
            width: 23px;
            height: 23px;
            font-size: 15px;
            border-radius: 10px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .quantity-btn:hover {
            background-color: #2D2D2D;
            color: #FFFFFF;
        }
        .quantity-input {
            width: 20px;
            text-align: center;
            border: none;
            font-size: 14px;
            padding: 0 0 0 0;
            background: transparent;
        }

        
        
        

/* Hide Empty Cart Message Initially */
.cart-empty-message {
  display: none;
  text-align: center;
  padding: 20px;
  font-size: 18px;
  color: #888;
}