/* Radios en fila horizontal (desktop) */
.product-variants ul {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

.product-variants li {
  display: inline-flex !important;
  align-items: center !important;
  margin-right: 10px;
}

/* Responsive: en móviles se apilan en columna */
@media (max-width: 576px) {
  .product-variants ul {
    flex-direction: column !important;
    gap: 5px !important;
  }

  .product-variants li {
    margin-right: 0 !important;
  }
}