.ea-variant-first { display: grid; gap: .5rem; }
.ea-variant-label { font-weight: 600; }
.ea-variant-list  { display: flex; flex-wrap: wrap; gap: .5rem; list-style: none; margin: 0; padding: 0; }

.ea-variant-item {
  padding: .45rem .75rem;
  border: 1px solid #d1d5db; /* gray-300 */
  border-radius: .5rem;
  cursor: pointer;
  user-select: none;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  transition: border-color .15s ease, outline-color .15s ease, box-shadow .15s ease;
}

.ea-variant-item .ea-variant-label-text { font-weight: 500; }
.ea-variant-item .ea-variant-price {
  font-size: .9em;
  opacity: .9;
}

.ea-variant-item.is-active {
  outline: 2px solid #2563eb;      /* blauer Ring */
  outline-offset: 2px;
  border-color: #2563eb;            /* blaue Kante */
  box-shadow: 0 0 0 2px rgba(37,99,235,.15);
}

.ea-variant-item.is-disabled {
  opacity: .5;
  cursor: not-allowed;
  text-decoration: line-through;
}