/* Calculator table */
.calc-table {
    border-collapse: collapse;
    margin: 10px 0;
    width: auto; /* shrink to fit instead of 100% */
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1rem;
}

.calc-table td {
    padding: 6px 12px;
    vertical-align: middle;
    white-space: nowrap; /* prevent ugly wrapping */
}

/* Quantity dropdown sizing */
.calc-table select.qty {
    min-width: 70px;
    padding: 3px 6px;
    font-size: 1rem;
}

/* Make price text bold & green */
.cash_ppu,
.cash_disp_tot {
    font-weight: 700;
    color: #4e751c;
}

/* Responsive behavior */
@media screen and (min-width: 768px) {
    .small-screen-table { display: none; }
}
@media screen and (max-width: 767px) {
    .large-screen-table { display: none; }
    .calc-table { width: 100%; } /* on mobile, expand */
    .calc-table td { display: block; padding: 8px 0; }
    .calc-table select.qty { width: 10%; }
}

/* Make the shortcode dropdown match the original control */
#infiltrator-calc .qty {
  font-size: 16px;          /* match original text size */
  line-height: 1.2;
  height: 30px;             /* ~28–32px looks like your original */
  padding: 2px 10px;        /* inner spacing */
  border: 1px solid #bfbfbf;
  border-radius: 4px;
  background: #fff;
  min-width: 72px;          /* keep it compact */
  width: auto;
  vertical-align: middle;
  margin-left: .35rem;      /* space after “Quantity:” */
  box-sizing: border-box;
  -webkit-appearance: menulist; /* keep native look on WebKit */
  appearance: menulist;
}

/* Keep the whole desktop row tidy and on one line */
#infiltrator-calc .calc-table td {
  white-space: nowrap;
  vertical-align: middle;
  padding: 6px 12px;
}

/* Mobile: full-width dropdown so it’s easy to tap */
@media (max-width: 767px) {
  #infiltrator-calc .qty {
    width: 100%;
    height: 36px;
    font-size: 16px;
  }
}