/* Badge de descuento: lo dejo como lo tenías */
.product-miniature__discount-badge{
  margin-left:6px;background:#ff5252;color:#fff;font-weight:700;
  padding:2px 6px;font-size:12px;border-radius:4px;
}

/* Contenedor módulo */
.artwork-variaciones{display:flex;flex-direction:column;gap:10px;margin-top:10px;}
.artwork-variaciones__group{display:flex;flex-direction:column;width:100%;}

/* Etiquetas como en ficha (Bootstrap) */
.artwork-variaciones label{ /* o añade class="form-label" en el TPL */
  margin-bottom:.25rem;font-weight:600;font-size:.875rem;color:var(--bs-gray-700);
}

/* Select con estilo Bootstrap: NO tocar padding/border salvo lo justo */
.artwork-variaciones select.artwork-select{ /* en TPL lleva también class="form-select" */
  width:100%; /* que ocupe todo el ancho */
}

/* Hover/Focus como Bootstrap 5 */
.artwork-variaciones .form-select:hover{
  border-color:var(--bs-primary);
}
.artwork-variaciones .form-select:focus{
  border-color:var(--bs-primary);
  box-shadow:0 0 0 .25rem rgba(var(--bs-primary-rgb), .25);
  outline:0;
}

/* Opciones */
.artwork-variaciones .form-select option{padding:4px}

/* Animación precio (igual que tenías) */
.product-miniature__price{transition:color .3s, transform .3s;}
.product-miniature__price.updated{color:var(--bs-primary);transform:scale(1.05);}
.product-miniature__regular-price{transition:opacity .3s;}