.generator-product-tabs {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-field);
}

.generator-product-tabs__group {
  display: grid;
  gap: var(--space-note);
}

.generator-product-tabs__list {
  display: grid;
  gap: var(--space-label);
}

.generator-product-tabs__rows {
  display: grid;
  gap: var(--space-check);
}

.generator-product-tabs__head,
.generator-product-tabs__row {
  display: grid;
  grid-template-columns: var(--control-h-sm) var(--field-label) minmax(0, 1fr);
  align-items: center;
  gap: var(--space-label-inline);
}

.generator-product-tabs__head {
  color: var(--color-text-subtle);
  font-size: var(--text-xs);
  font-weight: var(--weight-semibold);
}

.generator-product-tabs__head span:first-child {
  grid-column: 2;
}

.generator-product-tabs__row > .sortable__grip {
  margin-inline-start: calc((var(--icon-lg) - var(--control-h-sm)) / 2);
}

.generator-product-tabs__value {
  overflow: hidden;
  color: var(--color-text-muted);
  font-size: var(--text-sm);
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 768px) {
  .generator-product-tabs__head {
    display: none;
  }

  .generator-product-tabs__row {
    grid-template-columns: var(--control-h-sm) minmax(0, 1fr);
    row-gap: var(--space-label);
  }

  .generator-product-tabs__row .field__control {
    grid-column: 2;
  }
}