#display-switcher{
  display: flex!important;
}



/* -------------------------------------------------
   🎨 APÉNDICE COLORES – PRODUCT CARD
-------------------------------------------------- */

.producto-colores-append {
  display: flex;
  gap: .35rem;
  margin-top: .5rem;
  padding-left: .1rem;

  /* evita que rompa el layout */
  flex-wrap: wrap;
  justify-content: center;
  padding-bottom: 1vh;
}

/* Dot individual */
.producto-colores-append .color-dot {
  width: .65rem;
  height: .65rem;
  border-radius: 50%;

  /* look limpio / fashion */
  box-shadow: 0 0 0 1px rgba(0,0,0,.15);
  background-clip: padding-box;

  /* no interacción todavía */
  pointer-events: none;
}

/* Dark mode friendly (opcional, no rompe nada) */
@media (prefers-color-scheme: dark) {
  .producto-colores-append .color-dot {
    box-shadow: 0 0 0 1px rgba(255,255,255,.25);
  }
}