/* Make the radio option tiles a responsive column grid */
#order-standard_cart .domain-productconfigiration-options-group.domain-selection-options {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(220px, 1fr));
  gap: 20px;
}

/* Ensure each card uses the full grid cell */
#order-standard_cart .domain-productconfigiration-options-item {
  width: 100%;
  margin: 0 !important; /* neutralize any theme margins that cause wrapping */
}

/* Make the label fill the card nicely */
#order-standard_cart .domain-productconfigiration-options-item > label {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  padding: 16px 18px;
}

/* Tablet: 2 columns */
@media (max-width: 991.98px) {
  #order-standard_cart .domain-productconfigiration-options-group.domain-selection-options {
    grid-template-columns: repeat(2, minmax(200px, 1fr));
  }
}

/* Phone: 1 column */
@media (max-width: 575.98px) {
  #order-standard_cart .domain-productconfigiration-options-group.domain-selection-options {
    grid-template-columns: 1fr;
  }
}