/* Opciones configurables: selects (tipo 1) en 2 columnas; tipos 2–4 ancho completo */
#productConfigurableOptions.product-configurable-options-layout {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: var(--spacing-2x, 1.25rem);
  row-gap: var(--spacing-2x, 1.25rem);
  align-items: start;
}

/* Lagom: .section + .section { margin-top } desalineaba la 2ª celda de cada fila (misma fila en grid) */
#productConfigurableOptions.product-configurable-options-layout > .section + .section {
  margin-top: 0;
}

#productConfigurableOptions .product-configurable-option-full {
  grid-column: 1 / -1;
}

@media (max-width: 575.98px) {
  #productConfigurableOptions.product-configurable-options-layout {
    grid-template-columns: 1fr;
  }

  #productConfigurableOptions .product-configurable-option-full {
    grid-column: 1;
  }
}

#productConfigurableOptions .product-configurable-option-col .panel-body.d-flex.flex-nowrap {
  flex-wrap: wrap;
}

#productConfigurableOptions .product-configurable-option-col select.form-control {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

/* Radios/checkboxes internos (tipo 2 y 3) */
#productConfigurableOptions .product-configurable-options-grid > [class*="col-"] {
  box-sizing: border-box;
}

#productConfigurableOptions .product-configurable-options-grid .panel-check .check-content {
  min-width: 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
}