/** Shopify CDN: Minification failed

Line 128:2 Unexpected "}"

**/
/* SELECTOR DE TALLA — HOJA COMPARTIDA
   DAR, 4-oct-2026

   El mismo selector vivia pintado de tres formas distintas, no porque
   hubiera tres codigos sino porque este CSS estaba DUPLICADO dentro de cada
   seccion y scopeado a ella (.custom-section-ID .cc-picker). Donde el
   selector aparecia fuera de esas secciones —el armador de packs y el
   cross-sell del carrito— salia sin estilos, con la pinta por defecto del
   navegador.

   Estas reglas salen de la rejilla de coleccion, que es la que el cliente
   dio por buena. Van sin scope y se cargan una sola vez en el layout, asi
   que el selector se ve igual en cualquier sitio donde se use.

   Si alguna seccion necesita un matiz, lo sobreescribe con SU scope; esto
   es la base, no un bloqueo. */

.cc-picker {
  position: absolute;
  inset: auto 0 0 0;
  z-index: 5;
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 86%;
  padding: 12px;
  background: #fff;
  border-top: 1px solid var(--color-border);
  box-shadow: 0 -14px 30px rgba(0, 0, 0, 0.16);
  overflow-y: auto;
  }
.cc-picker[hidden] { display: none; }
.cc-picker-cab {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  color: var(--color-text-muted);
  }
.cc-picker-x {
  flex: none;
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.06);
  cursor: pointer;
  }
.cc-picker-x svg { width: 10px; height: 10px; }
.cc-picker-lbl {
  display: block;
  margin-bottom: 5px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: var(--color-text-muted);
  }
.cc-picker-grupo + .cc-picker-grupo { margin-top: 9px; }
.cc-picker-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  }
.cc-chip {
  min-height: 32px;
  padding: 5px 10px;
  border: 1px solid var(--color-border);
  border-radius: 6px;
  background: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  color: #111;
  font-family: inherit;
  transition: background-color 0.12s ease, border-color 0.12s ease;
  }
.cc-chip:hover:not(:disabled) { border-color: #111; }
.cc-chip.is-elegido {
  background: #111;
  border-color: #111;
  color: #fff;
  }
.cc-chip.is-muerto {
  opacity: 0.32;
  cursor: not-allowed;
  text-decoration: line-through;
  }
.cc-picker-add {
  margin-top: 2px;
  min-height: 40px;
  border: 0;
  border-radius: 4px;
  background: var(--color-accent);
  color: #000;
  font-family: var(--font-subheading--family, inherit);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  cursor: pointer;
  }
.cc-picker-add:disabled {
  background: rgba(0, 0, 0, 0.08);
  color: var(--color-text-muted);
  cursor: default;
  }
.cc-chip {
  min-height: 38px;
  padding: 6px 11px;
  font-size: 12.5px;
  }
.cc-picker-chips { gap: 6px; }
.cc-picker-add { min-height: 44px; }
  }