#product select[data-product-attribute] {
  display: block;
  width: 100%;
  max-width: 280px;
  height: 44px;
  padding: 6px 10px;
  margin-bottom: 12px;
  border: 2px solid #d0d5dd;
  border-radius: 6px;
  background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12'><path d='M2 4l4 4 4-4' stroke='%23666' stroke-width='2' fill='none' stroke-linecap='round'/></svg>") no-repeat right 10px center/12px auto;
  appearance: none;
}
#product label[for^="group_"] {
  font-weight: 600;
  margin-bottom: 4px;
  display: block;
}
/* Wrapper wariantów */
.product-variants {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;             /* odstęp między polami */
  margin-bottom: 20px;   /* odstęp od przycisku */
}

/* Każdy wariant w osobnym boxie */
.product-variants .product-variants-item {
  flex: 1 1 220px;
  min-width: 220px;
}

/* Etykiety */
.product-variants .control-label {
  display: block;
  font-weight: 600;
  margin-bottom: 6px;
}

/* Selecty */
.product-variants select[data-product-attribute] {
  display: block;
  width: 100%;
  height: 44px;
  padding: 6px 10px;
  border: 2px solid #d0d5dd;
  border-radius: 6px;
  background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12'><path d='M2 4l4 4 4-4' stroke='%23666' stroke-width='2' fill='none' stroke-linecap='round'/></svg>") no-repeat right 10px center/12px auto;
  appearance: none;
  margin-bottom: 0;  /* żeby odstęp był tylko z .product-variants gap */
}