/* Set the main table to be responsive */
#bulk-order-form table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed; /* Forces cells to have fixed widths */
  margin: unset;
}

/* Headings and table rows */
#bulk-order-form th, #bulk-order-form td {
  text-align: center;
  border: 1px solid #ddd;
  word-wrap: break-word; /* Allows wrapping of content */
}

#bulk-order-form img {
  width: 207px; /* Adjust to desired uniform size */
  height: 230px;
  object-fit: cover; /* Ensures images fill the space without distortion */
}

/* Nested tables for sizes */
#bulk-order-form td > table {
  width: 100%; /* Ensures the nested table fits its parent cell */
}

#bulk-order-form td > table input[type="number"] {
  width: 60px; /* Sets a fixed width for input fields */
  box-sizing: border-box;
}
#bulk-order-form td {
  min-width: 400px; /* Prevents table compression on small screens */
}

/* Make tables scrollable on small screens */
#bulk-order-form {
  overflow-x: auto;
}