/* Ensure the table scrolls horizontally on very narrow screens */
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.form-control, .check-btn {
    width: 50px !important;
    height: 50px !important;
}

/* On small devices, shrink text and spacing */
@media (max-width: 576px) {
  /* Smaller paddings and font‐sizes */
  #cart-items table td,
  #cart-items table th {
    padding: 0.5rem 0.25rem;
    font-size: 0.85rem;
  }

  /* Force immutably small images */
  #cart-items .img-thumbnail {
    width: 50px !important;
    height: auto;
  }

  .form-control, .check-btn {
        width: 35px !important;
        height: 35px !important;
    }
}

/* Optional: keep the summary card from overlapping */
@media (max-width: 767px) {
  #cart-summary {
    margin-top: 2rem;
  }
}