/* =====================================================================
   Group / SME family sizes on the phone sheet.

   The composition grid used to stack two per row on a phone (four rows for
   eight tiles), which left the step very tall. On the phone/tablet sheet it
   now reads four sizes on the first row and the remaining four on the second,
   so every family size M … M+7 stays available.
   ===================================================================== */
@media (max-width: 1024px) {
  body[data-mobile="true"] #quote-form #groupComposition .group-composition-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  /* Four tiles per row is tighter than the old two, so the caption and the
     number sit smaller and the box never overflows. */
  body[data-mobile="true"] #quote-form #groupComposition .group-composition-item label {
    font-size: 0.62rem !important;
    white-space: nowrap !important;
  }

  body[data-mobile="true"] #quote-form #groupComposition .group-composition-item input {
    padding: 0.42rem 0.1rem !important;
    font-size: 0.74rem !important;
  }
}