/* ── Multipedido: cantidades por color en la ficha de producto 3D ── */
.mp3d { border: 1px solid var(--line); background: #fff; }
.mp3d-head {
  display: flex; align-items: center; justify-content: space-between;
  padding: 9px 12px; border-bottom: 1px solid var(--line); background: var(--gold-soft, #fdf7e6);
}
.mp3d-title {
  font-size: 10px; font-weight: 800; letter-spacing: .12em;
  text-transform: uppercase; color: var(--muted);
}
.mp3d-total { font-size: 12px; font-weight: 800; color: var(--text); }
.mp3d-list { max-height: 268px; overflow-y: auto; }
.mp3d-row {
  display: flex; align-items: center; gap: 10px;
  padding: 7px 12px; border-bottom: 1px solid var(--line);
}
.mp3d-row:last-child { border-bottom: none; }
.mp3d-row.is-activa { background: rgba(239, 184, 20, .07); }
.mp3d-swatch {
  width: 26px; height: 26px; border-radius: 50%; border: 2px solid var(--line);
  cursor: pointer; padding: 0; flex-shrink: 0; transition: box-shadow .15s, border-color .15s;
}
.mp3d-swatch.is-sel { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(239, 184, 20, .35); }
.mp3d-name { flex: 1; font-size: 13px; font-weight: 600; color: var(--text); }
.mp3d-qty { display: flex; align-items: center; border: 1px solid var(--line); background: #fff; }
.mp3d-qty button {
  width: 30px; height: 32px; border: none; background: none;
  font-size: 16px; cursor: pointer; color: var(--text); font-family: inherit;
}
.mp3d-input {
  width: 42px; height: 32px; border: none; text-align: center;
  font-size: 13px; font-weight: 700; outline: none; font-family: inherit;
  -moz-appearance: textfield;
}
.mp3d-input::-webkit-outer-spin-button,
.mp3d-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.mp3d-input.tiene { color: var(--gold); background: #fffdf5; }
.mp3d-hint { font-size: 11px; color: var(--muted); padding: 7px 12px 0; }

/* Tick para activar el multipedido */
.mp3d-toggle {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 12px; color: var(--text-2); cursor: pointer; user-select: none;
}
.mp3d-toggle input { width: 15px; height: 15px; accent-color: var(--gold); cursor: pointer; }