why my quantity and product are not getting updated in cart page

.sticky { display: none; }

@media screen and (max-width: 538px) {
.sticky {
display: inline-block;
background-color: white;
padding: 2px;
width: 99%;
position: fixed;
bottom: 0;
left: 50%;
transform: translateX(-50%);
z-index: 1000;
text-align: center;
}
}
.main-btns button {
width: 49%;
background-color: #215732;
color: white;
border: 2px solid #215732;
border-radius: 8px;
padding: 14px;
font-weight: bold;
}
.main-btns {
display: flex;
justify-content: space-around;
}
.main-btns button:first-child {
background-color: white;
color: #215732;
}

.sold-out-btn {
background-color: white;
color: #215732;
padding: 14px;
width: 100%;
font-weight: bold;
border: 2px solid #215732;
border-radius: 8px;
}

{% if product.available %}
Add to Cart Buy Now
{% else %} Sold Out {% endif %}
{% comment %} {% endcomment %}

Hi,

Check JavaScript Errors,Outdated or Conflicting Apps,AJAX Cart Issues or Update the theme