.mainbodycart{
    margin-top: 50px;
}
.cart-container {
    display: flex;
    justify-content: space-between;
}

.single-cart-product {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 25px;
   background-color: #faf8f8;
    padding: 20px 20px;
    border-radius: 10px;
}

.header {
    margin-bottom: 20px;
}

.heading {
    font-size: 22px;
    font-weight: 600;
    color: #000000;
    margin: 0;
    letter-spacing: 0.25px;
    line-height: 24px;
}

.singleproduct,
.rightsection {
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #F1F1F1;
    background: #FAFBFC;
}

.productimage {
    height: 186px;
    width: 165px;
    border-radius: 16px;
    object-fit: cover;
}

/* .leftsection {
    width: 75%;
} */

.rightsection {
    width: 30%;
    min-width: 260px;
}

.productheader {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
    gap: 10px;
    flex-wrap: wrap;
}

.imgdetails {
    width: 100%;
    display: flex;
    flex-direction: column;
    min-height: 200px;
    justify-content: space-between;
    gap: 15px;
}

.quantitychanger {
    display: flex;
    align-items: center;
    border-radius: 5px;
    width: 95px;
    gap: 5px;
    padding: 2px 8px;
    border: 1px solid #E8E8E8;
    background: #FFF;
    justify-content: space-between;
}

.quantitybutton {
    display: flex;
}

.quantityicon {
    width: 16px;
    height: 16px;
}

.quantitytext {
    margin: 0;
    color: #2B2B2B;
    font-size: 16px;
    font-weight: 500;
}

.quantitydiv {
    color: #2b2b2b;
    font-size: 14px;
    /* margin: 15px 0 20px; */
    display: flex;
    flex-direction: column;
    /* gap: 5px; */
}

.rightheader {
    margin-bottom: 15px;
}

.subheading {
    /* font-size: 30px; */
    font-size: 26px;
    color: #575757;
    font-weight: 500;
    margin: 0;
}

.smallheading {
    color: #575757;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
}

.productheading {
    /* font-size: 28px; */
    font-size: 24px;
    color: #575757;
    margin: 0;
    font-weight: 500;
}

.mainprice {
    /* font-size: 24px; */
    font-size: 20px;
    color: #575757;
    margin: 0;
    font-weight: 500;
}

.slashedprice {
    color: #BCBCBC;
    font-size: 20px;
    text-decoration: line-through;
    font-weight: 400;
}

.description {
    color: #BCBCBC;
    /* font-size: 20px; */
    font-size: 18px;
    font-weight: 500;
    margin: 10px 0 12px;
}




.pricedetail-container {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.pricedetails,
.pricedetail-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pricedetail-total {
    margin: 15px 0 20px;
}

.pricedetail-total .pricedetail,
.pricedetail-total .pricedetailtext {
    font-size: 16px;
    font-weight: 500;
}

.pricedetailtext {
    margin: 0;
    color: #575757;
    font-size: 15px;
    font-weight: 400;
}

.pricedetail {
    margin: 0;
    color: #575757;
    font-size: 15px;
    font-weight: 500;
}


.slashed-delivery {
    text-decoration: line-through;
}

.detailtext-green {
    color: #00CD21;
}

.pdt-off-price {
    margin: 0;
    color: #2B2B2B;
     font-size: 22px;
     font-weight: 700;
}
.pdt-org-price{
    text-decoration: line-through;
    color: #BCBCBC; 
    font-size: 16px;
    font-weight: 400;
}

.wish-dlt{
    display: flex;
    gap: 16px;
}
.cart-desc{
    color: #5C5757; 
    font-size: 12px;
    margin: 0;
    font-weight: 600;
}
.cart-pdt-name{
    color: black; 
    font-size: 24px;
     font-family: Manrope;
      font-weight: 600;
}



.quantity-picker-container {
    margin: 20px 0;
    display: flex;
    flex-direction: column;
  }
  .quantity-picker {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
    border-radius: 5px;
    background-color: #fafafa;
    border: 1px solid #d3d3d3;
    width: fit-content;
  }
  .quantity-label {
    margin-bottom: 8px;
    color: #2b2b2b;
    font-size: 14px;
  }
  .minus,
  .plus {
    height: 30px;
    width: 30px;
    border: none;
    background-color: transparent;
  }
  .quantity-picker input {
    background-color: transparent;
    border: none;
    color: #2b2b2b;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    width: 30px;
  }
  .quantity-picker input[type="number"]::-webkit-outer-spin-button,
  .quantity-picker input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .quantity-picker input[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
  }

  .purchase-buttons{
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .atc-btn,
.fav-btn {
  font-size: 16px;
  line-height: 24px;
  border: 1px solid #9747ff;
  padding: 18px 20px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
}
.atc-btn {
  color: #fff;
  background-color: #9747ff;
}
.fav-btn {
  background-color: #fff;
  color: #000000;
}

.price-container{
   
    display: flex;
    gap: 16px;
    align-items: baseline;
}


.couponform {
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin-bottom: 20px;
}
.couponinput {
    border-radius: 5px;
    border: 1px solid #DFDFDF;
    background: #FFF;
    padding: 5px 10px;
    width: 100%;
}
.couponapply {
    padding: 6px 20px;
    border-radius: 5px;
    border: none;
    background-color: #9747ff;
    color: white;
    font-weight: 500;
    font-size: 14px;
}
.couponinput::placeholder {
    color: #BDBDBD !important;
    opacity: 1;
  }
  .couponinput::-ms-input-placeholder {
    color: #BDBDBD !important;
  }

  .couponinput::-webkit-input-placeholder {
    color: #BDBDBD !important;
  }

@media only screen and (max-width: 992px) {
   

    .leftsection,
    .rightsection {
        width: 100%;
    }

   
    .header {
       
        margin-bottom: 15px;
    }

    /* .single-cart-product{
        flex-direction: column;
        
    } */

    .price-container{
        flex-direction: row;
    }
}

@media only screen and (max-width: 768px) {
    .productimage {
        height: 150px;
        width: 150px;
    }
    .cart-container{
        flex-direction: column;
    }
    .price-container{
        flex-direction: row;
    }
}

@media only screen and (max-width: 550px) {
    .productimage {
        height: 100px;
        width: 100px;
    }

    .heading {
        font-size: 28px;
        
    }
    .cart-container{
        flex-direction: column;
    }

    .price-container{
        flex-direction: row;
    }
    
}

@media only screen and (max-width: 500px) {
    .singleproduct {
        flex-direction: column;
        gap: 15px;
    }

    .productimage {
        height: 150px;
        width: 150px;
    }
    .cart-container{
        flex-direction: column;
    }
    .price-container{
        flex-direction: row;
    }
}