.offcanvas-wrapper{ background-color: #FCFEFF !important; }
.cart-product-details-mobile{ display:none; }
.shopping-cart-header{
  width:100%;
  padding-top:50px;
}
.mobile-only{ display:none; }
.mobile-grey-line{ border: 1px solid #E3E9ED; border-radius: 204px; padding:4px; }
.clear-mobile{ display:none !important; }
.sku-mobile{ display:none; color:#9DA9B9; font-size: 10px; text-align:center; }
.sku{ color:#9DA9B9 !important; font-size: 12px !important; }
.mobile-qt{ border: 1px solid #E3E9ED; border-radius: 204px; background-color:none; padding: 0.5em 1.5em 0.5em 1em; display: inline-block;}
.shopping-cart-header h1{
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  align-items: center;
  letter-spacing: -0.02em;
  color: #000000;
  padding-bottom:0px;
  float:left;
}

.opp-separator{
  font-weight: 500;
  font-size: 13px;
  line-height: 100%;
  text-transform: uppercase;
  color: #9DA9B9;
  letter-spacing: -0.02em;
}
.shopping-cart-header a{
  float:right;
}
.shopping-cart-clear{
  border: 1px solid #9DA9B9;
  box-sizing: border-box;
  width:182px;
  height:34px;
  border-radius: 50px;
  font-size: 14px;
  line-height: 34px;
  align-items: center;
  text-align: center;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  display: inline-block;
  color: #9DA9B9;
  background-color:transparent;
  float:right;
  cursor:pointer !important;
}

.shopping-cart {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.shopping-cart-title {
  font-weight: 500;
  font-size: 16px;
  line-height: 25px;
  color: #000000;
  padding: 40px 0px 20px 0px;
  padding-left:0px;
  letter-spacing: -0.02em;
}

.cart-item {
  background: #FFFFFF;
  border-radius: 2px;
  margin-bottom:6px;
  padding: 20px 25px;
  height: 170px;
  display: flex;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
}

.cart-product-price del{ color: #9DA9B9; font-weight:normal; }
.cart-product-price-m del{ color: #9DA9B9; font-weight:normal; }
.cart-product-image { float: left; width: 15%; }
.cart-product-details { float: left; width: 51%; }
.cart-total-price { float: left; width: 20%; display: flex; align-items: center; margin-left:10px; text-align:center; }
.cart-quantity { float: left; width: 12%; }
.cart-del-button { float: left; width: 2%; text-align: right; }

.cart-product-image img {
  width:120px;
}

.cart-product-name{
  font-weight: 600;
  font-size: 20px;
  letter-spacing: -0.02em;
  color: #000000;
}

.cart-product-name a{
  color: #000000;
}

/* Product Description */
.cart-product-details {
  padding-top: 30px;
}

.cart-product-details span {
  display: block;
  font-size: 14px;
  color: #43484D;
  font-weight: 400;
}

.cart-del-button{
  display: flex;
  align-items: center;
  text-align: center;
}

.cart-del-button a{
  color: #000000;
  font-size: 18px;
}

/* Product Quantity */
.cart-quantity {
  padding-top: 20px;
  display: flex;
  align-items: center;
  text-align: center;
}
.cart-quantity input {
  -webkit-appearance: none;
  border: none;
  text-align: center;
  border: 1px solid #CBCCD2;
  box-sizing: border-box;
  width:60px;
  height:40px;
  float:left;
}

.cart-quantity button {
  border: none; background-color:transparent;
}
.minus-btn {
  border:none;
  margin-top: 3px;
  cursor:pointer;
}
.plus-btn {
  border:none;
  margin-top: 3px;
  cursor:pointer;
}
button:focus,
input:focus {
  outline:0;
}

/* Total Price */
.cart-product-price {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  align-items: center;
  text-align: center;
  letter-spacing: -0.02em;
  color: #000000;
  width:100%;

}

/* Mobile stuff */
.cart-mobile-delete{
  float:right;
}

.cart-mobile-delete a{
  color:#9DA9B9;
  font-size:18px;
}


.cart-mobile-detail{
  width:80%;
  float:left;
}

.cart-mobile-detail a{
  font-size: 16px;
  line-height: 25px;
  display: flex;
  letter-spacing: -0.02em;
  font-weight: 600;
  color: #000000;
}

.cart-mobile-quantity{
  width:60%;
  float:left;
}
.cart-mobile-quantity input{
  text-align:center;
}
.cart-mobile-price{
  width:40%;
  float:right;
  text-align:right;
}

.cart-product-price-m{
  font-weight: 600;
  font-size: 17px;
  line-height: 25px;
  color: #000000;
  letter-spacing: -0.02em;
}

/* Checkout and cuppon info */
.shopping-cart-checkout{
 background: #FFFFFF;
 border-radius: 2px;
 box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.03);
 padding:20px;
}

.checkout-btn{
  background: #96C950;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  box-shadow: 0px 3px 30px rgba(82, 82, 82, 0.15);
  border-radius: 50px;
  font-size: 15px;
  color:#FFFFFF;
  padding:10px;
  text-transform: uppercase;
  text-shadow: 0px 1px 3px rgba(82, 82, 82, 0.2);
  display: inline-block;
  margin-top:5px;
}
.checkout-btn:hover{ color:#FFFFFF; }
.final-price{
  font-size:20px;

}

.coupon-form{ padding:0px !important; margin:0px; }
.CartVoucher{ float:left; width:50%; }
.cartTotalPrice{ float:left; margin-top:10px; }
.cartCheckout{ float:right; }
.cart-pname{
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.02em;
  color:#000000;
}
.cart-price{
font-weight: 600;
font-size: 20px;
line-height: 30px;
letter-spacing: -0.02em;
}
/* Responsive */
@media (max-width: 800px) {
  .productqty{ width:20px;}
  .clear-desktop{
    display:none;
  }
  .clear-mobile{
    display:block !important;
  }

  .shopping-cart-clear{
    width:100%;
    height:44px;
    line-height: 44px;
    margin-bottom:20px;
  }

  .cart-mobile-quantity input{
    text-align:center;
    border:none;

  }
  .shopping-cart {
    width: 100%;
    height: auto;
    overflow: hidden;
  }

  .shopping-cart-header{
    text-align: center;
    width:100%;
    padding-top:20px;
  }

  .shopping-cart-title{
    text-align:center;
    color: #9DA9B9;
    padding:6px 0px 10px 0px;
    text-transform:uppercase;
    font-size:13px;
  }
  .cart-item {
    height: auto;
    flex-wrap: wrap;
    justify-content: center;
    padding: 10px 15px;
  }
  .cart-product-image{
    width:30%;
  }
  .cart-product-image img {
    width:100%;
  }
  .image,
  .cart-quantity,
  .cart-product-details {
    width: 70%;
    text-align: center;
    margin: 6px 0;
    padding-top:0px;
  }
  .cart-product-name{
    font-weight: 600;
    font-size: 17px;
    line-height: 25px;
  }

  .cart-del-button{ display:none; }

  .cart-product-details-mobile{
    width:70%;

  }
  .cart-product-details{ display:none; }
  .cart-quantity{ display:none; }
  .cart-total-price{ display:none; }
  .cart-product-details-mobile{ display:block; }
  .sku-mobile{ display:block; }
  .shopping-cart-checkout{ background-color:transparent; box-shadow:none; margin-top:50px; }
  .CartVoucher{ float:none; width:100%; background: #FFFFFF !important; }
  .cartTotalPrice{ width:100%; text-align:center; margin-top:10px; }
  .cartCheckout{ width:100%; text-align:center; margin-top:20px; }
  .checkout-btn{ width:100%; margin-top:10px; }
  .mobile-only{ display:block; }
}